reactive-bulma 5.1.12 → 5.1.14

package/dist/components/atoms/Checkbox/index.js

@@ -9,10 +9,7 @@ var a = (e) => e ? "-with-component" : "", o = ({ testId: o = null, containerTes
 	}), [s, f]), S = n(() => o ?? t({
 		tag: "checkbox",
 		parsedClasses: a(f)
-	}), [o, f]), C = {
-		display: "inline-block",
-		marginLeft: "5px"
-	};
+	}), [o, f]);
 	return /* @__PURE__ */ i("section", {
 		"data-testid": x,
 		className: b,
@@ -31,7 +28,10 @@ var a = (e) => e ? "-with-component" : "", o = ({ testId: o = null, containerTes
 			onChange: v,
 			onBlur: y
 		}), /* @__PURE__ */ r("label", {
-			style: C,
+			style: {
+				display: "inline-block",
+				marginLeft: "5px"
+			},
 			htmlFor: m,
 			children: f
 		})]

package/dist/components/atoms/Column/index.js

@@ -10,12 +10,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, children: s
 		l ? `${e.OFFSET}${l}` : null,
 		u ? `${e.NARROW}` : null,
 		a
-	]), p = i ?? n({
-		tag: d,
-		parsedClasses: f
-	});
+	]);
 	return /* @__PURE__ */ r("section", {
-		"data-testid": p,
+		"data-testid": i ?? n({
+			tag: d,
+			parsedClasses: f
+		}),
 		className: f,
 		style: o ?? void 0,
 		children: s

package/dist/components/atoms/Delete/index.js

@@ -8,12 +8,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, size: s = nu
 		l,
 		s ? `${e.IS}${s}` : null,
 		a
-	]), d = i ?? n({
-		tag: l,
-		parsedClasses: u
-	});
+	]);
 	return /* @__PURE__ */ r("button", {
-		"data-testid": d,
+		"data-testid": i ?? n({
+			tag: l,
+			parsedClasses: u
+		}),
 		className: u,
 		style: o ?? void 0,
 		onClick: c ?? void 0

package/dist/components/atoms/GridCell/index.js

@@ -14,12 +14,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, children: s
 		p ? `is-col-span-${p}` : null,
 		m ? `is-row-span-${m}` : null,
 		a
-	]), g = i ?? n({
-		tag: "cell",
-		parsedClasses: h
-	});
+	]);
 	return /* @__PURE__ */ r("section", {
-		"data-testid": g,
+		"data-testid": i ?? n({
+			tag: "cell",
+			parsedClasses: h
+		}),
 		className: h,
 		style: o ?? void 0,
 		children: s

package/dist/components/atoms/Icon/index.js

@@ -6,16 +6,16 @@ import "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/atoms/Icon/index.tsx
 var s = "icon", c = "mdi", l = (n, i) => {
-	let o = i ? `${s}-text-${i}` : `${s}-text`, c = r({
-		tag: `${s}-container`,
-		parsedClasses: i ? `${e.HAS_TEXT}${i}` : "",
-		rules: [{
-			regExp: t.HAS_TEXT,
-			replacer: ""
-		}]
-	});
+	let o = i ? `${s}-text-${i}` : `${s}-text`;
 	return /* @__PURE__ */ a("span", {
-		"data-testid": c,
+		"data-testid": r({
+			tag: `${s}-container`,
+			parsedClasses: i ? `${e.HAS_TEXT}${i}` : "",
+			rules: [{
+				regExp: t.HAS_TEXT,
+				replacer: ""
+			}]
+		}),
 		className: o,
 		children: n
 	});

package/dist/components/atoms/Input/index.js

@@ -13,12 +13,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, type: s, val
 		v ? e.FOCUSED : null,
 		p ? e.SKELETON : null,
 		a
-	]), C = i ?? n({
-		tag: "input",
-		parsedClasses: S
-	});
+	]);
 	return /* @__PURE__ */ r("input", {
-		"data-testid": C,
+		"data-testid": i ?? n({
+			tag: "input",
+			parsedClasses: S
+		}),
 		type: s,
 		placeholder: u ?? void 0,
 		value: c ?? void 0,

package/dist/components/atoms/LevelHeader/index.js

@@ -2,23 +2,20 @@ import { parseTestId as e } from "../../../functions/parsers.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/atoms/LevelHeader/index.tsx
-var r = ({ testId: r = null, cssClasses: i = null, style: a = null, header: o, value: s }) => {
-	let c = r ?? e({
+var r = ({ testId: r = null, cssClasses: i = null, style: a = null, header: o, value: s }) => /* @__PURE__ */ n("section", {
+	"data-testid": r ?? e({
 		tag: "level-header",
 		parsedClasses: i ?? ""
-	});
-	return /* @__PURE__ */ n("section", {
-		"data-testid": c,
-		className: i ?? void 0,
-		style: a ?? void 0,
-		children: [/* @__PURE__ */ t("p", {
-			className: "heading",
-			children: o
-		}), /* @__PURE__ */ t("p", {
-			className: "title",
-			children: s
-		})]
-	});
-};
+	}),
+	className: i ?? void 0,
+	style: a ?? void 0,
+	children: [/* @__PURE__ */ t("p", {
+		className: "heading",
+		children: o
+	}), /* @__PURE__ */ t("p", {
+		className: "title",
+		children: s
+	})]
+});
 //#endregion
 export { r as default };

package/dist/components/atoms/MenuItem/index.js

@@ -7,12 +7,12 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, text: o, isA
 		"menuItem",
 		s ? "is-active" : null,
 		i
-	]), u = r ?? t({
-		tag: "menuItem",
-		parsedClasses: l
-	});
+	]);
 	return /* @__PURE__ */ n("a", {
-		"data-testid": u,
+		"data-testid": r ?? t({
+			tag: "menuItem",
+			parsedClasses: l
+		}),
 		className: l,
 		style: a ?? void 0,
 		"aria-hidden": "true",

package/dist/components/atoms/NavBarItem/index.js

@@ -7,12 +7,12 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, children: o,
 		"navbar-item",
 		s ? "is-selected" : null,
 		i
-	]), u = r ?? t({
-		tag: "navbar-item",
-		parsedClasses: l
-	});
+	]);
 	return /* @__PURE__ */ n("a", {
-		"data-testid": u,
+		"data-testid": r ?? t({
+			tag: "navbar-item",
+			parsedClasses: l
+		}),
 		className: l,
 		style: a ?? void 0,
 		"aria-hidden": "true",

package/dist/components/atoms/PaginationItem/index.js

@@ -7,15 +7,15 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, text: o, lab
 		"pagination-link",
 		l ? "is-current" : null,
 		i
-	]), f = r ?? t({
-		tag: "pagination-link",
-		parsedClasses: d
-	}), p = l ? c : s;
+	]);
 	return /* @__PURE__ */ n("a", {
-		"data-testid": f,
+		"data-testid": r ?? t({
+			tag: "pagination-link",
+			parsedClasses: d
+		}),
 		className: d,
 		style: a ?? void 0,
-		"aria-label": `${p} ${o}`,
+		"aria-label": `${l ? c : s} ${o}`,
 		"aria-current": l ? "page" : void 0,
 		"aria-hidden": "true",
 		onClick: u ?? void 0,

package/dist/components/atoms/ProgressBar/index.js

@@ -9,12 +9,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, value: s = 0
 		l ? `${e.IS}${l}` : null,
 		u ? `${e.IS}${u}` : null,
 		a
-	]), h = i ?? n({
-		tag: f,
-		parsedClasses: m
-	});
+	]);
 	return /* @__PURE__ */ r("progress", {
-		"data-testid": h,
+		"data-testid": i ?? n({
+			tag: f,
+			parsedClasses: m
+		}),
 		className: m,
 		style: o ?? void 0,
 		value: d ? void 0 : s,

package/dist/components/atoms/RadioButton/index.js

@@ -7,30 +7,27 @@ var o = ({ containerTestId: o = null, containerCssClasses: s = null, containerSt
 	let m = e(["control", s]), h = o ?? t({
 		tag: "container-",
 		parsedClasses: m
-	}), g = r(() => l.map((e, t) => {
-		let r = e.testId ?? `test-radio-button-item-${t}`, o = {
-			display: "inline-block",
-			marginLeft: "5px"
-		};
-		return /* @__PURE__ */ a("label", {
-			className: "radio",
-			children: [/* @__PURE__ */ i("input", {
-				"data-testid": r,
-				type: "radio",
-				style: e.style ?? void 0,
-				name: u,
-				value: e.value,
-				defaultChecked: e.isChecked,
-				disabled: e.isDisabled,
-				onClick: d,
-				onChange: f,
-				onBlur: p
-			}), /* @__PURE__ */ i("p", {
-				style: o,
-				children: e.label
-			})]
-		}, `radio-button-item-${n()}`);
-	}), [
+	}), g = r(() => l.map((e, t) => /* @__PURE__ */ a("label", {
+		className: "radio",
+		children: [/* @__PURE__ */ i("input", {
+			"data-testid": e.testId ?? `test-radio-button-item-${t}`,
+			type: "radio",
+			style: e.style ?? void 0,
+			name: u,
+			value: e.value,
+			defaultChecked: e.isChecked,
+			disabled: e.isDisabled,
+			onClick: d,
+			onChange: f,
+			onBlur: p
+		}), /* @__PURE__ */ i("p", {
+			style: {
+				display: "inline-block",
+				marginLeft: "5px"
+			},
+			children: e.label
+		})]
+	}, `radio-button-item-${n()}`)), [
 		l,
 		u,
 		d,

package/dist/components/atoms/Select/index.js

@@ -24,9 +24,9 @@ var a = ({ testId: a = null, containerTestId: o = null, cssClasses: s = null, co
 	]), E = r(() => a ?? n({
 		tag: "select",
 		parsedClasses: T
-	}), [a, T]), D = r(() => o ?? `${E}-container`, [o, E]);
+	}), [a, T]);
 	return /* @__PURE__ */ i("section", {
-		"data-testid": D,
+		"data-testid": r(() => o ?? `${E}-container`, [o, E]),
 		className: T,
 		style: u ?? void 0,
 		children: /* @__PURE__ */ i("select", {

package/dist/components/atoms/Skeleton/index.js

@@ -3,12 +3,12 @@ import "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/atoms/Skeleton/index.tsx
 var r = ({ testId: r = null, cssClasses: i = null, style: a = null, children: o, displayType: s = "block" }) => {
-	let c = `skeleton-${s}`, l = e([c, i]), u = r ?? t({
-		tag: c,
-		parsedClasses: l
-	});
+	let c = `skeleton-${s}`, l = e([c, i]);
 	return /* @__PURE__ */ n("section", {
-		"data-testid": u,
+		"data-testid": r ?? t({
+			tag: c,
+			parsedClasses: l
+		}),
 		className: l,
 		style: a ?? void 0,
 		children: o

package/dist/components/atoms/TableCell/index.js

@@ -4,12 +4,12 @@ import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/atoms/TableCell/index.tsx
 var i = ({ testId: i = null, cssClasses: a = null, style: o = null, color: s = null, content: c, onClick: l = null }) => {
-	let u = t([s ? `${e.IS}${s}` : null, a]), d = i ?? n({
-		tag: "table-cell",
-		parsedClasses: u
-	});
+	let u = t([s ? `${e.IS}${s}` : null, a]);
 	return /* @__PURE__ */ r("td", {
-		"data-testid": d,
+		"data-testid": i ?? n({
+			tag: "table-cell",
+			parsedClasses: u
+		}),
 		className: u,
 		style: o ?? void 0,
 		onClick: l ?? void 0,

package/dist/components/atoms/TableHeadCell/index.js

@@ -4,12 +4,12 @@ import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/atoms/TableHeadCell/index.tsx
 var i = ({ testId: i = null, cssClasses: a = null, style: o = null, color: s = null, content: c, onClick: l = null }) => {
-	let u = t([s ? `${e.IS}${s}` : null, a]), d = i ?? n({
-		tag: "table-head-cell",
-		parsedClasses: u
-	});
+	let u = t([s ? `${e.IS}${s}` : null, a]);
 	return /* @__PURE__ */ r("th", {
-		"data-testid": d,
+		"data-testid": i ?? n({
+			tag: "table-head-cell",
+			parsedClasses: u
+		}),
 		className: u,
 		style: o ?? void 0,
 		onClick: l ?? void 0,

package/dist/components/atoms/TextArea/index.js

@@ -13,19 +13,19 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, value: s = n
 		m ? "has-fixed-size" : null,
 		p ? e.SKELETON : null,
 		a
-	]), S = i ?? n({
-		tag: "textarea",
-		parsedClasses: x,
-		rules: [{
-			regExp: /textarea/gm,
-			replacer: ""
-		}, {
-			regExp: /is-|has-/gm,
-			replacer: "-"
-		}]
-	});
+	]);
 	return /* @__PURE__ */ r("textarea", {
-		"data-testid": S,
+		"data-testid": i ?? n({
+			tag: "textarea",
+			parsedClasses: x,
+			rules: [{
+				regExp: /textarea/gm,
+				replacer: ""
+			}, {
+				regExp: /is-|has-/gm,
+				replacer: "-"
+			}]
+		}),
 		value: s ?? void 0,
 		name: c,
 		cols: l ?? void 0,

package/dist/components/atoms/Tile/index.js

@@ -12,19 +12,19 @@ var a = ({ testId: a = null, cssClasses: o = null, style: s = null, children: c,
 		d ? `${e.NOTIFICATION} ${d}` : null,
 		f ? `${e.VERTICAL}` : null,
 		o
-	]), h = a ?? r({
-		tag: p,
-		parsedClasses: m,
-		rules: [{
-			regExp: t.TILE,
-			replacer: ""
-		}, {
-			regExp: t.IS,
-			replacer: "-"
-		}]
-	});
+	]);
 	return /* @__PURE__ */ i("section", {
-		"data-testid": h,
+		"data-testid": a ?? r({
+			tag: p,
+			parsedClasses: m,
+			rules: [{
+				regExp: t.TILE,
+				replacer: ""
+			}, {
+				regExp: t.IS,
+				replacer: "-"
+			}]
+		}),
 		className: m,
 		style: s ?? void 0,
 		children: c

package/dist/components/atoms/Title/index.js

@@ -11,9 +11,9 @@ var o = (n, r) => {
 		a === "title" && s ? "is-spaced" : null,
 		r ? e.SKELETON : null,
 		c
-	]), u = n?.testId ?? `test-${n?.type}`;
+	]);
 	return /* @__PURE__ */ i("p", {
-		"data-testid": u,
+		"data-testid": n?.testId ?? `test-${n?.type}`,
 		className: l,
 		style: n?.style ?? void 0,
 		children: n?.text

package/dist/components/molecules/ButtonGroup/index.js

@@ -11,19 +11,19 @@ var a = ({ testId: a = null, cssClasses: o = null, style: s = null, buttonList:
 		l ? "has-addons" : null,
 		!u || u === "left" ? null : `is-${u}`,
 		o
-	]), f = a ?? t({
-		tag: "buttons",
-		parsedClasses: d,
-		rules: [{
-			regExp: /has-|is-/gm,
-			replacer: "-"
-		}, {
-			regExp: /buttons/gm,
-			replacer: ""
-		}]
-	});
+	]);
 	return /* @__PURE__ */ i("section", {
-		"data-testid": f,
+		"data-testid": a ?? t({
+			tag: "buttons",
+			parsedClasses: d,
+			rules: [{
+				regExp: /has-|is-/gm,
+				replacer: "-"
+			}, {
+				regExp: /buttons/gm,
+				replacer: ""
+			}]
+		}),
 		className: d,
 		style: s ?? void 0,
 		children: c.map((e, t, a) => {

package/dist/components/molecules/Grid/index.js

@@ -35,19 +35,19 @@ var c = ({ testId: c = null, containerTestId: l = null, cssClasses: u = null, co
 			b ? `${e.HAS}${b}-cols` : null,
 			i,
 			d
-		]), o = l ?? r({
-			tag: C,
-			parsedClasses: a,
-			rules: [{
-				regExp: t.FIXED_GRID,
-				replacer: ""
-			}, {
-				regExp: t.IS_HAS,
-				replacer: "-"
-			}]
-		});
+		]);
 		return /* @__PURE__ */ s("section", {
-			"data-testid": o,
+			"data-testid": l ?? r({
+				tag: C,
+				parsedClasses: a,
+				rules: [{
+					regExp: t.FIXED_GRID,
+					replacer: ""
+				}, {
+					regExp: t.IS_HAS,
+					replacer: "-"
+				}]
+			}),
 			className: a,
 			style: p ?? void 0,
 			children: D

package/dist/components/molecules/InputControl/index.js

@@ -52,16 +52,16 @@ var u = (e) => e ? /* @__PURE__ */ c(i, { ...e }) : null, d = (t) => t ? `${e.IS
 		position: "right"
 	} : void 0), [v]), A = o(() => {
 		if (g === null) return null;
-		let e = "help", i = n([e, d(h?.color ?? g?.color)]), a = r({
-			tag: e,
-			parsedClasses: i,
-			rules: [{
-				regExp: t.HELP,
-				replacer: ""
-			}]
-		});
+		let e = "help", i = n([e, d(h?.color ?? g?.color)]);
 		return /* @__PURE__ */ c("p", {
-			"data-testid": a,
+			"data-testid": r({
+				tag: e,
+				parsedClasses: i,
+				rules: [{
+					regExp: t.HELP,
+					replacer: ""
+				}]
+			}),
 			className: i,
 			children: g.text
 		});

package/dist/components/molecules/LevelItem/index.js

@@ -7,19 +7,19 @@ var r = ({ testId: r = null, cssClasses: i = null, style: a = null, content: o,
 		"level-item",
 		s ? "has-text-centered" : null,
 		i
-	]), l = r ?? t({
-		tag: "level-item",
-		parsedClasses: c,
-		rules: [{
-			regExp: /is-|has-/gm,
-			replacer: "-"
-		}, {
-			regExp: /level-item/gm,
-			replacer: ""
-		}]
-	});
+	]);
 	return /* @__PURE__ */ n("section", {
-		"data-testid": l,
+		"data-testid": r ?? t({
+			tag: "level-item",
+			parsedClasses: c,
+			rules: [{
+				regExp: /is-|has-/gm,
+				replacer: "-"
+			}, {
+				regExp: /level-item/gm,
+				replacer: ""
+			}]
+		}),
 		className: c,
 		style: a ?? void 0,
 		children: o

package/dist/components/molecules/Notification/index.js

@@ -11,12 +11,12 @@ var o = ({ testId: o = null, cssClasses: s = null, style: c = null, children: l
 		d ? `${e.IS}${d}` : null,
 		f ? e.LIGHT : null,
 		s
-	]), h = o ?? n({
-		tag: p,
-		parsedClasses: m
-	});
+	]);
 	return /* @__PURE__ */ a("section", {
-		"data-testid": h,
+		"data-testid": o ?? n({
+			tag: p,
+			parsedClasses: m
+		}),
 		className: m,
 		style: c ?? void 0,
 		children: [u ? /* @__PURE__ */ i(r, { ...u }) : null, l]

package/dist/components/molecules/PanelBlock/index.js

@@ -28,12 +28,12 @@ var c = ({ type: c, props: l }, u, d, f, p) => {
 		"panel-block",
 		f ? "is-active" : null,
 		a
-	]), h = r ?? t({
-		tag: "panel-block",
-		parsedClasses: m
-	});
+	]);
 	return /* @__PURE__ */ o("a", {
-		"data-testid": h,
+		"data-testid": r ?? t({
+			tag: "panel-block",
+			parsedClasses: m
+		}),
 		className: m,
 		style: l ?? void 0,
 		"aria-hidden": "true",

package/dist/components/molecules/PanelTabs/index.js

@@ -4,12 +4,12 @@ import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/molecules/PanelTabs/index.tsx
 var i = ({ testId: i = null, cssClasses: a = null, style: o = null, tabList: s }) => {
-	let c = e(["panel-tabs", a]), l = i ?? t({
-		tag: "panel-tabs",
-		parsedClasses: c
-	});
+	let c = e(["panel-tabs", a]);
 	return /* @__PURE__ */ r("section", {
-		"data-testid": l,
+		"data-testid": i ?? t({
+			tag: "panel-tabs",
+			parsedClasses: c
+		}),
 		className: c,
 		style: o ?? void 0,
 		children: s.map((e) => /* @__PURE__ */ r("a", {

package/dist/components/molecules/Section/index.js

@@ -8,12 +8,12 @@ var i = ({ testId: i = null, cssClasses: a = null, style: o = null, content: s,
 		l,
 		c ? `${e.IS}${c}` : null,
 		a
-	]), d = i ?? n({
-		tag: l,
-		parsedClasses: u
-	});
+	]);
 	return /* @__PURE__ */ r("section", {
-		"data-testid": d,
+		"data-testid": i ?? n({
+			tag: l,
+			parsedClasses: u
+		}),
 		className: u,
 		style: o ?? void 0,
 		children: s

package/dist/components/molecules/TagList/index.js

@@ -6,12 +6,12 @@ import "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/molecules/TagList/index.tsx
 var a = ({ testId: a = null, cssClasses: o = null, style: s = null, listOfTags: c }) => {
-	let l = e(["tags", o]), u = a ?? t({
-		tag: "tags",
-		parsedClasses: l
-	});
+	let l = e(["tags", o]);
 	return /* @__PURE__ */ i("section", {
-		"data-testid": u,
+		"data-testid": a ?? t({
+			tag: "tags",
+			parsedClasses: l
+		}),
 		className: l,
 		style: s ?? void 0,
 		children: c.map((e) => /* @__PURE__ */ i(n, { ...e }, `tag-list-item-${r()}`))