@reportportal/ui-kit 0.0.1-alpha.181 → 0.0.1-alpha.183
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/adaptiveTagList.js +1 -1
- package/dist/autocompletes.js +1 -1
- package/dist/breadcrumbs-17d75830.js +180 -0
- package/dist/breadcrumbs.js +1 -1
- package/dist/bulkPanel.js +2 -2
- package/dist/button-7ab874f3.js +66 -0
- package/dist/button.js +1 -1
- package/dist/common/hooks/useSortable.d.ts +1 -1
- package/dist/common/hooks.js +1 -1
- package/dist/common/types/sortableTypes.d.ts +10 -1
- package/dist/common.js +11 -5
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +1 -1
- package/dist/components/breadcrumbs/types.d.ts +1 -0
- package/dist/components/sidePanel/sidePanel.d.ts +2 -1
- package/dist/components/sortable/helpers.d.ts +1 -0
- package/dist/components/sortable/sortableItem/sortableItem.d.ts +1 -1
- package/dist/datePicker.js +1 -1
- package/dist/dropdown.js +1 -1
- package/dist/fileDropArea.js +1 -1
- package/dist/index.js +5 -5
- package/dist/modal.js +1 -1
- package/dist/{pagination-4ded0ec6.js → pagination-60bd45c1.js} +1 -1
- package/dist/pagination.js +2 -2
- package/dist/{selection-9124d029.js → selection-da1a3528.js} +1 -1
- package/dist/selection.js +2 -2
- package/dist/sidePanel.js +45 -44
- package/dist/sortable.js +191 -183
- package/dist/style.css +2 -2
- package/dist/useTreeSortable-687d8f74.js +192 -0
- package/package.json +1 -1
- package/dist/breadcrumbs-1c9f0a3f.js +0 -184
- package/dist/button-97d9e587.js +0 -66
- package/dist/useTreeSortable-694cfbbc.js +0 -184
package/dist/adaptiveTagList.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as l, jsxs as g, Fragment as W } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as Z, useState as N, useCallback as m, useMemo as h, useEffect as S } from "react";
|
|
3
3
|
import { c as A } from "./bind-06a7ff84.js";
|
|
4
|
-
import { B as M } from "./button-
|
|
4
|
+
import { B as M } from "./button-7ab874f3.js";
|
|
5
5
|
import { S as V } from "./close-4d480ef7.js";
|
|
6
6
|
import { i as tt } from "./isEmpty-ccacb5ff.js";
|
|
7
7
|
const et = 3, st = 22, nt = 8, it = 0, at = 100, ot = 20, lt = {
|
package/dist/autocompletes.js
CHANGED
|
@@ -3,7 +3,7 @@ import { useState as le, useRef as Ne, useEffect as ke, useCallback as V, forwar
|
|
|
3
3
|
import { c as J } from "./bind-06a7ff84.js";
|
|
4
4
|
import { Scrollbars as $e } from "rc-scrollbars";
|
|
5
5
|
import { B as Pe } from "./bubblesLoader-f3ffa240.js";
|
|
6
|
-
import { B as je } from "./button-
|
|
6
|
+
import { B as je } from "./button-7ab874f3.js";
|
|
7
7
|
import { S as Oe } from "./plus-199fb2a8.js";
|
|
8
8
|
import { i as he } from "./isEmpty-ccacb5ff.js";
|
|
9
9
|
import ce from "downshift";
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { jsx as e, jsxs as C, Fragment as M } from "react/jsx-runtime";
|
|
2
|
+
import { c as x } from "./bind-06a7ff84.js";
|
|
3
|
+
import { take as $, drop as j } from "es-toolkit";
|
|
4
|
+
import { createContext as E, useContext as P, useRef as O, useState as T, useEffect as H } from "react";
|
|
5
|
+
import { Popover as w } from "./popover.js";
|
|
6
|
+
import { S as R } from "./meatballMenu-535635a9.js";
|
|
7
|
+
import { S as W } from "./tree-e7a0ef42.js";
|
|
8
|
+
import { i as B } from "./isEmpty-ccacb5ff.js";
|
|
9
|
+
const y = E(void 0), F = ({ children: l, LinkComponent: r }) => /* @__PURE__ */ e(y.Provider, { value: { LinkComponent: r }, children: l }), I = () => {
|
|
10
|
+
const l = P(y);
|
|
11
|
+
if (l === void 0)
|
|
12
|
+
throw new Error("useBreadcrumbsContext must be used within a BreadcrumbsProvider");
|
|
13
|
+
return l;
|
|
14
|
+
}, L = "_breadcrumb_1cva8_1", A = "_link_1cva8_5", U = "_dark_1cva8_30", X = {
|
|
15
|
+
breadcrumb: L,
|
|
16
|
+
link: A,
|
|
17
|
+
"breadcrumb-text": "_breadcrumb-text_1cva8_10",
|
|
18
|
+
dark: U
|
|
19
|
+
}, m = x.bind(X), o = ({
|
|
20
|
+
titleTailNumChars: l = 8,
|
|
21
|
+
descriptor: { title: r, link: t, onClick: n },
|
|
22
|
+
isClickable: p = !0,
|
|
23
|
+
variant: u = "default"
|
|
24
|
+
}) => {
|
|
25
|
+
const { LinkComponent: k } = I(), i = O(null), [c, d] = T(null);
|
|
26
|
+
H(() => {
|
|
27
|
+
if (i.current) {
|
|
28
|
+
const { offsetWidth: z, scrollWidth: h, dataset: v } = i.current;
|
|
29
|
+
if (z < h) {
|
|
30
|
+
const s = typeof r == "string" ? r : "";
|
|
31
|
+
v.tail = s.slice(s.length - l), d(s);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}, [r, l]);
|
|
35
|
+
const a = /* @__PURE__ */ e("div", { ref: i, className: m("breadcrumb-text", u), children: r });
|
|
36
|
+
return /* @__PURE__ */ e(
|
|
37
|
+
"div",
|
|
38
|
+
{
|
|
39
|
+
className: m("breadcrumb", u),
|
|
40
|
+
title: c || void 0,
|
|
41
|
+
"data-testid": "breadcrumb",
|
|
42
|
+
children: p ? k && t ? /* @__PURE__ */ e(k, { className: m("link"), to: t, onClick: n, children: a }) : t ? /* @__PURE__ */ e("a", { className: m("link"), href: typeof t == "string" ? t : "#", onClick: n, children: a }) : /* @__PURE__ */ e("button", { type: "button", className: m("link"), onClick: n, children: a }) : a
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
|
+
}, q = {
|
|
46
|
+
"hidden-breadcrumbs-trigger": "_hidden-breadcrumbs-trigger_14kki_1",
|
|
47
|
+
"hidden-breadcrumbs-content": "_hidden-breadcrumbs-content_14kki_8",
|
|
48
|
+
"hidden-breadcrumb-item": "_hidden-breadcrumb-item_14kki_14",
|
|
49
|
+
"level-2": "_level-2_14kki_18",
|
|
50
|
+
"level-3": "_level-3_14kki_31",
|
|
51
|
+
"level-4": "_level-4_14kki_44",
|
|
52
|
+
"level-5": "_level-5_14kki_57",
|
|
53
|
+
"level-6": "_level-6_14kki_70",
|
|
54
|
+
"level-7": "_level-7_14kki_83",
|
|
55
|
+
"level-8": "_level-8_14kki_96",
|
|
56
|
+
"level-9": "_level-9_14kki_109",
|
|
57
|
+
"level-10": "_level-10_14kki_122",
|
|
58
|
+
"level-11": "_level-11_14kki_135",
|
|
59
|
+
"level-12": "_level-12_14kki_148",
|
|
60
|
+
"level-13": "_level-13_14kki_161",
|
|
61
|
+
"level-14": "_level-14_14kki_174",
|
|
62
|
+
"level-15": "_level-15_14kki_187",
|
|
63
|
+
"level-16": "_level-16_14kki_200",
|
|
64
|
+
"level-17": "_level-17_14kki_213",
|
|
65
|
+
"level-18": "_level-18_14kki_226",
|
|
66
|
+
"level-19": "_level-19_14kki_239",
|
|
67
|
+
"level-20": "_level-20_14kki_252",
|
|
68
|
+
"level-21": "_level-21_14kki_265",
|
|
69
|
+
"level-22": "_level-22_14kki_278",
|
|
70
|
+
"level-23": "_level-23_14kki_291",
|
|
71
|
+
"level-24": "_level-24_14kki_304",
|
|
72
|
+
"level-25": "_level-25_14kki_317"
|
|
73
|
+
}, S = x.bind(q), G = ({ descriptors: l }) => /* @__PURE__ */ e("div", { className: S("hidden-breadcrumbs-content"), "data-testid": "hidden-breadcrumbs-content", children: l.map((r, t) => /* @__PURE__ */ e("div", { className: S("hidden-breadcrumb-item", `level-${t + 1}`), children: /* @__PURE__ */ e(o, { descriptor: r }) }, t)) }), J = ({ descriptors: l }) => /* @__PURE__ */ e(
|
|
74
|
+
w,
|
|
75
|
+
{
|
|
76
|
+
content: /* @__PURE__ */ e(G, { descriptors: l }),
|
|
77
|
+
placement: "bottom-start",
|
|
78
|
+
children: /* @__PURE__ */ e("div", { className: S("hidden-breadcrumbs-trigger"), "data-testid": "hidden-breadcrumbs-trigger", children: /* @__PURE__ */ e(R, {}) })
|
|
79
|
+
}
|
|
80
|
+
), K = "_opened_zxn5r_1", Q = {
|
|
81
|
+
"tree-button": "_tree-button_zxn5r_1",
|
|
82
|
+
opened: K,
|
|
83
|
+
"tree-menu-node": "_tree-menu-node_zxn5r_8",
|
|
84
|
+
"tree-menu-children": "_tree-menu-children_zxn5r_9",
|
|
85
|
+
"tree-menu-item": "_tree-menu-item_zxn5r_15",
|
|
86
|
+
"level-2": "_level-2_zxn5r_19",
|
|
87
|
+
"level-3": "_level-3_zxn5r_32",
|
|
88
|
+
"level-4": "_level-4_zxn5r_45",
|
|
89
|
+
"level-5": "_level-5_zxn5r_58",
|
|
90
|
+
"level-6": "_level-6_zxn5r_71",
|
|
91
|
+
"level-7": "_level-7_zxn5r_84",
|
|
92
|
+
"level-8": "_level-8_zxn5r_97",
|
|
93
|
+
"level-9": "_level-9_zxn5r_110",
|
|
94
|
+
"level-10": "_level-10_zxn5r_123",
|
|
95
|
+
"level-11": "_level-11_zxn5r_136",
|
|
96
|
+
"level-12": "_level-12_zxn5r_149",
|
|
97
|
+
"level-13": "_level-13_zxn5r_162",
|
|
98
|
+
"level-14": "_level-14_zxn5r_175",
|
|
99
|
+
"level-15": "_level-15_zxn5r_188",
|
|
100
|
+
"level-16": "_level-16_zxn5r_201",
|
|
101
|
+
"level-17": "_level-17_zxn5r_214",
|
|
102
|
+
"level-18": "_level-18_zxn5r_227",
|
|
103
|
+
"level-19": "_level-19_zxn5r_240",
|
|
104
|
+
"level-20": "_level-20_zxn5r_253",
|
|
105
|
+
"level-21": "_level-21_zxn5r_266",
|
|
106
|
+
"level-22": "_level-22_zxn5r_279",
|
|
107
|
+
"level-23": "_level-23_zxn5r_292",
|
|
108
|
+
"level-24": "_level-24_zxn5r_305",
|
|
109
|
+
"level-25": "_level-25_zxn5r_318"
|
|
110
|
+
}, b = x.bind(Q), V = ({ descriptor: l, level: r }) => /* @__PURE__ */ e("div", { className: b("tree-menu-item", `level-${r}`), children: /* @__PURE__ */ e(o, { descriptor: l, variant: "dark" }) }), D = (l, r) => l.map((t, n) => /* @__PURE__ */ C("div", { className: b("tree-menu-node"), children: [
|
|
111
|
+
/* @__PURE__ */ e(V, { descriptor: t, level: r }),
|
|
112
|
+
t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: b("tree-menu-children"), children: D(t.children, r + 1) })
|
|
113
|
+
] }, n)), Y = ({ tree: l }) => {
|
|
114
|
+
const [r, t] = T(!1);
|
|
115
|
+
return /* @__PURE__ */ e(
|
|
116
|
+
w,
|
|
117
|
+
{
|
|
118
|
+
content: /* @__PURE__ */ e("div", { className: b("tree-menu"), children: D(l, 1) }),
|
|
119
|
+
placement: "bottom-start",
|
|
120
|
+
isOpened: r,
|
|
121
|
+
setIsOpened: t,
|
|
122
|
+
children: /* @__PURE__ */ e("div", { className: b("tree-button", { opened: r }), children: /* @__PURE__ */ e(W, {}) })
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
}, Z = "_breadcrumbs_1cb9j_1", ee = {
|
|
126
|
+
"breadcrumbs-container": "_breadcrumbs-container_1cb9j_1",
|
|
127
|
+
breadcrumbs: Z,
|
|
128
|
+
"breadcrumb-item": "_breadcrumb-item_1cb9j_15",
|
|
129
|
+
"hidden-breadcrumbs": "_hidden-breadcrumbs_1cb9j_23",
|
|
130
|
+
"back-button": "_back-button_1cb9j_43"
|
|
131
|
+
}, _ = x.bind(ee), le = 5, ae = ({
|
|
132
|
+
descriptors: l = [],
|
|
133
|
+
dataAutomationId: r,
|
|
134
|
+
LinkComponent: t,
|
|
135
|
+
tree: n,
|
|
136
|
+
isBackButton: p = !1,
|
|
137
|
+
isLastClickable: u = !1,
|
|
138
|
+
maxShownDescriptors: k = le,
|
|
139
|
+
className: i
|
|
140
|
+
}) => {
|
|
141
|
+
const [c, ...d] = l, z = Math.max(1, Math.floor(k)) - 1, h = Math.max(0, d.length - z), v = ((N) => ({
|
|
142
|
+
1: 55,
|
|
143
|
+
2: 24,
|
|
144
|
+
3: 18,
|
|
145
|
+
4: 13
|
|
146
|
+
})[N] ?? 12)(l.length), s = $(d, h), f = j(d, h);
|
|
147
|
+
return /* @__PURE__ */ e(F, { LinkComponent: t, children: /* @__PURE__ */ e(
|
|
148
|
+
"div",
|
|
149
|
+
{
|
|
150
|
+
className: _("breadcrumbs-container", i),
|
|
151
|
+
"data-automation-id": r,
|
|
152
|
+
"data-testid": r,
|
|
153
|
+
children: p && c ? /* @__PURE__ */ e("div", { className: _("breadcrumbs"), children: /* @__PURE__ */ e("div", { className: _("breadcrumb-item", "back-button"), "data-testid": "back-breadcrumb", children: /* @__PURE__ */ e(o, { descriptor: c, titleTailNumChars: v }) }) }) : /* @__PURE__ */ C(M, { children: [
|
|
154
|
+
n && /* @__PURE__ */ e("div", { className: _("tree"), children: /* @__PURE__ */ e(Y, { tree: n }) }),
|
|
155
|
+
/* @__PURE__ */ C("div", { className: _("breadcrumbs"), children: [
|
|
156
|
+
c && /* @__PURE__ */ e("div", { className: _("breadcrumb-item"), children: /* @__PURE__ */ e(
|
|
157
|
+
o,
|
|
158
|
+
{
|
|
159
|
+
descriptor: c,
|
|
160
|
+
titleTailNumChars: v,
|
|
161
|
+
isClickable: !B(d)
|
|
162
|
+
}
|
|
163
|
+
) }),
|
|
164
|
+
!B(s) && /* @__PURE__ */ e("div", { className: _("breadcrumb-item", "hidden-breadcrumbs"), children: /* @__PURE__ */ e(J, { descriptors: s }) }),
|
|
165
|
+
!B(f) && f.map((N, g) => /* @__PURE__ */ e("div", { className: _("breadcrumb-item"), children: /* @__PURE__ */ e(
|
|
166
|
+
o,
|
|
167
|
+
{
|
|
168
|
+
descriptor: N,
|
|
169
|
+
titleTailNumChars: v,
|
|
170
|
+
isClickable: u || g !== f.length - 1
|
|
171
|
+
}
|
|
172
|
+
) }, g))
|
|
173
|
+
] })
|
|
174
|
+
] })
|
|
175
|
+
}
|
|
176
|
+
) });
|
|
177
|
+
};
|
|
178
|
+
export {
|
|
179
|
+
ae as B
|
|
180
|
+
};
|
package/dist/breadcrumbs.js
CHANGED
package/dist/bulkPanel.js
CHANGED
|
@@ -7,9 +7,9 @@ import { u as X } from "./useOnClickOutside-8f7d68a1.js";
|
|
|
7
7
|
import "react-dnd";
|
|
8
8
|
import "react-dnd-html5-backend";
|
|
9
9
|
import { K as Z } from "./keyCodes-f63c0e11.js";
|
|
10
|
-
import { S as ee } from "./selection-
|
|
10
|
+
import { S as ee } from "./selection-da1a3528.js";
|
|
11
11
|
import { Chip as ne } from "./chip.js";
|
|
12
|
-
import { B } from "./button-
|
|
12
|
+
import { B } from "./button-7ab874f3.js";
|
|
13
13
|
import { Tooltip as le } from "./tooltip.js";
|
|
14
14
|
import { S as te } from "./chevronDownDropdown-0260bb66.js";
|
|
15
15
|
import { S as ie } from "./warning-537ead32.js";
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { jsxs as w, jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { c as b } from "./bind-06a7ff84.js";
|
|
4
|
+
const l = "_button_1feh5_1", x = "_primary_1feh5_18", u = "_disabled_1feh5_23", y = "_ghost_1feh5_38", N = "_danger_1feh5_59", B = "_text_1feh5_79", $ = "_icon_1feh5_180", j = {
|
|
5
|
+
button: l,
|
|
6
|
+
primary: x,
|
|
7
|
+
disabled: u,
|
|
8
|
+
ghost: y,
|
|
9
|
+
danger: N,
|
|
10
|
+
text: B,
|
|
11
|
+
"ghost-danger": "_ghost-danger_1feh5_108",
|
|
12
|
+
"text-danger": "_text-danger_1feh5_128",
|
|
13
|
+
"width-min-width": "_width-min-width_1feh5_162",
|
|
14
|
+
"width-content": "_width-content_1feh5_166",
|
|
15
|
+
"width-wide-content": "_width-wide-content_1feh5_170",
|
|
16
|
+
"width-parent": "_width-parent_1feh5_175",
|
|
17
|
+
icon: $,
|
|
18
|
+
"icon-start": "_icon-start_1feh5_186",
|
|
19
|
+
"icon-end": "_icon-end_1feh5_190"
|
|
20
|
+
}, o = b.bind(j), v = p(
|
|
21
|
+
({
|
|
22
|
+
variant: s = "primary",
|
|
23
|
+
icon: t,
|
|
24
|
+
iconPlace: n = "start",
|
|
25
|
+
adjustWidthOn: e = "min-width",
|
|
26
|
+
type: i = "button",
|
|
27
|
+
children: h,
|
|
28
|
+
disabled: _ = !1,
|
|
29
|
+
onClick: r,
|
|
30
|
+
title: c,
|
|
31
|
+
className: d,
|
|
32
|
+
...a
|
|
33
|
+
}, f) => {
|
|
34
|
+
const m = o("button", s, d, {
|
|
35
|
+
disabled: _,
|
|
36
|
+
[`width-${e}`]: e
|
|
37
|
+
});
|
|
38
|
+
return /* @__PURE__ */ w(
|
|
39
|
+
"button",
|
|
40
|
+
{
|
|
41
|
+
ref: f,
|
|
42
|
+
type: i,
|
|
43
|
+
disabled: _,
|
|
44
|
+
className: m,
|
|
45
|
+
onClick: r,
|
|
46
|
+
title: c,
|
|
47
|
+
...a,
|
|
48
|
+
children: [
|
|
49
|
+
t && /* @__PURE__ */ g(
|
|
50
|
+
"i",
|
|
51
|
+
{
|
|
52
|
+
className: o("icon", {
|
|
53
|
+
[`icon-${n}`]: n
|
|
54
|
+
}),
|
|
55
|
+
children: t
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
h
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
export {
|
|
65
|
+
v as B
|
|
66
|
+
};
|
package/dist/button.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { UseSortableOptions, UseSortableReturn } from '../types';
|
|
2
2
|
|
|
3
|
-
export declare const useSortable: ({ id, index, type, isDisabled, isLast, onDrop, hideDefaultPreview, dropDetectionMode, }: UseSortableOptions) => UseSortableReturn;
|
|
3
|
+
export declare const useSortable: ({ id, index, type, isDisabled, isLast, onDrop, hideDefaultPreview, dropDetectionMode, orientation, }: UseSortableOptions) => UseSortableReturn;
|
package/dist/common/hooks.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { u as E } from "../useOnClickOutside-8f7d68a1.js";
|
|
2
|
-
import { u as A, a as R } from "../useTreeSortable-
|
|
2
|
+
import { u as A, a as R } from "../useTreeSortable-687d8f74.js";
|
|
3
3
|
import { useCallback as D } from "react";
|
|
4
4
|
import { i as x } from "../isEmpty-ccacb5ff.js";
|
|
5
5
|
import { u as W } from "../useWindowResize-a7e1ac92.js";
|
|
@@ -11,6 +11,8 @@ export interface DragItem extends SortableItemData {
|
|
|
11
11
|
export declare const DROP_POSITIONS: {
|
|
12
12
|
readonly TOP: "top";
|
|
13
13
|
readonly BOTTOM: "bottom";
|
|
14
|
+
readonly LEFT: "left";
|
|
15
|
+
readonly RIGHT: "right";
|
|
14
16
|
};
|
|
15
17
|
export type DropPositionValue = (typeof DROP_POSITIONS)[keyof typeof DROP_POSITIONS];
|
|
16
18
|
export declare const DROP_DETECTION_MODE: {
|
|
@@ -18,6 +20,11 @@ export declare const DROP_DETECTION_MODE: {
|
|
|
18
20
|
readonly HOVER: "hover";
|
|
19
21
|
};
|
|
20
22
|
export type DropDetectionMode = (typeof DROP_DETECTION_MODE)[keyof typeof DROP_DETECTION_MODE];
|
|
23
|
+
export declare const SORTABLE_ORIENTATION: {
|
|
24
|
+
readonly VERTICAL: "vertical";
|
|
25
|
+
readonly HORIZONTAL: "horizontal";
|
|
26
|
+
};
|
|
27
|
+
export type SortableOrientation = (typeof SORTABLE_ORIENTATION)[keyof typeof SORTABLE_ORIENTATION];
|
|
21
28
|
export interface UseSortableOptions {
|
|
22
29
|
id: string | number;
|
|
23
30
|
index: number;
|
|
@@ -27,6 +34,7 @@ export interface UseSortableOptions {
|
|
|
27
34
|
onDrop?: (fromIndex: number, toIndex: number) => void;
|
|
28
35
|
hideDefaultPreview?: boolean;
|
|
29
36
|
dropDetectionMode?: DropDetectionMode;
|
|
37
|
+
orientation?: SortableOrientation;
|
|
30
38
|
}
|
|
31
39
|
export interface UseSortableReturn {
|
|
32
40
|
isDragging: boolean;
|
|
@@ -54,6 +62,7 @@ export interface SortableItemProps {
|
|
|
54
62
|
onDrop?: (fromIndex: number, toIndex: number) => void;
|
|
55
63
|
hideDefaultPreview?: boolean;
|
|
56
64
|
dropDetectionMode?: DropDetectionMode;
|
|
65
|
+
orientation?: SortableOrientation;
|
|
57
66
|
children: ReactNode | ((props: SortableItemRenderProps) => ReactNode);
|
|
58
67
|
}
|
|
59
68
|
export interface SortableListProps<T extends {
|
|
@@ -81,7 +90,7 @@ export interface DragLayerCollectedProps {
|
|
|
81
90
|
clientOffset: XYCoord | null;
|
|
82
91
|
isDragging: boolean;
|
|
83
92
|
}
|
|
84
|
-
export type DropPosition = 'top' | 'bottom' | null;
|
|
93
|
+
export type DropPosition = 'top' | 'bottom' | 'left' | 'right' | null;
|
|
85
94
|
export declare const TREE_DROP_POSITIONS: {
|
|
86
95
|
readonly BEFORE: "before";
|
|
87
96
|
readonly INSIDE: "inside";
|
package/dist/common.js
CHANGED
|
@@ -1,21 +1,27 @@
|
|
|
1
1
|
const O = {
|
|
2
2
|
TOP: "top",
|
|
3
|
-
BOTTOM: "bottom"
|
|
3
|
+
BOTTOM: "bottom",
|
|
4
|
+
LEFT: "left",
|
|
5
|
+
RIGHT: "right"
|
|
4
6
|
}, E = {
|
|
5
7
|
INDEX_BASED: "indexBased",
|
|
6
8
|
HOVER: "hover"
|
|
7
|
-
},
|
|
9
|
+
}, T = {
|
|
10
|
+
VERTICAL: "vertical",
|
|
11
|
+
HORIZONTAL: "horizontal"
|
|
12
|
+
}, t = {
|
|
8
13
|
BEFORE: "before",
|
|
9
14
|
INSIDE: "inside",
|
|
10
15
|
AFTER: "after"
|
|
11
|
-
},
|
|
16
|
+
}, I = {
|
|
12
17
|
MOVE: "move",
|
|
13
18
|
DUPLICATE: "duplicate",
|
|
14
19
|
CANCEL: "cancel"
|
|
15
20
|
};
|
|
16
21
|
export {
|
|
17
|
-
|
|
22
|
+
I as DROP_ACTIONS,
|
|
18
23
|
E as DROP_DETECTION_MODE,
|
|
19
24
|
O as DROP_POSITIONS,
|
|
20
|
-
|
|
25
|
+
T as SORTABLE_ORIENTATION,
|
|
26
|
+
t as TREE_DROP_POSITIONS
|
|
21
27
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { BreadcrumbsProps } from './types';
|
|
2
2
|
|
|
3
|
-
export declare const Breadcrumbs: ({ descriptors, dataAutomationId, LinkComponent, tree, isBackButton, isLastClickable, maxShownDescriptors, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const Breadcrumbs: ({ descriptors, dataAutomationId, LinkComponent, tree, isBackButton, isLastClickable, maxShownDescriptors, className, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,6 +5,7 @@ export interface SidePanelProps {
|
|
|
5
5
|
title?: ReactNode;
|
|
6
6
|
headerComponent?: ReactNode;
|
|
7
7
|
descriptionComponent?: ReactNode;
|
|
8
|
+
contentClassName?: string;
|
|
8
9
|
contentComponent?: ReactNode;
|
|
9
10
|
footerComponent?: ReactNode;
|
|
10
11
|
top?: number;
|
|
@@ -17,5 +18,5 @@ export interface SidePanelProps {
|
|
|
17
18
|
allowCloseOutside?: boolean;
|
|
18
19
|
overlayClassName?: string;
|
|
19
20
|
}
|
|
20
|
-
export declare const SidePanel: ({ className, title, descriptionComponent, headerComponent, contentComponent, footerComponent, top, side, isOpen, onClose, closeButtonAriaLabel, showOverlay, overlay, allowCloseOutside, overlayClassName, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const SidePanel: ({ className, title, descriptionComponent, headerComponent, contentClassName, contentComponent, footerComponent, top, side, isOpen, onClose, closeButtonAriaLabel, showOverlay, overlay, allowCloseOutside, overlayClassName, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export default SidePanel;
|
|
@@ -9,3 +9,4 @@ export declare const calculateCursorBasedDropIndex: ({ fromIndex, targetIndex, i
|
|
|
9
9
|
isTopZone: boolean;
|
|
10
10
|
}) => number;
|
|
11
11
|
export declare const getDropZone: (cursorY: number, elementHeight: number) => DropPosition;
|
|
12
|
+
export declare const getDropZoneHorizontal: (cursorX: number, elementWidth: 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, dropDetectionMode, isLast, children, }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const SortableItem: ({ id, index, type, isDisabled, className, draggingClassName, dropTargetClassName, onDrop, hideDefaultPreview, dropDetectionMode, orientation, isLast, children, }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/datePicker.js
CHANGED
|
@@ -19,7 +19,7 @@ import "rc-scrollbars";
|
|
|
19
19
|
import "./keyCodes-f63c0e11.js";
|
|
20
20
|
import "./dropdown-0260bb66.js";
|
|
21
21
|
import "./adaptiveTagList.js";
|
|
22
|
-
import "./button-
|
|
22
|
+
import "./button-7ab874f3.js";
|
|
23
23
|
import "./close-4d480ef7.js";
|
|
24
24
|
import "./isEmpty-ccacb5ff.js";
|
|
25
25
|
import "react-dnd";
|
package/dist/dropdown.js
CHANGED
|
@@ -13,7 +13,7 @@ import "./clear-53660571.js";
|
|
|
13
13
|
import "./dropdown-0260bb66.js";
|
|
14
14
|
import "./fieldLabel.js";
|
|
15
15
|
import "./adaptiveTagList.js";
|
|
16
|
-
import "./button-
|
|
16
|
+
import "./button-7ab874f3.js";
|
|
17
17
|
import "./close-4d480ef7.js";
|
|
18
18
|
import "./isEmpty-ccacb5ff.js";
|
|
19
19
|
import "react-dnd";
|
package/dist/fileDropArea.js
CHANGED
|
@@ -3,7 +3,7 @@ import { c as h } from "./bind-06a7ff84.js";
|
|
|
3
3
|
import { useState as I, useCallback as d, useRef as A, createContext as L, useMemo as M, useContext as j, useEffect as k } from "react";
|
|
4
4
|
import { g as B, A as P } from "./index-1a874a8b.js";
|
|
5
5
|
import { i as v } from "./isEmpty-ccacb5ff.js";
|
|
6
|
-
import { B as S } from "./button-
|
|
6
|
+
import { B as S } from "./button-7ab874f3.js";
|
|
7
7
|
import Z from "react-dropzone";
|
|
8
8
|
import "./close-4d480ef7.js";
|
|
9
9
|
import "./xls-995781cc.js";
|
package/dist/index.js
CHANGED
|
@@ -3,10 +3,10 @@ import { A as h, a as M } from "./actionMenu-77a63b96.js";
|
|
|
3
3
|
import { ACTION_MENU_DIVIDER as L } from "./actionMenu.js";
|
|
4
4
|
import { A as E } from "./index-1a874a8b.js";
|
|
5
5
|
import { B as k } from "./baseIconButton-251479f7.js";
|
|
6
|
-
import { B as N } from "./breadcrumbs-
|
|
6
|
+
import { B as N } from "./breadcrumbs-17d75830.js";
|
|
7
7
|
import { B as z } from "./bubblesLoader-f3ffa240.js";
|
|
8
8
|
import { BulkPanel as J } from "./bulkPanel.js";
|
|
9
|
-
import { B as _ } from "./button-
|
|
9
|
+
import { B as _ } from "./button-7ab874f3.js";
|
|
10
10
|
import { C as W } from "./checkbox-b85cd9fa.js";
|
|
11
11
|
import { Chip as j } from "./chip.js";
|
|
12
12
|
import { D as K } from "./datePicker-18882a46.js";
|
|
@@ -22,11 +22,11 @@ import { FilterItem as Io } from "./filterItem.js";
|
|
|
22
22
|
import { IssueList as xo } from "./issueList.js";
|
|
23
23
|
import { Modal as uo } from "./modal.js";
|
|
24
24
|
import { MultipleAutocomplete as Co, SingleAutocomplete as Po } from "./autocompletes.js";
|
|
25
|
-
import { P as Fo } from "./pagination-
|
|
25
|
+
import { P as Fo } from "./pagination-60bd45c1.js";
|
|
26
26
|
import { Popover as Do } from "./popover.js";
|
|
27
27
|
import { R as bo } from "./radio-62546efa.js";
|
|
28
28
|
import { SegmentedControl as Bo } from "./segmentedControl.js";
|
|
29
|
-
import { S as Mo } from "./selection-
|
|
29
|
+
import { S as Mo } from "./selection-da1a3528.js";
|
|
30
30
|
import { S as Lo } from "./spinLoader-c4a53718.js";
|
|
31
31
|
import { SystemAlert as Eo } from "./systemAlert.js";
|
|
32
32
|
import { S as ko } from "./systemMessage-924fdaa6.js";
|
|
@@ -75,7 +75,7 @@ import "framer-motion";
|
|
|
75
75
|
import "./useWindowResize-a7e1ac92.js";
|
|
76
76
|
import "@floating-ui/react";
|
|
77
77
|
import "./floatingUi-41f8c7b5.js";
|
|
78
|
-
import "./useTreeSortable-
|
|
78
|
+
import "./useTreeSortable-687d8f74.js";
|
|
79
79
|
import "./common.js";
|
|
80
80
|
import "react-resizable";
|
|
81
81
|
export {
|
package/dist/modal.js
CHANGED
|
@@ -9,7 +9,7 @@ import "react-dnd-html5-backend";
|
|
|
9
9
|
import { u as J } from "./useWindowResize-a7e1ac92.js";
|
|
10
10
|
import { a as Q } from "./dropdown-27dfefb1.js";
|
|
11
11
|
import { K as V } from "./keyCodes-f63c0e11.js";
|
|
12
|
-
import { B as A } from "./button-
|
|
12
|
+
import { B as A } from "./button-7ab874f3.js";
|
|
13
13
|
import { Tooltip as Z } from "./tooltip.js";
|
|
14
14
|
import { B as oo } from "./baseIconButton-251479f7.js";
|
|
15
15
|
import { S as to } from "./close-4d480ef7.js";
|
|
@@ -2,7 +2,7 @@ import { jsxs as p, jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as _ } from "./bind-06a7ff84.js";
|
|
3
3
|
import { useState as f } from "react";
|
|
4
4
|
import { Popover as I } from "./popover.js";
|
|
5
|
-
import { B as $ } from "./button-
|
|
5
|
+
import { B as $ } from "./button-7ab874f3.js";
|
|
6
6
|
import { F as j } from "./fieldText-1749da7a.js";
|
|
7
7
|
import { B as y } from "./baseIconButton-251479f7.js";
|
|
8
8
|
import { S as T, a as z } from "./prevPage-87faf576.js";
|
package/dist/pagination.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { P as t } from "./pagination-
|
|
1
|
+
import { P as t } from "./pagination-60bd45c1.js";
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
3
|
import "./bind-06a7ff84.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "./popover.js";
|
|
6
6
|
import "@floating-ui/react";
|
|
7
7
|
import "./floatingUi-41f8c7b5.js";
|
|
8
|
-
import "./button-
|
|
8
|
+
import "./button-7ab874f3.js";
|
|
9
9
|
import "./fieldText-1749da7a.js";
|
|
10
10
|
import "./clear-53660571.js";
|
|
11
11
|
import "./openEye-950159cb.js";
|
|
@@ -2,7 +2,7 @@ import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import { S as a } from "./close-4d480ef7.js";
|
|
4
4
|
import { c as l } from "./bind-06a7ff84.js";
|
|
5
|
-
import { B as r } from "./button-
|
|
5
|
+
import { B as r } from "./button-7ab874f3.js";
|
|
6
6
|
const d = "_divider_p4emi_23", p = "_button_p4emi_30", m = {
|
|
7
7
|
"selection-wrapper": "_selection-wrapper_p4emi_1",
|
|
8
8
|
"selected-count-text": "_selected-count-text_p4emi_7",
|
package/dist/selection.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { S as t } from "./selection-
|
|
1
|
+
import { S as t } from "./selection-da1a3528.js";
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
3
|
import "react";
|
|
4
4
|
import "./close-4d480ef7.js";
|
|
5
5
|
import "./bind-06a7ff84.js";
|
|
6
|
-
import "./button-
|
|
6
|
+
import "./button-7ab874f3.js";
|
|
7
7
|
export {
|
|
8
8
|
t as Selection,
|
|
9
9
|
t as default
|