reactive-bulma 4.3.15 → 4.3.16
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/assets/reactive-bulma.css +1 -1
- package/dist/components/atoms/Icon/index.js +15 -15
- package/dist/components/atoms/Title/index.js +18 -18
- package/dist/components/molecules/FormFieldInput/index.js +6 -6
- package/dist/components/molecules/InputControl/index.js +31 -31
- package/package.json +29 -29
@@ -4,7 +4,7 @@ import { parseClasses as p, parseTestId as u } from "../../../functions/parsers.
|
|
4
4
|
const T = (s, n) => {
|
5
5
|
const e = n ? `icon-text-${n}` : "icon-text", t = u({
|
6
6
|
tag: "icon-container",
|
7
|
-
parsedClasses:
|
7
|
+
parsedClasses: n?.toString() ?? "",
|
8
8
|
rules: [
|
9
9
|
{
|
10
10
|
regExp: /has-text/gm,
|
@@ -28,29 +28,29 @@ const T = (s, n) => {
|
|
28
28
|
style: g = null,
|
29
29
|
containerStyle: C = null,
|
30
30
|
iconLabel: x,
|
31
|
-
text:
|
31
|
+
text: l = null,
|
32
32
|
color: r = null,
|
33
|
-
size:
|
34
|
-
colorMode:
|
33
|
+
size: a = null,
|
34
|
+
colorMode: o = null,
|
35
35
|
isSpinning: I = !1,
|
36
36
|
position: f = null
|
37
37
|
}) => {
|
38
38
|
const $ = p([
|
39
39
|
"icon",
|
40
40
|
r,
|
41
|
-
|
41
|
+
a,
|
42
42
|
f,
|
43
43
|
t
|
44
|
-
]),
|
44
|
+
]), c = p([
|
45
45
|
"mdi",
|
46
46
|
`mdi-${x}`,
|
47
|
-
|
47
|
+
o ? `mdi-${o}` : null,
|
48
48
|
I ? "mdi-spin" : null,
|
49
|
-
|
49
|
+
a ? `mdi-${N[a]}px` : "mdi-24px",
|
50
50
|
e
|
51
|
-
]),
|
51
|
+
]), d = n ?? u({
|
52
52
|
tag: "icon",
|
53
|
-
parsedClasses:
|
53
|
+
parsedClasses: c,
|
54
54
|
rules: [
|
55
55
|
{
|
56
56
|
regExp: /mdi-|mdi--/gm,
|
@@ -62,10 +62,10 @@ const T = (s, n) => {
|
|
62
62
|
}
|
63
63
|
],
|
64
64
|
separator: "-"
|
65
|
-
}), h = s ?? `${
|
65
|
+
}), h = s ?? `${d}-i`, m = /* @__PURE__ */ E(
|
66
66
|
"span",
|
67
67
|
{
|
68
|
-
"data-testid":
|
68
|
+
"data-testid": d,
|
69
69
|
className: $,
|
70
70
|
style: C ?? void 0,
|
71
71
|
children: [
|
@@ -73,15 +73,15 @@ const T = (s, n) => {
|
|
73
73
|
"i",
|
74
74
|
{
|
75
75
|
"data-testid": h,
|
76
|
-
className:
|
76
|
+
className: c,
|
77
77
|
style: g ?? void 0
|
78
78
|
}
|
79
79
|
),
|
80
|
-
|
80
|
+
l ? /* @__PURE__ */ i("span", { children: l }) : null
|
81
81
|
]
|
82
82
|
}
|
83
83
|
);
|
84
|
-
return
|
84
|
+
return l ? T(m, r) : m;
|
85
85
|
};
|
86
86
|
export {
|
87
87
|
S as default
|
@@ -1,25 +1,25 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { parseClasses as
|
3
|
-
const
|
4
|
-
const { type:
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
]),
|
10
|
-
return /* @__PURE__ */
|
1
|
+
import { jsxs as i, Fragment as c, jsx as o } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as p } from "../../../functions/parsers.js";
|
3
|
+
const e = (s) => {
|
4
|
+
const { type: t, size: l, isSpaced: r, cssClasses: a } = s, n = p([
|
5
|
+
t,
|
6
|
+
l ?? null,
|
7
|
+
t === "title" && r ? "is-spaced" : null,
|
8
|
+
a
|
9
|
+
]), d = s?.testId ?? `${s?.type}-test`;
|
10
|
+
return /* @__PURE__ */ o(
|
11
11
|
"p",
|
12
12
|
{
|
13
|
-
"data-testid":
|
14
|
-
className:
|
15
|
-
style:
|
16
|
-
children:
|
13
|
+
"data-testid": d,
|
14
|
+
className: n,
|
15
|
+
style: s?.style ?? void 0,
|
16
|
+
children: s?.text
|
17
17
|
}
|
18
18
|
);
|
19
|
-
},
|
20
|
-
|
21
|
-
|
19
|
+
}, x = ({ main: s, secondary: t }) => /* @__PURE__ */ i(c, { children: [
|
20
|
+
s ? e(s) : null,
|
21
|
+
t ? e(t) : null
|
22
22
|
] });
|
23
23
|
export {
|
24
|
-
|
24
|
+
x as default
|
25
25
|
};
|
@@ -23,7 +23,7 @@ const x = (r, t) => {
|
|
23
23
|
input: e
|
24
24
|
}) => {
|
25
25
|
const s = {
|
26
|
-
testId:
|
26
|
+
testId: e?.testId ?? r ?? `test-form-field-${t}`,
|
27
27
|
containerTestId: r ?? `test-form-field-container-${t}`
|
28
28
|
};
|
29
29
|
switch (t) {
|
@@ -88,16 +88,16 @@ const x = (r, t) => {
|
|
88
88
|
labelText: t,
|
89
89
|
type: e,
|
90
90
|
input: s,
|
91
|
-
helper:
|
92
|
-
isHorizontal:
|
91
|
+
helper: n,
|
92
|
+
isHorizontal: a
|
93
93
|
}) => {
|
94
94
|
const c = m(
|
95
|
-
() => x(t,
|
96
|
-
[t,
|
95
|
+
() => x(t, a),
|
96
|
+
[t, a]
|
97
97
|
), d = m(
|
98
98
|
() => F({ testId: r ?? void 0, type: e, input: s }),
|
99
99
|
[r, e, s]
|
100
|
-
), i = m(() => N(
|
100
|
+
), i = m(() => N(n), [n]);
|
101
101
|
return /* @__PURE__ */ f(p, { children: [
|
102
102
|
c,
|
103
103
|
d,
|
@@ -1,30 +1,30 @@
|
|
1
|
-
import { jsxs as x, jsx as
|
2
|
-
import { parseClasses as
|
3
|
-
import
|
4
|
-
import
|
1
|
+
import { jsxs as x, jsx as i } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as f, parseTestId as g } from "../../../functions/parsers.js";
|
3
|
+
import C from "../../atoms/Icon/index.js";
|
4
|
+
import h from "../../atoms/Input/index.js";
|
5
5
|
import "react";
|
6
|
-
const
|
6
|
+
const e = (l) => l ? /* @__PURE__ */ i(C, { ...l }) : null, y = ({
|
7
7
|
testId: l = null,
|
8
|
-
cssClasses:
|
9
|
-
style:
|
10
|
-
inputConfig:
|
11
|
-
leftIcon:
|
12
|
-
rightIcon:
|
13
|
-
size:
|
14
|
-
isLoading:
|
15
|
-
isExpanded:
|
8
|
+
cssClasses: a = null,
|
9
|
+
style: p = null,
|
10
|
+
inputConfig: o,
|
11
|
+
leftIcon: s = null,
|
12
|
+
rightIcon: n = null,
|
13
|
+
size: t = null,
|
14
|
+
isLoading: u = null,
|
15
|
+
isExpanded: d = null
|
16
16
|
}) => {
|
17
|
-
const
|
17
|
+
const r = f([
|
18
18
|
"control",
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
]), c = l ??
|
19
|
+
t,
|
20
|
+
s ? "has-icons-left" : null,
|
21
|
+
n ? "has-icons-right" : null,
|
22
|
+
u ? "is-loading" : null,
|
23
|
+
d ? "is-expanded" : null,
|
24
|
+
a
|
25
|
+
]), c = l ?? g({
|
26
26
|
tag: "control",
|
27
|
-
parsedClasses:
|
27
|
+
parsedClasses: r,
|
28
28
|
rules: [
|
29
29
|
{
|
30
30
|
regExp: /has-|is-/gm,
|
@@ -36,25 +36,25 @@ const n = (l) => l ? /* @__PURE__ */ a(I, { ...l }) : null, z = ({
|
|
36
36
|
}
|
37
37
|
]
|
38
38
|
}), m = {
|
39
|
-
...
|
40
|
-
size:
|
39
|
+
...o,
|
40
|
+
size: t ?? o?.size
|
41
41
|
};
|
42
42
|
return /* @__PURE__ */ x(
|
43
43
|
"section",
|
44
44
|
{
|
45
45
|
"data-testid": c,
|
46
|
-
className:
|
47
|
-
style:
|
46
|
+
className: r,
|
47
|
+
style: p ?? void 0,
|
48
48
|
children: [
|
49
|
-
/* @__PURE__ */
|
50
|
-
|
51
|
-
|
52
|
-
|
49
|
+
/* @__PURE__ */ i(h, { ...m }),
|
50
|
+
e(s ? { ...s, position: "is-left" } : void 0),
|
51
|
+
e(
|
52
|
+
n ? { ...n, position: "is-right" } : void 0
|
53
53
|
)
|
54
54
|
]
|
55
55
|
}
|
56
56
|
);
|
57
57
|
};
|
58
58
|
export {
|
59
|
-
|
59
|
+
y as default
|
60
60
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "reactive-bulma",
|
3
|
-
"version": "4.3.
|
3
|
+
"version": "4.3.16",
|
4
4
|
"type": "module",
|
5
5
|
"description": "A component library based on React, Bulma, Typescript and Vite",
|
6
6
|
"keywords": [
|
@@ -58,61 +58,61 @@
|
|
58
58
|
"react-dom": "^18.3.1"
|
59
59
|
},
|
60
60
|
"devDependencies": {
|
61
|
-
"@babel/core": "^7.
|
62
|
-
"@babel/preset-env": "^7.
|
61
|
+
"@babel/core": "^7.28.0",
|
62
|
+
"@babel/preset-env": "^7.28.0",
|
63
63
|
"@babel/preset-react": "^7.27.1",
|
64
64
|
"@babel/preset-typescript": "^7.27.1",
|
65
|
-
"@eslint/compat": "^1.
|
66
|
-
"@eslint/js": "^9.
|
65
|
+
"@eslint/compat": "^1.3.1",
|
66
|
+
"@eslint/js": "^9.31.0",
|
67
67
|
"@mdi/font": "^7.4.47",
|
68
68
|
"@semantic-release/changelog": "^6.0.3",
|
69
69
|
"@semantic-release/commit-analyzer": "^13.0.1",
|
70
70
|
"@semantic-release/exec": "^7.1.0",
|
71
71
|
"@semantic-release/git": "^10.0.1",
|
72
72
|
"@semantic-release/github": "^11.0.3",
|
73
|
-
"@semantic-release/npm": "^12.0.
|
73
|
+
"@semantic-release/npm": "^12.0.2",
|
74
74
|
"@semantic-release/release-notes-generator": "^14.0.3",
|
75
|
-
"@storybook/addon-docs": "^9.0.
|
76
|
-
"@storybook/addon-links": "^9.0.
|
77
|
-
"@storybook/addon-onboarding": "^9.0.
|
78
|
-
"@storybook/react-vite": "^9.0.
|
75
|
+
"@storybook/addon-docs": "^9.0.16",
|
76
|
+
"@storybook/addon-links": "^9.0.16",
|
77
|
+
"@storybook/addon-onboarding": "^9.0.16",
|
78
|
+
"@storybook/react-vite": "^9.0.16",
|
79
79
|
"@testing-library/jest-dom": "^6.6.3",
|
80
80
|
"@testing-library/react": "^16.3.0",
|
81
81
|
"@testing-library/user-event": "^14.6.1",
|
82
82
|
"@types/css-modules": "^1.0.5",
|
83
|
-
"@types/jest": "^
|
84
|
-
"@types/node": "^
|
85
|
-
"@types/react": "^19.1.
|
83
|
+
"@types/jest": "^30.0.0",
|
84
|
+
"@types/node": "^24.0.13",
|
85
|
+
"@types/react": "^19.1.8",
|
86
86
|
"@types/react-dom": "^19.1.6",
|
87
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
88
|
-
"@typescript-eslint/parser": "^8.
|
89
|
-
"@vitejs/plugin-react": "^4.
|
90
|
-
"babel-jest": "^
|
87
|
+
"@typescript-eslint/eslint-plugin": "^8.36.0",
|
88
|
+
"@typescript-eslint/parser": "^8.36.0",
|
89
|
+
"@vitejs/plugin-react": "^4.6.0",
|
90
|
+
"babel-jest": "^30.0.4",
|
91
91
|
"babel-loader": "^10.0.0",
|
92
92
|
"bulma": "^0.9.4",
|
93
|
-
"eslint": "^9.
|
93
|
+
"eslint": "^9.31.0",
|
94
94
|
"eslint-config-prettier": "^10.1.5",
|
95
95
|
"eslint-plugin-react": "^7.37.5",
|
96
96
|
"eslint-plugin-react-hooks": "^6.0.0",
|
97
97
|
"eslint-plugin-react-refresh": "^0.4.20",
|
98
|
-
"eslint-plugin-storybook": "^9.0.
|
99
|
-
"glob": "^11.0.
|
100
|
-
"globals": "^16.
|
98
|
+
"eslint-plugin-storybook": "^9.0.16",
|
99
|
+
"glob": "^11.0.3",
|
100
|
+
"globals": "^16.3.0",
|
101
101
|
"husky": "^9.1.7",
|
102
102
|
"hygen": "^6.2.11",
|
103
|
-
"jest": "^
|
104
|
-
"jest-environment-jsdom": "^
|
105
|
-
"lint-staged": "^16.1.
|
103
|
+
"jest": "^30.0.4",
|
104
|
+
"jest-environment-jsdom": "^30.0.4",
|
105
|
+
"lint-staged": "^16.1.2",
|
106
106
|
"npm-check-updates": "^18.0.1",
|
107
|
-
"prettier": "^3.
|
107
|
+
"prettier": "^3.6.2",
|
108
108
|
"react": "^18.3.1",
|
109
109
|
"react-dom": "^18.3.1",
|
110
|
-
"semantic-release": "^24.2.
|
111
|
-
"storybook": "^9.0.
|
110
|
+
"semantic-release": "^24.2.7",
|
111
|
+
"storybook": "^9.0.16",
|
112
112
|
"tslib": "^2.8.1",
|
113
113
|
"typescript": "~5.8.3",
|
114
|
-
"typescript-eslint": "^8.
|
115
|
-
"vite": "^
|
114
|
+
"typescript-eslint": "^8.36.0",
|
115
|
+
"vite": "^7.0.4",
|
116
116
|
"vite-plugin-dts": "^4.5.4"
|
117
117
|
},
|
118
118
|
"lint-staged": {
|