reactive-bulma 5.1.11 → 5.1.13
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/components/atoms/Checkbox/index.js +5 -5
- package/dist/components/atoms/Column/index.js +5 -5
- package/dist/components/atoms/Delete/index.js +5 -5
- package/dist/components/atoms/GridCell/index.js +5 -5
- package/dist/components/atoms/Icon/index.js +9 -9
- package/dist/components/atoms/Input/index.js +5 -5
- package/dist/components/atoms/LevelHeader/index.js +13 -16
- package/dist/components/atoms/MenuItem/index.js +5 -5
- package/dist/components/atoms/NavBarItem/index.js +5 -5
- package/dist/components/atoms/PaginationItem/index.js +6 -6
- package/dist/components/atoms/ProgressBar/index.js +5 -5
- package/dist/components/atoms/RadioButton/index.js +21 -24
- package/dist/components/atoms/Select/index.js +2 -2
- package/dist/components/atoms/Skeleton/index.js +5 -5
- package/dist/components/atoms/TableCell/index.js +5 -5
- package/dist/components/atoms/TableHeadCell/index.js +5 -5
- package/dist/components/atoms/TextArea/index.js +12 -12
- package/dist/components/atoms/Tile/index.js +12 -12
- package/dist/components/atoms/Title/index.js +2 -2
- package/dist/components/molecules/ButtonGroup/index.js +12 -12
- package/dist/components/molecules/Grid/index.js +12 -12
- package/dist/components/molecules/InputControl/index.js +9 -9
- package/dist/components/molecules/LevelItem/index.js +12 -12
- package/dist/components/molecules/Notification/index.js +5 -5
- package/dist/components/molecules/PanelBlock/index.js +5 -5
- package/dist/components/molecules/PanelTabs/index.js +5 -5
- package/dist/components/molecules/Section/index.js +5 -5
- package/dist/components/molecules/TagList/index.js +5 -5
- package/package.json +19 -19
|
@@ -9,10 +9,7 @@ var a = (e) => e ? "-with-component" : "", o = ({ testId: o = null, containerTes
|
|
|
9
9
|
}), [s, f]), S = n(() => o ?? t({
|
|
10
10
|
tag: "checkbox",
|
|
11
11
|
parsedClasses: a(f)
|
|
12
|
-
}), [o, f])
|
|
13
|
-
display: "inline-block",
|
|
14
|
-
marginLeft: "5px"
|
|
15
|
-
};
|
|
12
|
+
}), [o, f]);
|
|
16
13
|
return /* @__PURE__ */ i("section", {
|
|
17
14
|
"data-testid": x,
|
|
18
15
|
className: b,
|
|
@@ -31,7 +28,10 @@ var a = (e) => e ? "-with-component" : "", o = ({ testId: o = null, containerTes
|
|
|
31
28
|
onChange: v,
|
|
32
29
|
onBlur: y
|
|
33
30
|
}), /* @__PURE__ */ r("label", {
|
|
34
|
-
style:
|
|
31
|
+
style: {
|
|
32
|
+
display: "inline-block",
|
|
33
|
+
marginLeft: "5px"
|
|
34
|
+
},
|
|
35
35
|
htmlFor: m,
|
|
36
36
|
children: f
|
|
37
37
|
})]
|
|
@@ -10,12 +10,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, children: s
|
|
|
10
10
|
l ? `${e.OFFSET}${l}` : null,
|
|
11
11
|
u ? `${e.NARROW}` : null,
|
|
12
12
|
a
|
|
13
|
-
])
|
|
14
|
-
tag: d,
|
|
15
|
-
parsedClasses: f
|
|
16
|
-
});
|
|
13
|
+
]);
|
|
17
14
|
return /* @__PURE__ */ r("section", {
|
|
18
|
-
"data-testid":
|
|
15
|
+
"data-testid": i ?? n({
|
|
16
|
+
tag: d,
|
|
17
|
+
parsedClasses: f
|
|
18
|
+
}),
|
|
19
19
|
className: f,
|
|
20
20
|
style: o ?? void 0,
|
|
21
21
|
children: s
|
|
@@ -8,12 +8,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, size: s = nu
|
|
|
8
8
|
l,
|
|
9
9
|
s ? `${e.IS}${s}` : null,
|
|
10
10
|
a
|
|
11
|
-
])
|
|
12
|
-
tag: l,
|
|
13
|
-
parsedClasses: u
|
|
14
|
-
});
|
|
11
|
+
]);
|
|
15
12
|
return /* @__PURE__ */ r("button", {
|
|
16
|
-
"data-testid":
|
|
13
|
+
"data-testid": i ?? n({
|
|
14
|
+
tag: l,
|
|
15
|
+
parsedClasses: u
|
|
16
|
+
}),
|
|
17
17
|
className: u,
|
|
18
18
|
style: o ?? void 0,
|
|
19
19
|
onClick: c ?? void 0
|
|
@@ -14,12 +14,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, children: s
|
|
|
14
14
|
p ? `is-col-span-${p}` : null,
|
|
15
15
|
m ? `is-row-span-${m}` : null,
|
|
16
16
|
a
|
|
17
|
-
])
|
|
18
|
-
tag: "cell",
|
|
19
|
-
parsedClasses: h
|
|
20
|
-
});
|
|
17
|
+
]);
|
|
21
18
|
return /* @__PURE__ */ r("section", {
|
|
22
|
-
"data-testid":
|
|
19
|
+
"data-testid": i ?? n({
|
|
20
|
+
tag: "cell",
|
|
21
|
+
parsedClasses: h
|
|
22
|
+
}),
|
|
23
23
|
className: h,
|
|
24
24
|
style: o ?? void 0,
|
|
25
25
|
children: s
|
|
@@ -6,16 +6,16 @@ import "react";
|
|
|
6
6
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
7
7
|
//#region src/components/atoms/Icon/index.tsx
|
|
8
8
|
var s = "icon", c = "mdi", l = (n, i) => {
|
|
9
|
-
let o = i ? `${s}-text-${i}` : `${s}-text
|
|
10
|
-
tag: `${s}-container`,
|
|
11
|
-
parsedClasses: i ? `${e.HAS_TEXT}${i}` : "",
|
|
12
|
-
rules: [{
|
|
13
|
-
regExp: t.HAS_TEXT,
|
|
14
|
-
replacer: ""
|
|
15
|
-
}]
|
|
16
|
-
});
|
|
9
|
+
let o = i ? `${s}-text-${i}` : `${s}-text`;
|
|
17
10
|
return /* @__PURE__ */ a("span", {
|
|
18
|
-
"data-testid":
|
|
11
|
+
"data-testid": r({
|
|
12
|
+
tag: `${s}-container`,
|
|
13
|
+
parsedClasses: i ? `${e.HAS_TEXT}${i}` : "",
|
|
14
|
+
rules: [{
|
|
15
|
+
regExp: t.HAS_TEXT,
|
|
16
|
+
replacer: ""
|
|
17
|
+
}]
|
|
18
|
+
}),
|
|
19
19
|
className: o,
|
|
20
20
|
children: n
|
|
21
21
|
});
|
|
@@ -13,12 +13,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, type: s, val
|
|
|
13
13
|
v ? e.FOCUSED : null,
|
|
14
14
|
p ? e.SKELETON : null,
|
|
15
15
|
a
|
|
16
|
-
])
|
|
17
|
-
tag: "input",
|
|
18
|
-
parsedClasses: S
|
|
19
|
-
});
|
|
16
|
+
]);
|
|
20
17
|
return /* @__PURE__ */ r("input", {
|
|
21
|
-
"data-testid":
|
|
18
|
+
"data-testid": i ?? n({
|
|
19
|
+
tag: "input",
|
|
20
|
+
parsedClasses: S
|
|
21
|
+
}),
|
|
22
22
|
type: s,
|
|
23
23
|
placeholder: u ?? void 0,
|
|
24
24
|
value: c ?? void 0,
|
|
@@ -2,23 +2,20 @@ import { parseTestId as e } from "../../../functions/parsers.js";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
4
|
//#region src/components/atoms/LevelHeader/index.tsx
|
|
5
|
-
var r = ({ testId: r = null, cssClasses: i = null, style: a = null, header: o, value: s }) => {
|
|
6
|
-
|
|
5
|
+
var r = ({ testId: r = null, cssClasses: i = null, style: a = null, header: o, value: s }) => /* @__PURE__ */ n("section", {
|
|
6
|
+
"data-testid": r ?? e({
|
|
7
7
|
tag: "level-header",
|
|
8
8
|
parsedClasses: i ?? ""
|
|
9
|
-
})
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
children:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
})]
|
|
21
|
-
});
|
|
22
|
-
};
|
|
9
|
+
}),
|
|
10
|
+
className: i ?? void 0,
|
|
11
|
+
style: a ?? void 0,
|
|
12
|
+
children: [/* @__PURE__ */ t("p", {
|
|
13
|
+
className: "heading",
|
|
14
|
+
children: o
|
|
15
|
+
}), /* @__PURE__ */ t("p", {
|
|
16
|
+
className: "title",
|
|
17
|
+
children: s
|
|
18
|
+
})]
|
|
19
|
+
});
|
|
23
20
|
//#endregion
|
|
24
21
|
export { r as default };
|
|
@@ -7,12 +7,12 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, text: o, isA
|
|
|
7
7
|
"menuItem",
|
|
8
8
|
s ? "is-active" : null,
|
|
9
9
|
i
|
|
10
|
-
])
|
|
11
|
-
tag: "menuItem",
|
|
12
|
-
parsedClasses: l
|
|
13
|
-
});
|
|
10
|
+
]);
|
|
14
11
|
return /* @__PURE__ */ n("a", {
|
|
15
|
-
"data-testid":
|
|
12
|
+
"data-testid": r ?? t({
|
|
13
|
+
tag: "menuItem",
|
|
14
|
+
parsedClasses: l
|
|
15
|
+
}),
|
|
16
16
|
className: l,
|
|
17
17
|
style: a ?? void 0,
|
|
18
18
|
"aria-hidden": "true",
|
|
@@ -7,12 +7,12 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, children: o,
|
|
|
7
7
|
"navbar-item",
|
|
8
8
|
s ? "is-selected" : null,
|
|
9
9
|
i
|
|
10
|
-
])
|
|
11
|
-
tag: "navbar-item",
|
|
12
|
-
parsedClasses: l
|
|
13
|
-
});
|
|
10
|
+
]);
|
|
14
11
|
return /* @__PURE__ */ n("a", {
|
|
15
|
-
"data-testid":
|
|
12
|
+
"data-testid": r ?? t({
|
|
13
|
+
tag: "navbar-item",
|
|
14
|
+
parsedClasses: l
|
|
15
|
+
}),
|
|
16
16
|
className: l,
|
|
17
17
|
style: a ?? void 0,
|
|
18
18
|
"aria-hidden": "true",
|
|
@@ -7,15 +7,15 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, text: o, lab
|
|
|
7
7
|
"pagination-link",
|
|
8
8
|
l ? "is-current" : null,
|
|
9
9
|
i
|
|
10
|
-
])
|
|
11
|
-
tag: "pagination-link",
|
|
12
|
-
parsedClasses: d
|
|
13
|
-
}), p = l ? c : s;
|
|
10
|
+
]);
|
|
14
11
|
return /* @__PURE__ */ n("a", {
|
|
15
|
-
"data-testid":
|
|
12
|
+
"data-testid": r ?? t({
|
|
13
|
+
tag: "pagination-link",
|
|
14
|
+
parsedClasses: d
|
|
15
|
+
}),
|
|
16
16
|
className: d,
|
|
17
17
|
style: a ?? void 0,
|
|
18
|
-
"aria-label": `${
|
|
18
|
+
"aria-label": `${l ? c : s} ${o}`,
|
|
19
19
|
"aria-current": l ? "page" : void 0,
|
|
20
20
|
"aria-hidden": "true",
|
|
21
21
|
onClick: u ?? void 0,
|
|
@@ -9,12 +9,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, value: s = 0
|
|
|
9
9
|
l ? `${e.IS}${l}` : null,
|
|
10
10
|
u ? `${e.IS}${u}` : null,
|
|
11
11
|
a
|
|
12
|
-
])
|
|
13
|
-
tag: f,
|
|
14
|
-
parsedClasses: m
|
|
15
|
-
});
|
|
12
|
+
]);
|
|
16
13
|
return /* @__PURE__ */ r("progress", {
|
|
17
|
-
"data-testid":
|
|
14
|
+
"data-testid": i ?? n({
|
|
15
|
+
tag: f,
|
|
16
|
+
parsedClasses: m
|
|
17
|
+
}),
|
|
18
18
|
className: m,
|
|
19
19
|
style: o ?? void 0,
|
|
20
20
|
value: d ? void 0 : s,
|
|
@@ -7,30 +7,27 @@ var o = ({ containerTestId: o = null, containerCssClasses: s = null, containerSt
|
|
|
7
7
|
let m = e(["control", s]), h = o ?? t({
|
|
8
8
|
tag: "container-",
|
|
9
9
|
parsedClasses: m
|
|
10
|
-
}), g = r(() => l.map((e, t) => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
})]
|
|
32
|
-
}, `radio-button-item-${n()}`);
|
|
33
|
-
}), [
|
|
10
|
+
}), g = r(() => l.map((e, t) => /* @__PURE__ */ a("label", {
|
|
11
|
+
className: "radio",
|
|
12
|
+
children: [/* @__PURE__ */ i("input", {
|
|
13
|
+
"data-testid": e.testId ?? `test-radio-button-item-${t}`,
|
|
14
|
+
type: "radio",
|
|
15
|
+
style: e.style ?? void 0,
|
|
16
|
+
name: u,
|
|
17
|
+
value: e.value,
|
|
18
|
+
defaultChecked: e.isChecked,
|
|
19
|
+
disabled: e.isDisabled,
|
|
20
|
+
onClick: d,
|
|
21
|
+
onChange: f,
|
|
22
|
+
onBlur: p
|
|
23
|
+
}), /* @__PURE__ */ i("p", {
|
|
24
|
+
style: {
|
|
25
|
+
display: "inline-block",
|
|
26
|
+
marginLeft: "5px"
|
|
27
|
+
},
|
|
28
|
+
children: e.label
|
|
29
|
+
})]
|
|
30
|
+
}, `radio-button-item-${n()}`)), [
|
|
34
31
|
l,
|
|
35
32
|
u,
|
|
36
33
|
d,
|
|
@@ -24,9 +24,9 @@ var a = ({ testId: a = null, containerTestId: o = null, cssClasses: s = null, co
|
|
|
24
24
|
]), E = r(() => a ?? n({
|
|
25
25
|
tag: "select",
|
|
26
26
|
parsedClasses: T
|
|
27
|
-
}), [a, T])
|
|
27
|
+
}), [a, T]);
|
|
28
28
|
return /* @__PURE__ */ i("section", {
|
|
29
|
-
"data-testid":
|
|
29
|
+
"data-testid": r(() => o ?? `${E}-container`, [o, E]),
|
|
30
30
|
className: T,
|
|
31
31
|
style: u ?? void 0,
|
|
32
32
|
children: /* @__PURE__ */ i("select", {
|
|
@@ -3,12 +3,12 @@ import "react";
|
|
|
3
3
|
import { jsx as n } from "react/jsx-runtime";
|
|
4
4
|
//#region src/components/atoms/Skeleton/index.tsx
|
|
5
5
|
var r = ({ testId: r = null, cssClasses: i = null, style: a = null, children: o, displayType: s = "block" }) => {
|
|
6
|
-
let c = `skeleton-${s}`, l = e([c, i])
|
|
7
|
-
tag: c,
|
|
8
|
-
parsedClasses: l
|
|
9
|
-
});
|
|
6
|
+
let c = `skeleton-${s}`, l = e([c, i]);
|
|
10
7
|
return /* @__PURE__ */ n("section", {
|
|
11
|
-
"data-testid":
|
|
8
|
+
"data-testid": r ?? t({
|
|
9
|
+
tag: c,
|
|
10
|
+
parsedClasses: l
|
|
11
|
+
}),
|
|
12
12
|
className: l,
|
|
13
13
|
style: a ?? void 0,
|
|
14
14
|
children: o
|
|
@@ -4,12 +4,12 @@ import "react";
|
|
|
4
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/atoms/TableCell/index.tsx
|
|
6
6
|
var i = ({ testId: i = null, cssClasses: a = null, style: o = null, color: s = null, content: c, onClick: l = null }) => {
|
|
7
|
-
let u = t([s ? `${e.IS}${s}` : null, a])
|
|
8
|
-
tag: "table-cell",
|
|
9
|
-
parsedClasses: u
|
|
10
|
-
});
|
|
7
|
+
let u = t([s ? `${e.IS}${s}` : null, a]);
|
|
11
8
|
return /* @__PURE__ */ r("td", {
|
|
12
|
-
"data-testid":
|
|
9
|
+
"data-testid": i ?? n({
|
|
10
|
+
tag: "table-cell",
|
|
11
|
+
parsedClasses: u
|
|
12
|
+
}),
|
|
13
13
|
className: u,
|
|
14
14
|
style: o ?? void 0,
|
|
15
15
|
onClick: l ?? void 0,
|
|
@@ -4,12 +4,12 @@ import "react";
|
|
|
4
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/atoms/TableHeadCell/index.tsx
|
|
6
6
|
var i = ({ testId: i = null, cssClasses: a = null, style: o = null, color: s = null, content: c, onClick: l = null }) => {
|
|
7
|
-
let u = t([s ? `${e.IS}${s}` : null, a])
|
|
8
|
-
tag: "table-head-cell",
|
|
9
|
-
parsedClasses: u
|
|
10
|
-
});
|
|
7
|
+
let u = t([s ? `${e.IS}${s}` : null, a]);
|
|
11
8
|
return /* @__PURE__ */ r("th", {
|
|
12
|
-
"data-testid":
|
|
9
|
+
"data-testid": i ?? n({
|
|
10
|
+
tag: "table-head-cell",
|
|
11
|
+
parsedClasses: u
|
|
12
|
+
}),
|
|
13
13
|
className: u,
|
|
14
14
|
style: o ?? void 0,
|
|
15
15
|
onClick: l ?? void 0,
|
|
@@ -13,19 +13,19 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, value: s = n
|
|
|
13
13
|
m ? "has-fixed-size" : null,
|
|
14
14
|
p ? e.SKELETON : null,
|
|
15
15
|
a
|
|
16
|
-
])
|
|
17
|
-
tag: "textarea",
|
|
18
|
-
parsedClasses: x,
|
|
19
|
-
rules: [{
|
|
20
|
-
regExp: /textarea/gm,
|
|
21
|
-
replacer: ""
|
|
22
|
-
}, {
|
|
23
|
-
regExp: /is-|has-/gm,
|
|
24
|
-
replacer: "-"
|
|
25
|
-
}]
|
|
26
|
-
});
|
|
16
|
+
]);
|
|
27
17
|
return /* @__PURE__ */ r("textarea", {
|
|
28
|
-
"data-testid":
|
|
18
|
+
"data-testid": i ?? n({
|
|
19
|
+
tag: "textarea",
|
|
20
|
+
parsedClasses: x,
|
|
21
|
+
rules: [{
|
|
22
|
+
regExp: /textarea/gm,
|
|
23
|
+
replacer: ""
|
|
24
|
+
}, {
|
|
25
|
+
regExp: /is-|has-/gm,
|
|
26
|
+
replacer: "-"
|
|
27
|
+
}]
|
|
28
|
+
}),
|
|
29
29
|
value: s ?? void 0,
|
|
30
30
|
name: c,
|
|
31
31
|
cols: l ?? void 0,
|
|
@@ -12,19 +12,19 @@ var a = ({ testId: a = null, cssClasses: o = null, style: s = null, children: c,
|
|
|
12
12
|
d ? `${e.NOTIFICATION} ${d}` : null,
|
|
13
13
|
f ? `${e.VERTICAL}` : null,
|
|
14
14
|
o
|
|
15
|
-
])
|
|
16
|
-
tag: p,
|
|
17
|
-
parsedClasses: m,
|
|
18
|
-
rules: [{
|
|
19
|
-
regExp: t.TILE,
|
|
20
|
-
replacer: ""
|
|
21
|
-
}, {
|
|
22
|
-
regExp: t.IS,
|
|
23
|
-
replacer: "-"
|
|
24
|
-
}]
|
|
25
|
-
});
|
|
15
|
+
]);
|
|
26
16
|
return /* @__PURE__ */ i("section", {
|
|
27
|
-
"data-testid":
|
|
17
|
+
"data-testid": a ?? r({
|
|
18
|
+
tag: p,
|
|
19
|
+
parsedClasses: m,
|
|
20
|
+
rules: [{
|
|
21
|
+
regExp: t.TILE,
|
|
22
|
+
replacer: ""
|
|
23
|
+
}, {
|
|
24
|
+
regExp: t.IS,
|
|
25
|
+
replacer: "-"
|
|
26
|
+
}]
|
|
27
|
+
}),
|
|
28
28
|
className: m,
|
|
29
29
|
style: s ?? void 0,
|
|
30
30
|
children: c
|
|
@@ -11,9 +11,9 @@ var o = (n, r) => {
|
|
|
11
11
|
a === "title" && s ? "is-spaced" : null,
|
|
12
12
|
r ? e.SKELETON : null,
|
|
13
13
|
c
|
|
14
|
-
])
|
|
14
|
+
]);
|
|
15
15
|
return /* @__PURE__ */ i("p", {
|
|
16
|
-
"data-testid":
|
|
16
|
+
"data-testid": n?.testId ?? `test-${n?.type}`,
|
|
17
17
|
className: l,
|
|
18
18
|
style: n?.style ?? void 0,
|
|
19
19
|
children: n?.text
|
|
@@ -11,19 +11,19 @@ var a = ({ testId: a = null, cssClasses: o = null, style: s = null, buttonList:
|
|
|
11
11
|
l ? "has-addons" : null,
|
|
12
12
|
!u || u === "left" ? null : `is-${u}`,
|
|
13
13
|
o
|
|
14
|
-
])
|
|
15
|
-
tag: "buttons",
|
|
16
|
-
parsedClasses: d,
|
|
17
|
-
rules: [{
|
|
18
|
-
regExp: /has-|is-/gm,
|
|
19
|
-
replacer: "-"
|
|
20
|
-
}, {
|
|
21
|
-
regExp: /buttons/gm,
|
|
22
|
-
replacer: ""
|
|
23
|
-
}]
|
|
24
|
-
});
|
|
14
|
+
]);
|
|
25
15
|
return /* @__PURE__ */ i("section", {
|
|
26
|
-
"data-testid":
|
|
16
|
+
"data-testid": a ?? t({
|
|
17
|
+
tag: "buttons",
|
|
18
|
+
parsedClasses: d,
|
|
19
|
+
rules: [{
|
|
20
|
+
regExp: /has-|is-/gm,
|
|
21
|
+
replacer: "-"
|
|
22
|
+
}, {
|
|
23
|
+
regExp: /buttons/gm,
|
|
24
|
+
replacer: ""
|
|
25
|
+
}]
|
|
26
|
+
}),
|
|
27
27
|
className: d,
|
|
28
28
|
style: s ?? void 0,
|
|
29
29
|
children: c.map((e, t, a) => {
|
|
@@ -35,19 +35,19 @@ var c = ({ testId: c = null, containerTestId: l = null, cssClasses: u = null, co
|
|
|
35
35
|
b ? `${e.HAS}${b}-cols` : null,
|
|
36
36
|
i,
|
|
37
37
|
d
|
|
38
|
-
])
|
|
39
|
-
tag: C,
|
|
40
|
-
parsedClasses: a,
|
|
41
|
-
rules: [{
|
|
42
|
-
regExp: t.FIXED_GRID,
|
|
43
|
-
replacer: ""
|
|
44
|
-
}, {
|
|
45
|
-
regExp: t.IS_HAS,
|
|
46
|
-
replacer: "-"
|
|
47
|
-
}]
|
|
48
|
-
});
|
|
38
|
+
]);
|
|
49
39
|
return /* @__PURE__ */ s("section", {
|
|
50
|
-
"data-testid":
|
|
40
|
+
"data-testid": l ?? r({
|
|
41
|
+
tag: C,
|
|
42
|
+
parsedClasses: a,
|
|
43
|
+
rules: [{
|
|
44
|
+
regExp: t.FIXED_GRID,
|
|
45
|
+
replacer: ""
|
|
46
|
+
}, {
|
|
47
|
+
regExp: t.IS_HAS,
|
|
48
|
+
replacer: "-"
|
|
49
|
+
}]
|
|
50
|
+
}),
|
|
51
51
|
className: a,
|
|
52
52
|
style: p ?? void 0,
|
|
53
53
|
children: D
|
|
@@ -52,16 +52,16 @@ var u = (e) => e ? /* @__PURE__ */ c(i, { ...e }) : null, d = (t) => t ? `${e.IS
|
|
|
52
52
|
position: "right"
|
|
53
53
|
} : void 0), [v]), A = o(() => {
|
|
54
54
|
if (g === null) return null;
|
|
55
|
-
let e = "help", i = n([e, d(h?.color ?? g?.color)])
|
|
56
|
-
tag: e,
|
|
57
|
-
parsedClasses: i,
|
|
58
|
-
rules: [{
|
|
59
|
-
regExp: t.HELP,
|
|
60
|
-
replacer: ""
|
|
61
|
-
}]
|
|
62
|
-
});
|
|
55
|
+
let e = "help", i = n([e, d(h?.color ?? g?.color)]);
|
|
63
56
|
return /* @__PURE__ */ c("p", {
|
|
64
|
-
"data-testid":
|
|
57
|
+
"data-testid": r({
|
|
58
|
+
tag: e,
|
|
59
|
+
parsedClasses: i,
|
|
60
|
+
rules: [{
|
|
61
|
+
regExp: t.HELP,
|
|
62
|
+
replacer: ""
|
|
63
|
+
}]
|
|
64
|
+
}),
|
|
65
65
|
className: i,
|
|
66
66
|
children: g.text
|
|
67
67
|
});
|
|
@@ -7,19 +7,19 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, content: o,
|
|
|
7
7
|
"level-item",
|
|
8
8
|
s ? "has-text-centered" : null,
|
|
9
9
|
i
|
|
10
|
-
])
|
|
11
|
-
tag: "level-item",
|
|
12
|
-
parsedClasses: c,
|
|
13
|
-
rules: [{
|
|
14
|
-
regExp: /is-|has-/gm,
|
|
15
|
-
replacer: "-"
|
|
16
|
-
}, {
|
|
17
|
-
regExp: /level-item/gm,
|
|
18
|
-
replacer: ""
|
|
19
|
-
}]
|
|
20
|
-
});
|
|
10
|
+
]);
|
|
21
11
|
return /* @__PURE__ */ n("section", {
|
|
22
|
-
"data-testid":
|
|
12
|
+
"data-testid": r ?? t({
|
|
13
|
+
tag: "level-item",
|
|
14
|
+
parsedClasses: c,
|
|
15
|
+
rules: [{
|
|
16
|
+
regExp: /is-|has-/gm,
|
|
17
|
+
replacer: "-"
|
|
18
|
+
}, {
|
|
19
|
+
regExp: /level-item/gm,
|
|
20
|
+
replacer: ""
|
|
21
|
+
}]
|
|
22
|
+
}),
|
|
23
23
|
className: c,
|
|
24
24
|
style: a ?? void 0,
|
|
25
25
|
children: o
|
|
@@ -11,12 +11,12 @@ var o = ({ testId: o = null, cssClasses: s = null, style: c = null, children: l
|
|
|
11
11
|
d ? `${e.IS}${d}` : null,
|
|
12
12
|
f ? e.LIGHT : null,
|
|
13
13
|
s
|
|
14
|
-
])
|
|
15
|
-
tag: p,
|
|
16
|
-
parsedClasses: m
|
|
17
|
-
});
|
|
14
|
+
]);
|
|
18
15
|
return /* @__PURE__ */ a("section", {
|
|
19
|
-
"data-testid":
|
|
16
|
+
"data-testid": o ?? n({
|
|
17
|
+
tag: p,
|
|
18
|
+
parsedClasses: m
|
|
19
|
+
}),
|
|
20
20
|
className: m,
|
|
21
21
|
style: c ?? void 0,
|
|
22
22
|
children: [u ? /* @__PURE__ */ i(r, { ...u }) : null, l]
|
|
@@ -28,12 +28,12 @@ var c = ({ type: c, props: l }, u, d, f, p) => {
|
|
|
28
28
|
"panel-block",
|
|
29
29
|
f ? "is-active" : null,
|
|
30
30
|
a
|
|
31
|
-
])
|
|
32
|
-
tag: "panel-block",
|
|
33
|
-
parsedClasses: m
|
|
34
|
-
});
|
|
31
|
+
]);
|
|
35
32
|
return /* @__PURE__ */ o("a", {
|
|
36
|
-
"data-testid":
|
|
33
|
+
"data-testid": r ?? t({
|
|
34
|
+
tag: "panel-block",
|
|
35
|
+
parsedClasses: m
|
|
36
|
+
}),
|
|
37
37
|
className: m,
|
|
38
38
|
style: l ?? void 0,
|
|
39
39
|
"aria-hidden": "true",
|
|
@@ -4,12 +4,12 @@ import "react";
|
|
|
4
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/molecules/PanelTabs/index.tsx
|
|
6
6
|
var i = ({ testId: i = null, cssClasses: a = null, style: o = null, tabList: s }) => {
|
|
7
|
-
let c = e(["panel-tabs", a])
|
|
8
|
-
tag: "panel-tabs",
|
|
9
|
-
parsedClasses: c
|
|
10
|
-
});
|
|
7
|
+
let c = e(["panel-tabs", a]);
|
|
11
8
|
return /* @__PURE__ */ r("section", {
|
|
12
|
-
"data-testid":
|
|
9
|
+
"data-testid": i ?? t({
|
|
10
|
+
tag: "panel-tabs",
|
|
11
|
+
parsedClasses: c
|
|
12
|
+
}),
|
|
13
13
|
className: c,
|
|
14
14
|
style: o ?? void 0,
|
|
15
15
|
children: s.map((e) => /* @__PURE__ */ r("a", {
|
|
@@ -8,12 +8,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, content: s,
|
|
|
8
8
|
l,
|
|
9
9
|
c ? `${e.IS}${c}` : null,
|
|
10
10
|
a
|
|
11
|
-
])
|
|
12
|
-
tag: l,
|
|
13
|
-
parsedClasses: u
|
|
14
|
-
});
|
|
11
|
+
]);
|
|
15
12
|
return /* @__PURE__ */ r("section", {
|
|
16
|
-
"data-testid":
|
|
13
|
+
"data-testid": i ?? n({
|
|
14
|
+
tag: l,
|
|
15
|
+
parsedClasses: u
|
|
16
|
+
}),
|
|
17
17
|
className: u,
|
|
18
18
|
style: o ?? void 0,
|
|
19
19
|
children: s
|
|
@@ -6,12 +6,12 @@ import "react";
|
|
|
6
6
|
import { jsx as i } from "react/jsx-runtime";
|
|
7
7
|
//#region src/components/molecules/TagList/index.tsx
|
|
8
8
|
var a = ({ testId: a = null, cssClasses: o = null, style: s = null, listOfTags: c }) => {
|
|
9
|
-
let l = e(["tags", o])
|
|
10
|
-
tag: "tags",
|
|
11
|
-
parsedClasses: l
|
|
12
|
-
});
|
|
9
|
+
let l = e(["tags", o]);
|
|
13
10
|
return /* @__PURE__ */ i("section", {
|
|
14
|
-
"data-testid":
|
|
11
|
+
"data-testid": a ?? t({
|
|
12
|
+
tag: "tags",
|
|
13
|
+
parsedClasses: l
|
|
14
|
+
}),
|
|
15
15
|
className: l,
|
|
16
16
|
style: s ?? void 0,
|
|
17
17
|
children: c.map((e) => /* @__PURE__ */ i(n, { ...e }, `tag-list-item-${r()}`))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "reactive-bulma",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.13",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A component library based on React, Bulma, Typescript and Vite",
|
|
6
6
|
"keywords": [
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@babel/preset-typescript": "^7.28.5",
|
|
61
61
|
"@commitlint/cli": "^20.5.0",
|
|
62
62
|
"@commitlint/config-conventional": "^20.5.0",
|
|
63
|
-
"@eslint/compat": "^2.0.
|
|
63
|
+
"@eslint/compat": "^2.0.5",
|
|
64
64
|
"@eslint/js": "^9.39.2",
|
|
65
65
|
"@mdi/font": "^7.4.47",
|
|
66
66
|
"@semantic-release/changelog": "^6.0.3",
|
|
@@ -70,21 +70,21 @@
|
|
|
70
70
|
"@semantic-release/github": "^12.0.6",
|
|
71
71
|
"@semantic-release/npm": "^13.1.5",
|
|
72
72
|
"@semantic-release/release-notes-generator": "^14.1.0",
|
|
73
|
-
"@storybook/addon-docs": "^10.3.
|
|
74
|
-
"@storybook/addon-links": "^10.3.
|
|
75
|
-
"@storybook/addon-onboarding": "^10.3.
|
|
76
|
-
"@storybook/addon-themes": "^10.3.
|
|
77
|
-
"@storybook/react-vite": "^10.3.
|
|
73
|
+
"@storybook/addon-docs": "^10.3.5",
|
|
74
|
+
"@storybook/addon-links": "^10.3.5",
|
|
75
|
+
"@storybook/addon-onboarding": "^10.3.5",
|
|
76
|
+
"@storybook/addon-themes": "^10.3.5",
|
|
77
|
+
"@storybook/react-vite": "^10.3.5",
|
|
78
78
|
"@testing-library/jest-dom": "^6.9.1",
|
|
79
79
|
"@testing-library/react": "^16.3.2",
|
|
80
80
|
"@testing-library/user-event": "^14.6.1",
|
|
81
81
|
"@types/css-modules": "^1.0.5",
|
|
82
82
|
"@types/jest": "^30.0.0",
|
|
83
|
-
"@types/node": "^25.
|
|
83
|
+
"@types/node": "^25.6.0",
|
|
84
84
|
"@types/react": "^19.2.14",
|
|
85
85
|
"@types/react-dom": "^19.2.3",
|
|
86
86
|
"@typescript-eslint/eslint-plugin": "^8.55.0",
|
|
87
|
-
"@typescript-eslint/parser": "^8.
|
|
87
|
+
"@typescript-eslint/parser": "^8.58.2",
|
|
88
88
|
"@vitejs/plugin-react": "^6.0.1",
|
|
89
89
|
"babel-jest": "^30.3.0",
|
|
90
90
|
"babel-loader": "^10.1.1",
|
|
@@ -92,26 +92,26 @@
|
|
|
92
92
|
"eslint": "^9.39.4",
|
|
93
93
|
"eslint-config-prettier": "^10.1.8",
|
|
94
94
|
"eslint-plugin-react": "^7.37.5",
|
|
95
|
-
"eslint-plugin-react-hooks": "^7.
|
|
95
|
+
"eslint-plugin-react-hooks": "^7.1.1",
|
|
96
96
|
"eslint-plugin-react-refresh": "^0.5.2",
|
|
97
|
-
"eslint-plugin-storybook": "^10.3.
|
|
97
|
+
"eslint-plugin-storybook": "^10.3.5",
|
|
98
98
|
"glob": "^13.0.6",
|
|
99
|
-
"globals": "^17.
|
|
99
|
+
"globals": "^17.5.0",
|
|
100
100
|
"husky": "^9.1.7",
|
|
101
101
|
"hygen": "^6.2.11",
|
|
102
102
|
"jest": "^30.3.0",
|
|
103
103
|
"jest-environment-jsdom": "^30.3.0",
|
|
104
104
|
"lint-staged": "^16.4.0",
|
|
105
|
-
"npm-check-updates": "^
|
|
106
|
-
"prettier": "^3.8.
|
|
107
|
-
"react": "^19.2.
|
|
108
|
-
"react-dom": "^19.2.
|
|
105
|
+
"npm-check-updates": "^21.0.2",
|
|
106
|
+
"prettier": "^3.8.3",
|
|
107
|
+
"react": "^19.2.5",
|
|
108
|
+
"react-dom": "^19.2.5",
|
|
109
109
|
"semantic-release": "^25.0.3",
|
|
110
|
-
"storybook": "^10.3.
|
|
110
|
+
"storybook": "^10.3.5",
|
|
111
111
|
"tslib": "^2.8.1",
|
|
112
112
|
"typescript": "~5.9.3",
|
|
113
|
-
"typescript-eslint": "^8.
|
|
114
|
-
"vite": "^8.0.
|
|
113
|
+
"typescript-eslint": "^8.58.2",
|
|
114
|
+
"vite": "^8.0.9",
|
|
115
115
|
"vite-plugin-dts": "^4.5.4"
|
|
116
116
|
},
|
|
117
117
|
"lint-staged": {
|