@reportportal/ui-kit 0.0.1-alpha.148 → 0.0.1-alpha.149
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/useSortable.d.ts +1 -1
- package/dist/common/types/sortableTypes.d.ts +16 -1
- package/dist/common.js +11 -0
- package/dist/components/sortable/helpers.d.ts +7 -0
- package/dist/components/sortable/sortableItem/sortableItem.d.ts +1 -1
- package/dist/components/table/types.d.ts +1 -0
- package/dist/index.js +147 -146
- package/dist/sortable.js +177 -123
- package/dist/style.css +1 -1
- package/dist/{table-f1461100.js → table-82d5455c.js} +96 -94
- package/dist/table.js +2 -1
- package/package.json +4 -3
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { UseSortableOptions, UseSortableReturn } from '../types';
|
|
2
2
|
|
|
3
|
-
export declare const useSortable: ({ id, index, type, isDisabled, onDrop, hideDefaultPreview, }: UseSortableOptions) => UseSortableReturn;
|
|
3
|
+
export declare const useSortable: ({ id, index, type, isDisabled, isLast, onDrop, hideDefaultPreview, dropDetectionMode, }: UseSortableOptions) => UseSortableReturn;
|
|
@@ -8,19 +8,32 @@ export interface SortableItemData {
|
|
|
8
8
|
export interface DragItem extends SortableItemData {
|
|
9
9
|
type: string;
|
|
10
10
|
}
|
|
11
|
+
export declare const DROP_POSITIONS: {
|
|
12
|
+
readonly TOP: "top";
|
|
13
|
+
readonly BOTTOM: "bottom";
|
|
14
|
+
};
|
|
15
|
+
export type DropPositionValue = (typeof DROP_POSITIONS)[keyof typeof DROP_POSITIONS];
|
|
16
|
+
export type DropPosition = DropPositionValue | null;
|
|
17
|
+
export declare const DROP_DETECTION_MODE: {
|
|
18
|
+
readonly INDEX_BASED: "indexBased";
|
|
19
|
+
readonly HOVER: "hover";
|
|
20
|
+
};
|
|
21
|
+
export type DropDetectionMode = (typeof DROP_DETECTION_MODE)[keyof typeof DROP_DETECTION_MODE];
|
|
11
22
|
export interface UseSortableOptions {
|
|
12
23
|
id: string | number;
|
|
13
24
|
index: number;
|
|
14
25
|
type?: string;
|
|
15
26
|
isDisabled?: boolean;
|
|
27
|
+
isLast?: boolean;
|
|
16
28
|
onDrop?: (fromIndex: number, toIndex: number) => void;
|
|
17
29
|
hideDefaultPreview?: boolean;
|
|
30
|
+
dropDetectionMode?: DropDetectionMode;
|
|
18
31
|
}
|
|
19
32
|
export interface UseSortableReturn {
|
|
20
33
|
isDragging: boolean;
|
|
21
34
|
isOver: boolean;
|
|
22
35
|
draggedItemIndex: number | null;
|
|
23
|
-
dropPosition:
|
|
36
|
+
dropPosition: DropPosition;
|
|
24
37
|
dragRef: ConnectDragSource;
|
|
25
38
|
dropRef: ConnectDropTarget;
|
|
26
39
|
previewRef: ConnectDragPreview;
|
|
@@ -35,11 +48,13 @@ export interface SortableItemProps {
|
|
|
35
48
|
index: number;
|
|
36
49
|
type?: string;
|
|
37
50
|
isDisabled?: boolean;
|
|
51
|
+
isLast?: boolean;
|
|
38
52
|
className?: string;
|
|
39
53
|
draggingClassName?: string;
|
|
40
54
|
dropTargetClassName?: string;
|
|
41
55
|
onDrop?: (fromIndex: number, toIndex: number) => void;
|
|
42
56
|
hideDefaultPreview?: boolean;
|
|
57
|
+
dropDetectionMode?: DropDetectionMode;
|
|
43
58
|
children: ReactNode | ((props: SortableItemRenderProps) => ReactNode);
|
|
44
59
|
}
|
|
45
60
|
export interface SortableListProps<T extends {
|
package/dist/common.js
ADDED
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { XYCoord } from 'react-dnd';
|
|
3
|
+
import { DropPosition } from '../../common/types';
|
|
3
4
|
|
|
4
5
|
export declare const getPreviewStyles: (clientOffset: XYCoord | null) => CSSProperties;
|
|
6
|
+
export declare const calculateCursorBasedDropIndex: ({ fromIndex, targetIndex, isTopZone, }: {
|
|
7
|
+
fromIndex: number;
|
|
8
|
+
targetIndex: number;
|
|
9
|
+
isTopZone: boolean;
|
|
10
|
+
}) => number;
|
|
11
|
+
export declare const getDropZone: (cursorY: number, elementHeight: number) => DropPosition;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SortableItemProps } from '../../../common/types';
|
|
2
2
|
|
|
3
|
-
export declare const SortableItem: ({ id, index, type, isDisabled, className, draggingClassName, dropTargetClassName, onDrop, hideDefaultPreview, children, }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const SortableItem: ({ id, index, type, isDisabled, className, draggingClassName, dropTargetClassName, onDrop, hideDefaultPreview, dropDetectionMode, isLast, children, }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -57,6 +57,7 @@ export interface TableComponentProps {
|
|
|
57
57
|
pinnedColumnKeys?: string[];
|
|
58
58
|
isRowsExpandable?: boolean;
|
|
59
59
|
expandedRowIds?: (string | number)[];
|
|
60
|
+
isSelectAllCheckboxAlwaysVisible?: boolean;
|
|
60
61
|
setExpandedRowIds?: Dispatch<SetStateAction<Set<string | number>>>;
|
|
61
62
|
isAllExpandedByDefault?: boolean;
|
|
62
63
|
expandAllTooltip?: ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
import { AdaptiveTagList as
|
|
2
|
-
import { A as
|
|
3
|
-
import { B as
|
|
4
|
-
import { B } from "./breadcrumbs-8e5ca8d7.js";
|
|
5
|
-
import { B as
|
|
6
|
-
import { B as
|
|
7
|
-
import { C as
|
|
8
|
-
import { D as
|
|
1
|
+
import { AdaptiveTagList as D } from "./adaptiveTagList.js";
|
|
2
|
+
import { A as y } from "./index-1a874a8b.js";
|
|
3
|
+
import { B as A } from "./baseIconButton-251479f7.js";
|
|
4
|
+
import { B as h } from "./breadcrumbs-8e5ca8d7.js";
|
|
5
|
+
import { B as M } from "./bubblesLoader-f3ffa240.js";
|
|
6
|
+
import { B as L } from "./button-97d9e587.js";
|
|
7
|
+
import { C as k } from "./checkbox-ed6cc375.js";
|
|
8
|
+
import { D as O } from "./datePicker-eaf5d130.js";
|
|
9
9
|
import "react-datepicker";
|
|
10
|
-
import { D as
|
|
11
|
-
import { FieldLabel as
|
|
12
|
-
import { F as
|
|
13
|
-
import { F as
|
|
14
|
-
import { F as
|
|
15
|
-
import { FileDropArea as
|
|
16
|
-
import { FiltersButton as
|
|
17
|
-
import { Modal as
|
|
18
|
-
import { MultipleAutocomplete as
|
|
19
|
-
import { P as
|
|
20
|
-
import { Popover as
|
|
21
|
-
import { R as
|
|
22
|
-
import { S as
|
|
23
|
-
import { S as
|
|
24
|
-
import { SystemAlert as
|
|
25
|
-
import { S as
|
|
26
|
-
import { DragLayer as
|
|
27
|
-
import { T as
|
|
28
|
-
import { T as
|
|
29
|
-
import { T as
|
|
30
|
-
import { Tooltip as
|
|
31
|
-
import { SidePanel as
|
|
32
|
-
import { AddCsvIcon as
|
|
33
|
-
import { S as
|
|
34
|
-
import { S 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
|
|
42
|
-
import { S as
|
|
43
|
-
import { S as
|
|
44
|
-
import { S as
|
|
45
|
-
import { S as
|
|
10
|
+
import { D as z } from "./dropdown-798def53.js";
|
|
11
|
+
import { FieldLabel as J } from "./fieldLabel.js";
|
|
12
|
+
import { F as G } from "./fieldNumber-d1b5a7a1.js";
|
|
13
|
+
import { F as X } from "./fieldText-1749da7a.js";
|
|
14
|
+
import { F as q } from "./fieldTextFlex-2f51c173.js";
|
|
15
|
+
import { FileDropArea as Q } from "./fileDropArea.js";
|
|
16
|
+
import { FiltersButton as Y } from "./filtersButton.js";
|
|
17
|
+
import { Modal as _ } from "./modal.js";
|
|
18
|
+
import { MultipleAutocomplete as oo, SingleAutocomplete as ro } from "./autocompletes.js";
|
|
19
|
+
import { P as to } from "./pagination-a3dee614.js";
|
|
20
|
+
import { Popover as no } from "./popover.js";
|
|
21
|
+
import { R as po } from "./radio-62546efa.js";
|
|
22
|
+
import { S as mo } from "./selection-9124d029.js";
|
|
23
|
+
import { S as Io } from "./spinLoader-c4a53718.js";
|
|
24
|
+
import { SystemAlert as xo } from "./systemAlert.js";
|
|
25
|
+
import { S as uo } from "./systemMessage-924fdaa6.js";
|
|
26
|
+
import { DragLayer as Po, SortableItem as Co, SortableList as go } from "./sortable.js";
|
|
27
|
+
import { T as Do } from "./table-82d5455c.js";
|
|
28
|
+
import { T as yo } from "./themeProvider-46c2be7b.js";
|
|
29
|
+
import { T as Ao } from "./toggle-304107fa.js";
|
|
30
|
+
import { Tooltip as ho } from "./tooltip.js";
|
|
31
|
+
import { SidePanel as Mo } from "./sidePanel.js";
|
|
32
|
+
import { AddCsvIcon as Lo, AddImageIcon as Ro, AddJarIcon as ko, BreadcrumbsTreeIcon as Eo, CalendarIcon as Oo, CheckmarkIcon as Uo, ChevronRightBreadcrumbsIcon as zo, ConfigurationIcon as Ho, CopyIcon as Jo, CoverageFullIcon as No, CoveragePartialIcon as Go, CoveredManuallyIcon as Wo, DeleteIcon as Xo, DragAndDropIcon as jo, DragNDropIcon as qo, DurationIcon as Ko, EditIcon as Qo, ExportIcon as Vo, FlagIcon as Yo, GroupByIcon as Zo, HideIcon as _o, LaunchTypeIcon as $o, MaximizeIcon as or, MoveToFolderIcon as rr, PinFilledIcon as er, PinOutlineIcon as tr, PriorityBlockerIcon as ar, PriorityCriticalIcon as nr, PriorityHighIcon as cr, PriorityLowIcon as pr, PriorityMediumIcon as ir, PriorityUnspecifiedIcon as mr, RefreshIcon as sr, RerunIcon as Ir, RunManualIcon as lr, SearchIcon as xr, SortIcon as fr, StatusSuccessIcon as dr, TestPlanIcon as ur, UserIcon as Sr, WarningIcon as Pr } from "./icons.js";
|
|
33
|
+
import { S as gr, a as Fr, b as Dr, c as br } from "./resizeColumn-d4107941.js";
|
|
34
|
+
import { S as Tr } from "./calendarArrow-44c7e60e.js";
|
|
35
|
+
import { S as Br } from "./clear-53660571.js";
|
|
36
|
+
import { S as vr, a as Mr } from "./openEye-950159cb.js";
|
|
37
|
+
import { S as Lr } from "./close-4d480ef7.js";
|
|
38
|
+
import { S as kr, a as Er, b as Or, c as Ur, d as zr, e as Hr, f as Jr } from "./xls-995781cc.js";
|
|
39
|
+
import { S as Gr } from "./dropdown-0260bb66.js";
|
|
40
|
+
import { S as Xr, a as jr, b as qr } from "./success-8fd8bd2c.js";
|
|
41
|
+
import { S as Qr, a as Vr } from "./filterOutline-819b4b0d.js";
|
|
42
|
+
import { S as Zr, a as _r } from "./tree-c3dd3d45.js";
|
|
43
|
+
import { S as oe } from "./minus-2857540f.js";
|
|
44
|
+
import { S as ee } from "./plus-199fb2a8.js";
|
|
45
|
+
import { S as ae, a as ne } from "./prevPage-87faf576.js";
|
|
46
46
|
import "react/jsx-runtime";
|
|
47
47
|
import "react";
|
|
48
48
|
import "./bind-06a7ff84.js";
|
|
@@ -60,108 +60,109 @@ import "react-dnd";
|
|
|
60
60
|
import "react-dnd-html5-backend";
|
|
61
61
|
import "@floating-ui/react";
|
|
62
62
|
import "./floatingUi-41f8c7b5.js";
|
|
63
|
+
import "./common.js";
|
|
63
64
|
import "react-resizable";
|
|
64
65
|
export {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
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
|
-
|
|
66
|
+
D as AdaptiveTagList,
|
|
67
|
+
Lo as AddCsvIcon,
|
|
68
|
+
Ro as AddImageIcon,
|
|
69
|
+
ko as AddJarIcon,
|
|
70
|
+
gr as ArrowDownIcon,
|
|
71
|
+
Fr as ArrowUpIcon,
|
|
72
|
+
y as AttachedFile,
|
|
73
|
+
A as BaseIconButton,
|
|
74
|
+
h as Breadcrumbs,
|
|
75
|
+
Eo as BreadcrumbsTreeIcon,
|
|
76
|
+
M as BubblesLoader,
|
|
77
|
+
L as Button,
|
|
78
|
+
Tr as CalendarArrowIcon,
|
|
79
|
+
Oo as CalendarIcon,
|
|
80
|
+
k as Checkbox,
|
|
81
|
+
Uo as CheckmarkIcon,
|
|
82
|
+
Dr as ChevronDownDropdownIcon,
|
|
83
|
+
zo as ChevronRightBreadcrumbsIcon,
|
|
84
|
+
Br as ClearIcon,
|
|
85
|
+
vr as CloseEyeIcon,
|
|
86
|
+
Lr as CloseIcon,
|
|
87
|
+
Ho as ConfigurationIcon,
|
|
88
|
+
Jo as CopyIcon,
|
|
89
|
+
No as CoverageFullIcon,
|
|
90
|
+
Go as CoveragePartialIcon,
|
|
91
|
+
Wo as CoveredManuallyIcon,
|
|
92
|
+
kr as CsvIcon,
|
|
93
|
+
O as DatePicker,
|
|
94
|
+
Xo as DeleteIcon,
|
|
95
|
+
jo as DragAndDropIcon,
|
|
96
|
+
Po as DragLayer,
|
|
97
|
+
qo as DragNDropIcon,
|
|
98
|
+
z as Dropdown,
|
|
99
|
+
Gr as DropdownIcon,
|
|
100
|
+
Ko as DurationIcon,
|
|
101
|
+
Qo as EditIcon,
|
|
102
|
+
Xr as ErrorIcon,
|
|
103
|
+
Vo as ExportIcon,
|
|
104
|
+
Er as ExternalLinkIcon,
|
|
105
|
+
J as FieldLabel,
|
|
106
|
+
G as FieldNumber,
|
|
107
|
+
X as FieldText,
|
|
108
|
+
q as FieldTextFlex,
|
|
109
|
+
Q as FileDropArea,
|
|
110
|
+
Or as FileOtherIcon,
|
|
111
|
+
Qr as FilterFilledIcon,
|
|
112
|
+
Vr as FilterOutlineIcon,
|
|
113
|
+
Y as FiltersButton,
|
|
114
|
+
Yo as FlagIcon,
|
|
115
|
+
Zo as GroupByIcon,
|
|
116
|
+
_o as HideIcon,
|
|
117
|
+
Ur as ImageIcon,
|
|
118
|
+
jr as InfoIcon,
|
|
119
|
+
zr as JarIcon,
|
|
120
|
+
$o as LaunchTypeIcon,
|
|
121
|
+
or as MaximizeIcon,
|
|
122
|
+
Zr as MeatballMenuIcon,
|
|
123
|
+
oe as MinusIcon,
|
|
124
|
+
_ as Modal,
|
|
125
|
+
rr as MoveToFolderIcon,
|
|
126
|
+
oo as MultipleAutocomplete,
|
|
127
|
+
Mr as OpenEyeIcon,
|
|
128
|
+
to as Pagination,
|
|
129
|
+
Hr as PdfIcon,
|
|
130
|
+
er as PinFilledIcon,
|
|
131
|
+
tr as PinOutlineIcon,
|
|
132
|
+
ee as PlusIcon,
|
|
133
|
+
no as Popover,
|
|
134
|
+
ae as PrevChapterIcon,
|
|
135
|
+
ne as PrevPageIcon,
|
|
136
|
+
ar as PriorityBlockerIcon,
|
|
137
|
+
nr as PriorityCriticalIcon,
|
|
138
|
+
cr as PriorityHighIcon,
|
|
139
|
+
pr as PriorityLowIcon,
|
|
140
|
+
ir as PriorityMediumIcon,
|
|
141
|
+
mr as PriorityUnspecifiedIcon,
|
|
142
|
+
po as Radio,
|
|
143
|
+
sr as RefreshIcon,
|
|
144
|
+
Ir as RerunIcon,
|
|
145
|
+
br as ResizeColumnIcon,
|
|
146
|
+
lr as RunManualIcon,
|
|
147
|
+
xr as SearchIcon,
|
|
148
|
+
mo as Selection,
|
|
149
|
+
Mo as SidePanel,
|
|
150
|
+
ro as SingleAutocomplete,
|
|
151
|
+
fr as SortIcon,
|
|
152
|
+
Co as SortableItem,
|
|
153
|
+
go as SortableList,
|
|
154
|
+
Io as SpinLoader,
|
|
155
|
+
dr as StatusSuccessIcon,
|
|
156
|
+
qr as SuccessIcon,
|
|
157
|
+
xo as SystemAlert,
|
|
158
|
+
uo as SystemMessage,
|
|
159
|
+
Do as Table,
|
|
160
|
+
ur as TestPlanIcon,
|
|
161
|
+
yo as ThemeProvider,
|
|
162
|
+
Ao as Toggle,
|
|
163
|
+
ho as Tooltip,
|
|
164
|
+
_r as TreeIcon,
|
|
165
|
+
Sr as UserIcon,
|
|
166
|
+
Pr as WarningIcon,
|
|
167
|
+
Jr as XlsIcon
|
|
167
168
|
};
|