reactive-bulma 4.3.1 → 4.3.2
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.
@@ -1,51 +1,53 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { parseClasses as
|
3
|
-
const
|
1
|
+
import { jsxs as y, jsx as t } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as f, parseTestId as c } from "../../../functions/parsers.js";
|
3
|
+
const l = (e) => e ? "-with-component" : "", v = ({
|
4
4
|
testId: e = null,
|
5
|
-
containerTestId:
|
6
|
-
cssClasses:
|
5
|
+
containerTestId: o = null,
|
6
|
+
cssClasses: a = null,
|
7
7
|
containerCssClasses: n = null,
|
8
8
|
style: d = null,
|
9
9
|
containerStyle: i = null,
|
10
|
-
|
11
|
-
|
12
|
-
|
10
|
+
label: s = null,
|
11
|
+
isChecked: r,
|
12
|
+
name: h,
|
13
|
+
isDisabled: p = !1,
|
13
14
|
onClick: x,
|
14
|
-
onChange:
|
15
|
-
onBlur:
|
15
|
+
onChange: k,
|
16
|
+
onBlur: b
|
16
17
|
}) => {
|
17
|
-
const
|
18
|
+
const u = f([
|
18
19
|
"checkbox",
|
19
20
|
n
|
20
|
-
]),
|
21
|
+
]), C = o ?? c({
|
21
22
|
tag: "checkbox-container",
|
22
|
-
parsedClasses:
|
23
|
-
}), m = e ??
|
23
|
+
parsedClasses: l(s)
|
24
|
+
}), m = e ?? c({
|
24
25
|
tag: "checkbox",
|
25
|
-
parsedClasses:
|
26
|
+
parsedClasses: l(s)
|
26
27
|
});
|
27
|
-
return /* @__PURE__ */
|
28
|
+
return /* @__PURE__ */ y(
|
28
29
|
"label",
|
29
30
|
{
|
30
|
-
"data-testid":
|
31
|
-
className:
|
31
|
+
"data-testid": C,
|
32
|
+
className: u,
|
32
33
|
style: i ?? void 0,
|
33
34
|
children: [
|
34
|
-
/* @__PURE__ */
|
35
|
+
/* @__PURE__ */ t(
|
35
36
|
"input",
|
36
37
|
{
|
37
38
|
"data-testid": m,
|
38
39
|
type: "checkbox",
|
39
|
-
name:
|
40
|
-
className:
|
40
|
+
name: h,
|
41
|
+
className: a ?? void 0,
|
41
42
|
style: d ?? void 0,
|
42
|
-
|
43
|
+
defaultChecked: r,
|
44
|
+
disabled: p,
|
43
45
|
onClick: x,
|
44
|
-
onChange:
|
45
|
-
onBlur:
|
46
|
+
onChange: k,
|
47
|
+
onBlur: b
|
46
48
|
}
|
47
49
|
),
|
48
|
-
/* @__PURE__ */
|
50
|
+
/* @__PURE__ */ t("p", { style: {
|
49
51
|
display: "inline-block",
|
50
52
|
marginLeft: "5px"
|
51
53
|
}, children: s })
|
@@ -54,5 +56,5 @@ const a = (e) => e ? "-with-component" : "", g = ({
|
|
54
56
|
);
|
55
57
|
};
|
56
58
|
export {
|
57
|
-
|
59
|
+
v as default
|
58
60
|
};
|
@@ -3,4 +3,5 @@ import { default as Checkbox } from '.';
|
|
3
3
|
declare const _default: Meta<typeof Checkbox>;
|
4
4
|
export default _default;
|
5
5
|
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;
|
6
|
+
export declare const Checked: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;
|
6
7
|
export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { jsx as m, jsxs as
|
2
|
-
import { useMemo as
|
3
|
-
import { parseClasses as
|
4
|
-
const
|
1
|
+
import { jsx as m, jsxs as B } from "react/jsx-runtime";
|
2
|
+
import { useMemo as f } from "react";
|
3
|
+
import { parseClasses as y, parseTestId as C } from "../../../functions/parsers.js";
|
4
|
+
const b = (d, t) => {
|
5
5
|
const {
|
6
6
|
testId: r = null,
|
7
7
|
label: e,
|
@@ -13,7 +13,7 @@ const h = (d, t) => {
|
|
13
13
|
onChange: i,
|
14
14
|
onBlur: u
|
15
15
|
} = d, c = r ?? `test-radio-button-item-${t}`;
|
16
|
-
return /* @__PURE__ */
|
16
|
+
return /* @__PURE__ */ B(
|
17
17
|
"label",
|
18
18
|
{
|
19
19
|
className: "radio",
|
@@ -32,12 +32,15 @@ const h = (d, t) => {
|
|
32
32
|
onBlur: u
|
33
33
|
}
|
34
34
|
),
|
35
|
-
|
35
|
+
/* @__PURE__ */ m("p", { style: {
|
36
|
+
display: "inline-block",
|
37
|
+
marginLeft: "5px"
|
38
|
+
}, children: e })
|
36
39
|
]
|
37
40
|
},
|
38
41
|
t
|
39
42
|
);
|
40
|
-
},
|
43
|
+
}, x = ({
|
41
44
|
containerTestId: d = null,
|
42
45
|
containerCssClasses: t = null,
|
43
46
|
containerStyle: r = null,
|
@@ -47,15 +50,15 @@ const h = (d, t) => {
|
|
47
50
|
onChange: o,
|
48
51
|
onBlur: n
|
49
52
|
}) => {
|
50
|
-
const l =
|
53
|
+
const l = y([
|
51
54
|
"control",
|
52
55
|
t
|
53
|
-
]), i = d ??
|
56
|
+
]), i = d ?? C({
|
54
57
|
tag: "container-",
|
55
58
|
parsedClasses: l
|
56
|
-
}), u =
|
59
|
+
}), u = f(
|
57
60
|
() => e.map(
|
58
|
-
(c, p) =>
|
61
|
+
(c, p) => b(
|
59
62
|
{
|
60
63
|
...c,
|
61
64
|
name: s,
|
@@ -79,5 +82,5 @@ const h = (d, t) => {
|
|
79
82
|
);
|
80
83
|
};
|
81
84
|
export {
|
82
|
-
|
85
|
+
x as default
|
83
86
|
};
|
@@ -198,15 +198,17 @@ export interface FileProps extends ComposedElementProps, InteractiveProps, Named
|
|
198
198
|
size?: ElementSizeType;
|
199
199
|
}
|
200
200
|
export interface CheckBoxProps extends ComposedElementProps, InteractiveOnChangeProps, NamedInputProps {
|
201
|
+
/** `Attribute` Shows the checkbox as checked or unchecked */
|
202
|
+
isChecked?: boolean;
|
201
203
|
/** `Attribute` Sets checkbox's text that will be shown next to its control */
|
202
|
-
|
204
|
+
label?: string;
|
203
205
|
/** `Attribute` Will disable the checkbox */
|
204
206
|
isDisabled?: boolean;
|
205
207
|
}
|
206
208
|
export interface RadioButtonItemProps extends Pick<ElementProps, 'testId' | 'style'>, InteractiveOnChangeProps, NamedInputProps {
|
207
|
-
/** `Attribute` `Required` Sets
|
209
|
+
/** `Attribute` `Required` Sets radiobutton's text*/
|
208
210
|
label: string;
|
209
|
-
/** `Attribute` Shows the
|
211
|
+
/** `Attribute` Shows the radiobutton as checked or unchecked */
|
210
212
|
isChecked?: boolean;
|
211
213
|
/** `Attribute` Will disable the checkbox */
|
212
214
|
isDisabled?: boolean;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "reactive-bulma",
|
3
|
-
"version": "4.3.
|
3
|
+
"version": "4.3.2",
|
4
4
|
"type": "module",
|
5
5
|
"description": "A component library based on React, Bulma, Typescript and Vite",
|
6
6
|
"keywords": [
|
@@ -41,7 +41,7 @@
|
|
41
41
|
"prettier": "prettier src/**/*.{tsx,ts} --write",
|
42
42
|
"prettier:ci": "prettier src/**/*.{tsx,ts} --check",
|
43
43
|
"lint-staged": "lint-staged -v",
|
44
|
-
"setup": "npm ci
|
44
|
+
"setup": "npm ci",
|
45
45
|
"compile": "tsc -b",
|
46
46
|
"build": "npm run compile && vite build",
|
47
47
|
"build:storybook": "storybook build",
|
@@ -102,7 +102,6 @@
|
|
102
102
|
"eslint-plugin-storybook": "^0.11.1",
|
103
103
|
"glob": "^11.0.0",
|
104
104
|
"globals": "^15.14.0",
|
105
|
-
"husky": "^9.1.7",
|
106
105
|
"hygen": "^6.2.11",
|
107
106
|
"jest": "^29.7.0",
|
108
107
|
"jest-environment-jsdom": "^29.7.0",
|