@reportportal/ui-kit 0.0.1-alpha.167 → 0.0.1-alpha.169
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/actionMenu-77a63b96.js +155 -0
- package/dist/actionMenu.js +30 -0
- package/dist/{breadcrumbs-8e5ca8d7.js → breadcrumbs-9b38b89c.js} +15 -14
- package/dist/breadcrumbs.js +3 -2
- package/dist/bulkPanel.js +80 -78
- package/dist/components/actionMenu/actionMenu.d.ts +33 -0
- package/dist/components/actionMenu/constants.d.ts +3 -0
- package/dist/components/actionMenu/index.d.ts +18 -0
- package/dist/components/datePicker/datePicker.d.ts +14 -7
- package/dist/components/fieldText/index.d.ts +2 -1
- package/dist/components/filterItem/filterItem.d.ts +18 -0
- package/dist/components/filterItem/index.d.ts +17 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/segmentedControl/index.d.ts +17 -0
- package/dist/components/segmentedControl/segmentedControl.d.ts +4 -0
- package/dist/components/segmentedControl/types.d.ts +18 -0
- package/dist/datePicker-ad4a758c.js +208 -0
- package/dist/datePicker.js +2 -2
- package/dist/filterItem.js +96 -0
- package/dist/icons.js +18 -17
- package/dist/index.js +164 -154
- package/dist/meatballMenu-535635a9.js +5 -0
- package/dist/segmentedControl.js +62 -0
- package/dist/style.css +15 -1
- package/dist/tree-e7a0ef42.js +5 -0
- package/package.json +3 -2
- package/dist/datePicker-9d52ba44.js +0 -194
- package/dist/tree-c3dd3d45.js +0 -6
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as C from "react";
|
|
2
|
+
const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M2 10C2 10.764 2.24187 11.5133 2.69535 12.0801C3.15115 12.6499 3.79637 13 4.5 13H5.9C5.86913 12.8384 5.85293 12.6712 5.85293 12.5C5.85293 12.3288 5.86913 12.1616 5.89999 12H4.5C4.14277 12 3.77057 11.8234 3.47622 11.4554C3.17956 11.0846 3 10.5621 3 10V5.40311C3.41945 5.77926 3.94131 6 4.5 6H5.89996C5.8691 5.83844 5.85289 5.67122 5.85289 5.49998C5.85289 5.32876 5.86909 5.16155 5.89996 5L4.5 5C4.14277 5 3.77057 4.82335 3.47622 4.45542C3.17956 4.08459 3 3.56203 3 2.99994L3 1.5C3 1.22386 2.77614 1 2.5 1C2.22386 1 2 1.22386 2 1.5L2 10Z", fill: "#A2AAB5" }), /* @__PURE__ */ C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.20583 3.99998H11.5C12.1909 3.99998 12.8529 4.61358 12.8529 5.49998C12.8529 6.38639 12.1909 6.99998 11.5 6.99998H8.20583C7.51487 6.99998 6.85289 6.38639 6.85289 5.49998C6.85289 4.61358 7.51487 3.99998 8.20583 3.99998ZM8.20587 11H11.5C12.1909 11 12.8529 11.6136 12.8529 12.5C12.8529 13.3864 12.1909 14 11.5 14H8.20587C7.51491 14 6.85293 13.3864 6.85293 12.5C6.85293 11.6136 7.51491 11 8.20587 11ZM5.89996 5C6.11796 3.85887 7.06749 2.99998 8.20583 2.99998H11.5C12.7994 2.99998 13.8529 4.11927 13.8529 5.49998C13.8529 6.8807 12.7994 7.99998 11.5 7.99998H8.20583C7.0675 7.99998 6.11798 7.14111 5.89996 6C5.8691 5.83844 5.85289 5.67122 5.85289 5.49998C5.85289 5.32876 5.86909 5.16155 5.89996 5ZM5.89999 12C6.118 10.8589 7.06753 9.99998 8.20587 9.99998H11.5C12.7995 9.99998 13.8529 11.1193 13.8529 12.5C13.8529 13.8807 12.7995 15 11.5 15H8.20587C7.06754 15 6.11801 14.1411 5.9 13H6C6.27614 13 6.5 12.7761 6.5 12.5C6.5 12.2239 6.27614 12 6 12H5.89999Z", fill: "#A2AAB5" }), /* @__PURE__ */ C.createElement("path", { d: "M6.5 12.5C6.5 12.2239 6.27614 12 6 12H5.89999C5.86913 12.1616 5.85293 12.3288 5.85293 12.5C5.85293 12.6712 5.86913 12.8384 5.9 13H6C6.27614 13 6.5 12.7761 6.5 12.5Z", fill: "#A2AAB5" }));
|
|
3
|
+
export {
|
|
4
|
+
t as S
|
|
5
|
+
};
|
package/package.json
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reportportal/ui-kit",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.169",
|
|
4
4
|
"description": "The UI-kit library for ReportPortal Design System.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"start": "storybook dev -p 6006",
|
|
8
8
|
"build": "tsc && vite build",
|
|
9
9
|
"build:storybook": "storybook build",
|
|
10
|
-
"
|
|
10
|
+
"type-check": "tsc --noEmit",
|
|
11
|
+
"lint": "npm run type-check && eslint \"src/**/*.{js,jsx,ts,tsx}\"",
|
|
11
12
|
"format": "npm run lint -- --fix",
|
|
12
13
|
"test": "vitest",
|
|
13
14
|
"test:coverage": "vitest run --coverage",
|
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
import { jsxs as F, Fragment as $, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import B from "react-datepicker/dist/es/index.js";
|
|
3
|
-
import { c as R } from "./bind-06a7ff84.js";
|
|
4
|
-
import { useMemo as P, useRef as D } from "react";
|
|
5
|
-
import { F as I } from "./fieldText-1749da7a.js";
|
|
6
|
-
import { D as E } from "./dropdown-7d024c49.js";
|
|
7
|
-
import { S as T } from "./calendarArrow-44c7e60e.js";
|
|
8
|
-
import { registerLocale as j } from "react-datepicker";
|
|
9
|
-
const ie = (n, s) => {
|
|
10
|
-
j(n, s);
|
|
11
|
-
}, G = (n, s = 20) => {
|
|
12
|
-
const i = n + s;
|
|
13
|
-
return new Array(i - n).fill(void 0).map((g, t) => n - t);
|
|
14
|
-
}, H = "_header_1q16i_1", V = "_disabled_1q16i_25", O = "_dropdown_1q16i_8", W = {
|
|
15
|
-
header: H,
|
|
16
|
-
"dropdowns-wrapper": "_dropdowns-wrapper_1q16i_8",
|
|
17
|
-
"button-prev": "_button-prev_1q16i_13",
|
|
18
|
-
"button-next": "_button-next_1q16i_14",
|
|
19
|
-
disabled: V,
|
|
20
|
-
dropdown: O,
|
|
21
|
-
"month-dropdown": "_month-dropdown_1q16i_44",
|
|
22
|
-
"toggle-button": "_toggle-button_1q16i_47"
|
|
23
|
-
}, a = R.bind(W), z = ({
|
|
24
|
-
date: n = /* @__PURE__ */ new Date(),
|
|
25
|
-
changeYear: s = () => {
|
|
26
|
-
},
|
|
27
|
-
changeMonth: i = () => {
|
|
28
|
-
},
|
|
29
|
-
decreaseMonth: g = () => {
|
|
30
|
-
},
|
|
31
|
-
increaseMonth: t = () => {
|
|
32
|
-
},
|
|
33
|
-
prevMonthButtonDisabled: o = !1,
|
|
34
|
-
nextMonthButtonDisabled: h = !1,
|
|
35
|
-
headerNodes: b = null,
|
|
36
|
-
customClassName: w = "",
|
|
37
|
-
yearsOptions: p = [],
|
|
38
|
-
locale: y
|
|
39
|
-
}) => {
|
|
40
|
-
const c = n.getFullYear(), C = n.getMonth(), f = P(() => {
|
|
41
|
-
const e = Array(12).keys(), l = new Intl.DateTimeFormat(y, {
|
|
42
|
-
month: "long"
|
|
43
|
-
}), d = (m) => l.format(new Date(c, m));
|
|
44
|
-
return Array.from(e, d).reduce((m, N, x) => m.concat({
|
|
45
|
-
value: x,
|
|
46
|
-
label: N
|
|
47
|
-
}), []);
|
|
48
|
-
}, [y, c]), v = P(() => (p.length > 0 ? p : G(c)).reduce(
|
|
49
|
-
(l, d) => l.concat({ value: d, label: `${d}` }),
|
|
50
|
-
[]
|
|
51
|
-
), [p, c]), A = (e) => {
|
|
52
|
-
i(e);
|
|
53
|
-
}, k = (e) => {
|
|
54
|
-
s(e);
|
|
55
|
-
};
|
|
56
|
-
return /* @__PURE__ */ F($, { children: [
|
|
57
|
-
b && /* @__PURE__ */ r("div", { className: a(w), children: b }),
|
|
58
|
-
/* @__PURE__ */ F("div", { className: a("header"), children: [
|
|
59
|
-
/* @__PURE__ */ r(
|
|
60
|
-
"button",
|
|
61
|
-
{
|
|
62
|
-
type: "button",
|
|
63
|
-
"aria-label": "Previous Months",
|
|
64
|
-
disabled: o,
|
|
65
|
-
onClick: (e) => {
|
|
66
|
-
e.stopPropagation(), g();
|
|
67
|
-
},
|
|
68
|
-
className: a("button-prev", { disabled: o }),
|
|
69
|
-
children: /* @__PURE__ */ r(T, {})
|
|
70
|
-
}
|
|
71
|
-
),
|
|
72
|
-
/* @__PURE__ */ F("div", { className: a("dropdowns-wrapper"), children: [
|
|
73
|
-
/* @__PURE__ */ r(
|
|
74
|
-
E,
|
|
75
|
-
{
|
|
76
|
-
options: f,
|
|
77
|
-
value: C,
|
|
78
|
-
onChange: A,
|
|
79
|
-
transparentBackground: !0,
|
|
80
|
-
className: a("dropdown", "month-dropdown"),
|
|
81
|
-
toggleButtonClassName: a("toggle-button")
|
|
82
|
-
}
|
|
83
|
-
),
|
|
84
|
-
/* @__PURE__ */ r(
|
|
85
|
-
E,
|
|
86
|
-
{
|
|
87
|
-
options: v,
|
|
88
|
-
value: c,
|
|
89
|
-
onChange: k,
|
|
90
|
-
transparentBackground: !0,
|
|
91
|
-
className: a("dropdown"),
|
|
92
|
-
toggleButtonClassName: a("toggle-button")
|
|
93
|
-
}
|
|
94
|
-
)
|
|
95
|
-
] }),
|
|
96
|
-
/* @__PURE__ */ r(
|
|
97
|
-
"button",
|
|
98
|
-
{
|
|
99
|
-
type: "button",
|
|
100
|
-
"aria-label": "Next Months",
|
|
101
|
-
disabled: h,
|
|
102
|
-
onClick: (e) => {
|
|
103
|
-
e.stopPropagation(), t();
|
|
104
|
-
},
|
|
105
|
-
className: a("button-next", { disabled: h }),
|
|
106
|
-
children: /* @__PURE__ */ r(T, {})
|
|
107
|
-
}
|
|
108
|
-
)
|
|
109
|
-
] })
|
|
110
|
-
] });
|
|
111
|
-
}, J = "_calendar_3ty6m_5", K = "_date_3ty6m_90", Q = "_disabled_3ty6m_203", X = "_popper_3ty6m_211", Z = "_input_3ty6m_215", ee = {
|
|
112
|
-
calendar: J,
|
|
113
|
-
"current-date": "_current-date_3ty6m_89",
|
|
114
|
-
date: K,
|
|
115
|
-
"selected-range": "_selected-range_3ty6m_119",
|
|
116
|
-
"end-date": "_end-date_3ty6m_119",
|
|
117
|
-
disabled: Q,
|
|
118
|
-
popper: X,
|
|
119
|
-
input: Z
|
|
120
|
-
}, _ = R.bind(ee), te = "en", L = "MM-dd-yyyy", pe = ({
|
|
121
|
-
onChange: n = () => {
|
|
122
|
-
},
|
|
123
|
-
disabled: s = !1,
|
|
124
|
-
onBlur: i = () => {
|
|
125
|
-
},
|
|
126
|
-
onFocus: g = () => {
|
|
127
|
-
},
|
|
128
|
-
endDate: t = void 0,
|
|
129
|
-
startDate: o = void 0,
|
|
130
|
-
headerNodes: h = null,
|
|
131
|
-
customClassName: b = "",
|
|
132
|
-
customTimeInput: w = void 0,
|
|
133
|
-
shouldCloseOnSelect: p = !0,
|
|
134
|
-
popperClassName: y = "",
|
|
135
|
-
calendarClassName: c = "",
|
|
136
|
-
fixedHeight: C = !1,
|
|
137
|
-
language: f = te,
|
|
138
|
-
yearsOptions: v = [],
|
|
139
|
-
placeholder: A = L.toUpperCase(),
|
|
140
|
-
dateFormat: k = L,
|
|
141
|
-
selects: e = "start",
|
|
142
|
-
value: l = null
|
|
143
|
-
}) => {
|
|
144
|
-
const d = D(null), S = o == null ? void 0 : o.toDateString(), m = t == null ? void 0 : t.toDateString(), N = t && o && t > o, x = (u) => {
|
|
145
|
-
const M = u.toDateString(), Y = M === S, q = N && M === m, U = o && t && u > o && u < t;
|
|
146
|
-
return _("date", {
|
|
147
|
-
"current-date": Y,
|
|
148
|
-
"selected-range": U && !q,
|
|
149
|
-
"end-date": q && N,
|
|
150
|
-
disabled: s
|
|
151
|
-
});
|
|
152
|
-
};
|
|
153
|
-
return /* @__PURE__ */ r(
|
|
154
|
-
B,
|
|
155
|
-
{
|
|
156
|
-
customInput: /* @__PURE__ */ r(I, { className: _("input"), defaultWidth: !1, ref: d }),
|
|
157
|
-
placeholderText: A,
|
|
158
|
-
selected: l,
|
|
159
|
-
startDate: o,
|
|
160
|
-
endDate: t,
|
|
161
|
-
disabled: s,
|
|
162
|
-
shouldCloseOnSelect: p,
|
|
163
|
-
fixedHeight: C,
|
|
164
|
-
locale: f,
|
|
165
|
-
showPopperArrow: !1,
|
|
166
|
-
dayClassName: x,
|
|
167
|
-
calendarClassName: _(c, "calendar"),
|
|
168
|
-
renderCustomHeader: (u) => /* @__PURE__ */ r(
|
|
169
|
-
z,
|
|
170
|
-
{
|
|
171
|
-
...u,
|
|
172
|
-
headerNodes: h,
|
|
173
|
-
customClassName: b,
|
|
174
|
-
yearsOptions: v,
|
|
175
|
-
locale: f
|
|
176
|
-
}
|
|
177
|
-
),
|
|
178
|
-
onChange: n,
|
|
179
|
-
onBlur: i,
|
|
180
|
-
onFocus: g,
|
|
181
|
-
customTimeInput: w,
|
|
182
|
-
showTimeInput: !!w,
|
|
183
|
-
popperClassName: _(y, "popper"),
|
|
184
|
-
dateFormat: k,
|
|
185
|
-
selectsStart: e === "start",
|
|
186
|
-
selectsEnd: e === "end",
|
|
187
|
-
className: _("datepicker")
|
|
188
|
-
}
|
|
189
|
-
);
|
|
190
|
-
};
|
|
191
|
-
export {
|
|
192
|
-
pe as D,
|
|
193
|
-
ie as r
|
|
194
|
-
};
|
package/dist/tree-c3dd3d45.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as C from "react";
|
|
2
|
-
const l = (e) => /* @__PURE__ */ C.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.30811 2.47803C1.72868 2.47803 2.05339 2.36206 2.28223 2.13013C2.51107 1.89819 2.62549 1.60596 2.62549 1.25342C2.62549 0.894694 2.51107 0.596273 2.28223 0.358154C2.05339 0.120036 1.72868 0.000976562 1.30811 0.000976562C0.893717 0.000976562 0.572103 0.120036 0.343262 0.358154C0.114421 0.596273 0 0.894694 0 1.25342C0 1.61214 0.117513 1.90592 0.352539 2.13477C0.587565 2.36361 0.906087 2.47803 1.30811 2.47803ZM6.61475 2.47803C7.03532 2.47803 7.36003 2.36206 7.58887 2.13013C7.81771 1.89819 7.93213 1.60596 7.93213 1.25342C7.93213 0.894694 7.81771 0.596273 7.58887 0.358154C7.36003 0.120036 7.03532 0.000976562 6.61475 0.000976562C6.20036 0.000976562 5.87874 0.120036 5.6499 0.358154C5.42106 0.596273 5.30664 0.894694 5.30664 1.25342C5.30664 1.61214 5.42415 1.90592 5.65918 2.13477C5.89421 2.36361 6.21273 2.47803 6.61475 2.47803ZM12.8955 2.13013C12.6667 2.36206 12.342 2.47803 11.9214 2.47803C11.5194 2.47803 11.2008 2.36361 10.9658 2.13477C10.7308 1.90592 10.6133 1.61214 10.6133 1.25342C10.6133 0.894694 10.7277 0.596273 10.9565 0.358154C11.1854 0.120036 11.507 0.000976562 11.9214 0.000976562C12.342 0.000976562 12.6667 0.120036 12.8955 0.358154C13.1243 0.596273 13.2388 0.894694 13.2388 1.25342C13.2388 1.60596 13.1243 1.89819 12.8955 2.13013Z", fill: "#A2AAB5" })), t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M2 10C2 10.764 2.24187 11.5133 2.69535 12.0801C3.15115 12.6499 3.79637 13 4.5 13H5.9C5.86913 12.8384 5.85293 12.6712 5.85293 12.5C5.85293 12.3288 5.86913 12.1616 5.89999 12H4.5C4.14277 12 3.77057 11.8234 3.47622 11.4554C3.17956 11.0846 3 10.5621 3 10V5.40311C3.41945 5.77926 3.94131 6 4.5 6H5.89996C5.8691 5.83844 5.85289 5.67122 5.85289 5.49998C5.85289 5.32876 5.86909 5.16155 5.89996 5L4.5 5C4.14277 5 3.77057 4.82335 3.47622 4.45542C3.17956 4.08459 3 3.56203 3 2.99994L3 1.5C3 1.22386 2.77614 1 2.5 1C2.22386 1 2 1.22386 2 1.5L2 10Z", fill: "#A2AAB5" }), /* @__PURE__ */ C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.20583 3.99998H11.5C12.1909 3.99998 12.8529 4.61358 12.8529 5.49998C12.8529 6.38639 12.1909 6.99998 11.5 6.99998H8.20583C7.51487 6.99998 6.85289 6.38639 6.85289 5.49998C6.85289 4.61358 7.51487 3.99998 8.20583 3.99998ZM8.20587 11H11.5C12.1909 11 12.8529 11.6136 12.8529 12.5C12.8529 13.3864 12.1909 14 11.5 14H8.20587C7.51491 14 6.85293 13.3864 6.85293 12.5C6.85293 11.6136 7.51491 11 8.20587 11ZM5.89996 5C6.11796 3.85887 7.06749 2.99998 8.20583 2.99998H11.5C12.7994 2.99998 13.8529 4.11927 13.8529 5.49998C13.8529 6.8807 12.7994 7.99998 11.5 7.99998H8.20583C7.0675 7.99998 6.11798 7.14111 5.89996 6C5.8691 5.83844 5.85289 5.67122 5.85289 5.49998C5.85289 5.32876 5.86909 5.16155 5.89996 5ZM5.89999 12C6.118 10.8589 7.06753 9.99998 8.20587 9.99998H11.5C12.7995 9.99998 13.8529 11.1193 13.8529 12.5C13.8529 13.8807 12.7995 15 11.5 15H8.20587C7.06754 15 6.11801 14.1411 5.9 13H6C6.27614 13 6.5 12.7761 6.5 12.5C6.5 12.2239 6.27614 12 6 12H5.89999Z", fill: "#A2AAB5" }), /* @__PURE__ */ C.createElement("path", { d: "M6.5 12.5C6.5 12.2239 6.27614 12 6 12H5.89999C5.86913 12.1616 5.85293 12.3288 5.85293 12.5C5.85293 12.6712 5.86913 12.8384 5.9 13H6C6.27614 13 6.5 12.7761 6.5 12.5Z", fill: "#A2AAB5" }));
|
|
3
|
-
export {
|
|
4
|
-
l as S,
|
|
5
|
-
t as a
|
|
6
|
-
};
|