react-jupiter 5.9.67 → 5.9.68
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 +78 -78
- 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 +52 -53
- 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 +27 -23
- 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 +18 -18
- 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 -22
- 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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=require("./index.style"),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&Object.prototype.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}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
|
|
|
@@ -29,7 +29,9 @@
|
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
|
|
33
|
+
const TextInput=(a)=>{
|
|
34
|
+
|
|
33
35
|
|
|
34
36
|
|
|
35
37
|
|
|
@@ -48,12 +50,12 @@ var TextInput=function(a){
|
|
|
48
50
|
|
|
49
51
|
|
|
50
52
|
function b(){
|
|
51
|
-
|
|
53
|
+
r(!q)
|
|
52
54
|
}
|
|
53
55
|
|
|
54
56
|
function c(a){
|
|
55
|
-
a.target.setSelectionRange(0,0)
|
|
56
|
-
}
|
|
57
|
+
a.target.setSelectionRange(0,0)
|
|
58
|
+
}const{type:d,label:e,htmlElementName:f,id:g,placeholder:h,disabled:i,description:j,register:k,required:l,number:m,rtl:n,control:o,value:p}=a,[q,r]=(0,_react.useState)(!1);
|
|
57
59
|
|
|
58
60
|
return/*#__PURE__*/(
|
|
59
61
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
@@ -62,40 +64,41 @@ _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
|
|
|
62
64
|
_react.default.createElement(_label.default,{htmlFor:g||"".concat(d,"-").concat(f.split(" ").join("")),label:e,number:m,required:l}),
|
|
63
65
|
j&&/*#__PURE__*/
|
|
64
66
|
_react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"text-input-description"},
|
|
65
|
-
j
|
|
66
|
-
|
|
67
|
+
j
|
|
68
|
+
),/*#__PURE__*/
|
|
67
69
|
|
|
68
70
|
_react.default.createElement(_reactHookForm.Controller,{
|
|
69
71
|
name:f,
|
|
70
72
|
control:o,
|
|
71
73
|
rules:{required:!!l&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
|
|
72
|
-
render:
|
|
74
|
+
render:(a)=>{var e;let{fieldState:j}=a;return/*#__PURE__*/(
|
|
73
75
|
_react.default.createElement(_react.default.Fragment,null,
|
|
74
76
|
"password"===d&&/*#__PURE__*/
|
|
75
77
|
_react.default.createElement(_index.PasswordIcon,{
|
|
76
|
-
name:
|
|
77
|
-
color:
|
|
78
|
-
onClick:b}
|
|
79
|
-
|
|
78
|
+
name:q?"visibility-off":"visibility",
|
|
79
|
+
color:q?"blue":"gray",
|
|
80
|
+
onClick:b}
|
|
81
|
+
),/*#__PURE__*/
|
|
80
82
|
|
|
81
83
|
_react.default.createElement(_index.Input,_extends({
|
|
82
84
|
id:g||"".concat(d,"-").concat(f.split(" ").join("")),
|
|
83
85
|
name:f,
|
|
84
|
-
type:
|
|
86
|
+
type:q||"text"===d?"text":"password",
|
|
85
87
|
placeholder:h,
|
|
88
|
+
defaultValue:p,
|
|
86
89
|
rtl:n},
|
|
87
90
|
k(f,{
|
|
88
91
|
// onChange: handleChange,
|
|
89
92
|
onFocus:c,
|
|
90
93
|
disabled:i
|
|
91
|
-
}))
|
|
92
|
-
|
|
93
|
-
_react.default.createElement(_errorMsg.default,{errorMessage:j&&(null===(e=j.error)||void 0===e?void 0:e.message)})
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
94
|
+
}))
|
|
95
|
+
),/*#__PURE__*/
|
|
96
|
+
_react.default.createElement(_errorMsg.default,{errorMessage:j&&(null===(e=j.error)||void 0===e?void 0:e.message)})
|
|
97
|
+
))}}
|
|
98
98
|
|
|
99
|
+
)
|
|
100
|
+
)
|
|
101
|
+
))
|
|
99
102
|
|
|
100
103
|
};
|
|
101
104
|
|
|
@@ -108,7 +111,8 @@ disabled:!1,
|
|
|
108
111
|
description:null,
|
|
109
112
|
required:!1,
|
|
110
113
|
number:null,
|
|
111
|
-
rtl:!0
|
|
112
|
-
|
|
114
|
+
rtl:!0,
|
|
115
|
+
value:""
|
|
116
|
+
};var _default=exports.default=
|
|
113
117
|
|
|
114
|
-
TextInput;
|
|
118
|
+
TextInput;
|
|
@@ -11,43 +11,43 @@
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
(0,_react2.storiesOf)("Form-V7/Inputs",module).
|
|
14
|
-
add("Full option Text Input",
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
(0,_reactHookForm.useForm)()
|
|
14
|
+
add("Full option Text Input",()=>{
|
|
15
|
+
const{
|
|
16
|
+
register:a
|
|
17
|
+
}=(0,_reactHookForm.useForm)();
|
|
18
18
|
return/*#__PURE__*/(
|
|
19
19
|
_react.default.createElement(_index.default,{
|
|
20
20
|
htmlElementName:"text-name-02",
|
|
21
21
|
required:!0,
|
|
22
22
|
label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
|
|
23
23
|
number:23,
|
|
24
|
-
register:
|
|
24
|
+
register:a,
|
|
25
25
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
|
|
26
26
|
disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
27
27
|
description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
|
|
28
28
|
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
29
|
-
type:(0,_addonKnobs.select)("select type(default : text)",["text","password"])}
|
|
30
|
-
|
|
29
|
+
type:(0,_addonKnobs.select)("select type(default : text)",["text","password"])}
|
|
30
|
+
))
|
|
31
31
|
|
|
32
32
|
}).
|
|
33
|
-
add("LTR Text Input",
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
(0,_reactHookForm.useForm)()
|
|
33
|
+
add("LTR Text Input",()=>{
|
|
34
|
+
const{
|
|
35
|
+
register:a
|
|
36
|
+
}=(0,_reactHookForm.useForm)();
|
|
37
37
|
return/*#__PURE__*/(
|
|
38
38
|
_react.default.createElement(_index.default,{
|
|
39
39
|
htmlElementName:"text-name-02",
|
|
40
40
|
required:!0,
|
|
41
41
|
label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
|
|
42
42
|
number:23,
|
|
43
|
-
register:
|
|
43
|
+
register:a,
|
|
44
44
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
|
|
45
45
|
disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
46
46
|
description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
|
|
47
47
|
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
48
48
|
type:(0,_addonKnobs.select)("select type(default : text)",["text","password"]),
|
|
49
|
-
rtl:!1}
|
|
50
|
-
|
|
49
|
+
rtl:!1}
|
|
50
|
+
))
|
|
51
51
|
|
|
52
52
|
}).
|
|
53
53
|
addDecorator(_addonInfo.withInfo).
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));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.PasswordIcon=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));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
|
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Input=exports.Input=_styledComponents.default.input(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n font-weight: normal;\n font-size: 12px;\n border-radius: ",";\n border: solid 1px ",";\n padding: 6px;\n box-sizing: border-box;\n width: 100%;\n direction: ",";\n\n &[disabled=\"\"]{\n background-color: ",";\n color: ",";\n border-color: transparent;\n\n\n &:hover {\n border-color: transparent;\n }\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:focus {\n border-color: ",";\n }\n"])),
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
|
|
10
|
+
(a)=>{let{theme:b}=a;return b.borderColor.normal},
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
(a)=>{let{rtl:b}=a;return b?"rtl":"ltr"},
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
(a)=>{let{theme:b}=a;return b.disabled.background},
|
|
18
|
+
(a)=>{let{theme:b}=a;return b.disabled.color},
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
@@ -25,17 +25,17 @@ function(a){var b=a.theme;return b.disabled.color},
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
(a)=>{let{theme:b}=a;return b.borderColor.hover},
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
(a)=>{let{theme:b}=a;return b.borderColor.focus}),
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: block;\n margin-bottom: 4px;\n"]))),
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
PasswordIcon=exports.PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n bottom: 3px;\n\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
@@ -3,29 +3,29 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
describe("text input tests",
|
|
7
|
-
it("render simple text input",
|
|
6
|
+
describe("text input tests",()=>{
|
|
7
|
+
it("render simple text input",()=>{const
|
|
8
8
|
a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name"})),
|
|
9
9
|
b=(0,_test.default)(a,"text-input");
|
|
10
10
|
|
|
11
|
-
expect(b.length).toBe(1)
|
|
11
|
+
expect(b.length).toBe(1)
|
|
12
12
|
}),
|
|
13
13
|
|
|
14
|
-
it("render text input with placeholder",
|
|
14
|
+
it("render text input with placeholder",()=>{const
|
|
15
15
|
a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys"})),
|
|
16
16
|
b=(0,_test.default)(a,"text-input");
|
|
17
17
|
|
|
18
|
-
expect(b.find("input").prop("placeholder")).toBe("hi guys")
|
|
18
|
+
expect(b.find("input").prop("placeholder")).toBe("hi guys")
|
|
19
19
|
}),
|
|
20
20
|
|
|
21
|
-
it("test text input id without id props",
|
|
21
|
+
it("test text input id without id props",()=>{const
|
|
22
22
|
a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys"})),
|
|
23
23
|
b=(0,_test.default)(a,"text-input");
|
|
24
24
|
|
|
25
|
-
expect(b.find("input").prop("id")).toBe("text-engname")
|
|
25
|
+
expect(b.find("input").prop("id")).toBe("text-engname")
|
|
26
26
|
}),
|
|
27
27
|
|
|
28
|
-
it("render text input - full props",
|
|
28
|
+
it("render text input - full props",()=>{const
|
|
29
29
|
a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys",type:"text",id:"hiiii-id"})),
|
|
30
30
|
b=(0,_test.default)(a,"text-input");
|
|
31
31
|
|
|
@@ -33,31 +33,31 @@ expect(b.find("input").prop("id")).toBe("hiiii-id"),
|
|
|
33
33
|
expect(b.find("input").prop("type")).toBe("text"),
|
|
34
34
|
expect(b.find("input").prop("placeholder")).toBe("hi guys"),
|
|
35
35
|
expect(b.find("input").prop("name")).toBe("eng name"),
|
|
36
|
-
expect(b.length).not.toBe(0)
|
|
36
|
+
expect(b.length).not.toBe(0)
|
|
37
37
|
}),
|
|
38
38
|
|
|
39
|
-
it("render disabled input",
|
|
39
|
+
it("render disabled input",()=>{const
|
|
40
40
|
a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",disabled:!0})),
|
|
41
41
|
b=(0,_test.default)(a,"text-input");
|
|
42
42
|
|
|
43
|
-
expect(b.find("input").prop("disabled")).toBe(!0)
|
|
43
|
+
expect(b.find("input").prop("disabled")).toBe(!0)
|
|
44
44
|
}),
|
|
45
45
|
|
|
46
|
-
it("render with or without text-input-description",
|
|
46
|
+
it("render with or without text-input-description",()=>{const
|
|
47
47
|
a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"with desc",description:"hiiiiii"})),
|
|
48
48
|
b=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"without desc"})),
|
|
49
49
|
c=(0,_test.default)(a,"text-input-description"),
|
|
50
50
|
d=(0,_test.default)(b,"text-input-description");
|
|
51
51
|
|
|
52
52
|
expect(c.length).toBe(1),
|
|
53
|
-
expect(d.length).toBe(0)
|
|
53
|
+
expect(d.length).toBe(0)
|
|
54
54
|
}),
|
|
55
55
|
|
|
56
|
-
it("render with or err msg",
|
|
56
|
+
it("render with or err msg",()=>{const
|
|
57
57
|
a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"with desc",description:"hiiiiii",errorMessage:"this is a good err"})),
|
|
58
58
|
b=(0,_test.default)(a,"error-message");
|
|
59
59
|
|
|
60
60
|
expect(b.length).toBe(1),
|
|
61
|
-
expect(b.children().text()).toBe("this is a good err")
|
|
62
|
-
})
|
|
61
|
+
expect(b.children().text()).toBe("this is a good err")
|
|
62
|
+
})
|
|
63
63
|
});
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
b
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
const Textarea=(a)=>{
|
|
27
|
+
const{
|
|
28
|
+
htmlElementName:b,label:c,isDisabled:d,defaultValue:e,placeholder:f,
|
|
29
|
+
resize:g,minHeight:h,handleChange:i,register:j,number:k,required:l,
|
|
30
|
+
control:m
|
|
31
|
+
}=a;
|
|
32
32
|
|
|
33
33
|
return/*#__PURE__*/(
|
|
34
34
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
@@ -40,7 +40,7 @@ _react.default.createElement(_reactHookForm.Controller,{
|
|
|
40
40
|
name:b,
|
|
41
41
|
control:m,
|
|
42
42
|
rules:{required:!!l&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
|
|
43
|
-
render:
|
|
43
|
+
render:(a)=>{var c;let{fieldState:k}=a;return/*#__PURE__*/(
|
|
44
44
|
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
45
45
|
_react.default.createElement(_index.default,_extends({
|
|
46
46
|
name:b,
|
|
@@ -51,14 +51,14 @@ minHeight:h},
|
|
|
51
51
|
j(b,{
|
|
52
52
|
onChange:i,
|
|
53
53
|
disabled:d
|
|
54
|
-
}))
|
|
55
|
-
|
|
56
|
-
_react.default.createElement(_errorMsg.default,{errorMessage:k&&(null===(c=k.error)||void 0===c?void 0:c.message)})
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
54
|
+
}))
|
|
55
|
+
),/*#__PURE__*/
|
|
56
|
+
_react.default.createElement(_errorMsg.default,{errorMessage:k&&(null===(c=k.error)||void 0===c?void 0:c.message)})
|
|
57
|
+
))}}
|
|
61
58
|
|
|
59
|
+
)
|
|
60
|
+
)
|
|
61
|
+
))
|
|
62
62
|
|
|
63
63
|
};
|
|
64
64
|
|
|
@@ -70,9 +70,9 @@ defaultValue:"",
|
|
|
70
70
|
placeholder:"",
|
|
71
71
|
resize:"none",
|
|
72
72
|
minHeight:120,
|
|
73
|
-
handleChange:
|
|
73
|
+
handleChange:()=>{},
|
|
74
74
|
required:!1,
|
|
75
75
|
number:null
|
|
76
|
-
};var _default=
|
|
76
|
+
};var _default=exports.default=
|
|
77
77
|
|
|
78
|
-
Textarea;
|
|
78
|
+
Textarea;
|
|
@@ -10,25 +10,25 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
(0,_react2.storiesOf)("Form-V7/Textarea",module).
|
|
13
|
-
add("Minimal Textarea",
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
(0,_reactHookForm.useForm)()
|
|
13
|
+
add("Minimal Textarea",()=>{
|
|
14
|
+
const{
|
|
15
|
+
register:a,
|
|
16
|
+
control:b
|
|
17
|
+
}=(0,_reactHookForm.useForm)();
|
|
18
18
|
return/*#__PURE__*/(
|
|
19
|
-
_react.default.createElement(_index.default,{register:
|
|
19
|
+
_react.default.createElement(_index.default,{register:a,control:b}))
|
|
20
20
|
|
|
21
21
|
}).
|
|
22
|
-
add("Full option Textarea",
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
(0,_reactHookForm.useForm)()
|
|
22
|
+
add("Full option Textarea",()=>{
|
|
23
|
+
const{
|
|
24
|
+
register:a,
|
|
25
|
+
control:b
|
|
26
|
+
}=(0,_reactHookForm.useForm)();
|
|
27
27
|
|
|
28
28
|
return/*#__PURE__*/(
|
|
29
29
|
_react.default.createElement(_index.default,{
|
|
30
|
-
register:
|
|
31
|
-
control:
|
|
30
|
+
register:a,
|
|
31
|
+
control:b,
|
|
32
32
|
label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
|
|
33
33
|
htmlElementName:(0,_addonKnobs.text)("optional html-element-name","html-element-name"),
|
|
34
34
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A"),
|
|
@@ -37,8 +37,8 @@ isDisabled:!1,
|
|
|
37
37
|
required:!0,
|
|
38
38
|
resize:"both",
|
|
39
39
|
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
40
|
-
defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"}
|
|
41
|
-
|
|
40
|
+
defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"}
|
|
41
|
+
))
|
|
42
42
|
|
|
43
43
|
}).
|
|
44
44
|
addDecorator(_addonInfo.withInfo).
|
|
@@ -1,25 +1,25 @@
|
|
|
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
|
-
StyledTextarea=_styledComponents.default.textarea(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n font-size: 14px;\n\n resize: ",";\n min-height: ",";\n width: 100%;\n padding: 8px 16px;\n box-sizing: border-box;\n \n border-radius: ",";\n border: 1px solid ",";\n background: ",";\n\n &:hover {\n border-color: ",";\n }\n &:focus {\n border-color: ",";\n }\n"])),
|
|
3
|
+
const StyledTextarea=_styledComponents.default.textarea(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n font-size: 14px;\n\n resize: ",";\n min-height: ",";\n width: 100%;\n padding: 8px 16px;\n box-sizing: border-box;\n \n border-radius: ",";\n border: 1px solid ",";\n background: ",";\n\n &:hover {\n border-color: ",";\n }\n &:focus {\n border-color: ",";\n }\n"])),
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
(a)=>{let{resize:b}=a;return b},
|
|
8
|
+
(a)=>{let{minHeight:b}=a;return"".concat(b,"px")},
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
|
|
14
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
|
|
15
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"},
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
(a)=>{let{theme:b}=a;return b.borderColor.focus});var _default=exports.default=
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
StyledTextarea;
|
|
25
|
+
StyledTextarea;
|
package/form-v7/theme.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
1
|
+
"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
2
2
|
|
|
3
|
-
theme={
|
|
3
|
+
const theme={
|
|
4
4
|
borderRadius:_themes.default.borderRadius.high,
|
|
5
5
|
borderColor:{
|
|
6
6
|
normal:_themes.default.colors.gray600,
|
|
@@ -15,6 +15,6 @@ colors:{
|
|
|
15
15
|
red:_themes.default.colors.red600,
|
|
16
16
|
blue:_themes.default.colors.blue600
|
|
17
17
|
}
|
|
18
|
-
}
|
|
18
|
+
};var _default=exports.default=
|
|
19
19
|
|
|
20
|
-
theme;
|
|
20
|
+
theme;
|
package/globalStyle.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=require("styled-components");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=require("styled-components");function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
|
|
2
2
|
|
|
3
|
-
GlobalStyle=(0,_styledComponents.createGlobalStyle)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n h1, h2, h3, h4, h5, h6, p, ol, ul {\n margin: 0;\n padding: 0;\n font-weight: normal;\n }\n\n ol, ul {\n list-style: none;\n }\n\n *, *:before, *:after {\n box-sizing: inherit;\n outline: none;\n }\n\n a {\n text-decoration: none;\n }\n\n .ReactModal__Body--open {\n overflow: hidden;\n }\n"])))
|
|
3
|
+
const GlobalStyle=(0,_styledComponents.createGlobalStyle)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n h1, h2, h3, h4, h5, h6, p, ol, ul {\n margin: 0;\n padding: 0;\n font-weight: normal;\n }\n\n ol, ul {\n list-style: none;\n }\n\n *, *:before, *:after {\n box-sizing: inherit;\n outline: none;\n }\n\n a {\n text-decoration: none;\n }\n\n .ReactModal__Body--open {\n overflow: hidden;\n }\n"])));var _default=exports.default=
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -25,4 +25,4 @@ GlobalStyle=(0,_styledComponents.createGlobalStyle)(_templateObject||(_templateO
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
GlobalStyle;
|
|
28
|
+
GlobalStyle;
|