react-jupiter 5.9.70 → 5.9.71
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.
|
@@ -12,14 +12,44 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
(0,_react2.storiesOf)("Form-v7/Dropdown",module).
|
|
15
|
-
add("Minimal Select",()=>{
|
|
16
|
-
|
|
17
|
-
register:a
|
|
18
|
-
|
|
15
|
+
add("Minimal Select",()=>{const
|
|
16
|
+
{
|
|
17
|
+
register:a,
|
|
18
|
+
handleSubmit:b,
|
|
19
|
+
control:c,
|
|
20
|
+
setError:d
|
|
21
|
+
}=(0,_reactHookForm.useForm)(),
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
e=[
|
|
32
|
+
"question 1",
|
|
33
|
+
"question 2",
|
|
34
|
+
"question 3"];
|
|
35
|
+
|
|
36
|
+
|
|
19
37
|
return/*#__PURE__*/(
|
|
20
|
-
_react.default.createElement(
|
|
21
|
-
_react.default.createElement(
|
|
22
|
-
|
|
38
|
+
_react.default.createElement("form",{onSubmit:b((a)=>{console.log(a),d({message:"\u06A9\u067E\u0686\u0627 \u0645\u0639\u062A\u0628\u0631 \u0646\u06CC\u0633\u062A .",errors:{captcha:["\u06A9\u067E\u0686\u0627 \u0645\u0639\u062A\u0628\u0631 \u0646\u06CC\u0633\u062A ."]},status_code:422})})},/*#__PURE__*/
|
|
39
|
+
_react.default.createElement(_select.default,{
|
|
40
|
+
htmlElementName:"select",
|
|
41
|
+
placeholder:"\u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
|
|
42
|
+
register:a,
|
|
43
|
+
control:c,
|
|
44
|
+
defaultValue:0,
|
|
45
|
+
label:"select box",
|
|
46
|
+
number:1,
|
|
47
|
+
required:!1},
|
|
48
|
+
|
|
49
|
+
!!e&&e.map((a,b)=>/*#__PURE__*/
|
|
50
|
+
_react.default.createElement(_option.default,{key:b,value:a,label:a})
|
|
51
|
+
)
|
|
52
|
+
)
|
|
23
53
|
))
|
|
24
54
|
|
|
25
55
|
}).
|
|
@@ -19,15 +19,17 @@
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
+
|
|
22
23
|
|
|
23
24
|
|
|
24
25
|
const Select=(a)=>{const
|
|
25
26
|
{
|
|
26
27
|
htmlElementName:b,placeholder:c,isDisabled:d,
|
|
27
|
-
children:e,label:f,required:g,number:h,control:i,width:j
|
|
28
|
+
children:e,label:f,required:g,number:h,control:i,width:j,
|
|
29
|
+
handleChange:k
|
|
28
30
|
}=a,
|
|
29
31
|
|
|
30
|
-
|
|
32
|
+
l=()=>/*#__PURE__*/
|
|
31
33
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
32
34
|
_react.default.createElement(_index.SelectButton,{disabled:d},/*#__PURE__*/
|
|
33
35
|
_react.default.createElement(_reactHookForm.Controller,{
|
|
@@ -38,6 +40,13 @@ render:(a)=>{var b;let{field:d,fieldState:f}=a;return/*#__PURE__*/(
|
|
|
38
40
|
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
39
41
|
_react.default.createElement(_index.StyledSelect,_extends({},
|
|
40
42
|
d,{
|
|
43
|
+
onChange:(a)=>{
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
// Update RHF's state
|
|
48
|
+
k&&k(a.target.value),d.onChange(a)
|
|
49
|
+
},
|
|
41
50
|
width:j}),
|
|
42
51
|
|
|
43
52
|
c&&/*#__PURE__*/
|
|
@@ -58,12 +67,12 @@ f?/*#__PURE__*/
|
|
|
58
67
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
59
68
|
_react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
|
|
60
69
|
_react.default.createElement(_label.default,{htmlFor:b,label:f,number:h,required:g}),
|
|
61
|
-
|
|
70
|
+
l()
|
|
62
71
|
)
|
|
63
72
|
):
|
|
64
73
|
|
|
65
74
|
|
|
66
|
-
|
|
75
|
+
l())
|
|
67
76
|
};
|
|
68
77
|
|
|
69
78
|
Select.defaultProps={
|
|
@@ -72,6 +81,7 @@ defaultValue:"",
|
|
|
72
81
|
placeholder:"",
|
|
73
82
|
label:"",
|
|
74
83
|
width:"100%",
|
|
84
|
+
handleChange:void 0,
|
|
75
85
|
isDisabled:!1,
|
|
76
86
|
errorMessage:"",
|
|
77
87
|
required:!1,
|