@reportportal/ui-kit 0.0.1-alpha.51 → 0.0.1-alpha.53
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/README.md +4 -1
- package/dist/common/hooks/useOnClickOutside.d.ts +1 -0
- package/dist/components/baseIconButton/baseIconButton.d.ts +1 -0
- package/dist/components/baseIconButton/index.d.ts +1 -0
- package/dist/components/bubblesLoader/bubblesLoader.d.ts +1 -0
- package/dist/components/bubblesLoader/index.d.ts +1 -0
- package/dist/components/button/button.d.ts +1 -0
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/checkbox/checkbox.d.ts +1 -0
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/datePicker/datePicker.d.ts +1 -0
- package/dist/components/datePicker/header/datePickerHeader.d.ts +1 -0
- package/dist/components/datePicker/header/index.d.ts +1 -0
- package/dist/components/datePicker/index.d.ts +3 -1
- package/dist/components/datePicker/utils.d.ts +1 -0
- package/dist/components/dropdown/constants.d.ts +1 -0
- package/dist/components/dropdown/dropdown.d.ts +1 -0
- package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
- package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
- package/dist/components/dropdown/index.d.ts +1 -0
- package/dist/components/dropdown/types.d.ts +1 -0
- package/dist/components/dropdown/utils.d.ts +1 -0
- package/dist/components/fieldNumber/constants.d.ts +1 -0
- package/dist/components/fieldNumber/fieldNumber.d.ts +1 -0
- package/dist/components/fieldNumber/index.d.ts +1 -0
- package/dist/components/fieldText/fieldText.d.ts +2 -1
- package/dist/components/fieldText/index.d.ts +1 -0
- package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +1 -0
- package/dist/components/fieldTextFlex/index.d.ts +1 -0
- package/dist/components/icons/index.d.ts +1 -1
- package/dist/components/maxValueDisplay/index.d.ts +1 -0
- package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +1 -0
- package/dist/components/modal/modal.d.ts +1 -0
- package/dist/components/modal/modalContent/modalContent.d.ts +1 -0
- package/dist/components/modal/modalFooter/modalFooter.d.ts +1 -0
- package/dist/components/modal/modalHeader/modalHeader.d.ts +1 -0
- package/dist/components/pagination/index.d.ts +1 -0
- package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
- package/dist/components/pagination/pagination.d.ts +1 -0
- package/dist/components/popover/popover.d.ts +1 -0
- package/dist/components/radio/index.d.ts +1 -0
- package/dist/components/radio/radio.d.ts +1 -0
- package/dist/components/radio/radioGroup.d.ts +1 -0
- package/dist/components/spinLoader/index.d.ts +1 -0
- package/dist/components/spinLoader/spinLoader.d.ts +1 -0
- package/dist/components/systemAlert/systemAlert.d.ts +1 -0
- package/dist/components/systemAlert/types.d.ts +1 -0
- package/dist/components/systemMessage/index.d.ts +1 -0
- package/dist/components/systemMessage/systemMessage.d.ts +1 -0
- package/dist/components/table/index.d.ts +1 -0
- package/dist/components/table/table.d.ts +1 -0
- package/dist/components/table/types.d.ts +1 -0
- package/dist/components/table/utils.d.ts +1 -0
- package/dist/components/themeProvider/index.d.ts +1 -0
- package/dist/components/themeProvider/themeProvider.d.ts +1 -0
- package/dist/components/toggle/index.d.ts +1 -0
- package/dist/components/toggle/toggle.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts +1 -0
- package/dist/datePicker-e7db2778.js +197 -0
- package/dist/datePicker.js +5 -3
- package/dist/fieldText-78c1be1a.js +160 -0
- package/dist/fieldText.js +1 -1
- package/dist/fieldTextFlex-314741ad.js +78 -0
- package/dist/fieldTextFlex.js +1 -1
- package/dist/icons.js +38 -38
- package/dist/index.js +27 -27
- package/dist/{pagination-09b1f2af.js → pagination-066b1b2b.js} +1 -1
- package/dist/pagination.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/datePicker-0480f3fb.js +0 -193
- package/dist/fieldText-43787c48.js +0 -160
- package/dist/fieldTextFlex-23d6ecce.js +0 -78
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
import { jsx as n, jsxs as s, Fragment as E } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as Q, useRef as W, useState as M } from "react";
|
|
3
|
-
import { c as X } from "./bind-06a7ff84.js";
|
|
4
|
-
import { b as Y, a as Z, S as q } from "./openEye-7b9cf080.js";
|
|
5
|
-
import { B as nn } from "./button-33c88abf.js";
|
|
6
|
-
import { S as en } from "./spinLoader-c4a53718.js";
|
|
7
|
-
import { M as an } from "./maxValueDisplay-9be01a75.js";
|
|
8
|
-
const tn = "_collapsed_11ank_13", sn = "_label_11ank_21", on = "_asterisk_11ank_30", cn = "_disabled_11ank_36", rn = "_field_11ank_41", ln = "_placeholder_11ank_62", _n = "_error_11ank_69", dn = "_touched_11ank_69", pn = "_input_11ank_84", un = "_icon_11ank_1", mn = "_text_11ank_190", fn = {
|
|
9
|
-
"icon-container": "_icon-container_11ank_1",
|
|
10
|
-
"icon-container-end": "_icon-container-end_11ank_1",
|
|
11
|
-
"icon-container-start": "_icon-container-start_11ank_1",
|
|
12
|
-
collapsed: tn,
|
|
13
|
-
label: sn,
|
|
14
|
-
asterisk: on,
|
|
15
|
-
disabled: cn,
|
|
16
|
-
field: rn,
|
|
17
|
-
"default-width": "_default-width_11ank_53",
|
|
18
|
-
placeholder: ln,
|
|
19
|
-
error: _n,
|
|
20
|
-
touched: dn,
|
|
21
|
-
"input-container": "_input-container_11ank_84",
|
|
22
|
-
"type-password": "_type-password_11ank_88",
|
|
23
|
-
input: pn,
|
|
24
|
-
"eye-icon": "_eye-icon_11ank_92",
|
|
25
|
-
icon: un,
|
|
26
|
-
"start-icon": "_start-icon_11ank_146",
|
|
27
|
-
"clear-icon": "_clear-icon_11ank_147",
|
|
28
|
-
"additional-content": "_additional-content_11ank_183",
|
|
29
|
-
text: mn,
|
|
30
|
-
"max-length-display": "_max-length-display_11ank_191",
|
|
31
|
-
"error-text": "_error-text_11ank_208",
|
|
32
|
-
"help-text": "_help-text_11ank_212"
|
|
33
|
-
}, e = X.bind(fn), Sn = Q(
|
|
34
|
-
({
|
|
35
|
-
value: t = "",
|
|
36
|
-
className: v,
|
|
37
|
-
classNameHelpText: B,
|
|
38
|
-
error: i,
|
|
39
|
-
placeholder: u,
|
|
40
|
-
disabled: o = !1,
|
|
41
|
-
onChange: C,
|
|
42
|
-
touched: m = !1,
|
|
43
|
-
title: D,
|
|
44
|
-
label: l,
|
|
45
|
-
helpText: _,
|
|
46
|
-
defaultWidth: T = !0,
|
|
47
|
-
startIcon: f,
|
|
48
|
-
endIcon: h,
|
|
49
|
-
clearable: V = !1,
|
|
50
|
-
onClear: k,
|
|
51
|
-
isRequired: x = !1,
|
|
52
|
-
hasDoubleMessage: P = !1,
|
|
53
|
-
type: c = "text",
|
|
54
|
-
displayError: R = !0,
|
|
55
|
-
collapsible: j = !1,
|
|
56
|
-
loading: H = !1,
|
|
57
|
-
maxLengthDisplay: L,
|
|
58
|
-
onFocus: O = () => {
|
|
59
|
-
},
|
|
60
|
-
onBlur: U = () => {
|
|
61
|
-
},
|
|
62
|
-
...$
|
|
63
|
-
}, z) => {
|
|
64
|
-
const A = W(null), d = z || A, [N, w] = M(!1), [y, g] = M(!1), G = (a) => {
|
|
65
|
-
w(!0), O(a);
|
|
66
|
-
}, I = (a) => {
|
|
67
|
-
w(!1), U(a);
|
|
68
|
-
}, J = () => {
|
|
69
|
-
var a;
|
|
70
|
-
k && (k(t), (a = d.current) == null || a.focus());
|
|
71
|
-
}, S = R && i && m, b = /* @__PURE__ */ n("span", { className: e("text", "help-text", B), children: _ }), K = () => c !== "password" ? c : y ? "text" : "password", F = (a) => {
|
|
72
|
-
a.preventDefault(), g(!0);
|
|
73
|
-
}, r = (a) => {
|
|
74
|
-
a.preventDefault(), g(!1);
|
|
75
|
-
};
|
|
76
|
-
return /* @__PURE__ */ s(E, { children: [
|
|
77
|
-
l && /* @__PURE__ */ s("span", { className: e("label", { disabled: o }), children: [
|
|
78
|
-
l,
|
|
79
|
-
x && /* @__PURE__ */ n("span", { className: e("asterisk"), children: "*" })
|
|
80
|
-
] }),
|
|
81
|
-
/* @__PURE__ */ s(
|
|
82
|
-
"div",
|
|
83
|
-
{
|
|
84
|
-
className: e("field", v, {
|
|
85
|
-
error: i,
|
|
86
|
-
touched: m,
|
|
87
|
-
disabled: o,
|
|
88
|
-
"default-width": T,
|
|
89
|
-
collapsed: j && !N && !t
|
|
90
|
-
}),
|
|
91
|
-
title: D,
|
|
92
|
-
children: [
|
|
93
|
-
H ? /* @__PURE__ */ n(en, {}) : f && /* @__PURE__ */ n(
|
|
94
|
-
"span",
|
|
95
|
-
{
|
|
96
|
-
className: e("icon-container-start"),
|
|
97
|
-
onClick: () => {
|
|
98
|
-
var p;
|
|
99
|
-
(p = d.current) == null || p.focus();
|
|
100
|
-
},
|
|
101
|
-
children: /* @__PURE__ */ n("span", { className: e("icon", { "start-icon": !N }), children: f })
|
|
102
|
-
}
|
|
103
|
-
),
|
|
104
|
-
/* @__PURE__ */ s("span", { className: e("input-container", `type-${c}`), children: [
|
|
105
|
-
/* @__PURE__ */ n(
|
|
106
|
-
"input",
|
|
107
|
-
{
|
|
108
|
-
ref: d,
|
|
109
|
-
type: K(),
|
|
110
|
-
className: e("input"),
|
|
111
|
-
value: t,
|
|
112
|
-
disabled: o,
|
|
113
|
-
onChange: C,
|
|
114
|
-
onFocus: G,
|
|
115
|
-
onBlur: I,
|
|
116
|
-
...$
|
|
117
|
-
}
|
|
118
|
-
),
|
|
119
|
-
c === "password" && t && /* @__PURE__ */ n(
|
|
120
|
-
nn,
|
|
121
|
-
{
|
|
122
|
-
icon: y ? /* @__PURE__ */ n(Y, {}) : /* @__PURE__ */ n(Z, {}),
|
|
123
|
-
variant: "text",
|
|
124
|
-
className: e("eye-icon"),
|
|
125
|
-
onMouseDown: F,
|
|
126
|
-
onMouseLeave: r,
|
|
127
|
-
onMouseUp: r,
|
|
128
|
-
onTouchStart: F,
|
|
129
|
-
onTouchEnd: r,
|
|
130
|
-
onTouchCancel: r
|
|
131
|
-
}
|
|
132
|
-
),
|
|
133
|
-
u && !t && /* @__PURE__ */ s("span", { className: e("placeholder"), children: [
|
|
134
|
-
u,
|
|
135
|
-
x && !l && /* @__PURE__ */ n("span", { className: e("asterisk") })
|
|
136
|
-
] })
|
|
137
|
-
] }),
|
|
138
|
-
/* @__PURE__ */ n(
|
|
139
|
-
an,
|
|
140
|
-
{
|
|
141
|
-
className: e("max-length-display"),
|
|
142
|
-
value: t.length,
|
|
143
|
-
maxValue: L
|
|
144
|
-
}
|
|
145
|
-
),
|
|
146
|
-
h && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: h }) }),
|
|
147
|
-
V && t.length > 0 && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("button", { type: "button", className: e("clear-icon", { disabled: o }), onClick: J, children: /* @__PURE__ */ n(q, {}) }) })
|
|
148
|
-
]
|
|
149
|
-
}
|
|
150
|
-
),
|
|
151
|
-
(S || _) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: o }), children: S ? /* @__PURE__ */ s(E, { children: [
|
|
152
|
-
/* @__PURE__ */ n("span", { className: e("text", "error-text"), children: i }),
|
|
153
|
-
P && b
|
|
154
|
-
] }) : _ && b })
|
|
155
|
-
] });
|
|
156
|
-
}
|
|
157
|
-
);
|
|
158
|
-
export {
|
|
159
|
-
Sn as F
|
|
160
|
-
};
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { jsxs as d, Fragment as b, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { c as F } from "./bind-06a7ff84.js";
|
|
3
|
-
import { forwardRef as H, useId as I } from "react";
|
|
4
|
-
import { M as E } from "./maxValueDisplay-9be01a75.js";
|
|
5
|
-
const R = "_error_1slzk_19", j = "_touched_1slzk_19", D = "_label_1slzk_33", M = "_disabled_1slzk_71", O = {
|
|
6
|
-
"text-area": "_text-area_1slzk_1",
|
|
7
|
-
error: R,
|
|
8
|
-
touched: j,
|
|
9
|
-
"max-length-display": "_max-length-display_1slzk_29",
|
|
10
|
-
label: D,
|
|
11
|
-
"additional-content": "_additional-content_1slzk_42",
|
|
12
|
-
"error-text": "_error-text_1slzk_42",
|
|
13
|
-
"help-text": "_help-text_1slzk_50",
|
|
14
|
-
disabled: M
|
|
15
|
-
}, t = F.bind(O), V = 72, $ = 2, q = H(
|
|
16
|
-
({
|
|
17
|
-
value: a = "",
|
|
18
|
-
readonly: x = !1,
|
|
19
|
-
error: l = "",
|
|
20
|
-
placeholder: h = "",
|
|
21
|
-
disabled: s = !1,
|
|
22
|
-
touched: n = !1,
|
|
23
|
-
className: m = "",
|
|
24
|
-
label: c = "",
|
|
25
|
-
helpText: r = "",
|
|
26
|
-
maxLengthDisplay: p,
|
|
27
|
-
onChange: g,
|
|
28
|
-
onFocus: z,
|
|
29
|
-
onBlur: f,
|
|
30
|
-
onKeyUp: k,
|
|
31
|
-
...y
|
|
32
|
-
}, N) => {
|
|
33
|
-
const i = I(), _ = l && n, u = (o) => {
|
|
34
|
-
o.target.style.height = `${V}px`, o.target.style.height = `${o.target.scrollHeight + $}px`;
|
|
35
|
-
};
|
|
36
|
-
return /* @__PURE__ */ d(b, { children: [
|
|
37
|
-
c && /* @__PURE__ */ e("label", { htmlFor: i, className: t("label", { disabled: s }), children: c }),
|
|
38
|
-
/* @__PURE__ */ e(
|
|
39
|
-
"textarea",
|
|
40
|
-
{
|
|
41
|
-
id: i,
|
|
42
|
-
ref: N,
|
|
43
|
-
className: t("text-area", m, {
|
|
44
|
-
disabled: s,
|
|
45
|
-
error: l,
|
|
46
|
-
touched: n
|
|
47
|
-
}),
|
|
48
|
-
value: a,
|
|
49
|
-
placeholder: h,
|
|
50
|
-
disabled: s,
|
|
51
|
-
readOnly: x,
|
|
52
|
-
onChange: g,
|
|
53
|
-
onFocus: z,
|
|
54
|
-
onBlur: f,
|
|
55
|
-
onKeyUp: k,
|
|
56
|
-
onInput: u,
|
|
57
|
-
...y,
|
|
58
|
-
children: a
|
|
59
|
-
}
|
|
60
|
-
),
|
|
61
|
-
/* @__PURE__ */ e(
|
|
62
|
-
E,
|
|
63
|
-
{
|
|
64
|
-
className: t("max-length-display"),
|
|
65
|
-
value: a.length,
|
|
66
|
-
maxValue: p
|
|
67
|
-
}
|
|
68
|
-
),
|
|
69
|
-
(_ || r) && /* @__PURE__ */ d("div", { className: t("additional-content", { disabled: s }), children: [
|
|
70
|
-
_ && /* @__PURE__ */ e("span", { className: t("error-text"), children: l }),
|
|
71
|
-
r && /* @__PURE__ */ e("span", { className: t("help-text"), children: r })
|
|
72
|
-
] })
|
|
73
|
-
] });
|
|
74
|
-
}
|
|
75
|
-
);
|
|
76
|
-
export {
|
|
77
|
-
q as F
|
|
78
|
-
};
|