react-jupiter 5.12.0 → 6.0.0-beta.10

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

@@ -1,52 +1,61 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadioWrapper=exports.Input=exports.Fieldset=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)}}))}const
-
-Fieldset=exports.Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border: none;\n  padding: 0;\n  margin-bottom: 15px;\n  * {\n    box-sizing: content-box;\n  }\n"]))),
-
-
-
-
-
-
-
-
-RadioWrapper=exports.RadioWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  ","\n"])),
-
-
-(a)=>{let{type:b}=a;return"vertical"===b?"flex-direction: column;":""}),
-
-
-Input=exports.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: 1px 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"])),
-
-
-
-
-
-
-
-
-
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
-(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"},
-
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
-
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.normal},
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus},
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus},
-
-
-
-
-
-
-(a)=>{let{disabled:b}=a;return b?"white":"transparent"});
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadioWrapper=exports.Input=exports.Fieldset=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+Fieldset=exports.Fieldset=_styledComponents.default.fieldset`
+  border: none;
+  padding: 0;
+  margin-bottom: 15px;
+  * {
+    box-sizing: content-box;
+  }
+`,
+
+RadioWrapper=exports.RadioWrapper=_styledComponents.default.div`
+  display: flex;
+  justify-content: space-between;
+  ${(a)=>{let{type:b}=a;return"vertical"===b?"flex-direction: column;":""}}
+`,
+
+Input=exports.Input=_styledComponents.default.input`
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  margin-right: 5px;
+  position: relative;
+  top: 4px;
+  
+  border: 1px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal}};
+  cursor: ${(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"}};
+  transition: background 0.2s linear;
+
+  &:hover {
+    border: 1px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover}};
+  }
+
+  &:checked {
+    border: 1px solid ${(a)=>{let{theme:b}=a;return b.borderColor.normal}};
+    width: 16px;
+    height: 16px;
+    background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+
+    &:after {
+      background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+    }
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    background: ${(a)=>{let{disabled:b}=a;return b?"white":"transparent"}};
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    z-index: -1;
+    top: -6px;
+    right: -6px;
+  }
+`;

package/form-v7/radio/radio-option.js

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_typography=require("../../typography"),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme"));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)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactHookForm=require("react-hook-form"),_styledComponents=require("styled-components"),_typography=require("../../typography"),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme"));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)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
+
 
 
 
@@ -17,9 +19,9 @@ const RadioOption=(a)=>{const
 {
 label:b,value:c,isDisabled:f=!1,defaultCheckedValue:g="",groupName:d,register:e
 }=a,
-h="".concat(d,"-").concat(c,"-").concat(b.split(" ").join(""));
+h=`${d}-${c}-${b.split(" ").join("")}`;
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement("label",{htmlFor:h},/*#__PURE__*/
 _react.default.createElement(_index.Input,_extends({

package/form-v7/radio/radio.js

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_index2=require("../index.style"),_label=_interopRequireDefault(require("../label")),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_index2=require("../index.style"),_label=_interopRequireDefault(require("../label")),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
 
 
 
@@ -37,7 +39,7 @@ const Radio=(a)=>
 {let{groupName:e="radio-element",label:f="",handleChange:g=()=>{},defaultCheckedValue:h="",isDisabled:i=!1,type:j="horizontal",required:k=!1,number:l=null,control:b,register:c,children:d}=a;
 const m=_react.default.Children.toArray(d);
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index2.Fieldset,{onChange:g},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
@@ -46,22 +48,22 @@ _react.default.createElement(_reactHookForm.Controller,{
 name:e,
 control:b,
 rules:{required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
-render:(a)=>{var b;let{fieldState:d}=a;return/*#__PURE__*/(
+render:(a)=>{let{fieldState:b}=a;return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.RadioWrapper,{type:j},
 m.map(
 (a)=>
-i?/*#__PURE__*/
+i?(/*#__PURE__*/
 _react.default.cloneElement(a,{
 groupName:e,defaultCheckedValue:h,isDisabled:i,register:c
-}):/*#__PURE__*/
+})):(/*#__PURE__*/
 
-_react.default.cloneElement(a,{groupName:e,defaultCheckedValue:h,register:c})
+_react.default.cloneElement(a,{groupName:e,defaultCheckedValue:h,register:c}))
 
 
 )
 ),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(b=d.error)||void 0===b?void 0:b.message)})
+_react.default.createElement(_errorMsg.default,{errorMessage:b&&b.error?.message})
 ))}}
 
 )

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

@@ -1,4 +1,5 @@
-"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"),_numbers=require("../../utils/numbers");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)}function _defineProperty(a,b,c){return b=_toPropertyKey(b),b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==typeof b?b:b+""}function _toPrimitive(a,b){if("object"!=typeof a||null===a)return a;var c=a[Symbol.toPrimitive];if(c!==void 0){var d=c.call(a,b||"default");if("object"!=typeof d)return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_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"),_numbers=require("../../utils/numbers");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&&{}.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)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==typeof b?b:b+""}function _toPrimitive(a,b){if("object"!=typeof a||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=typeof d)return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}
+
 
 
 
@@ -72,12 +73,12 @@ control:c
 
 {showPassword:o}=this.state;
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
 _react.default.createElement(_label.default,{
-htmlFor:f||"".concat(d,"-").concat(a.split(" ").join("")),
+htmlFor:f||`${d}-${a.split(" ").join("")}`,
 label:e,
 number:k,
 required:j}
@@ -91,7 +92,7 @@ _react.default.createElement(_reactHookForm.Controller,{
 name:a,
 control:c,
 rules:{required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
-render:(c)=>{var e;let{field:{value:j},fieldState:i}=c;return/*#__PURE__*/(
+render:(c)=>{let{field:{value:i},fieldState:e}=c;return(/*#__PURE__*/
 _react.default.createElement("div",{style:{position:"relative"}},
 "password"===d&&/*#__PURE__*/
 _react.default.createElement(_index.PasswordIcon,{
@@ -104,11 +105,11 @@ cursor:"pointer",position:"absolute",top:"50%",left:"10px",transform:"translateY
 ),/*#__PURE__*/
 
 _react.default.createElement(_index.Input,_extends({
-id:f||"".concat(d,"-").concat(a.split(" ").join("")),
+id:f||`${d}-${a.split(" ").join("")}`,
 name:a,
 type:o?"text":d,
 placeholder:g,
-defaultValue:j,
+defaultValue:i,
 rtl:l},
 b(a,{
 onFocus:this.handleFocus,
@@ -118,7 +119,7 @@ onChange:(a)=>(0,_numbers.fixNumbers)(a)
 onFocus:m,
 readOnly:n})
 ),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:i&&(null===(e=i.error)||void 0===e?void 0:e.message)})
+_react.default.createElement(_errorMsg.default,{errorMessage:e&&e.error?.message})
 ))}}
 
 )

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

@@ -1,77 +1,96 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonKnobs=require("@storybook/addon-knobs"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Password=exports.LTR=exports.FullOptions=exports.Disabled=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));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)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}var _default=exports.default=
 
 
 
 
+{
+title:"Form-V7/Text Input",
+component:_index.default,
 
+argTypes:{
+htmlElementName:{
+control:"text",
+defaultValue:"text-name-02"
+},
+label:{
+control:"text",
+defaultValue:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"
+},
+placeholder:{
+control:"text",
+defaultValue:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"
+},
+disabled:{
+control:"boolean",
+defaultValue:!1
+},
+description:{
+control:"text",
+defaultValue:"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+type:{
+control:"select",
+options:["text","password"],
+defaultValue:"text"
+},
+rtl:{
+control:"boolean",
+defaultValue:!0
+},
+required:{
+control:"boolean",
+defaultValue:!0
+},
+number:{
+control:"number",
+defaultValue:23
+}
+}
+};const
 
+Template=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return/*#__PURE__*/_react.default.createElement(_index.default,_extends({},a,{register:b,control:c}))
+},
 
-
-
-
-
-(0,_react2.storiesOf)("Form-V7/Inputs",module).
-add("Full option Text Input",()=>{
-const{
-register:a,
-control:b
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{
+FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
 htmlElementName:"text-name-02",
 required:!0,
-label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
+label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A",
 number:23,
-register:a,
-control: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"])}
-))
+placeholder:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636",
+disabled:!1,
+description:"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647",
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+type:"text",
+rtl:!0
+};
 
-}).
-add("LTR Text Input",()=>{
-const{
-register:a
-}=(0,_reactHookForm.useForm)();
-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:a,
-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}
-))
+const LTR=exports.LTR=Template.bind({});
+LTR.args={
+...FullOptions.args,
+rtl:!1
+};
 
-}).
-add("Password input",()=>{
-const{
-register:a,
-control:b
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{
-htmlElementName:"text-name-03",
-required:!0,
-label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
-number:23,
-register:a,
-control: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:"password"}
-))
+const Password=exports.Password=Template.bind({});
+Password.args={
+...FullOptions.args,
+type:"password"
+};
+
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...FullOptions.args,
+disabled:!0
+};
 
-}).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0631\u0627 \u067E\u0631 \u06A9\u0646\u06CC\u062F"
+};

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

@@ -1,41 +1,49 @@
-"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
-
-
-
-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"])),
-
-
-
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-(a)=>{let{theme:b}=a;return b.borderColor.normal},
-
-
-
-(a)=>{let{rtl:b}=a;return b?"rtl":"ltr"},
-
-
-(a)=>{let{theme:b}=a;return b.disabled.background},
-(a)=>{let{theme:b}=a;return b.disabled.color},
-
-
-
-
-
-
-
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.hover},
-
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.focus}),
-
-
-
-DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n"]))),
-
-
-
-
-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"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.Input=exports.DescriptionContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+
+Input=exports.Input=_styledComponents.default.input`
+  font-family: 'IranSharp';
+  font-weight: normal;
+  font-size: 12px;
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+  border: solid 1px ${(a)=>{let{theme:b}=a;return b.borderColor.normal}};
+  padding: 6px;
+  box-sizing: border-box;
+  width: 100%;
+  direction: ${(a)=>{let{rtl:b}=a;return b?"rtl":"ltr"}};
+
+  &[disabled=""]{
+    background-color: ${(a)=>{let{theme:b}=a;return b.disabled.background}};
+    color: ${(a)=>{let{theme:b}=a;return b.disabled.color}};
+    border-color: transparent;
+
+
+    &:hover {
+      border-color: transparent;
+    }
+  }
+
+  &:hover {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.hover}};
+  }
+
+  &:focus {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.focus}};
+  }
+`,
+
+DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)`
+  display: block;
+  margin-bottom: 4px;
+`,
+
+PasswordIcon=exports.PasswordIcon=(0,_styledComponents.default)(_icon.default)`
+  position: absolute;
+  left: 0;
+  bottom: 3px;
+
+  &:hover {
+    cursor: pointer;
+  }
+`;

package/form-v7/textarea/index.js

@@ -1,4 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(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=_interopRequireDefault(require("./index.style")),_index2=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)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactHookForm=require("react-hook-form"),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=_interopRequireDefault(require("./index.style")),_index2=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)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
 
 
 
@@ -36,7 +37,7 @@ required:l=!1,
 number:m=null,
 register:b,
 control:c
-}=a;return/*#__PURE__*/(
+}=a;return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
@@ -46,7 +47,7 @@ _react.default.createElement(_reactHookForm.Controller,{
 name:d,
 control:c,
 rules:{required:!!l&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
-render:(a)=>{var c;let{fieldState:e}=a;return/*#__PURE__*/(
+render:(a)=>{let{fieldState:c}=a;return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.default,_extends({
 name:d,
@@ -59,7 +60,7 @@ onChange:k,
 disabled:f
 }))
 ),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:e&&(null===(c=e.error)||void 0===c?void 0:c.message)})
+_react.default.createElement(_errorMsg.default,{errorMessage:c&&c.error?.message})
 ))}}
 
 )