react-jupiter 5.9.32 → 5.9.34

package/form-v7/dropdown/index.style.js

@@ -33,7 +33,7 @@ function(a){var b=a.disabled,c=a.theme;return b?c.disabled.background:"white"});
 
 
 
-var StyledSelect=_styledComponents.default.select(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: bold;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\n  background: ",";\n  ","\n  ","\n  cursor: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
+var StyledSelect=_styledComponents.default.select(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: normal;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\n  background: ",";\n  ","\n  ","\n  cursor: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
 
 
 

package/form-v7/radio/index.style.js

@@ -15,7 +15,7 @@ var RadioWrapper=_styledComponents.default.div(_templateObject2||(_templateObjec
 function(a){var b=a.type;return"vertical"===b?"flex-direction: column;":""});exports.RadioWrapper=RadioWrapper;
 
 
-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"])),
+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: 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"])),
 
 
 

package/form-v7/text-input/index.js

@@ -24,6 +24,7 @@
 
 
 
+
 
 
 var TextInput=function(a){var
@@ -39,9 +40,10 @@ b=
 
 
 
-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=
-(0,_react.useState)(""),n=_slicedToArray(m,2),o=n[0],p=n[1],q=
-(0,_react.useState)(!1),r=_slicedToArray(q,2),s=r[0],t=r[1];
+
+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=a.rtl,n=
+(0,_react.useState)(""),o=_slicedToArray(n,2),p=o[0],q=o[1],r=
+(0,_react.useState)(!1),s=_slicedToArray(r,2),t=s[0],u=s[1];
 
 
 
@@ -67,11 +69,12 @@ h),/*#__PURE__*/
 _react.default.createElement(_index.Input,_extends({
 id:e||"".concat(b,"-").concat(d.split(" ").join("")),
 name:d,
-type:s||"text"===b?"text":"password",
+type:t||"text"===b?"text":"password",
 placeholder:f,
-value:o},
+value:p,
+rtl:m},
 j(d,{
-onChange:function(a){p(a.target.value)},
+onChange:function(a){q(a.target.value)},
 onFocus:function(a){a.target.setSelectionRange(0,0)},
 disabled:g,
 required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
@@ -79,9 +82,9 @@ required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0
 
 "password"===b&&/*#__PURE__*/
 _react.default.createElement(_index.PasswordIcon,{
-name:s?"visibility-off":"visibility",
-color:s?"blue":"gray",
-onClick:function(){t(!s)}}),/*#__PURE__*/
+name:t?"visibility-off":"visibility",
+color:t?"blue":"gray",
+onClick:function(){u(!t)}}),/*#__PURE__*/
 
 
 _react.default.createElement(_errorMsg.default,{errorMessage:i})));
@@ -99,7 +102,8 @@ description:null,
 errorMessage:"",
 register:null,
 required:!1,
-number:null
+number:null,
+rtl:!0
 };var _default=
 
 TextInput;exports.default=_default;

package/form-v7/text-input/index.stories.js

@@ -29,6 +29,26 @@ errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631
 type:(0,_addonKnobs.select)("select type(default : text)",["text","password"])}));
 
 
+}).
+add("LTR Text Input",function(){
+var a=
+
+(0,_reactHookForm.useForm)(),b=a.register;
+return/*#__PURE__*/(
+_react.default.createElement(_index.default,{
+htmlElementName:"text-name-02",
+required:!0,
+label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
+number:23,
+register:b,
+placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
+disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
+description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
+type:(0,_addonKnobs.select)("select type(default : text)",["text","password"]),
+rtl:!1}));
+
+
 }).
 addDecorator(_addonInfo.withInfo).
 addDecorator(_addonKnobs.withKnobs);

package/form-v7/text-input/index.style.js

@@ -2,7 +2,7 @@
 
 
 
-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"])),
+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  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"])),
 
 
 
@@ -11,6 +11,7 @@ function(a){var b=a.theme;return b.borderColor.normal},
 
 
 
+function(a){var b=a.rtl;return b?"rtl":"ltr"},
 
 
 function(a){var b=a.theme;return b.disabled.background},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "5.9.32",
+  "version": "5.9.34",
   "main": "./index.js",
   "license": "MIT",
   "keywords": [