react-jupiter 5.9.31 → 5.9.33

package/button/index.js

@@ -1,4 +1,4 @@
-"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"),_index=require("./index.styles"),_utils=_interopRequireDefault(require("./utils")),_theme=_interopRequireDefault(require("./theme")),_excluded=["htmlType","icon","children","wide","disabled","size","mainColor","styleType","linkTo","linkTarget","isLoading","renderLink"];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)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}
+"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"),_index=require("./index.styles"),_utils=_interopRequireDefault(require("./utils")),_theme=_interopRequireDefault(require("./theme")),_excluded=["htmlType","icon","children","wide","disabled","size","mainColor","styleType","linkTo","linkTarget","isLoading","renderLink","marginLeft","marginRight"];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)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}
 
 
 
@@ -46,6 +46,8 @@ var Button=function(a){
 
 
 
+
+
 function b(){
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
@@ -53,12 +55,14 @@ _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
 _react.default.createElement(_index.BaseButton,_extends({
 "data-test":"button",
 type:c,
-wide:f,
+wide:!1,
 size:h,
 mainColor:i,
 disabled:g||m,
-"data-styletype":j},
-o),
+"data-styletype":j,
+marginLeft:o,
+marginRight:p},
+q),
 
 
 d&&/*#__PURE__*/
@@ -66,13 +70,13 @@ d&&/*#__PURE__*/
 _react.default.createElement(_index.StyledIcon,{
 name:d,
 size:h,
-color:p}),/*#__PURE__*/
+color:r}),/*#__PURE__*/
 
 
 
 _react.default.createElement(_typography.Text,{
 size:_theme.default.size[h].font,
-color:p,
+color:r,
 bold:!0},
 
 m?"\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...":e))));
@@ -80,7 +84,7 @@ m?"\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...":e))));
 
 
 
-}var c=a.htmlType,d=a.icon,e=a.children,f=a.wide,g=a.disabled,h=a.size,i=a.mainColor,j=a.styleType,k=a.linkTo,l=a.linkTarget,m=a.isLoading,n=a.renderLink,o=_objectWithoutProperties(a,_excluded),p=(0,_utils.default)(j,i);return(
+}var c=a.htmlType,d=a.icon,e=a.children,f=a.wide,g=a.disabled,h=a.size,i=a.mainColor,j=a.styleType,k=a.linkTo,l=a.linkTarget,m=a.isLoading,n=a.renderLink,o=a.marginLeft,p=a.marginRight,q=_objectWithoutProperties(a,_excluded),r=(0,_utils.default)(j,i);return(
 
 (k||n)&&!g?
 n?/*#__PURE__*/
@@ -114,7 +118,9 @@ styleType:"primary",
 linkTo:null,
 linkTarget:"_self",
 isLoading:!1,
-renderLink:null
+renderLink:null,
+marginLeft:0,
+marginRight:0
 };var _default=
 
 Button;exports.default=_default;

package/button/index.styles.js

@@ -2,7 +2,7 @@
 
 
 
-var BaseButton=_styledComponents.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: ",";\n  min-width: ",";\n  min-height: ",";\n\n  padding: ",";\n  box-sizing: border-box;\n\n  cursor: ",";\n  opacity: ",";\n  border-radius: ",";\n\n  &[data-styletype=\"primary\"] {\n    border: none;\n    background: ",";\n    \n    &:hover { \n      transition: all 0.25s;\n      background: ",";\n    }\n    &:active {\n      transition: all 0.25s;\n      background: ",";\n    }\n  }\n  \n  &[data-styletype=\"secondary\"] {\n    border: 1px solid ",";\n    background: transparent;\n\n    &:hover { \n      border-color: ",";\n      transition: all 0.25s;\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      border-color: ",";\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n  }\n  \n  &[data-styletype=\"tertiary\"] {\n    border: none;\n    background: transparent;\n\n    &:hover { \n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n\n  }\n"])),
+var BaseButton=_styledComponents.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: ",";\n  min-width: ",";\n  min-height: ",";\n\n  padding: ",";\n  box-sizing: border-box;\n\n  cursor: ",";\n  opacity: ",";\n  border-radius: ",";\n\n  margin: ",";\n\n  &[data-styletype=\"primary\"] {\n    border: none;\n    background: ",";\n    \n    &:hover { \n      transition: all 0.25s;\n      background: ",";\n    }\n    &:active {\n      transition: all 0.25s;\n      background: ",";\n    }\n  }\n  \n  &[data-styletype=\"secondary\"] {\n    border: 1px solid ",";\n    background: transparent;\n\n    &:hover { \n      border-color: ",";\n      transition: all 0.25s;\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      border-color: ",";\n      background: ",";\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n  }\n  \n  &[data-styletype=\"tertiary\"] {\n    border: none;\n    background: transparent;\n\n    &:hover { \n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n    &:active {\n      * {\n        transition: all 0.25s;\n        color: ",";\n      }\n    }\n\n  }\n"])),
 
 
 
@@ -18,6 +18,10 @@ function(a){var b=a.disabled;return b?"not-allowed":"pointer"},
 function(a){var b=a.disabled;return b?"0.25":"1"},
 function(a){var b=a.theme;return"".concat(b.borderRadius,"px")},
 
+function(a){var
+b=a.theme,c=a.marginRight,d=a.marginLeft;return"0 ".concat(
+c?c:0,"px 0 ").concat(d?d:0,"px")},
+
 
 
 function(a){var b=a.theme,c=a.mainColor;return(0,_theme.getColorFromName)(b,c)},

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.31",
+  "version": "5.9.33",
   "main": "./index.js",
   "license": "MIT",
   "keywords": [