@reportportal/ui-kit 0.0.1-alpha.116 → 0.0.1-alpha.118
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/autocompletes.js +488 -454
- package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts +2 -1
- package/dist/components/autocompletes/common/autocompleteOptions.d.ts +2 -2
- package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts +5 -4
- package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts +10 -9
- package/dist/components/icons/index.d.ts +1 -1
- package/dist/{datePicker-efa4e2d6.js → datePicker-fe5bfdcd.js} +1 -1
- package/dist/datePicker.js +3 -3
- package/dist/fieldText-e4a554dc.js +166 -0
- package/dist/fieldText.js +1 -1
- package/dist/icons.js +22 -22
- package/dist/index.js +46 -46
- package/dist/{pagination-43330c73.js → pagination-902e46fc.js} +1 -1
- package/dist/pagination.js +2 -2
- package/dist/sidePanel.js +40 -40
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/fieldText-ba8a917c.js +0 -165
package/dist/sidePanel.js
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useId as
|
|
3
|
-
import { c as
|
|
4
|
-
import { S as
|
|
5
|
-
import { B as
|
|
6
|
-
const g = "
|
|
7
|
-
"side-panel": "_side-
|
|
1
|
+
import { jsxs as a, jsx as i, Fragment as w } from "react/jsx-runtime";
|
|
2
|
+
import { useId as f } from "react";
|
|
3
|
+
import { c as p } from "./bind-06a7ff84.js";
|
|
4
|
+
import { S as N } from "./close-4d480ef7.js";
|
|
5
|
+
import { B as b } from "./baseIconButton-251479f7.js";
|
|
6
|
+
const g = "_active_niweu_15", x = "_header_niweu_35", I = "_title_niweu_62", y = "_description_niweu_73", B = "_content_niweu_82", S = "_footer_niweu_89", j = "_divider_niweu_95", $ = {
|
|
7
|
+
"side-panel": "_side-panel_niweu_1",
|
|
8
8
|
active: g,
|
|
9
|
-
"side-right": "_side-
|
|
10
|
-
"side-left": "_side-
|
|
11
|
-
"header-section": "_header-
|
|
9
|
+
"side-right": "_side-right_niweu_19",
|
|
10
|
+
"side-left": "_side-left_niweu_27",
|
|
11
|
+
"header-section": "_header-section_niweu_35",
|
|
12
12
|
header: x,
|
|
13
|
-
"header-content": "_header-
|
|
14
|
-
"close-button": "_close-
|
|
13
|
+
"header-content": "_header-content_niweu_52",
|
|
14
|
+
"close-button": "_close-button_niweu_56",
|
|
15
15
|
title: I,
|
|
16
16
|
description: y,
|
|
17
17
|
content: B,
|
|
18
18
|
footer: S,
|
|
19
19
|
divider: j
|
|
20
|
-
}, e =
|
|
20
|
+
}, e = p.bind($), A = ({
|
|
21
21
|
className: _,
|
|
22
|
-
title:
|
|
23
|
-
descriptionComponent:
|
|
24
|
-
headerComponent:
|
|
25
|
-
contentComponent:
|
|
26
|
-
footerComponent:
|
|
27
|
-
top:
|
|
28
|
-
side:
|
|
22
|
+
title: t,
|
|
23
|
+
descriptionComponent: h,
|
|
24
|
+
headerComponent: d,
|
|
25
|
+
contentComponent: n,
|
|
26
|
+
footerComponent: c,
|
|
27
|
+
top: r = 0,
|
|
28
|
+
side: u = "right",
|
|
29
29
|
isOpen: l = !0,
|
|
30
|
-
onClose:
|
|
30
|
+
onClose: s,
|
|
31
31
|
closeButtonAriaLabel: m = "Close panel"
|
|
32
32
|
}) => {
|
|
33
|
-
const o =
|
|
34
|
-
|
|
33
|
+
const o = f(), v = () => {
|
|
34
|
+
s == null || s();
|
|
35
35
|
};
|
|
36
|
-
return /* @__PURE__ */
|
|
36
|
+
return /* @__PURE__ */ a(
|
|
37
37
|
"aside",
|
|
38
38
|
{
|
|
39
|
-
className: e("side-panel", `side-${
|
|
39
|
+
className: e("side-panel", `side-${u}`, { active: l }, _),
|
|
40
40
|
role: "dialog",
|
|
41
41
|
"aria-modal": "true",
|
|
42
42
|
"aria-hidden": !l,
|
|
43
|
-
"aria-labelledby":
|
|
44
|
-
style: { top:
|
|
43
|
+
"aria-labelledby": t ? o : void 0,
|
|
44
|
+
style: { top: r, height: `calc(100vh - ${r}px)` },
|
|
45
45
|
tabIndex: -1,
|
|
46
46
|
children: [
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
47
|
+
/* @__PURE__ */ a("div", { className: e("header-section"), children: [
|
|
48
|
+
(d || t) && /* @__PURE__ */ a("div", { className: e("header"), children: [
|
|
49
|
+
t ? /* @__PURE__ */ i("span", { id: o, className: e("title"), children: t }) : d,
|
|
50
|
+
s && /* @__PURE__ */ i(
|
|
51
|
+
b,
|
|
52
52
|
{
|
|
53
53
|
className: e("close-button"),
|
|
54
|
-
onClick:
|
|
54
|
+
onClick: v,
|
|
55
55
|
"aria-label": m,
|
|
56
|
-
children: /* @__PURE__ */
|
|
56
|
+
children: /* @__PURE__ */ i(N, {})
|
|
57
57
|
}
|
|
58
58
|
)
|
|
59
59
|
] }),
|
|
60
|
-
|
|
60
|
+
h
|
|
61
61
|
] }),
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
/* @__PURE__ */
|
|
66
|
-
/* @__PURE__ */
|
|
62
|
+
/* @__PURE__ */ i("div", { className: e("divider") }),
|
|
63
|
+
n && /* @__PURE__ */ i("div", { className: e("content"), children: n }),
|
|
64
|
+
c && /* @__PURE__ */ a(w, { children: [
|
|
65
|
+
/* @__PURE__ */ i("div", { className: e("divider") }),
|
|
66
|
+
/* @__PURE__ */ i("div", { className: e("footer"), children: c })
|
|
67
67
|
] })
|
|
68
68
|
]
|
|
69
69
|
}
|