react-jupiter 5.9.24 → 5.9.26
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/form-v7/checkbox/checkbox.js +9 -14
- package/form-v7/checkbox/index.stories.js +1 -0
- package/form-v7/checkbox/index.style.js +1 -5
- package/form-v7/dropdown/index.stories.js +1 -0
- package/form-v7/dropdown/index.style.js +2 -9
- package/form-v7/dropdown/select.js +10 -12
- package/form-v7/file-input/index.js +8 -11
- package/form-v7/file-input/index.stories.js +3 -1
- package/form-v7/file-input/index.style.js +2 -12
- package/form-v7/label/index.js +36 -0
- package/form-v7/label/index.style.js +6 -0
- package/form-v7/radio/index.stories.js +1 -0
- package/form-v7/radio/radio.js +15 -14
- package/form-v7/text-input/index.js +14 -19
- package/form-v7/text-input/index.stories.js +1 -0
- package/form-v7/text-input/index.style.js +3 -22
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme")),_styledComponents=require("styled-components");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")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme")),_styledComponents=require("styled-components"),_numbers=require("../../utils/numbers"),_label=_interopRequireDefault(require("../label"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
2
|
+
|
|
2
3
|
|
|
3
4
|
|
|
4
5
|
|
|
@@ -21,23 +22,16 @@
|
|
|
21
22
|
var Checkbox=function(a){var
|
|
22
23
|
|
|
23
24
|
b=
|
|
24
|
-
a.children,c=a.groupName,d=a.label,e=a.handleChange,f=a.isDisabled,g=a.type,h=a.errorMessage,i=a.required,j=a.register,
|
|
25
|
-
|
|
25
|
+
a.children,c=a.groupName,d=a.label,e=a.handleChange,f=a.isDisabled,g=a.type,h=a.errorMessage,i=a.required,j=a.register,k=a.number,
|
|
26
|
+
l=_react.default.Children.toArray(b);
|
|
26
27
|
|
|
27
28
|
return/*#__PURE__*/(
|
|
28
29
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
29
30
|
_react.default.createElement(_index.Fieldset,{onChange:e},/*#__PURE__*/
|
|
30
|
-
_react.default.createElement(_globalStyle.default,null)
|
|
31
|
-
d
|
|
32
|
-
_react.default.createElement("legend",null,/*#__PURE__*/
|
|
33
|
-
_react.default.createElement(_typography.Text,{size:14},
|
|
34
|
-
d,
|
|
35
|
-
!!i&&/*#__PURE__*/_react.default.createElement("span",{className:"required"},"*"))),/*#__PURE__*/
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
31
|
+
_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
|
|
32
|
+
_react.default.createElement(_label.default,{label:d,number:k,required:i}),/*#__PURE__*/
|
|
39
33
|
_react.default.createElement(_index.CheckboxWrapper,{type:g},
|
|
40
|
-
|
|
34
|
+
l.map(
|
|
41
35
|
function(a){return(
|
|
42
36
|
f?/*#__PURE__*/
|
|
43
37
|
_react.default.cloneElement(a,{groupName:c,isDisabled:f,register:j}):/*#__PURE__*/
|
|
@@ -60,6 +54,7 @@ handleChange:function handleChange(){},
|
|
|
60
54
|
isDisabled:!1,
|
|
61
55
|
type:"horizontal",
|
|
62
56
|
errorMessage:"",
|
|
63
|
-
required:!1
|
|
57
|
+
required:!1,
|
|
58
|
+
number:null
|
|
64
59
|
};var _default=
|
|
65
60
|
Checkbox;exports.default=_default;
|
|
@@ -33,6 +33,7 @@ return/*#__PURE__*/(
|
|
|
33
33
|
_react.default.createElement(_checkbox.default,{
|
|
34
34
|
groupName:(0,_addonKnobs.text)("optional groupName(but highly recommended to set manually)","degree"),
|
|
35
35
|
label:(0,_addonKnobs.text)("optional 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"),
|
|
36
|
+
number:4,
|
|
36
37
|
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
37
38
|
isDisabled:(0,_addonKnobs.boolean)("optional disabled all",!1),
|
|
38
39
|
type:(0,_addonKnobs.select)("optional type",["horizontal","vertical"]),
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Input=exports.Fieldset=exports.CheckboxWrapper=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)}}))}
|
|
2
2
|
|
|
3
|
-
var Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border: none;\n padding: 0;\n margin: 0;\n
|
|
3
|
+
var Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border: none;\n padding: 0;\n margin: 0;\n"])));exports.Fieldset=Fieldset;
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
function(a){var b=a.theme;return b.colors.red});exports.Fieldset=Fieldset;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
8
|
|
|
13
9
|
var CheckboxWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n ","\n"])),
|
|
14
10
|
|
|
@@ -51,6 +51,7 @@ defaultValue:(0,_addonKnobs.text)("optional defaultValue(if its not et or set wr
|
|
|
51
51
|
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
52
52
|
isDisabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
53
53
|
label:(0,_addonKnobs.text)("optional label","\u0645\u062D\u0644 \u0628\u0631\u06AF\u0632\u0627\u0631\u06CC \u0631\u0648\u06CC\u062F\u0627\u062F"),
|
|
54
|
+
number:3,
|
|
54
55
|
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
55
56
|
register:b,
|
|
56
57
|
required:!0},/*#__PURE__*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledSelect=exports.SelectButton=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledSelect=exports.SelectButton=void 0;var _templateObject,_templateObject2,_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
|
var SelectButton=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n position: relative;\n\n &:after {\n content: \"\";\n display: block;\n width: 7px;\n height: 7px;\n position: absolute;\n left: 15px;\n top: 11px;\n border: solid ",";\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n pointer-events: none;\n }\n\n &:before {\n content: \"\";\n display: block;\n width: 37px;\n position: absolute;\n margin-top: 2px;\n top: 0;\n bottom: 1px;\n left: 1px;\n border-right: 1px solid ",";\n background: ",";\n pointer-events: none;\n }\n"])),
|
|
4
4
|
|
|
@@ -52,11 +52,4 @@ function(a){var b=a.disabled,c=a.theme;return b?"transparent":c.borderColor.hove
|
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
|
|
55
|
-
function(a){var b=a.theme;return b.borderColor.focus});exports.StyledSelect=StyledSelect;
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
var Label=_styledComponents.default.label(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: relative;\n & span.required {\n color: ",";\n margin-right: 5px;\n }\n"])),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
function(a){var b=a.theme;return b.colors.red});exports.Label=Label;
|
|
55
|
+
function(a){var b=a.theme;return b.borderColor.focus});exports.StyledSelect=StyledSelect;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=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)}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label"));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
|
+
|
|
3
|
+
|
|
2
4
|
|
|
3
5
|
|
|
4
6
|
|
|
@@ -25,9 +27,9 @@ var Select=function(a){
|
|
|
25
27
|
|
|
26
28
|
function b(a){
|
|
27
29
|
f(a.target.value);
|
|
28
|
-
}var c=a.htmlElementName,d=a.defaultValue,f=a.handleChange,g=a.placeholder,h=a.isDisabled,i=a.children,j=a.label,k=a.register,l=a.errorMessage,m=a.required,
|
|
30
|
+
}var c=a.htmlElementName,d=a.defaultValue,f=a.handleChange,g=a.placeholder,h=a.isDisabled,i=a.children,j=a.label,k=a.register,l=a.errorMessage,m=a.required,n=a.number,
|
|
29
31
|
|
|
30
|
-
|
|
32
|
+
o=function(){return/*#__PURE__*/(
|
|
31
33
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
32
34
|
_react.default.createElement(_index.SelectButton,{disabled:h},/*#__PURE__*/
|
|
33
35
|
_react.default.createElement(_index.StyledSelect,_extends({
|
|
@@ -52,17 +54,12 @@ _react.default.createElement(_errorMsg.default,{errorMessage:l})))};return(
|
|
|
52
54
|
j?/*#__PURE__*/
|
|
53
55
|
|
|
54
56
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
55
|
-
_react.default.createElement(
|
|
56
|
-
|
|
57
|
-
j,
|
|
58
|
-
!!m&&/*#__PURE__*/_react.default.createElement("span",{className:"required"},"*")),
|
|
59
|
-
|
|
60
|
-
n())):
|
|
61
|
-
|
|
57
|
+
_react.default.createElement(_label.default,{htmlFor:c,label:j,number:n,required:m}),
|
|
58
|
+
o()):
|
|
62
59
|
|
|
63
60
|
|
|
64
61
|
|
|
65
|
-
|
|
62
|
+
o());
|
|
66
63
|
};
|
|
67
64
|
|
|
68
65
|
Select.defaultProps={
|
|
@@ -74,7 +71,8 @@ isDisabled:!1,
|
|
|
74
71
|
handleChange:function handleChange(){},
|
|
75
72
|
errorMessage:"",
|
|
76
73
|
register:null,
|
|
77
|
-
required:!1
|
|
74
|
+
required:!1,
|
|
75
|
+
number:null
|
|
78
76
|
};var _default=
|
|
79
77
|
|
|
80
78
|
Select;exports.default=_default;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=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(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}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)}
|
|
1
|
+
"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=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(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}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
|
|
|
@@ -35,17 +36,13 @@ b=
|
|
|
35
36
|
|
|
36
37
|
|
|
37
38
|
|
|
38
|
-
|
|
39
|
+
|
|
40
|
+
a.type,c=a.label,d=a.htmlElementName,e=a.id,f=a.disabled,g=a.description,h=a.errorMessage,i=a.register,j=a.required,k=a.number;
|
|
39
41
|
|
|
40
42
|
return/*#__PURE__*/(
|
|
41
43
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
42
44
|
_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
|
|
43
|
-
_react.default.createElement(
|
|
44
|
-
c&&/*#__PURE__*/
|
|
45
|
-
_react.default.createElement(_index.LabelContainer,{size:14},
|
|
46
|
-
c),
|
|
47
|
-
|
|
48
|
-
|
|
45
|
+
_react.default.createElement(_label.default,{htmlFor:e||"".concat(b,"-").concat(d.split(" ").join("")),label:c,number:k,required:j}),
|
|
49
46
|
g&&/*#__PURE__*/
|
|
50
47
|
_react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"file-input-description"},
|
|
51
48
|
g),/*#__PURE__*/
|
|
@@ -58,8 +55,7 @@ type:"file"},
|
|
|
58
55
|
i(d,{
|
|
59
56
|
disabled:f,
|
|
60
57
|
required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
|
|
61
|
-
})))
|
|
62
|
-
|
|
58
|
+
}))),/*#__PURE__*/
|
|
63
59
|
|
|
64
60
|
_react.default.createElement(_errorMsg.default,{errorMessage:h})));
|
|
65
61
|
|
|
@@ -75,7 +71,8 @@ disabled:!1,
|
|
|
75
71
|
description:null,
|
|
76
72
|
errorMessage:"",
|
|
77
73
|
register:null,
|
|
78
|
-
required:!1
|
|
74
|
+
required:!1,
|
|
75
|
+
number:null
|
|
79
76
|
};var _default=
|
|
80
77
|
|
|
81
78
|
FileInput;exports.default=_default;
|
|
@@ -20,10 +20,12 @@ _react.default.createElement(_index.default,{
|
|
|
20
20
|
htmlElementName:"text-name-02",
|
|
21
21
|
register:b,
|
|
22
22
|
label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
|
|
23
|
+
number:5,
|
|
23
24
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
|
|
24
25
|
disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
25
26
|
description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
|
|
26
|
-
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")
|
|
27
|
+
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
|
|
28
|
+
required:!0}));
|
|
27
29
|
|
|
28
30
|
|
|
29
31
|
}).
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_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)}}))}
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -51,14 +51,4 @@ var DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templa
|
|
|
51
51
|
|
|
52
52
|
|
|
53
53
|
|
|
54
|
-
var PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n bottom: 6px;\n\n &:hover {\n cursor: pointer;\n }\n"])));exports.PasswordIcon=PasswordIcon;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
var Label=_styledComponents.default.label(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n position: relative;\n"])));exports.Label=Label;
|
|
54
|
+
var PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n bottom: 6px;\n\n &:hover {\n cursor: pointer;\n }\n"])));exports.PasswordIcon=PasswordIcon;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../../typography"),_numbers=require("../../utils/numbers"),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
function Label(a){
|
|
14
|
+
var b=a.htmlFor,c=a.label,d=a.number,e=a.required;
|
|
15
|
+
return/*#__PURE__*/(
|
|
16
|
+
_react.default.createElement(_react.default.Fragment,null,
|
|
17
|
+
c&&/*#__PURE__*/
|
|
18
|
+
_react.default.createElement(_index.Label,{htmlFor:b},/*#__PURE__*/
|
|
19
|
+
_react.default.createElement(_typography.Text,{size:14},
|
|
20
|
+
!!d&&"".concat((0,_numbers.toPersianNumber)(d)," - "),
|
|
21
|
+
c,
|
|
22
|
+
!!e&&/*#__PURE__*/_react.default.createElement("span",{className:"required"},"*")))));
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
}
|
|
29
|
+
Label.defaultProps={
|
|
30
|
+
label:null,
|
|
31
|
+
number:null,
|
|
32
|
+
required:!1,
|
|
33
|
+
htmlFor:null
|
|
34
|
+
};var _default=
|
|
35
|
+
|
|
36
|
+
Label;exports.default=_default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Label=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
|
+
|
|
3
|
+
var Label=_styledComponents.default.label(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n position: relative;\n & span.required {\n color: ",";\n margin-right: 5px;\n }\n "])),
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
function(a){var b=a.theme;return b.colors.red});exports.Label=Label;
|
|
@@ -59,6 +59,7 @@ return/*#__PURE__*/(
|
|
|
59
59
|
_react.default.createElement(_radio.default,{
|
|
60
60
|
groupName:"degree",
|
|
61
61
|
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",
|
|
62
|
+
number:1,
|
|
62
63
|
register:b},/*#__PURE__*/
|
|
63
64
|
|
|
64
65
|
_react.default.createElement(_radioOption.default,{
|
package/form-v7/radio/radio.js
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=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")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_styledComponents=require("styled-components"),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label")),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
2
6
|
|
|
3
7
|
|
|
4
8
|
|
|
@@ -21,21 +25,16 @@ var Radio=function(a){var
|
|
|
21
25
|
|
|
22
26
|
b=
|
|
23
27
|
|
|
24
|
-
a.children,c=a.groupName,d=a.label,e=a.handleChange,f=a.defaultCheckedValue,g=a.isDisabled,h=a.type,i=a.errorMessage,j=a.register,
|
|
25
|
-
|
|
28
|
+
a.children,c=a.groupName,d=a.label,e=a.handleChange,f=a.defaultCheckedValue,g=a.isDisabled,h=a.type,i=a.errorMessage,j=a.register,k=a.number,l=a.required,
|
|
29
|
+
m=_react.default.Children.toArray(b);
|
|
26
30
|
|
|
27
31
|
return/*#__PURE__*/(
|
|
32
|
+
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
28
33
|
_react.default.createElement(_index.Fieldset,{onChange:e},/*#__PURE__*/
|
|
29
|
-
_react.default.createElement(_globalStyle.default,null)
|
|
30
|
-
d
|
|
31
|
-
_react.default.createElement("legend",null,/*#__PURE__*/
|
|
32
|
-
_react.default.createElement(_typography.Text,{size:14},
|
|
33
|
-
d)),/*#__PURE__*/
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
|
|
35
|
+
_react.default.createElement(_label.default,{label:d,number:k,required:l}),/*#__PURE__*/
|
|
37
36
|
_react.default.createElement(_index.RadioWrapper,{type:h},
|
|
38
|
-
|
|
37
|
+
m.map(
|
|
39
38
|
function(a){return(
|
|
40
39
|
g?/*#__PURE__*/
|
|
41
40
|
_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,isDisabled:g,register:j}):/*#__PURE__*/
|
|
@@ -45,7 +44,8 @@ _react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,register:j}))})
|
|
|
45
44
|
|
|
46
45
|
|
|
47
46
|
|
|
48
|
-
_react.default.createElement(_errorMsg.default,{errorMessage:i})));
|
|
47
|
+
_react.default.createElement(_errorMsg.default,{errorMessage:i}))));
|
|
48
|
+
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
};
|
|
@@ -58,6 +58,7 @@ defaultCheckedValue:"",
|
|
|
58
58
|
isDisabled:!1,
|
|
59
59
|
type:"horizontal",
|
|
60
60
|
errorMessage:"",
|
|
61
|
-
required:!1
|
|
61
|
+
required:!1,
|
|
62
|
+
number:null
|
|
62
63
|
};var _default=
|
|
63
64
|
Radio;exports.default=_default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=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(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}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)}function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f=[],g=!0,h=!1;try{for(c=c.call(a);!(g=(d=c.next()).done)&&(f.push(d.value),!(b&&f.length===b));g=!0);}catch(a){h=!0,e=a}finally{try{g||null==c["return"]||c["return"]()}finally{if(h)throw e}}return f}}function _arrayWithHoles(a){if(Array.isArray(a))return a}
|
|
1
|
+
"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=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(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}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)}function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f=[],g=!0,h=!1;try{for(c=c.call(a);!(g=(d=c.next()).done)&&(f.push(d.value),!(b&&f.length===b));g=!0);}catch(a){h=!0,e=a}finally{try{g||null==c["return"]||c["return"]()}finally{if(h)throw e}}return f}}function _arrayWithHoles(a){if(Array.isArray(a))return a}
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -38,9 +38,10 @@ b=
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
(0,_react.useState)(
|
|
41
|
+
|
|
42
|
+
a.type,c=a.label,d=a.htmlElementName,e=a.id,f=a.placeholder,g=a.disabled,h=a.description,i=a.errorMessage,j=a.register,k=a.required,l=a.number,m=
|
|
43
|
+
(0,_react.useState)(""),n=_slicedToArray(m,2),o=n[0],p=n[1],q=
|
|
44
|
+
(0,_react.useState)(!1),r=_slicedToArray(q,2),s=r[0],t=r[1];
|
|
44
45
|
|
|
45
46
|
|
|
46
47
|
|
|
@@ -57,13 +58,7 @@ a.type,c=a.label,d=a.htmlElementName,e=a.id,f=a.placeholder,g=a.disabled,h=a.des
|
|
|
57
58
|
return/*#__PURE__*/(
|
|
58
59
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
59
60
|
_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
|
|
60
|
-
_react.default.createElement(
|
|
61
|
-
c&&/*#__PURE__*/
|
|
62
|
-
_react.default.createElement(_index.LabelContainer,{size:14},
|
|
63
|
-
c,
|
|
64
|
-
!!k&&/*#__PURE__*/_react.default.createElement("span",{className:"required"},"*")),
|
|
65
|
-
|
|
66
|
-
|
|
61
|
+
_react.default.createElement(_label.default,{htmlFor:e||"".concat(b,"-").concat(d.split(" ").join("")),label:c,number:l,required:k}),
|
|
67
62
|
h&&/*#__PURE__*/
|
|
68
63
|
_react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"text-input-description"},
|
|
69
64
|
h),/*#__PURE__*/
|
|
@@ -72,11 +67,11 @@ h),/*#__PURE__*/
|
|
|
72
67
|
_react.default.createElement(_index.Input,_extends({
|
|
73
68
|
id:e||"".concat(b,"-").concat(d.split(" ").join("")),
|
|
74
69
|
name:d,
|
|
75
|
-
type:
|
|
70
|
+
type:s||"text"===b?"text":"password",
|
|
76
71
|
placeholder:f,
|
|
77
|
-
value:
|
|
72
|
+
value:o},
|
|
78
73
|
j(d,{
|
|
79
|
-
onChange:function(a){
|
|
74
|
+
onChange:function(a){p(a.target.value)},
|
|
80
75
|
onFocus:function(a){a.target.setSelectionRange(0,0)},
|
|
81
76
|
disabled:g,
|
|
82
77
|
required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
|
|
@@ -84,10 +79,9 @@ required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0
|
|
|
84
79
|
|
|
85
80
|
"password"===b&&/*#__PURE__*/
|
|
86
81
|
_react.default.createElement(_index.PasswordIcon,{
|
|
87
|
-
name:
|
|
88
|
-
color:
|
|
89
|
-
onClick:function(){
|
|
90
|
-
|
|
82
|
+
name:s?"visibility-off":"visibility",
|
|
83
|
+
color:s?"blue":"gray",
|
|
84
|
+
onClick:function(){t(!s)}}),/*#__PURE__*/
|
|
91
85
|
|
|
92
86
|
|
|
93
87
|
_react.default.createElement(_errorMsg.default,{errorMessage:i})));
|
|
@@ -104,7 +98,8 @@ disabled:!1,
|
|
|
104
98
|
description:null,
|
|
105
99
|
errorMessage:"",
|
|
106
100
|
register:null,
|
|
107
|
-
required:!1
|
|
101
|
+
required:!1,
|
|
102
|
+
number:null
|
|
108
103
|
};var _default=
|
|
109
104
|
|
|
110
105
|
TextInput;exports.default=_default;
|
|
@@ -20,6 +20,7 @@ _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
|
+
number:23,
|
|
23
24
|
register:b,
|
|
24
25
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
|
|
25
26
|
disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.
|
|
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)}}))}
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -32,28 +32,9 @@ function(a){var b=a.theme;return b.borderColor.focus});exports.Input=Input;
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
var
|
|
35
|
+
var DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: block;\n margin-bottom: 4px;\n"])));exports.DescriptionContainer=DescriptionContainer;
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
function(a){var b=a.theme;return b.colors.red});exports.LabelContainer=LabelContainer;
|
|
40
39
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
var DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n display: block;\n margin-bottom: 4px;\n"])));exports.DescriptionContainer=DescriptionContainer;
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
var PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n bottom: 6px;\n\n &:hover {\n cursor: pointer;\n }\n"])));exports.PasswordIcon=PasswordIcon;
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
var Label=_styledComponents.default.label(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n position: relative;\n"])));exports.Label=Label;
|
|
40
|
+
var PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n bottom: 6px;\n\n &:hover {\n cursor: pointer;\n }\n"])));exports.PasswordIcon=PasswordIcon;
|