@reportportal/ui-kit 0.0.1-alpha.84 → 0.0.1-alpha.86

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 (41) 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-0a9329e3.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-920fdad9.js +142 -0
  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
  41. package/dist/table-5a30dad9.js +0 -142
@@ -1,73 +0,0 @@
1
- import { jsxs as m, jsx as t } from "react/jsx-runtime";
2
- import { c as f } from "./bind-06a7ff84.js";
3
- import { useRef as y, useId as w } from "react";
4
- import { K as x } from "./keyCodes-f63c0e11.js";
5
- const C = "_checkbox_1xwtn_1", E = "_disabled_1xwtn_11", D = "_input_1xwtn_16", K = "_control_1xwtn_23", N = "_children_1xwtn_155", I = {
6
- checkbox: C,
7
- disabled: E,
8
- input: D,
9
- control: K,
10
- "partially-checked": "_partially-checked_1xwtn_78",
11
- children: N
12
- }, e = f.bind(I), A = ({
13
- children: s,
14
- disabled: c = !1,
15
- onChange: d,
16
- className: h,
17
- value: r,
18
- partiallyChecked: k,
19
- title: l,
20
- ...b
21
- }) => {
22
- const n = y(null), a = w(), u = (o) => {
23
- var _, p;
24
- const { keyCode: i } = o;
25
- if (i === x.SPACE_KEY_CODE) {
26
- o.preventDefault(), (_ = n.current) == null || _.click();
27
- return;
28
- }
29
- i === x.ENTER_KEY_CODE && (o.preventDefault(), (p = n.current) == null || p.click());
30
- };
31
- return /* @__PURE__ */ m(
32
- "label",
33
- {
34
- id: a,
35
- className: e("checkbox", h, {
36
- disabled: c
37
- }),
38
- title: l,
39
- children: [
40
- /* @__PURE__ */ t(
41
- "input",
42
- {
43
- ref: n,
44
- tabIndex: 0,
45
- type: "checkbox",
46
- onKeyDown: u,
47
- className: e("input", { "partially-checked": k }),
48
- disabled: c,
49
- onChange: d,
50
- checked: r,
51
- title: l,
52
- ...b
53
- }
54
- ),
55
- /* @__PURE__ */ t(
56
- "span",
57
- {
58
- "aria-labelledby": a,
59
- role: "checkbox",
60
- "aria-checked": r,
61
- className: e("control", {
62
- disabled: c
63
- })
64
- }
65
- ),
66
- s && /* @__PURE__ */ t("span", { className: e("children", { disabled: c }), children: s })
67
- ]
68
- }
69
- );
70
- };
71
- export {
72
- A as C
73
- };
@@ -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
- };
@@ -1,142 +0,0 @@
1
- import { jsxs as n, jsx as a } from "react/jsx-runtime";
2
- import { useState as j, useMemo as G } from "react";
3
- import { c as J } from "./bind-06a7ff84.js";
4
- import { a as N, S as K } from "./arrowUp-4a5caee7.js";
5
- import { C as w } from "./checkbox-1f5db4c8.js";
6
- const O = "_table_xljgs_1", P = "_label_xljgs_95", Q = {
7
- table: O,
8
- "table-header": "_table-header_xljgs_9",
9
- "table-row": "_table-row_xljgs_16",
10
- "table-row-content": "_table-row-content_xljgs_21",
11
- "size-small": "_size-small_xljgs_31",
12
- "size-large": "_size-large_xljgs_34",
13
- "table-body": "_table-body_xljgs_38",
14
- "table-header-cell": "_table-header-cell_xljgs_45",
15
- "table-cell": "_table-cell_xljgs_46",
16
- "action-menu-cell": "_action-menu-cell_xljgs_51",
17
- "checkbox-cell": "_checkbox-cell_xljgs_63",
18
- "primary-cell": "_primary-cell_xljgs_78",
19
- label: P,
20
- "sortable-cell": "_sortable-cell_xljgs_99",
21
- "align-right": "_align-right_xljgs_102",
22
- "align-center": "_align-center_xljgs_108"
23
- }, f = "asc", V = (c) => c.toLowerCase() === f, W = (c) => c.map((t) => t.key), l = J.bind(Q), le = ({
24
- data: c,
25
- primaryColumn: t,
26
- fixedColumns: i,
27
- renderRowActions: d,
28
- className: z = "",
29
- rowClassName: M = "",
30
- headerClassName: S = "",
31
- selectable: y = !1,
32
- selectedRowIds: o = [],
33
- sortingDirection: g = f,
34
- sortingColumn: r = t,
35
- sortableColumns: h = W([t, ...i]),
36
- onChangeSorting: m = () => {
37
- },
38
- onToggleRowSelection: u = () => {
39
- },
40
- onToggleAllRowsSelection: A = () => {
41
- }
42
- }) => {
43
- const [L, k] = j(null), [E, x] = j(null), v = G(() => [{ ...t, primary: !0 }, ...i], [t, i]), C = (e) => {
44
- h.includes(e) && m({ key: e, direction: g });
45
- }, p = (e) => ({
46
- width: e.width,
47
- textAlign: e.align
48
- }), H = (e) => {
49
- k(e);
50
- }, T = () => {
51
- k(null);
52
- }, $ = (e) => {
53
- x(e);
54
- }, D = () => {
55
- x(null);
56
- }, R = (e) => {
57
- u(e);
58
- }, U = () => {
59
- A();
60
- }, q = c.every((e) => o.includes(e.id)), _ = c.some((e) => o.includes(e.id)), B = (e) => {
61
- var s;
62
- return `size-${((s = e.rowConfigs) == null ? void 0 : s.size) ?? "default"}`;
63
- }, F = (e) => {
64
- if (h.includes(e))
65
- return (r == null ? void 0 : r.key) === e ? V(g) ? /* @__PURE__ */ a(N, {}) : /* @__PURE__ */ a(K, {}) : /* @__PURE__ */ a(N, {});
66
- };
67
- return /* @__PURE__ */ n("div", { className: l("table", z), children: [
68
- /* @__PURE__ */ n("div", { className: l("table-header", S), children: [
69
- y && /* @__PURE__ */ a("div", { className: l("table-header-cell", "checkbox-cell"), children: _ && /* @__PURE__ */ a(
70
- w,
71
- {
72
- value: q,
73
- partiallyChecked: _,
74
- onChange: U,
75
- className: l("checkbox-cell")
76
- }
77
- ) }),
78
- v.map((e) => /* @__PURE__ */ a(
79
- "button",
80
- {
81
- className: l("table-header-cell", {
82
- [`align-${e.align}`]: "align" in e,
83
- "primary-cell": "primary" in e && e.primary,
84
- "sortable-cell": h.includes(e.key)
85
- }),
86
- style: p(e),
87
- children: /* @__PURE__ */ n(
88
- "div",
89
- {
90
- className: l("label"),
91
- onClick: () => C(e.key),
92
- onMouseEnter: () => H(e.key),
93
- onMouseLeave: T,
94
- children: [
95
- /* @__PURE__ */ a("span", { children: e.header }),
96
- (L === e.key || (r == null ? void 0 : r.key) === e.key) && F(e.key)
97
- ]
98
- }
99
- )
100
- },
101
- e.key
102
- )),
103
- d && /* @__PURE__ */ a("div", { className: l("table-header-cell", "action-menu-cell") })
104
- ] }),
105
- /* @__PURE__ */ a("div", { className: l("table-body"), children: c.map((e, b) => /* @__PURE__ */ n(
106
- "div",
107
- {
108
- className: l("table-row", B(e), M),
109
- onMouseEnter: () => $(b),
110
- onMouseLeave: D,
111
- children: [
112
- y && /* @__PURE__ */ a("div", { className: l("table-cell", "checkbox-cell"), children: (_ || E === b) && /* @__PURE__ */ a(
113
- w,
114
- {
115
- value: o.includes(e.id),
116
- onChange: () => R(e.id),
117
- className: l("checkbox-cell")
118
- }
119
- ) }),
120
- /* @__PURE__ */ n("div", { className: l("table-row-content"), children: [
121
- v.map((s) => /* @__PURE__ */ a(
122
- "div",
123
- {
124
- className: l("table-cell", {
125
- "primary-cell": "primary" in s && s.primary
126
- }),
127
- style: p(s),
128
- children: e[s.key].component || e[s.key].content || e[s.key]
129
- },
130
- s.key
131
- )),
132
- d && /* @__PURE__ */ a("div", { className: l("table-cell", "action-menu-cell"), children: d(e.metaData) })
133
- ] })
134
- ]
135
- },
136
- e.id
137
- )) })
138
- ] });
139
- };
140
- export {
141
- le as T
142
- };