react-jupiter 5.9.28 → 5.9.29
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/label/index.js
CHANGED
|
@@ -16,7 +16,7 @@ return/*#__PURE__*/(
|
|
|
16
16
|
_react.default.createElement(_react.default.Fragment,null,
|
|
17
17
|
c&&/*#__PURE__*/
|
|
18
18
|
_react.default.createElement(_index.Label,{htmlFor:b},/*#__PURE__*/
|
|
19
|
-
_react.default.createElement(_typography.Text,{size:14},
|
|
19
|
+
_react.default.createElement(_typography.Text,{bold:!0,size:14},
|
|
20
20
|
!!d&&"".concat((0,_numbers.toPersianNumber)(d)," - "),
|
|
21
21
|
c,
|
|
22
22
|
!!e&&/*#__PURE__*/_react.default.createElement("span",{className:"required"},"*")))));
|
|
@@ -15,7 +15,7 @@ var RadioWrapper=_styledComponents.default.div(_templateObject2||(_templateObjec
|
|
|
15
15
|
function(a){var b=a.type;return"vertical"===b?"flex-direction: column;":""});exports.RadioWrapper=RadioWrapper;
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var 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:
|
|
18
|
+
var 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: 16px;\n height: 16px;\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
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var Input=_styledComponents.default.input(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: 'IranSharp';\n font-weight:
|
|
5
|
+
var 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\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
|
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=_interopRequireDefault(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"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=_interopRequireDefault(require("./index.style"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
2
5
|
|
|
3
6
|
|
|
4
7
|
|
|
@@ -23,18 +26,12 @@ var Textarea=function(a){
|
|
|
23
26
|
var
|
|
24
27
|
b=
|
|
25
28
|
|
|
26
|
-
a.htmlElementName,c=a.label,d=a.isDisabled,e=a.defaultValue,f=a.placeholder,g=a.resize,h=a.minHeight,i=a.handleChange,j=a.errorMessage,k=a.register;
|
|
29
|
+
a.htmlElementName,c=a.label,d=a.isDisabled,e=a.defaultValue,f=a.placeholder,g=a.resize,h=a.minHeight,i=a.handleChange,j=a.errorMessage,k=a.register,l=a.number,m=a.required;
|
|
27
30
|
|
|
28
31
|
return/*#__PURE__*/(
|
|
29
32
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
|
|
30
|
-
_react.default.createElement(_globalStyle.default,null)
|
|
31
|
-
c
|
|
32
|
-
_react.default.createElement("label",{htmlFor:b},/*#__PURE__*/
|
|
33
|
-
_react.default.createElement(_typography.Text,{size:14},
|
|
34
|
-
c)),/*#__PURE__*/
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
|
|
34
|
+
_react.default.createElement(_label.default,{htmlFor:b,label:c,number:l,required:m}),/*#__PURE__*/
|
|
38
35
|
|
|
39
36
|
_react.default.createElement(_index.default,_extends({
|
|
40
37
|
name:b,
|
|
@@ -63,7 +60,9 @@ resize:"none",
|
|
|
63
60
|
minHeight:120,
|
|
64
61
|
handleChange:function handleChange(){},
|
|
65
62
|
errorMessage:"",
|
|
66
|
-
register:null
|
|
63
|
+
register:null,
|
|
64
|
+
required:!1,
|
|
65
|
+
number:null
|
|
67
66
|
};var _default=
|
|
68
67
|
|
|
69
68
|
Textarea;exports.default=_default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonActions=require("@storybook/addon-actions"),_addonKnobs=require("@storybook/addon-knobs"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
1
|
+
"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonActions=require("@storybook/addon-actions"),_addonKnobs=require("@storybook/addon-knobs"),_index=_interopRequireDefault(require("./index")),_reactHookForm=require("react-hook-form");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -10,22 +10,34 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
(0,_react2.storiesOf)("Form/Textarea",module).
|
|
14
|
-
add("Minimal Textarea",function(){return/*#__PURE__*/(
|
|
15
|
-
_react.default.createElement(_index.default,null))}).
|
|
16
13
|
|
|
17
|
-
|
|
14
|
+
(0,_react2.storiesOf)("Form-V7/Textarea",module).
|
|
15
|
+
add("Minimal Textarea",function(){
|
|
16
|
+
var a=
|
|
17
|
+
|
|
18
|
+
(0,_reactHookForm.useForm)(),b=a.register;
|
|
19
|
+
return/*#__PURE__*/(
|
|
20
|
+
_react.default.createElement(_index.default,{register:b}));
|
|
21
|
+
|
|
22
|
+
}).
|
|
23
|
+
add("Full option Textarea",function(){
|
|
24
|
+
var a=
|
|
25
|
+
|
|
26
|
+
(0,_reactHookForm.useForm)(),b=a.register;
|
|
27
|
+
|
|
28
|
+
return/*#__PURE__*/(
|
|
18
29
|
_react.default.createElement(_index.default,{
|
|
30
|
+
register:b,
|
|
19
31
|
label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
|
|
20
32
|
htmlElementName:(0,_addonKnobs.text)("optional html-element-name","html-element-name"),
|
|
21
|
-
defaultValue:(0,_addonKnobs.text)("optional defaultValue","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0642\u0628\u0644\u06CC"),
|
|
22
33
|
placeholder:(0,_addonKnobs.text)("optional placeholder","\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A"),
|
|
23
34
|
minHeight:(0,_addonKnobs.text)("optional minHeight (it should be a number)","120"),
|
|
24
35
|
isDisabled:(0,_addonKnobs.boolean)("optional disabled all",!1),
|
|
25
|
-
resize:
|
|
36
|
+
resize:"both",
|
|
26
37
|
handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
|
|
27
|
-
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")}))
|
|
38
|
+
errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")}));
|
|
28
39
|
|
|
29
40
|
|
|
41
|
+
}).
|
|
30
42
|
addDecorator(_addonInfo.withInfo).
|
|
31
43
|
addDecorator(_addonKnobs.withKnobs);
|