@reportportal/ui-kit 0.0.1-alpha.85 → 0.0.1-alpha.87

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.
Files changed (40) hide show
  1. package/dist/breadcrumbs-8e5ca8d7.js +183 -0
  2. package/dist/breadcrumbs.js +11 -0
  3. package/dist/checkbox-ed6cc375.js +73 -0
  4. package/dist/checkbox.js +1 -1
  5. package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
  6. package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
  7. package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  8. package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
  9. package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
  10. package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
  11. package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
  12. package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
  13. package/dist/components/breadcrumbs/index.d.ts +5 -0
  14. package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
  15. package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
  16. package/dist/components/breadcrumbs/types.d.ts +24 -0
  17. package/dist/components/icons/index.d.ts +1 -0
  18. package/dist/components/index.d.ts +1 -0
  19. package/dist/components/table/utils.d.ts +1 -1
  20. package/dist/{datePicker-9a576d19.js → datePicker-30077e06.js} +2 -2
  21. package/dist/datePicker.js +5 -5
  22. package/dist/{dropdown-329da205.js → dropdown-b26b8fd8.js} +1 -1
  23. package/dist/dropdown.js +2 -2
  24. package/dist/fieldLabel.js +13 -13
  25. package/dist/fieldText-35421470.js +166 -0
  26. package/dist/fieldText.js +1 -1
  27. package/dist/fieldTextFlex-8afaab31.js +78 -0
  28. package/dist/fieldTextFlex.js +1 -1
  29. package/dist/icons.js +47 -45
  30. package/dist/index.js +100 -96
  31. package/dist/{pagination-bfb31cf4.js → pagination-b001d791.js} +1 -1
  32. package/dist/pagination.js +2 -2
  33. package/dist/style.css +1 -1
  34. package/dist/{table-4951f66b.js → table-920fdad9.js} +1 -1
  35. package/dist/table.js +2 -2
  36. package/dist/tree-c3dd3d45.js +6 -0
  37. package/package.json +1 -1
  38. package/dist/checkbox-1f5db4c8.js +0 -73
  39. package/dist/fieldText-635e0db4.js +0 -166
  40. package/dist/fieldTextFlex-9e616f66.js +0 -78
@@ -1,166 +0,0 @@
1
- import { jsx as e, jsxs as o, Fragment as v } from "react/jsx-runtime";
2
- import { forwardRef as W, useRef as X, useId as Y, useState as E } from "react";
3
- import { c as Z } from "./bind-06a7ff84.js";
4
- import { b as q, a as ee, S as ne } from "./openEye-7b9cf080.js";
5
- import { B as te } from "./button-97d9e587.js";
6
- import { S as se } from "./spinLoader-c4a53718.js";
7
- import { M as oe } from "./maxValueDisplay-9be01a75.js";
8
- import { FieldLabel as ae } from "./fieldLabel.js";
9
- const ce = "_collapsed_1xyy3_13", re = "_field_1xyy3_21", ie = "_placeholder_1xyy3_46", le = "_disabled_1xyy3_49", de = "_error_1xyy3_52", _e = "_touched_1xyy3_52", pe = "_input_1xyy3_70", ye = "_icon_1xyy3_1", ue = "_text_1xyy3_168", xe = {
10
- "icon-container": "_icon-container_1xyy3_1",
11
- "icon-container-end": "_icon-container-end_1xyy3_1",
12
- "icon-container-start": "_icon-container-start_1xyy3_1",
13
- collapsed: ce,
14
- field: re,
15
- "default-width": "_default-width_1xyy3_33",
16
- placeholder: ie,
17
- disabled: le,
18
- error: de,
19
- touched: _e,
20
- "max-length-display": "_max-length-display_1xyy3_59",
21
- "input-container": "_input-container_1xyy3_70",
22
- "type-password": "_type-password_1xyy3_74",
23
- input: pe,
24
- "eye-icon": "_eye-icon_1xyy3_78",
25
- icon: ye,
26
- "start-icon": "_start-icon_1xyy3_124",
27
- "clear-icon": "_clear-icon_1xyy3_125",
28
- "additional-content": "_additional-content_1xyy3_161",
29
- text: ue,
30
- "error-text": "_error-text_1xyy3_188",
31
- "help-text": "_help-text_1xyy3_192"
32
- }, n = Z.bind(xe), De = W(
33
- ({
34
- value: s = "",
35
- className: B,
36
- classNameHelpText: C,
37
- error: i,
38
- placeholder: y,
39
- disabled: a = !1,
40
- onChange: T,
41
- touched: u = !1,
42
- title: V,
43
- label: l,
44
- helpText: d,
45
- defaultWidth: k = !0,
46
- startIcon: x,
47
- endIcon: f,
48
- clearable: L = !1,
49
- onClear: m,
50
- isRequired: h = !1,
51
- hasDoubleMessage: P = !1,
52
- type: c = "text",
53
- displayError: R = !0,
54
- collapsible: j = !1,
55
- loading: H = !1,
56
- maxLengthDisplay: I,
57
- onFocus: O = () => {
58
- },
59
- onBlur: U = () => {
60
- },
61
- ...$
62
- }, z) => {
63
- const A = X(null), _ = z || A, w = Y(), [N, g] = E(!1), [F, S] = E(!1), G = (t) => {
64
- g(!0), O(t);
65
- }, J = (t) => {
66
- g(!1), U(t);
67
- }, K = () => {
68
- var t;
69
- m && (m(s), (t = _.current) == null || t.focus());
70
- }, D = R && i && u, M = /* @__PURE__ */ e("span", { className: n("text", "help-text", C), children: d }), Q = () => c !== "password" ? c : F ? "text" : "password", b = (t) => {
71
- t.preventDefault(), S(!0);
72
- }, r = (t) => {
73
- t.preventDefault(), S(!1);
74
- };
75
- return /* @__PURE__ */ o(v, { children: [
76
- l && /* @__PURE__ */ e(ae, { isRequired: h, htmlFor: w, children: l }),
77
- /* @__PURE__ */ o(
78
- "div",
79
- {
80
- className: n("field", B, {
81
- error: i,
82
- touched: u,
83
- disabled: a,
84
- "default-width": k,
85
- collapsed: j && !N && !s
86
- }),
87
- title: V,
88
- children: [
89
- H ? /* @__PURE__ */ e(se, {}) : x && /* @__PURE__ */ e(
90
- "span",
91
- {
92
- className: n("icon-container-start"),
93
- onClick: () => {
94
- var p;
95
- (p = _.current) == null || p.focus();
96
- },
97
- children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !N }), children: x })
98
- }
99
- ),
100
- /* @__PURE__ */ o("span", { className: n("input-container", `type-${c}`), children: [
101
- /* @__PURE__ */ e(
102
- "input",
103
- {
104
- ref: _,
105
- type: Q(),
106
- className: n("input"),
107
- value: s,
108
- disabled: a,
109
- id: w,
110
- onChange: T,
111
- onFocus: G,
112
- onBlur: J,
113
- ...$
114
- }
115
- ),
116
- c === "password" && s && /* @__PURE__ */ e(
117
- te,
118
- {
119
- icon: F ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(ee, {}),
120
- variant: "text",
121
- className: n("eye-icon"),
122
- onMouseDown: b,
123
- onMouseLeave: r,
124
- onMouseUp: r,
125
- onTouchStart: b,
126
- onTouchEnd: r,
127
- onTouchCancel: r
128
- }
129
- ),
130
- y && !s && /* @__PURE__ */ o("span", { className: n("placeholder"), children: [
131
- y,
132
- h && !l && /* @__PURE__ */ e("span", { className: n("asterisk") })
133
- ] })
134
- ] }),
135
- /* @__PURE__ */ e(
136
- oe,
137
- {
138
- className: n("max-length-display"),
139
- value: s.length,
140
- maxValue: I
141
- }
142
- ),
143
- f && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: f }) }),
144
- L && s.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e(
145
- "button",
146
- {
147
- type: "button",
148
- className: n("clear-icon", { disabled: a }),
149
- onClick: K,
150
- onMouseDown: (t) => t.preventDefault(),
151
- children: /* @__PURE__ */ e(ne, {})
152
- }
153
- ) })
154
- ]
155
- }
156
- ),
157
- (D || d) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: a }), children: D ? /* @__PURE__ */ o(v, { children: [
158
- /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: i }),
159
- P && M
160
- ] }) : d && M })
161
- ] });
162
- }
163
- );
164
- export {
165
- De as F
166
- };
@@ -1,78 +0,0 @@
1
- import { jsxs as p, Fragment as H, jsx as t } from "react/jsx-runtime";
2
- import { c as I } from "./bind-06a7ff84.js";
3
- import { forwardRef as E, useId as R } from "react";
4
- import { M as j } from "./maxValueDisplay-9be01a75.js";
5
- import { FieldLabel as D } from "./fieldLabel.js";
6
- const M = "_error_1pqer_19", O = "_touched_1pqer_19", V = "_disabled_1pqer_65", $ = {
7
- "text-area": "_text-area_1pqer_1",
8
- error: M,
9
- touched: O,
10
- "max-length-display": "_max-length-display_1pqer_26",
11
- "additional-content": "_additional-content_1pqer_36",
12
- "error-text": "_error-text_1pqer_36",
13
- "help-text": "_help-text_1pqer_44",
14
- disabled: V
15
- }, e = I.bind($), b = 72, w = 2, k = E(
16
- ({
17
- value: a = "",
18
- readonly: _ = !1,
19
- error: s = "",
20
- placeholder: m = "",
21
- disabled: r = !1,
22
- touched: n = !1,
23
- className: x = "",
24
- label: c = "",
25
- helpText: o = "",
26
- maxLengthDisplay: h,
27
- onChange: g,
28
- onFocus: f,
29
- onBlur: q,
30
- onKeyUp: y,
31
- ...N
32
- }, u) => {
33
- const i = R(), d = s && n, F = (l) => {
34
- l.target.style.height = `${b}px`, l.target.style.height = `${l.target.scrollHeight + w}px`;
35
- };
36
- return /* @__PURE__ */ p(H, { children: [
37
- c && /* @__PURE__ */ t(D, { htmlFor: i, className: e({ disabled: r }), children: c }),
38
- /* @__PURE__ */ t(
39
- "textarea",
40
- {
41
- id: i,
42
- ref: u,
43
- className: e("text-area", x, {
44
- disabled: r,
45
- error: s,
46
- touched: n
47
- }),
48
- value: a,
49
- placeholder: m,
50
- disabled: r,
51
- readOnly: _,
52
- onChange: g,
53
- onFocus: f,
54
- onBlur: q,
55
- onKeyUp: y,
56
- onInput: F,
57
- ...N,
58
- children: a
59
- }
60
- ),
61
- /* @__PURE__ */ t(
62
- j,
63
- {
64
- className: e("max-length-display"),
65
- value: a.length,
66
- maxValue: h
67
- }
68
- ),
69
- (d || o) && /* @__PURE__ */ p("div", { className: e("additional-content", { disabled: r }), children: [
70
- d && /* @__PURE__ */ t("span", { className: e("error-text"), children: s }),
71
- o && /* @__PURE__ */ t("span", { className: e("help-text"), children: o })
72
- ] })
73
- ] });
74
- }
75
- );
76
- export {
77
- k as F
78
- };