react-jupiter 5.9.69 → 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
|
}).
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label")),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label")),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
|
|
2
|
+
|
|
2
3
|
|
|
3
4
|
|
|
4
5
|
|
|
@@ -24,10 +25,11 @@
|
|
|
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,{
|
|
@@ -36,8 +38,16 @@ control:i,
|
|
|
36
38
|
rules:{required:!!g&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
|
|
37
39
|
render:(a)=>{var b;let{field:d,fieldState:f}=a;return/*#__PURE__*/(
|
|
38
40
|
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
39
|
-
_react.default.createElement(_index.StyledSelect,
|
|
40
|
-
d,
|
|
41
|
+
_react.default.createElement(_index.StyledSelect,_extends({},
|
|
42
|
+
d,{
|
|
43
|
+
onChange:(a)=>{
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
// Update RHF's state
|
|
48
|
+
k&&k(a.target.value),d.onChange(a)
|
|
49
|
+
},
|
|
50
|
+
width:j}),
|
|
41
51
|
|
|
42
52
|
c&&/*#__PURE__*/
|
|
43
53
|
_react.default.createElement("option",{value:""},c),
|
|
@@ -57,12 +67,12 @@ f?/*#__PURE__*/
|
|
|
57
67
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
58
68
|
_react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
|
|
59
69
|
_react.default.createElement(_label.default,{htmlFor:b,label:f,number:h,required:g}),
|
|
60
|
-
|
|
70
|
+
l()
|
|
61
71
|
)
|
|
62
72
|
):
|
|
63
73
|
|
|
64
74
|
|
|
65
|
-
|
|
75
|
+
l())
|
|
66
76
|
};
|
|
67
77
|
|
|
68
78
|
Select.defaultProps={
|
|
@@ -71,6 +81,7 @@ defaultValue:"",
|
|
|
71
81
|
placeholder:"",
|
|
72
82
|
label:"",
|
|
73
83
|
width:"100%",
|
|
84
|
+
handleChange:void 0,
|
|
74
85
|
isDisabled:!1,
|
|
75
86
|
errorMessage:"",
|
|
76
87
|
required:!1,
|