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