@reportportal/ui-kit 0.0.1-alpha.159 → 0.0.1-alpha.160
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/bulkPanel.js +92 -0
- package/dist/chevronDownDropdown-0260bb66.js +5 -0
- package/dist/components/bulkPanel/bulkPanel.d.ts +3 -0
- package/dist/components/bulkPanel/index.d.ts +2 -0
- package/dist/components/bulkPanel/types.d.ts +16 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/pagination/pagination.d.ts +1 -0
- package/dist/icons.js +42 -41
- package/dist/index.js +156 -152
- package/dist/modal.js +94 -114
- package/dist/{pagination-a3dee614.js → pagination-8d397dfd.js} +40 -39
- package/dist/pagination.js +1 -1
- package/dist/{resizeColumn-d4107941.js → resizeColumn-46b5b30f.js} +3 -4
- package/dist/style.css +1 -1
- package/dist/{table-09b572b3.js → table-0adbac16.js} +25 -24
- package/dist/table.js +3 -2
- package/dist/useOnClickOutside-8f7d68a1.js +25 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,172 +1,176 @@
|
|
|
1
|
-
import { AdaptiveTagList as
|
|
2
|
-
import { A as
|
|
1
|
+
import { AdaptiveTagList as b } from "./adaptiveTagList.js";
|
|
2
|
+
import { A as B } from "./index-1a874a8b.js";
|
|
3
3
|
import { B as h } from "./baseIconButton-251479f7.js";
|
|
4
|
-
import { B } from "./breadcrumbs-8e5ca8d7.js";
|
|
5
|
-
import { B as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
4
|
+
import { B as v } from "./breadcrumbs-8e5ca8d7.js";
|
|
5
|
+
import { B as L } from "./bubblesLoader-f3ffa240.js";
|
|
6
|
+
import { BulkPanel as k } from "./bulkPanel.js";
|
|
7
|
+
import { B as E } from "./button-97d9e587.js";
|
|
8
|
+
import { C as U } from "./checkbox-493fdc63.js";
|
|
9
|
+
import { Chip as H } from "./chip.js";
|
|
10
|
+
import { D as N } from "./datePicker-60b22314.js";
|
|
10
11
|
import "react-datepicker";
|
|
11
|
-
import { D as
|
|
12
|
-
import { FieldLabel as
|
|
13
|
-
import { F as
|
|
14
|
-
import { F as
|
|
15
|
-
import { F as
|
|
16
|
-
import { FileDropArea as
|
|
17
|
-
import { FiltersButton as
|
|
18
|
-
import { IssueList as
|
|
19
|
-
import { Modal as
|
|
20
|
-
import { MultipleAutocomplete as
|
|
21
|
-
import { P as
|
|
22
|
-
import { Popover as
|
|
23
|
-
import { R as
|
|
24
|
-
import { S as
|
|
25
|
-
import { S as
|
|
26
|
-
import { SystemAlert as
|
|
27
|
-
import { S as
|
|
28
|
-
import { DragLayer as
|
|
29
|
-
import { T as
|
|
30
|
-
import { T as
|
|
31
|
-
import { T as
|
|
32
|
-
import { Tooltip as
|
|
33
|
-
import { SidePanel as
|
|
34
|
-
import { AddCsvIcon as
|
|
35
|
-
import { S as
|
|
36
|
-
import { S as
|
|
37
|
-
import { S as
|
|
38
|
-
import { S as
|
|
39
|
-
import { S as
|
|
40
|
-
import { S as
|
|
41
|
-
import { S as qr } from "./
|
|
42
|
-
import { S as
|
|
43
|
-
import { S as _r, a as $r } from "./
|
|
44
|
-
import { S as
|
|
45
|
-
import { S as
|
|
46
|
-
import { S as
|
|
47
|
-
import { S as
|
|
12
|
+
import { D as W } from "./dropdown-40fcc3ad.js";
|
|
13
|
+
import { FieldLabel as j } from "./fieldLabel.js";
|
|
14
|
+
import { F as K } from "./fieldNumber-d1b5a7a1.js";
|
|
15
|
+
import { F as V } from "./fieldText-1749da7a.js";
|
|
16
|
+
import { F as Z } from "./fieldTextFlex-2f51c173.js";
|
|
17
|
+
import { FileDropArea as $ } from "./fileDropArea.js";
|
|
18
|
+
import { FiltersButton as ro } from "./filtersButton.js";
|
|
19
|
+
import { IssueList as to } from "./issueList.js";
|
|
20
|
+
import { Modal as no } from "./modal.js";
|
|
21
|
+
import { MultipleAutocomplete as co, SingleAutocomplete as mo } from "./autocompletes.js";
|
|
22
|
+
import { P as so } from "./pagination-8d397dfd.js";
|
|
23
|
+
import { Popover as lo } from "./popover.js";
|
|
24
|
+
import { R as fo } from "./radio-62546efa.js";
|
|
25
|
+
import { S as So } from "./selection-9124d029.js";
|
|
26
|
+
import { S as Co } from "./spinLoader-c4a53718.js";
|
|
27
|
+
import { SystemAlert as Fo } from "./systemAlert.js";
|
|
28
|
+
import { S as bo } from "./systemMessage-924fdaa6.js";
|
|
29
|
+
import { DragLayer as Bo, SortableItem as To, SortableList as ho } from "./sortable.js";
|
|
30
|
+
import { T as vo } from "./table-0adbac16.js";
|
|
31
|
+
import { T as Lo } from "./themeProvider-46c2be7b.js";
|
|
32
|
+
import { T as ko } from "./toggle-304107fa.js";
|
|
33
|
+
import { Tooltip as Eo } from "./tooltip.js";
|
|
34
|
+
import { SidePanel as Uo } from "./sidePanel.js";
|
|
35
|
+
import { AddCsvIcon as Ho, AddImageIcon as Jo, AddJarIcon as No, BreadcrumbsTreeIcon as Go, CalendarIcon as Wo, CheckmarkIcon as Xo, ChevronRightBreadcrumbsIcon as jo, ConfigurationIcon as qo, CopyIcon as Ko, CoverageFullIcon as Qo, CoveragePartialIcon as Vo, CoveredManuallyIcon as Yo, DeleteIcon as Zo, DragAndDropIcon as _o, DragNDropIcon as $o, DurationIcon as or, EditIcon as rr, ExportIcon as er, FlagIcon as tr, GroupByIcon as ar, HideIcon as nr, LaunchTypeIcon as pr, MaximizeIcon as cr, MoveToFolderIcon as mr, PinFilledIcon as ir, PinOutlineIcon as sr, PriorityBlockerIcon as Ir, PriorityCriticalIcon as lr, PriorityHighIcon as xr, PriorityLowIcon as fr, PriorityMediumIcon as dr, PriorityUnspecifiedIcon as ur, RefreshIcon as Sr, RerunIcon as Pr, RunManualIcon as Cr, SearchIcon as gr, SortIcon as Fr, StatusSuccessIcon as Dr, TestPlanIcon as br, UserIcon as yr, WarningIcon as Br } from "./icons.js";
|
|
36
|
+
import { S as hr, a as Ar, b as vr } from "./resizeColumn-46b5b30f.js";
|
|
37
|
+
import { S as Lr } from "./calendarArrow-44c7e60e.js";
|
|
38
|
+
import { S as kr } from "./chevronDownDropdown-0260bb66.js";
|
|
39
|
+
import { S as Er } from "./clear-53660571.js";
|
|
40
|
+
import { S as Ur, a as zr } from "./openEye-950159cb.js";
|
|
41
|
+
import { S as Jr } from "./close-4d480ef7.js";
|
|
42
|
+
import { S as Gr, a as Wr, b as Xr, c as jr, d as qr, e as Kr, f as Qr } from "./xls-995781cc.js";
|
|
43
|
+
import { S as Yr } from "./dropdown-0260bb66.js";
|
|
44
|
+
import { S as _r, a as $r, b as oe } from "./success-8fd8bd2c.js";
|
|
45
|
+
import { S as ee, a as te } from "./filterOutline-819b4b0d.js";
|
|
46
|
+
import { S as ne, a as pe } from "./tree-c3dd3d45.js";
|
|
47
|
+
import { S as me } from "./minus-2857540f.js";
|
|
48
|
+
import { S as se } from "./plus-199fb2a8.js";
|
|
49
|
+
import { S as le, a as xe } from "./prevPage-87faf576.js";
|
|
48
50
|
import "react/jsx-runtime";
|
|
49
51
|
import "react";
|
|
50
52
|
import "./bind-06a7ff84.js";
|
|
51
53
|
import "./isEmpty-ccacb5ff.js";
|
|
54
|
+
import "react-dom";
|
|
55
|
+
import "rc-scrollbars";
|
|
56
|
+
import "./useOnClickOutside-8f7d68a1.js";
|
|
57
|
+
import "react-dnd";
|
|
58
|
+
import "react-dnd-html5-backend";
|
|
52
59
|
import "./keyCodes-f63c0e11.js";
|
|
53
60
|
import "react-datepicker/dist/es/index.js";
|
|
54
|
-
import "react-dom";
|
|
55
61
|
import "@floating-ui/react-dom";
|
|
56
62
|
import "downshift";
|
|
57
|
-
import "rc-scrollbars";
|
|
58
63
|
import "./maxValueDisplay-9be01a75.js";
|
|
59
64
|
import "react-dropzone";
|
|
60
65
|
import "framer-motion";
|
|
61
|
-
import "react-dnd";
|
|
62
|
-
import "react-dnd-html5-backend";
|
|
63
66
|
import "@floating-ui/react";
|
|
64
67
|
import "./floatingUi-41f8c7b5.js";
|
|
65
68
|
import "./common.js";
|
|
66
69
|
import "react-resizable";
|
|
67
70
|
export {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
71
|
+
b as AdaptiveTagList,
|
|
72
|
+
Ho as AddCsvIcon,
|
|
73
|
+
Jo as AddImageIcon,
|
|
74
|
+
No as AddJarIcon,
|
|
75
|
+
hr as ArrowDownIcon,
|
|
76
|
+
Ar as ArrowUpIcon,
|
|
77
|
+
B as AttachedFile,
|
|
75
78
|
h as BaseIconButton,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
79
|
+
v as Breadcrumbs,
|
|
80
|
+
Go as BreadcrumbsTreeIcon,
|
|
81
|
+
L as BubblesLoader,
|
|
82
|
+
k as BulkPanel,
|
|
83
|
+
E as Button,
|
|
84
|
+
Lr as CalendarArrowIcon,
|
|
85
|
+
Wo as CalendarIcon,
|
|
86
|
+
U as Checkbox,
|
|
87
|
+
Xo as CheckmarkIcon,
|
|
88
|
+
kr as ChevronDownDropdownIcon,
|
|
89
|
+
jo as ChevronRightBreadcrumbsIcon,
|
|
90
|
+
H as Chip,
|
|
91
|
+
Er as ClearIcon,
|
|
92
|
+
Ur as CloseEyeIcon,
|
|
93
|
+
Jr as CloseIcon,
|
|
94
|
+
qo as ConfigurationIcon,
|
|
95
|
+
Ko as CopyIcon,
|
|
96
|
+
Qo as CoverageFullIcon,
|
|
97
|
+
Vo as CoveragePartialIcon,
|
|
98
|
+
Yo as CoveredManuallyIcon,
|
|
99
|
+
Gr as CsvIcon,
|
|
100
|
+
N as DatePicker,
|
|
101
|
+
Zo as DeleteIcon,
|
|
102
|
+
_o as DragAndDropIcon,
|
|
103
|
+
Bo as DragLayer,
|
|
104
|
+
$o as DragNDropIcon,
|
|
105
|
+
W as Dropdown,
|
|
106
|
+
Yr as DropdownIcon,
|
|
107
|
+
or as DurationIcon,
|
|
108
|
+
rr as EditIcon,
|
|
109
|
+
_r as ErrorIcon,
|
|
110
|
+
er as ExportIcon,
|
|
111
|
+
Wr as ExternalLinkIcon,
|
|
112
|
+
j as FieldLabel,
|
|
113
|
+
K as FieldNumber,
|
|
114
|
+
V as FieldText,
|
|
115
|
+
Z as FieldTextFlex,
|
|
116
|
+
$ as FileDropArea,
|
|
117
|
+
Xr as FileOtherIcon,
|
|
118
|
+
ee as FilterFilledIcon,
|
|
119
|
+
te as FilterOutlineIcon,
|
|
120
|
+
ro as FiltersButton,
|
|
121
|
+
tr as FlagIcon,
|
|
122
|
+
ar as GroupByIcon,
|
|
123
|
+
nr as HideIcon,
|
|
124
|
+
jr as ImageIcon,
|
|
125
|
+
$r as InfoIcon,
|
|
126
|
+
to as IssueList,
|
|
127
|
+
qr as JarIcon,
|
|
128
|
+
pr as LaunchTypeIcon,
|
|
129
|
+
cr as MaximizeIcon,
|
|
130
|
+
ne as MeatballMenuIcon,
|
|
131
|
+
me as MinusIcon,
|
|
132
|
+
no as Modal,
|
|
133
|
+
mr as MoveToFolderIcon,
|
|
134
|
+
co as MultipleAutocomplete,
|
|
135
|
+
zr as OpenEyeIcon,
|
|
136
|
+
so as Pagination,
|
|
137
|
+
Kr as PdfIcon,
|
|
138
|
+
ir as PinFilledIcon,
|
|
139
|
+
sr as PinOutlineIcon,
|
|
140
|
+
se as PlusIcon,
|
|
141
|
+
lo as Popover,
|
|
142
|
+
le as PrevChapterIcon,
|
|
143
|
+
xe as PrevPageIcon,
|
|
144
|
+
Ir as PriorityBlockerIcon,
|
|
145
|
+
lr as PriorityCriticalIcon,
|
|
146
|
+
xr as PriorityHighIcon,
|
|
147
|
+
fr as PriorityLowIcon,
|
|
148
|
+
dr as PriorityMediumIcon,
|
|
149
|
+
ur as PriorityUnspecifiedIcon,
|
|
150
|
+
fo as Radio,
|
|
151
|
+
Sr as RefreshIcon,
|
|
152
|
+
Pr as RerunIcon,
|
|
153
|
+
vr as ResizeColumnIcon,
|
|
154
|
+
Cr as RunManualIcon,
|
|
155
|
+
gr as SearchIcon,
|
|
156
|
+
So as Selection,
|
|
157
|
+
Uo as SidePanel,
|
|
158
|
+
mo as SingleAutocomplete,
|
|
159
|
+
Fr as SortIcon,
|
|
160
|
+
To as SortableItem,
|
|
161
|
+
ho as SortableList,
|
|
162
|
+
Co as SpinLoader,
|
|
163
|
+
Dr as StatusSuccessIcon,
|
|
164
|
+
oe as SuccessIcon,
|
|
165
|
+
Fo as SystemAlert,
|
|
166
|
+
bo as SystemMessage,
|
|
167
|
+
vo as Table,
|
|
168
|
+
br as TestPlanIcon,
|
|
169
|
+
Lo as ThemeProvider,
|
|
170
|
+
ko as Toggle,
|
|
171
|
+
Eo as Tooltip,
|
|
172
|
+
pe as TreeIcon,
|
|
173
|
+
yr as UserIcon,
|
|
174
|
+
Br as WarningIcon,
|
|
175
|
+
Qr as XlsIcon
|
|
172
176
|
};
|
package/dist/modal.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import {
|
|
1
|
+
import { jsx as e, jsxs as c, Fragment as F } from "react/jsx-runtime";
|
|
2
|
+
import { useState as f, useEffect as y, useRef as G, useMemo as K } from "react";
|
|
3
3
|
import { Scrollbars as U } from "rc-scrollbars";
|
|
4
4
|
import { AnimatePresence as Y, motion as X } from "framer-motion";
|
|
5
|
-
import { c as
|
|
5
|
+
import { c as g } from "./bind-06a7ff84.js";
|
|
6
|
+
import { u as q } from "./useOnClickOutside-8f7d68a1.js";
|
|
6
7
|
import "react-dnd";
|
|
7
8
|
import "react-dnd-html5-backend";
|
|
8
|
-
import { a as
|
|
9
|
-
import { K as
|
|
10
|
-
import { B as
|
|
11
|
-
import { Tooltip as
|
|
12
|
-
import { B as
|
|
13
|
-
import { S as
|
|
9
|
+
import { a as J } from "./dropdown-40fcc3ad.js";
|
|
10
|
+
import { K as Q } from "./keyCodes-f63c0e11.js";
|
|
11
|
+
import { B as A } from "./button-97d9e587.js";
|
|
12
|
+
import { Tooltip as V } from "./tooltip.js";
|
|
13
|
+
import { B as Z } from "./baseIconButton-251479f7.js";
|
|
14
|
+
import { S as ee } from "./close-4d480ef7.js";
|
|
14
15
|
import "react-dom";
|
|
15
16
|
import "@floating-ui/react-dom";
|
|
16
17
|
import "downshift";
|
|
@@ -22,81 +23,60 @@ import "./isEmpty-ccacb5ff.js";
|
|
|
22
23
|
import "./checkbox-493fdc63.js";
|
|
23
24
|
import "@floating-ui/react";
|
|
24
25
|
import "./floatingUi-41f8c7b5.js";
|
|
25
|
-
function ee(t, i, o) {
|
|
26
|
-
const c = z(o);
|
|
27
|
-
w(() => {
|
|
28
|
-
c.current = o;
|
|
29
|
-
}, [o]), w(() => {
|
|
30
|
-
if (!i)
|
|
31
|
-
return;
|
|
32
|
-
const s = (l) => {
|
|
33
|
-
var r, d;
|
|
34
|
-
if (t && t.current && !t.current.contains(l.target)) {
|
|
35
|
-
const a = l.target;
|
|
36
|
-
((d = (r = c.current) == null ? void 0 : r.ignoreSelectors) == null ? void 0 : d.some(
|
|
37
|
-
(E) => a == null ? void 0 : a.closest(E)
|
|
38
|
-
)) || i(l);
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
return document.addEventListener("pointerdown", s), () => {
|
|
42
|
-
document.removeEventListener("pointerdown", s);
|
|
43
|
-
};
|
|
44
|
-
}, [t, i]);
|
|
45
|
-
}
|
|
46
26
|
const te = () => {
|
|
47
|
-
const [
|
|
48
|
-
return
|
|
49
|
-
const
|
|
27
|
+
const [o, i] = f({ width: 0, height: 0 });
|
|
28
|
+
return y(() => {
|
|
29
|
+
const n = () => {
|
|
50
30
|
i({
|
|
51
31
|
width: window.innerWidth,
|
|
52
32
|
height: window.innerHeight
|
|
53
33
|
});
|
|
54
34
|
};
|
|
55
|
-
return window.addEventListener("resize",
|
|
56
|
-
}, []),
|
|
35
|
+
return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
|
|
36
|
+
}, []), o;
|
|
57
37
|
}, oe = {
|
|
58
38
|
"modal-content": "_modal-content_ppzcb_1"
|
|
59
|
-
}, ne =
|
|
39
|
+
}, ne = g.bind(oe), T = ({ children: o }) => /* @__PURE__ */ e("div", { className: ne("modal-content"), children: o }), ie = {
|
|
60
40
|
"buttons-block": "_buttons-block_1mwne_1",
|
|
61
41
|
"button-container": "_button-container_1mwne_7",
|
|
62
42
|
"modal-footer": "_modal-footer_1mwne_12",
|
|
63
43
|
"with-extra-node": "_with-extra-node_1mwne_19",
|
|
64
44
|
"size-small": "_size-small_1mwne_23"
|
|
65
|
-
},
|
|
66
|
-
footerNode:
|
|
45
|
+
}, u = g.bind(ie), ae = ({
|
|
46
|
+
footerNode: o,
|
|
67
47
|
closeHandler: i,
|
|
68
|
-
okButton:
|
|
69
|
-
cancelButton:
|
|
70
|
-
size:
|
|
48
|
+
okButton: n,
|
|
49
|
+
cancelButton: h,
|
|
50
|
+
size: a
|
|
71
51
|
}) => {
|
|
72
|
-
const { tooltipNode:
|
|
73
|
-
const
|
|
74
|
-
return
|
|
52
|
+
const { tooltipNode: p, ...d } = n || {}, v = () => {
|
|
53
|
+
const m = /* @__PURE__ */ e(A, { adjustWidthOn: a === "small" ? "parent" : "min-width", ...d });
|
|
54
|
+
return p ? /* @__PURE__ */ e(V, { content: p, placement: "top", width: 270, children: m }) : m;
|
|
75
55
|
};
|
|
76
|
-
return /* @__PURE__ */
|
|
77
|
-
|
|
78
|
-
/* @__PURE__ */
|
|
79
|
-
|
|
80
|
-
|
|
56
|
+
return /* @__PURE__ */ c("div", { className: u("modal-footer", { "with-extra-node": o, [`size-${a}`]: a }), children: [
|
|
57
|
+
o && o,
|
|
58
|
+
/* @__PURE__ */ c("div", { className: u("buttons-block"), children: [
|
|
59
|
+
h && /* @__PURE__ */ e("div", { className: u("button-container"), children: /* @__PURE__ */ e(
|
|
60
|
+
A,
|
|
81
61
|
{
|
|
82
62
|
variant: "ghost",
|
|
83
|
-
adjustWidthOn:
|
|
63
|
+
adjustWidthOn: a === "small" ? "parent" : "min-width",
|
|
84
64
|
onClick: i,
|
|
85
|
-
...
|
|
65
|
+
...h
|
|
86
66
|
}
|
|
87
67
|
) }),
|
|
88
|
-
|
|
68
|
+
n && /* @__PURE__ */ e("div", { className: u("button-container"), children: v() })
|
|
89
69
|
] })
|
|
90
70
|
] });
|
|
91
|
-
},
|
|
71
|
+
}, se = {
|
|
92
72
|
"modal-header": "_modal-header_w4aaf_1",
|
|
93
73
|
"width-description": "_width-description_w4aaf_10",
|
|
94
74
|
"modal-header-content": "_modal-header-content_w4aaf_14",
|
|
95
75
|
"modal-title": "_modal-title_w4aaf_20",
|
|
96
76
|
"close-modal-icon": "_close-modal-icon_w4aaf_29"
|
|
97
|
-
},
|
|
98
|
-
/* @__PURE__ */ e("div", { className:
|
|
99
|
-
/* @__PURE__ */ e(
|
|
77
|
+
}, w = g.bind(se), le = ({ title: o, onClose: i, withDescription: n = !1 }) => /* @__PURE__ */ c("div", { className: w("modal-header", { "width-description": n }), children: [
|
|
78
|
+
/* @__PURE__ */ e("div", { className: w("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: w("modal-title"), children: o }) }),
|
|
79
|
+
/* @__PURE__ */ e(Z, { className: w("close-modal-icon"), onClick: i, children: /* @__PURE__ */ e(ee, {}) })
|
|
100
80
|
] }), re = "_modal_35896_1", ce = "_description_35896_43", de = {
|
|
101
81
|
modal: re,
|
|
102
82
|
"overlay-default": "_overlay-default_35896_12",
|
|
@@ -109,84 +89,84 @@ const te = () => {
|
|
|
109
89
|
"size-default": "_size-default_35896_62",
|
|
110
90
|
"size-small": "_size-small_35896_74",
|
|
111
91
|
"size-large": "_size-large_35896_86"
|
|
112
|
-
},
|
|
113
|
-
title:
|
|
92
|
+
}, r = g.bind(de), me = 0.9, _e = 32 + 24, he = 32 + 8, pe = 36 + 16, ue = 32 * 2, Be = ({
|
|
93
|
+
title: o,
|
|
114
94
|
children: i,
|
|
115
|
-
footerNode:
|
|
116
|
-
okButton:
|
|
117
|
-
cancelButton:
|
|
118
|
-
className:
|
|
119
|
-
size:
|
|
120
|
-
onClose:
|
|
95
|
+
footerNode: n,
|
|
96
|
+
okButton: h,
|
|
97
|
+
cancelButton: a,
|
|
98
|
+
className: p,
|
|
99
|
+
size: d = "default",
|
|
100
|
+
onClose: v = () => {
|
|
121
101
|
},
|
|
122
|
-
overlay:
|
|
123
|
-
zIndex:
|
|
124
|
-
allowCloseOutside:
|
|
102
|
+
overlay: m = "default",
|
|
103
|
+
zIndex: D = 2,
|
|
104
|
+
allowCloseOutside: z = !0,
|
|
125
105
|
scrollable: C = !1,
|
|
126
|
-
withoutFooter:
|
|
127
|
-
createFooter:
|
|
128
|
-
description:
|
|
106
|
+
withoutFooter: H = !1,
|
|
107
|
+
createFooter: N = null,
|
|
108
|
+
description: s = null
|
|
129
109
|
}) => {
|
|
130
|
-
const [
|
|
131
|
-
let
|
|
132
|
-
return
|
|
133
|
-
},
|
|
134
|
-
|
|
135
|
-
},
|
|
136
|
-
const { keyCode:
|
|
137
|
-
|
|
138
|
-
},
|
|
139
|
-
var
|
|
140
|
-
|
|
110
|
+
const [S, O] = f(!1), [k, R] = f(0), [I, L] = f(!1), l = G(null), E = te(), M = E.height, $ = M * me, b = (M - k) / 2, W = () => {
|
|
111
|
+
let t = $ - ue;
|
|
112
|
+
return H || (t = t - pe), s ? t = t - he : t = t - _e, t;
|
|
113
|
+
}, _ = () => {
|
|
114
|
+
O(!1);
|
|
115
|
+
}, x = (t) => {
|
|
116
|
+
const { keyCode: j } = t;
|
|
117
|
+
j === Q.ESCAPE_KEY_CODE && _();
|
|
118
|
+
}, P = () => {
|
|
119
|
+
var t;
|
|
120
|
+
I || ((t = l.current) == null || t.focus(), L(!0));
|
|
141
121
|
};
|
|
142
|
-
|
|
143
|
-
if (
|
|
144
|
-
const { clientHeight:
|
|
145
|
-
R(
|
|
122
|
+
y(() => {
|
|
123
|
+
if (l && l.current) {
|
|
124
|
+
const { clientHeight: t } = l.current;
|
|
125
|
+
R(t);
|
|
146
126
|
}
|
|
147
|
-
}, [i,
|
|
148
|
-
const
|
|
127
|
+
}, [i, E]), y(() => (O(!0), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []);
|
|
128
|
+
const B = K(
|
|
149
129
|
() => ({
|
|
150
|
-
ignoreSelectors: [`[${
|
|
130
|
+
ignoreSelectors: [`[${J}]`]
|
|
151
131
|
}),
|
|
152
132
|
[]
|
|
153
133
|
);
|
|
154
|
-
return
|
|
134
|
+
return q(l, z ? _ : void 0, B), /* @__PURE__ */ e(Y, { onExitComplete: v, children: S && /* @__PURE__ */ e("div", { className: r("modal", { [`overlay-${m}`]: m }), style: { zIndex: D }, children: /* @__PURE__ */ c(
|
|
155
135
|
X.div,
|
|
156
136
|
{
|
|
157
|
-
className:
|
|
158
|
-
ref:
|
|
137
|
+
className: r("modal-window", { [`size-${d}`]: d }, p),
|
|
138
|
+
ref: l,
|
|
159
139
|
tabIndex: 0,
|
|
160
|
-
initial: { opacity: 0, marginTop: -
|
|
161
|
-
animate: { opacity: 1, marginTop:
|
|
162
|
-
exit: { opacity: 0, marginTop: -
|
|
140
|
+
initial: { opacity: 0, marginTop: -b },
|
|
141
|
+
animate: { opacity: 1, marginTop: b },
|
|
142
|
+
exit: { opacity: 0, marginTop: -b },
|
|
163
143
|
transition: { duration: 0.3 },
|
|
164
|
-
onAnimationStart:
|
|
144
|
+
onAnimationStart: P,
|
|
165
145
|
children: [
|
|
166
|
-
/* @__PURE__ */ e(le, { title:
|
|
167
|
-
C ? /* @__PURE__ */ e("div", { className:
|
|
146
|
+
/* @__PURE__ */ e(le, { title: o, onClose: _, withDescription: !!s }),
|
|
147
|
+
C ? /* @__PURE__ */ e("div", { className: r("scrollable-wrapper"), children: /* @__PURE__ */ e(
|
|
168
148
|
U,
|
|
169
149
|
{
|
|
170
150
|
autoHeight: !0,
|
|
171
|
-
autoHeightMax:
|
|
151
|
+
autoHeightMax: W(),
|
|
172
152
|
hideTracksWhenNotNeeded: !0,
|
|
173
|
-
children: /* @__PURE__ */
|
|
174
|
-
|
|
175
|
-
/* @__PURE__ */ e(
|
|
153
|
+
children: /* @__PURE__ */ c("div", { className: r("scrollable-content"), children: [
|
|
154
|
+
s && /* @__PURE__ */ e("span", { className: r("description"), children: s }),
|
|
155
|
+
/* @__PURE__ */ e(T, { children: i })
|
|
176
156
|
] })
|
|
177
157
|
}
|
|
178
|
-
) }) : /* @__PURE__ */
|
|
179
|
-
|
|
180
|
-
/* @__PURE__ */ e(
|
|
158
|
+
) }) : /* @__PURE__ */ c(F, { children: [
|
|
159
|
+
s && /* @__PURE__ */ e("span", { className: r("description"), children: s }),
|
|
160
|
+
/* @__PURE__ */ e(T, { children: i })
|
|
181
161
|
] }),
|
|
182
|
-
!
|
|
183
|
-
|
|
162
|
+
!H && (N ? N(_) : /* @__PURE__ */ e(
|
|
163
|
+
ae,
|
|
184
164
|
{
|
|
185
|
-
size:
|
|
186
|
-
footerNode:
|
|
187
|
-
okButton:
|
|
188
|
-
cancelButton:
|
|
189
|
-
closeHandler:
|
|
165
|
+
size: d,
|
|
166
|
+
footerNode: n,
|
|
167
|
+
okButton: h,
|
|
168
|
+
cancelButton: a,
|
|
169
|
+
closeHandler: _
|
|
190
170
|
}
|
|
191
171
|
))
|
|
192
172
|
]
|
|
@@ -195,8 +175,8 @@ const te = () => {
|
|
|
195
175
|
) }) });
|
|
196
176
|
};
|
|
197
177
|
export {
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
178
|
+
Be as Modal,
|
|
179
|
+
T as ModalContent,
|
|
180
|
+
ae as ModalFooter,
|
|
201
181
|
le as ModalHeader
|
|
202
182
|
};
|