@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.
Files changed (80) hide show
  1. package/README.md +4 -1
  2. package/dist/common/hooks/useOnClickOutside.d.ts +1 -0
  3. package/dist/components/baseIconButton/baseIconButton.d.ts +1 -0
  4. package/dist/components/baseIconButton/index.d.ts +1 -0
  5. package/dist/components/bubblesLoader/bubblesLoader.d.ts +1 -0
  6. package/dist/components/bubblesLoader/index.d.ts +1 -0
  7. package/dist/components/button/button.d.ts +1 -0
  8. package/dist/components/button/index.d.ts +1 -0
  9. package/dist/components/checkbox/checkbox.d.ts +1 -0
  10. package/dist/components/checkbox/index.d.ts +1 -0
  11. package/dist/components/datePicker/datePicker.d.ts +1 -0
  12. package/dist/components/datePicker/header/datePickerHeader.d.ts +1 -0
  13. package/dist/components/datePicker/header/index.d.ts +1 -0
  14. package/dist/components/datePicker/index.d.ts +3 -1
  15. package/dist/components/datePicker/utils.d.ts +1 -0
  16. package/dist/components/dropdown/constants.d.ts +1 -0
  17. package/dist/components/dropdown/dropdown.d.ts +1 -0
  18. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
  19. package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
  20. package/dist/components/dropdown/index.d.ts +1 -0
  21. package/dist/components/dropdown/types.d.ts +1 -0
  22. package/dist/components/dropdown/utils.d.ts +1 -0
  23. package/dist/components/fieldNumber/constants.d.ts +1 -0
  24. package/dist/components/fieldNumber/fieldNumber.d.ts +1 -0
  25. package/dist/components/fieldNumber/index.d.ts +1 -0
  26. package/dist/components/fieldText/fieldText.d.ts +2 -1
  27. package/dist/components/fieldText/index.d.ts +1 -0
  28. package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +1 -0
  29. package/dist/components/fieldTextFlex/index.d.ts +1 -0
  30. package/dist/components/icons/index.d.ts +1 -1
  31. package/dist/components/maxValueDisplay/index.d.ts +1 -0
  32. package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +1 -0
  33. package/dist/components/modal/modal.d.ts +1 -0
  34. package/dist/components/modal/modalContent/modalContent.d.ts +1 -0
  35. package/dist/components/modal/modalFooter/modalFooter.d.ts +1 -0
  36. package/dist/components/modal/modalHeader/modalHeader.d.ts +1 -0
  37. package/dist/components/pagination/index.d.ts +1 -0
  38. package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
  39. package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
  40. package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
  41. package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
  42. package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +1 -0
  43. package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +1 -0
  44. package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
  45. package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
  46. package/dist/components/pagination/pagination.d.ts +1 -0
  47. package/dist/components/popover/popover.d.ts +1 -0
  48. package/dist/components/radio/index.d.ts +1 -0
  49. package/dist/components/radio/radio.d.ts +1 -0
  50. package/dist/components/radio/radioGroup.d.ts +1 -0
  51. package/dist/components/spinLoader/index.d.ts +1 -0
  52. package/dist/components/spinLoader/spinLoader.d.ts +1 -0
  53. package/dist/components/systemAlert/systemAlert.d.ts +1 -0
  54. package/dist/components/systemAlert/types.d.ts +1 -0
  55. package/dist/components/systemMessage/index.d.ts +1 -0
  56. package/dist/components/systemMessage/systemMessage.d.ts +1 -0
  57. package/dist/components/table/index.d.ts +1 -0
  58. package/dist/components/table/table.d.ts +1 -0
  59. package/dist/components/table/types.d.ts +1 -0
  60. package/dist/components/table/utils.d.ts +1 -0
  61. package/dist/components/themeProvider/index.d.ts +1 -0
  62. package/dist/components/themeProvider/themeProvider.d.ts +1 -0
  63. package/dist/components/toggle/index.d.ts +1 -0
  64. package/dist/components/toggle/toggle.d.ts +1 -0
  65. package/dist/components/tooltip/tooltip.d.ts +1 -0
  66. package/dist/datePicker-e7db2778.js +197 -0
  67. package/dist/datePicker.js +5 -3
  68. package/dist/fieldText-78c1be1a.js +160 -0
  69. package/dist/fieldText.js +1 -1
  70. package/dist/fieldTextFlex-314741ad.js +78 -0
  71. package/dist/fieldTextFlex.js +1 -1
  72. package/dist/icons.js +38 -38
  73. package/dist/index.js +27 -27
  74. package/dist/{pagination-09b1f2af.js → pagination-066b1b2b.js} +1 -1
  75. package/dist/pagination.js +2 -2
  76. package/dist/style.css +1 -1
  77. package/package.json +2 -2
  78. package/dist/datePicker-0480f3fb.js +0 -193
  79. package/dist/fieldText-43787c48.js +0 -160
  80. 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
- };