reactive-bulma 5.0.2 → 5.0.3

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.
Files changed (4) hide show
  1. package/dist/components/molecules/FormFieldInput/index.js +93 -71
  2. package/dist/components/molecules/FormFieldInput/index.stories.d.ts +4 -0
  3. package/dist/interfaces/moleculeProps.d.ts +1 -0
  4. package/package.json +1 -1
package/dist/components/molecules/FormFieldInput/index.js CHANGED
@@ -1,92 +1,114 @@
1
- import { jsxs as u, Fragment as p, jsx as r } from "react/jsx-runtime";
2
- import { useMemo as s } from "react";
1
+ import { jsxs as i, Fragment as p, jsx as t } from "react/jsx-runtime";
2
+ import { useMemo as l } from "react";
3
3
  import d from "../../atoms/Button/index.js";
4
4
  import T from "../../atoms/TextArea/index.js";
5
5
  import h from "../../atoms/Select/index.js";
6
- import g from "../../atoms/Checkbox/index.js";
7
- import N from "../../atoms/RadioButton/index.js";
8
- import x from "../InputControl/index.js";
9
- import { FormFieldType as t } from "../../../interfaces/moleculeProps.js";
10
- const m = ({ testId: c, element: o, isHorizontal: i }) => {
6
+ import N from "../../atoms/Checkbox/index.js";
7
+ import g from "../../atoms/RadioButton/index.js";
8
+ import b from "../InputControl/index.js";
9
+ import { FormFieldType as n } from "../../../interfaces/moleculeProps.js";
10
+ const a = ({ testId: c, element: o, isHorizontal: s }) => {
11
11
  if (o === null) return null;
12
- const n = {
12
+ const e = {
13
13
  testId: o.config?.testId ?? c ?? `test-form-field-${o.type}`,
14
14
  containerTestId: c ?? `test-form-field-container-${o.type}`
15
- };
15
+ }, r = o.fieldLabel ? /* @__PURE__ */ t(
16
+ "label",
17
+ {
18
+ "data-testid": `test-form-field-${o.type}-label`,
19
+ className: "label",
20
+ children: o.fieldLabel
21
+ }
22
+ ) : null;
16
23
  switch (o.type) {
17
- case t.INPUT:
18
- return /* @__PURE__ */ r(
19
- x,
24
+ case n.INPUT:
25
+ return /* @__PURE__ */ t(
26
+ b,
20
27
  {
21
28
  ...o.config,
22
- ...n,
23
- isHorizontal: i
29
+ ...e,
30
+ isHorizontal: s
24
31
  }
25
32
  );
26
- case t.SELECT:
27
- return /* @__PURE__ */ r("section", { className: "control", children: /* @__PURE__ */ r(
28
- h,
29
- {
30
- ...o.config,
31
- ...n
32
- }
33
- ) });
34
- case t.CHECKBOX:
35
- return /* @__PURE__ */ r("section", { className: "control", children: /* @__PURE__ */ r(
36
- g,
37
- {
38
- ...o.config,
39
- ...n
40
- }
41
- ) });
42
- case t.RADIOBUTTON:
43
- return /* @__PURE__ */ r("section", { className: "control", children: /* @__PURE__ */ r(
44
- N,
45
- {
46
- ...o.config,
47
- ...n
48
- }
49
- ) });
50
- case t.TEXTAREA:
51
- return /* @__PURE__ */ r("section", { className: "control", children: /* @__PURE__ */ r(
52
- T,
53
- {
54
- ...o.config,
55
- ...n
56
- }
57
- ) });
58
- case t.BUTTON:
59
- return /* @__PURE__ */ r("section", { className: "control", children: /* @__PURE__ */ r(
60
- d,
61
- {
62
- ...o.config,
63
- ...n
64
- }
65
- ) });
33
+ case n.SELECT:
34
+ return /* @__PURE__ */ i("section", { className: "control", children: [
35
+ r,
36
+ /* @__PURE__ */ t(
37
+ h,
38
+ {
39
+ ...o.config,
40
+ ...e
41
+ }
42
+ )
43
+ ] });
44
+ case n.CHECKBOX:
45
+ return /* @__PURE__ */ i("section", { className: "control", children: [
46
+ r,
47
+ /* @__PURE__ */ t(
48
+ N,
49
+ {
50
+ ...o.config,
51
+ ...e
52
+ }
53
+ )
54
+ ] });
55
+ case n.RADIOBUTTON:
56
+ return /* @__PURE__ */ i("section", { className: "control", children: [
57
+ r,
58
+ /* @__PURE__ */ t(
59
+ g,
60
+ {
61
+ ...o.config,
62
+ ...e
63
+ }
64
+ )
65
+ ] });
66
+ case n.TEXTAREA:
67
+ return /* @__PURE__ */ i("section", { className: "control", children: [
68
+ r,
69
+ /* @__PURE__ */ t(
70
+ T,
71
+ {
72
+ ...o.config,
73
+ ...e
74
+ }
75
+ )
76
+ ] });
77
+ case n.BUTTON:
78
+ return /* @__PURE__ */ i("section", { className: "control", children: [
79
+ r,
80
+ /* @__PURE__ */ t(
81
+ d,
82
+ {
83
+ ...o.config,
84
+ ...e
85
+ }
86
+ )
87
+ ] });
66
88
  }
67
- }, j = ({
89
+ }, R = ({
68
90
  testId: c,
69
91
  mainInput: o,
70
- leftInput: i = null,
71
- rightInput: n = null,
72
- isHorizontal: e = !1
92
+ leftInput: s = null,
93
+ rightInput: e = null,
94
+ isHorizontal: r = !1
73
95
  }) => {
74
- const f = s(
75
- () => m({ testId: c, element: o, isHorizontal: e }),
76
- [c, o, e]
77
- ), a = s(
78
- () => m({ testId: c, element: i, isHorizontal: e }),
79
- [c, i, e]
80
- ), l = s(
81
- () => m({ testId: c, element: n, isHorizontal: e }),
82
- [c, n, e]
96
+ const f = l(
97
+ () => a({ testId: c, element: o, isHorizontal: r }),
98
+ [c, o, r]
99
+ ), m = l(
100
+ () => a({ testId: c, element: s, isHorizontal: r }),
101
+ [c, s, r]
102
+ ), u = l(
103
+ () => a({ testId: c, element: e, isHorizontal: r }),
104
+ [c, e, r]
83
105
  );
84
- return /* @__PURE__ */ u(p, { children: [
85
- a,
106
+ return /* @__PURE__ */ i(p, { children: [
107
+ m,
86
108
  f,
87
- l
109
+ u
88
110
  ] });
89
111
  };
90
112
  export {
91
- j as default
113
+ R as default
92
114
  };
package/dist/components/molecules/FormFieldInput/index.stories.d.ts CHANGED
@@ -5,7 +5,11 @@ declare const _default: Meta<typeof FormFieldInput>;
5
5
  export default _default;
6
6
  export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
7
7
  export declare const SelectCase: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
8
+ export declare const SelectWithLabel: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
8
9
  export declare const CheckboxCase: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
10
+ export declare const CheckboxWithLabel: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
9
11
  export declare const RadiobuttonCase: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
12
+ export declare const RadiobuttonWithLabel: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
10
13
  export declare const TextareaCase: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
14
+ export declare const TextareaWithLabel: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
11
15
  export declare const LeftAddonSelect: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FormFieldInputProps>;
package/dist/interfaces/moleculeProps.d.ts CHANGED
@@ -255,6 +255,7 @@ export declare enum FormFieldType {
255
255
  export type FormFieldConfig = InputControlProps | SelectProps | CheckBoxProps | RadioButtonProps | TextAreaProps | ButtonProps;
256
256
  export interface FormFieldElement {
257
257
  type: FormFieldType;
258
+ fieldLabel?: string;
258
259
  config: FormFieldConfig;
259
260
  }
260
261
  export interface FormFieldInputProps extends ElementProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reactive-bulma",
3
- "version": "5.0.2",
3
+ "version": "5.0.3",
4
4
  "type": "module",
5
5
  "description": "A component library based on React, Bulma, Typescript and Vite",
6
6
  "keywords": [