react-jupiter 5.9.66 → 5.9.67-beta
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/accordion/index.js +5 -5
- package/accordion/index.styles.js +4 -4
- package/accordion/panel.js +16 -16
- package/avatar/index.js +12 -12
- package/avatar/index.styles.js +5 -5
- package/avatar/theme.js +4 -4
- package/button/index.js +16 -16
- package/button/index.styles.js +30 -30
- package/button/theme.js +4 -4
- package/button/utils.js +3 -3
- package/card/card-template/index.js +13 -13
- package/card/card-template/index.stories.js +49 -49
- package/card/card-template/index.style.js +11 -11
- package/card/card-template/index.test.js +23 -23
- package/card/event-card/constants.js +3 -3
- package/card/event-card/event-card-label/index.js +6 -6
- package/card/event-card/event-card-label/index.style.js +3 -3
- package/card/event-card/event-card-label/index.test.js +7 -7
- package/card/event-card/index.js +79 -79
- package/card/event-card/index.stories.js +51 -51
- package/card/event-card/index.style.js +22 -22
- package/card/event-card/index.test.js +17 -17
- package/card/index.js +2 -2
- package/card/organization-card/index.js +17 -17
- package/card/organization-card/index.stories.js +4 -4
- package/card/organization-card/index.style.js +3 -3
- package/card/organization-card/index.test.js +6 -6
- package/card/orgnizer-card/buttons.js +30 -30
- package/card/orgnizer-card/index.js +77 -77
- package/card/orgnizer-card/index.stories.js +5 -5
- package/card/orgnizer-card/index.style.js +10 -10
- package/cover/index.js +25 -25
- package/cover/index.style.js +6 -6
- package/display/index.js +11 -11
- package/display/index.style.js +16 -16
- package/file-item/fileImgIcon.js +8 -8
- package/file-item/fileImgsFont.js +3 -3
- package/file-item/index.js +36 -36
- package/file-item/index.style.js +11 -11
- package/file-item/theme.js +4 -4
- package/file-item/utils.js +1 -1
- package/form/captcha/index.js +29 -29
- package/form/captcha/index.stories.js +4 -4
- package/form/captcha/index.style.js +6 -6
- package/form/captcha/index.test.js +14 -14
- package/form/checkbox/checkbox-option.js +12 -12
- package/form/checkbox/checkbox.js +16 -16
- package/form/checkbox/index.js +2 -2
- package/form/checkbox/index.stories.js +14 -14
- package/form/checkbox/index.style.js +11 -11
- package/form/dropdown/index.js +2 -2
- package/form/dropdown/index.stories.js +18 -18
- package/form/dropdown/index.style.js +14 -14
- package/form/dropdown/index.test.js +6 -6
- package/form/dropdown/option.js +6 -6
- package/form/dropdown/select.js +17 -17
- package/form/errorMsg.js +7 -7
- package/form/index.js +2 -2
- package/form/radio/index.js +2 -2
- package/form/radio/index.stories.js +14 -14
- package/form/radio/index.style.js +12 -12
- package/form/radio/radio-option.js +12 -12
- package/form/radio/radio.js +17 -17
- package/form/text-input/index.js +33 -33
- package/form/text-input/index.stories.js +5 -5
- package/form/text-input/index.style.js +12 -12
- package/form/text-input/index.test.js +16 -16
- package/form/textarea/index.js +15 -15
- package/form/textarea/index.stories.js +7 -7
- package/form/textarea/index.style.js +10 -10
- package/form/theme.js +4 -4
- package/form-v7/captcha/index.js +37 -37
- package/form-v7/captcha/index.stories.js +9 -9
- package/form-v7/captcha/index.style.js +6 -6
- package/form-v7/captcha/index.test.js +14 -14
- package/form-v7/checkbox/checkbox-option.js +12 -12
- package/form-v7/checkbox/checkbox.js +18 -18
- package/form-v7/checkbox/index.js +2 -2
- package/form-v7/checkbox/index.stories.js +27 -27
- package/form-v7/checkbox/index.style.js +11 -11
- package/form-v7/dropdown/index.js +2 -2
- package/form-v7/dropdown/index.stories.js +32 -32
- package/form-v7/dropdown/index.style.js +14 -14
- package/form-v7/dropdown/index.test.js +6 -6
- package/form-v7/dropdown/option.js +6 -6
- package/form-v7/dropdown/select.js +20 -20
- package/form-v7/errorMsg.js +7 -7
- package/form-v7/file-input/index.js +25 -25
- package/form-v7/file-input/index.stories.js +7 -7
- package/form-v7/file-input/index.style.js +13 -13
- package/form-v7/file-input/index.test.js +16 -16
- package/form-v7/form/index.stories.js +51 -51
- package/form-v7/index.js +2 -2
- package/form-v7/index.style.js +1 -1
- package/form-v7/label/index.js +9 -9
- package/form-v7/label/index.style.js +4 -4
- package/form-v7/radio/index.js +2 -2
- package/form-v7/radio/index.stories.js +24 -24
- package/form-v7/radio/index.style.js +12 -12
- package/form-v7/radio/radio-option.js +12 -12
- package/form-v7/radio/radio.js +18 -18
- package/form-v7/text-input/index.js +22 -22
- package/form-v7/text-input/index.stories.js +14 -14
- package/form-v7/text-input/index.style.js +11 -11
- package/form-v7/text-input/index.test.js +16 -16
- package/form-v7/textarea/index.js +17 -17
- package/form-v7/textarea/index.stories.js +15 -15
- package/form-v7/textarea/index.style.js +10 -10
- package/form-v7/theme.js +4 -4
- package/globalStyle.js +3 -3
- package/icon/iconFont.js +3 -3
- package/icon/index.js +19 -19
- package/icon/index.styles.js +8 -8
- package/icon/theme.js +4 -4
- package/icons/index.js +9 -9
- package/icons/index.style.js +8 -8
- package/icons/theme.js +3 -3
- package/icons/utils.js +9 -9
- package/index.js +3 -3
- package/modal/index.js +21 -21
- package/modal/index.style.js +4 -4
- package/modal/theme.js +4 -4
- package/numeric-summery-report/index.js +10 -10
- package/numeric-summery-report/index.style.js +3 -3
- package/package.json +1 -1
- package/product-menu/index.js +2 -2
- package/product-menu/index.style.js +15 -15
- package/product-menu/menu-item.js +6 -6
- package/product-menu/menu.js +12 -12
- package/product-menu/theme.js +4 -4
- package/product-owner/index.js +42 -42
- package/product-owner/index.style.js +3 -3
- package/product-properties/index.js +19 -19
- package/product-properties/index.style.js +5 -5
- package/product-properties/product-property/index.js +13 -13
- package/product-properties/product-property/index.style.js +3 -3
- package/progress-bar/index.js +16 -16
- package/progress-bar/index.styles.js +8 -8
- package/responsive/index.js +13 -13
- package/show-date/index.js +10 -10
- package/spacing/index.js +2 -2
- package/spacing/margin/index.js +5 -5
- package/spacing/padding/index.js +5 -5
- package/table/actionCell.js +18 -18
- package/table/index.js +21 -21
- package/table/index.style.js +14 -14
- package/table/tableHeaderRow.js +9 -9
- package/table/tableRow.js +15 -15
- package/table/theme.js +4 -4
- package/tabs/index.js +2 -2
- package/tabs/index.style.js +10 -10
- package/tabs/tabPanel.js +5 -5
- package/tabs/tabs.js +22 -22
- package/tabs/theme.js +4 -4
- package/themes.js +3 -3
- package/titled-avatar/index.js +14 -14
- package/titled-avatar/index.style.js +5 -5
- package/typography/heading/index.js +12 -12
- package/typography/heading/index.stories.js +30 -30
- package/typography/heading/index.styles.js +31 -31
- package/typography/heading/index.test.js +42 -42
- package/typography/index.js +2 -2
- package/typography/link/index.js +23 -23
- package/typography/link/index.stories.js +5 -5
- package/typography/link/index.styles.js +4 -4
- package/typography/link/index.test.js +14 -14
- package/typography/paragraph/index.js +12 -12
- package/typography/paragraph/index.stories.js +4 -4
- package/typography/paragraph/index.styles.js +7 -7
- package/typography/paragraph/index.test.js +15 -15
- package/typography/text/index.js +40 -40
- package/typography/text/index.stories.js +19 -19
- package/typography/text/index.styles.js +36 -36
- package/typography/text/index.test.js +86 -86
- package/typography/theme.js +4 -4
- package/typography/utils.js +6 -6
- package/utils/date.js +2 -2
- package/utils/detectMobile.js +2 -2
- package/utils/index.js +2 -2
- package/utils/media-query.js +4 -4
- package/utils/numbers.js +4 -4
- package/utils/test.js +5 -5
- package/utils/theme.js +9 -9
|
@@ -21,91 +21,91 @@
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
(0,_react2.storiesOf)("Form-V7/Sample Form",module).
|
|
24
|
-
add("Sample Form",
|
|
24
|
+
add("Sample Form",()=>{const
|
|
25
|
+
{
|
|
26
|
+
register:a,
|
|
27
|
+
handleSubmit:b,
|
|
28
|
+
control:c,
|
|
29
|
+
setValue:d,
|
|
30
|
+
setError:e
|
|
31
|
+
}=(0,_reactHookForm.useForm)(),
|
|
25
32
|
|
|
26
33
|
|
|
27
34
|
|
|
28
35
|
|
|
29
36
|
|
|
30
37
|
|
|
31
|
-
(0,_reactHookForm.useForm)(),b=a.register,c=a.handleSubmit,d=a.control,e=a.setValue,f=a.setError,
|
|
32
38
|
|
|
33
39
|
|
|
34
40
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
g=[
|
|
41
|
+
f=[
|
|
42
42
|
"question 1",
|
|
43
43
|
"question 2",
|
|
44
44
|
"question 3"];
|
|
45
45
|
|
|
46
46
|
|
|
47
47
|
return/*#__PURE__*/(
|
|
48
|
-
_react.default.createElement("form",{onSubmit:
|
|
48
|
+
_react.default.createElement("form",{onSubmit:b((a)=>{console.log(a),e({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__*/
|
|
49
49
|
_react.default.createElement(_dropdown.Select,{
|
|
50
50
|
htmlElementName:"select",
|
|
51
51
|
placeholder:"\u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
|
|
52
|
-
register:
|
|
53
|
-
control:
|
|
52
|
+
register:a,
|
|
53
|
+
control:c,
|
|
54
54
|
defaultValue:0,
|
|
55
55
|
label:"select box",
|
|
56
56
|
number:1,
|
|
57
57
|
required:!1},
|
|
58
58
|
|
|
59
|
-
!!
|
|
60
|
-
_react.default.createElement(_dropdown.SelectOption,{key:b,value:a,label:a})
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
!!f&&f.map((a,b)=>/*#__PURE__*/
|
|
60
|
+
_react.default.createElement(_dropdown.SelectOption,{key:b,value:a,label:a})
|
|
61
|
+
)
|
|
62
|
+
),/*#__PURE__*/
|
|
63
63
|
|
|
64
64
|
_react.default.createElement(_fileInput.default,{
|
|
65
65
|
htmlElementName:"file-input",
|
|
66
|
-
register:
|
|
67
|
-
control:
|
|
66
|
+
register:a,
|
|
67
|
+
control:c,
|
|
68
68
|
label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
|
|
69
69
|
description:"\u062D\u062C\u0645 \u0641\u0627\u06CC\u0644 \u0627\u0631\u0633\u0627\u0644\u06CC \u0628\u0627\u06CC\u062F \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0628\u0627\u0634\u062F",
|
|
70
70
|
number:2,
|
|
71
71
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
|
|
72
72
|
disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
73
73
|
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
74
|
-
required:!1}
|
|
75
|
-
|
|
74
|
+
required:!1}
|
|
75
|
+
),/*#__PURE__*/
|
|
76
76
|
|
|
77
77
|
_react.default.createElement(_radio.default,{
|
|
78
78
|
groupName:"radio",
|
|
79
79
|
label:"radio input",
|
|
80
80
|
number:3,
|
|
81
|
-
register:
|
|
82
|
-
control:
|
|
81
|
+
register:a,
|
|
82
|
+
control:c,
|
|
83
83
|
required:!1},/*#__PURE__*/
|
|
84
84
|
|
|
85
85
|
_react.default.createElement(_radioOption.default,{
|
|
86
86
|
label:(0,_addonKnobs.text)("label","\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645"),
|
|
87
87
|
value:(0,_addonKnobs.text)("value","100"),
|
|
88
|
-
isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1)}
|
|
89
|
-
|
|
88
|
+
isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1)}
|
|
89
|
+
),/*#__PURE__*/
|
|
90
90
|
_react.default.createElement(_radioOption.default,{value:"200",label:"\u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
|
|
91
91
|
_react.default.createElement(_radioOption.default,{value:"300",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC"}),/*#__PURE__*/
|
|
92
92
|
_react.default.createElement(_radioOption.default,{value:"400",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F"}),/*#__PURE__*/
|
|
93
|
-
_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"})
|
|
94
|
-
|
|
93
|
+
_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"})
|
|
94
|
+
),/*#__PURE__*/
|
|
95
95
|
|
|
96
96
|
_react.default.createElement(_textInput.default,{
|
|
97
97
|
htmlElementName:"text-input",
|
|
98
98
|
required:!1,
|
|
99
99
|
label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
|
|
100
100
|
number:23,
|
|
101
|
-
register:
|
|
102
|
-
control:
|
|
101
|
+
register:a,
|
|
102
|
+
control:c,
|
|
103
103
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
|
|
104
104
|
disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
105
105
|
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
106
106
|
type:(0,_addonKnobs.select)("select type(default : text)",["text","password"]),
|
|
107
|
-
rtl:!0}
|
|
108
|
-
|
|
107
|
+
rtl:!0}
|
|
108
|
+
),/*#__PURE__*/
|
|
109
109
|
|
|
110
110
|
_react.default.createElement(_textInput.default,{
|
|
111
111
|
htmlElementName:"text-input",
|
|
@@ -113,17 +113,17 @@ type:"password",
|
|
|
113
113
|
required:!1,
|
|
114
114
|
label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
|
|
115
115
|
number:23,
|
|
116
|
-
register:
|
|
117
|
-
control:
|
|
116
|
+
register:a,
|
|
117
|
+
control:c,
|
|
118
118
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
|
|
119
119
|
disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
120
120
|
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
121
|
-
rtl:!0}
|
|
122
|
-
|
|
121
|
+
rtl:!0}
|
|
122
|
+
),/*#__PURE__*/
|
|
123
123
|
|
|
124
124
|
_react.default.createElement(_textarea.default,{
|
|
125
|
-
register:
|
|
126
|
-
control:
|
|
125
|
+
register:a,
|
|
126
|
+
control:c,
|
|
127
127
|
label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
|
|
128
128
|
htmlElementName:(0,_addonKnobs.text)("optional html-element-name","textarea-box"),
|
|
129
129
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A"),
|
|
@@ -132,42 +132,42 @@ isDisabled:!1,
|
|
|
132
132
|
required:!1,
|
|
133
133
|
resize:"both",
|
|
134
134
|
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
135
|
-
defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"}
|
|
136
|
-
|
|
135
|
+
defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"}
|
|
136
|
+
),/*#__PURE__*/
|
|
137
137
|
|
|
138
138
|
_react.default.createElement(_checkbox.default,{
|
|
139
139
|
groupName:"checkbox",
|
|
140
140
|
required:!1,
|
|
141
141
|
label:"\u062F\u0631 \u06A9\u062F\u0627\u0645 \u0645\u0648\u0636\u0648\u0639 \u0647\u0627 \u062A\u0648\u0627\u0646\u0627\u06CC\u06CC \u062F\u0627\u0631\u06CC\u062F",
|
|
142
|
-
register:
|
|
143
|
-
control:
|
|
142
|
+
register:a,
|
|
143
|
+
control:c},/*#__PURE__*/
|
|
144
144
|
|
|
145
145
|
_react.default.createElement(_checkboxOption.default,{
|
|
146
146
|
label:(0,_addonKnobs.text)("label","\u0648\u0631\u0632\u0634\u06CC"),
|
|
147
147
|
value:(0,_addonKnobs.text)("value","100"),
|
|
148
148
|
isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1),
|
|
149
149
|
isChecked:(0,_addonKnobs.boolean)("optional checked item",!1),
|
|
150
|
-
register:
|
|
151
|
-
|
|
150
|
+
register:a}
|
|
151
|
+
),/*#__PURE__*/
|
|
152
152
|
_react.default.createElement(_checkboxOption.default,{value:"200",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
|
|
153
153
|
_react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
|
|
154
154
|
_react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC"}),/*#__PURE__*/
|
|
155
|
-
_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})
|
|
156
|
-
|
|
155
|
+
_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})
|
|
156
|
+
),/*#__PURE__*/
|
|
157
157
|
|
|
158
158
|
_react.default.createElement(_captcha.default,{
|
|
159
|
-
register:
|
|
160
|
-
control:
|
|
159
|
+
register:a,
|
|
160
|
+
control:c,
|
|
161
161
|
label:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
|
|
162
162
|
htmlElementName:"captcha",
|
|
163
163
|
imageUrl:"https://static.evand.net/captcha/0bb5a9832be7b86a2a0a646ae2fd1649.jpg",
|
|
164
164
|
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
165
|
-
fetchData:
|
|
166
|
-
setValue:
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
_react.default.createElement("button",{type:"submit"},"submit")));
|
|
165
|
+
fetchData:()=>console.log("fetching"),
|
|
166
|
+
setValue:d}
|
|
167
|
+
),/*#__PURE__*/
|
|
170
168
|
|
|
169
|
+
_react.default.createElement("button",{type:"submit"},"submit")
|
|
170
|
+
))
|
|
171
171
|
|
|
172
172
|
}).
|
|
173
173
|
addDecorator(_addonInfo.withInfo).
|
package/form-v7/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Captcha",{enumerable:!0,get:function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Captcha",{enumerable:!0,get:function(){return _captcha.default}}),Object.defineProperty(exports,"CheckboxInputGroup",{enumerable:!0,get:function(){return _checkbox.default}}),Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return _dropdown.default}}),Object.defineProperty(exports,"FileInput",{enumerable:!0,get:function(){return _fileInput.default}}),Object.defineProperty(exports,"RadioInputGroup",{enumerable:!0,get:function(){return _radio.default}}),Object.defineProperty(exports,"TextInput",{enumerable:!0,get:function(){return _textInput.default}}),Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return _textarea.default}}),exports.default=void 0;var _textInput=_interopRequireDefault(require("./text-input")),_fileInput=_interopRequireDefault(require("./file-input")),_dropdown=_interopRequireDefault(require("./dropdown")),_radio=_interopRequireDefault(require("./radio")),_textarea=_interopRequireDefault(require("./textarea")),_checkbox=_interopRequireDefault(require("./checkbox")),_captcha=_interopRequireDefault(require("./captcha"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -22,4 +22,4 @@ Textarea:_textarea.default,
|
|
|
22
22
|
CheckboxInputGroup:_checkbox.default,
|
|
23
23
|
Captcha:_captcha.default,
|
|
24
24
|
FileInput:_fileInput.default
|
|
25
|
-
};
|
|
25
|
+
};
|
package/form-v7/index.style.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Fieldset=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
const Fieldset=exports.Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n position: relative;\n border: none;\n padding: 0;\n margin-bottom: 20px;\n * {\n box-sizing: content-box;\n }\n"])));
|
package/form-v7/label/index.js
CHANGED
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
function Label(a){
|
|
14
|
-
|
|
15
|
-
b
|
|
16
|
-
|
|
14
|
+
const{
|
|
15
|
+
htmlFor:b,label:c,number:d,required:e
|
|
16
|
+
}=a;
|
|
17
17
|
return/*#__PURE__*/(
|
|
18
18
|
_react.default.createElement(_react.default.Fragment,null,
|
|
19
19
|
c&&/*#__PURE__*/
|
|
@@ -21,11 +21,11 @@ _react.default.createElement(_index.default,{htmlFor:b},/*#__PURE__*/
|
|
|
21
21
|
_react.default.createElement(_typography.Text,{bold:!0,size:14},
|
|
22
22
|
!!d&&"".concat((0,_numbers.toPersianNumber)(d),"- "),
|
|
23
23
|
c,
|
|
24
|
-
!!e&&/*#__PURE__*/_react.default.createElement("span",{className:"required"},"*")
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
!!e&&/*#__PURE__*/_react.default.createElement("span",{className:"required"},"*")
|
|
25
|
+
)
|
|
26
|
+
)
|
|
28
27
|
|
|
28
|
+
))
|
|
29
29
|
|
|
30
30
|
}
|
|
31
31
|
Label.defaultProps={
|
|
@@ -33,6 +33,6 @@ label:null,
|
|
|
33
33
|
number:null,
|
|
34
34
|
required:!1,
|
|
35
35
|
htmlFor:null
|
|
36
|
-
};var _default=
|
|
36
|
+
};var _default=exports.default=
|
|
37
37
|
|
|
38
|
-
Label;
|
|
38
|
+
Label;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
|
|
2
2
|
|
|
3
|
-
Label=_styledComponents.default.label(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n position: relative;\n display: block;\n margin-bottom: 5px;\n & span.required {\n color: ",";\n margin-right: 5px;\n }\n"])),
|
|
3
|
+
const Label=_styledComponents.default.label(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n position: relative;\n display: block;\n margin-bottom: 5px;\n & span.required {\n color: ",";\n margin-right: 5px;\n }\n"])),
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
(a)=>{let{theme:b}=a;return b.colors.red});var _default=exports.default=
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
Label;
|
|
12
|
+
Label;
|
package/form-v7/radio/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return _radio.default}}),Object.defineProperty(exports,"RadioOption",{enumerable:!0,get:function(){return _radioOption.default}}),exports.default=void 0;var _radio=_interopRequireDefault(require("./radio")),_radioOption=_interopRequireDefault(require("./radio-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
{
|
|
8
8
|
Radio:_radio.default,
|
|
9
9
|
RadioOption:_radioOption.default
|
|
10
|
-
};
|
|
10
|
+
};
|
|
@@ -13,27 +13,27 @@
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
(0,_react2.storiesOf)("Form-V7/Radio",module).
|
|
16
|
-
add("Minimal Form/Radio",
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
(0,_reactHookForm.useForm)({
|
|
16
|
+
add("Minimal Form/Radio",()=>{
|
|
17
|
+
const{
|
|
18
|
+
register:a
|
|
19
|
+
}=(0,_reactHookForm.useForm)({
|
|
20
20
|
defaultValues:{
|
|
21
21
|
radio0:"first"
|
|
22
22
|
}
|
|
23
|
-
})
|
|
23
|
+
});
|
|
24
24
|
|
|
25
25
|
return/*#__PURE__*/(
|
|
26
|
-
_react.default.createElement(_radio.default,{groupName:"radio0",label:"\u0627\u0646\u062A\u062E\u0627\u0628 \u0631\u0627\u062F\u06CC\u0648",register:
|
|
26
|
+
_react.default.createElement(_radio.default,{groupName:"radio0",label:"\u0627\u0646\u062A\u062E\u0627\u0628 \u0631\u0627\u062F\u06CC\u0648",register:a},/*#__PURE__*/
|
|
27
27
|
_react.default.createElement(_radioOption.default,{value:"first",label:"First Value"}),/*#__PURE__*/
|
|
28
28
|
_react.default.createElement(_radioOption.default,{value:"sec",label:"Sec Value"}),/*#__PURE__*/
|
|
29
|
-
_react.default.createElement(_radioOption.default,{value:"third",label:"Third Value"})
|
|
30
|
-
|
|
29
|
+
_react.default.createElement(_radioOption.default,{value:"third",label:"Third Value"})
|
|
30
|
+
))
|
|
31
31
|
|
|
32
32
|
}).
|
|
33
|
-
add("Full option Radio",
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
(0,_reactHookForm.useForm)()
|
|
33
|
+
add("Full option Radio",()=>{
|
|
34
|
+
const{
|
|
35
|
+
register:a
|
|
36
|
+
}=(0,_reactHookForm.useForm)();
|
|
37
37
|
|
|
38
38
|
return/*#__PURE__*/(
|
|
39
39
|
_react.default.createElement(_radio.default,{
|
|
@@ -44,38 +44,38 @@ handleChange:(0,_addonActions.action)("trigger what you want to do in onChange f
|
|
|
44
44
|
isDisabled:(0,_addonKnobs.boolean)("optional disabled all",!1),
|
|
45
45
|
type:(0,_addonKnobs.select)("optional type",["horizontal","vertical"]),
|
|
46
46
|
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
47
|
-
register:
|
|
47
|
+
register:a,
|
|
48
48
|
required:!0},/*#__PURE__*/
|
|
49
49
|
|
|
50
50
|
_react.default.createElement(_radioOption.default,{value:"100",label:"\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
|
|
51
51
|
_react.default.createElement(_radioOption.default,{value:"234",label:"\u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
|
|
52
52
|
_react.default.createElement(_radioOption.default,{value:"300",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC"}),/*#__PURE__*/
|
|
53
53
|
_react.default.createElement(_radioOption.default,{value:"400",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F"}),/*#__PURE__*/
|
|
54
|
-
_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"})
|
|
55
|
-
|
|
54
|
+
_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"})
|
|
55
|
+
))
|
|
56
56
|
|
|
57
57
|
}).
|
|
58
|
-
add("Full option RadioOption",
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
(0,_reactHookForm.useForm)()
|
|
58
|
+
add("Full option RadioOption",()=>{
|
|
59
|
+
const{
|
|
60
|
+
register:a
|
|
61
|
+
}=(0,_reactHookForm.useForm)();
|
|
62
62
|
return/*#__PURE__*/(
|
|
63
63
|
_react.default.createElement(_radio.default,{
|
|
64
64
|
groupName:"degree",
|
|
65
65
|
label:"\u0622\u062E\u0631\u06CC\u0646 \u0645\u062F\u0631\u06A9 \u062A\u062D\u0635\u06CC\u0644\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
|
|
66
66
|
number:1,
|
|
67
|
-
register:
|
|
67
|
+
register:a},/*#__PURE__*/
|
|
68
68
|
|
|
69
69
|
_react.default.createElement(_radioOption.default,{
|
|
70
70
|
label:(0,_addonKnobs.text)("label","\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645"),
|
|
71
71
|
value:(0,_addonKnobs.text)("value","100"),
|
|
72
|
-
isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1)}
|
|
73
|
-
|
|
72
|
+
isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1)}
|
|
73
|
+
),/*#__PURE__*/
|
|
74
74
|
_react.default.createElement(_radioOption.default,{value:"200",label:"\u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
|
|
75
75
|
_react.default.createElement(_radioOption.default,{value:"300",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC"}),/*#__PURE__*/
|
|
76
76
|
_react.default.createElement(_radioOption.default,{value:"400",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F"}),/*#__PURE__*/
|
|
77
|
-
_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"})
|
|
78
|
-
|
|
77
|
+
_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"})
|
|
78
|
+
))
|
|
79
79
|
|
|
80
80
|
}).
|
|
81
81
|
addDecorator(_addonInfo.withInfo).
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadioWrapper=exports.Input=exports.Fieldset=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadioWrapper=exports.Input=exports.Fieldset=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}const
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Fieldset=exports.Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border: none;\n padding: 0;\n margin-bottom: 15px;\n * {\n box-sizing: content-box;\n }\n"]))),
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -9,13 +9,13 @@ var Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObjec
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
RadioWrapper=exports.RadioWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n ","\n"])),
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
(a)=>{let{type:b}=a;return"vertical"===b?"flex-direction: column;":""}),
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
Input=exports.Input=_styledComponents.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n\n border-radius: 50%;\n width: 16px;\n height: 16px;\n margin-right: 5px;\n position: relative;\n top: 4px;\n \n border: 1px solid ",";\n cursor: ",";\n transition: background 0.2s linear;\n\n &:hover {\n border: 1px solid ",";\n }\n\n &:checked {\n border: 5px solid ",";\n width: 8px;\n height: 8px;\n background: ",";\n\n &:after {\n background: ",";\n }\n }\n\n &:after {\n content: '';\n display: block;\n background: ",";\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n z-index: -1;\n top: -6px;\n right: -6px;\n }\n"])),
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
@@ -27,26 +27,26 @@ var Input=_styledComponents.default.input(_templateObject3||(_templateObject3=_t
|
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
|
|
31
|
+
(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"},
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"},
|
|
40
40
|
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus},
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus},
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
(a)=>{let{disabled:b}=a;return b?"white":"transparent"});
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
b
|
|
19
|
-
|
|
16
|
+
const RadioOption=(a)=>{const
|
|
17
|
+
{
|
|
18
|
+
label:b,value:c,isDisabled:d,defaultCheckedValue:e,groupName:f,register:g
|
|
19
|
+
}=a,
|
|
20
20
|
h="".concat(f,"-").concat(c,"-").concat(b.split(" ").join(""));
|
|
21
21
|
|
|
22
22
|
return/*#__PURE__*/(
|
|
@@ -30,19 +30,19 @@ defaultValue:c,
|
|
|
30
30
|
defaultChecked:e===c},
|
|
31
31
|
g(f,{
|
|
32
32
|
disabled:d
|
|
33
|
-
}))
|
|
34
|
-
|
|
33
|
+
}))
|
|
34
|
+
),/*#__PURE__*/
|
|
35
35
|
_react.default.createElement(_typography.Text,{size:14},
|
|
36
|
-
b
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
b
|
|
37
|
+
)
|
|
38
|
+
)
|
|
39
|
+
))
|
|
40
40
|
|
|
41
41
|
};
|
|
42
42
|
|
|
43
43
|
RadioOption.defaultProps={
|
|
44
44
|
isDisabled:!1,
|
|
45
45
|
defaultCheckedValue:""
|
|
46
|
-
};var _default=
|
|
46
|
+
};var _default=exports.default=
|
|
47
47
|
|
|
48
|
-
RadioOption;
|
|
48
|
+
RadioOption;
|
package/form-v7/radio/radio.js
CHANGED
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
b
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
const Radio=(a)=>{const
|
|
26
|
+
{
|
|
27
|
+
children:b,groupName:c,label:d,handleChange:e,defaultCheckedValue:f,isDisabled:g,
|
|
28
|
+
type:h,register:i,number:j,required:k,control:l
|
|
29
|
+
}=a,
|
|
30
30
|
m=_react.default.Children.toArray(b);
|
|
31
31
|
|
|
32
32
|
return/*#__PURE__*/(
|
|
@@ -38,38 +38,38 @@ _react.default.createElement(_reactHookForm.Controller,{
|
|
|
38
38
|
name:c,
|
|
39
39
|
control:l,
|
|
40
40
|
rules:{required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
|
|
41
|
-
render:
|
|
41
|
+
render:(a)=>{var b;let{fieldState:d}=a;return/*#__PURE__*/(
|
|
42
42
|
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
43
43
|
_react.default.createElement(_index.RadioWrapper,{type:h},
|
|
44
44
|
m.map(
|
|
45
|
-
|
|
45
|
+
(a)=>
|
|
46
46
|
g?/*#__PURE__*/
|
|
47
47
|
_react.default.cloneElement(a,{
|
|
48
48
|
groupName:c,defaultCheckedValue:f,isDisabled:g,register:i
|
|
49
49
|
}):/*#__PURE__*/
|
|
50
50
|
|
|
51
|
-
_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,register:i})
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(b=d.error)||void 0===b?void 0:b.message)})))}}))));
|
|
57
|
-
|
|
58
|
-
|
|
51
|
+
_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,register:i})
|
|
59
52
|
|
|
60
53
|
|
|
54
|
+
)
|
|
55
|
+
),/*#__PURE__*/
|
|
56
|
+
_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(b=d.error)||void 0===b?void 0:b.message)})
|
|
57
|
+
))}}
|
|
61
58
|
|
|
59
|
+
)
|
|
60
|
+
)
|
|
61
|
+
))
|
|
62
62
|
|
|
63
63
|
};
|
|
64
64
|
|
|
65
65
|
Radio.defaultProps={
|
|
66
66
|
groupName:"radio-element",
|
|
67
67
|
label:"",
|
|
68
|
-
handleChange:
|
|
68
|
+
handleChange:()=>{},
|
|
69
69
|
defaultCheckedValue:"",
|
|
70
70
|
isDisabled:!1,
|
|
71
71
|
type:"horizontal",
|
|
72
72
|
required:!1,
|
|
73
73
|
number:null
|
|
74
|
-
};var _default=
|
|
75
|
-
Radio;
|
|
74
|
+
};var _default=exports.default=
|
|
75
|
+
Radio;
|