react-jupiter 5.12.0 → 6.0.0-beta.10

package/form/text-input/index.js

@@ -1,4 +1,4 @@
-"use strict";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(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}
+"use strict";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(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}
 
 
 
@@ -51,10 +51,10 @@ const TextInput=(a)=>
 
 
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_index.Label,{htmlFor:e||"".concat(c,"-").concat(b.split(" ").join("")),"data-test":"text-input"},
+_react.default.createElement(_index.Label,{htmlFor:e||`${c}-${b.split(" ").join("")}`,"data-test":"text-input"},
 d&&/*#__PURE__*/
 _react.default.createElement(_index.LabelContainer,{bold:!0,size:14},
 d
@@ -66,7 +66,7 @@ h
 ),/*#__PURE__*/
 
 _react.default.createElement(_index.Input,{
-id:e||"".concat(c,"-").concat(b.split(" ").join("")),
+id:e||`${c}-${b.split(" ").join("")}`,
 name:b,
 type:m||"text"===c?"text":"password",
 placeholder:f,

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

@@ -1,26 +1,77 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_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.Minimal=exports.FullOptions=exports.Disabled=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
 
 
 
+{
+title:"Form/Inputs",
+component:_index.default,
 
+argTypes:{
+htmlElementName:{
+control:"text",
+defaultValue:"text-name-01"
+},
+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"
+}
+}
+};const
 
+Template=(a)=>/*#__PURE__*/_react.default.createElement(_index.default,a),
 
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={
+htmlElementName:"text-name-01",
+label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"
+};
 
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+htmlElementName:"text-name-02",
+label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A",
+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"
+};
 
+const Password=exports.Password=Template.bind({});
+Password.args={
+...FullOptions.args,
+type:"password"
+};
 
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...FullOptions.args,
+disabled:!0
+};
 
-(0,_react2.storiesOf)("Form/Inputs",module).
-add("Minimal Text Input",()=>/*#__PURE__*/_react.default.createElement(_index.default,{htmlElementName:"text-name-01",label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"})).
-add("Full option Text Input",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-htmlElementName:"text-name-02",
-label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
-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"])}
-)
-).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
+};

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

@@ -1,55 +1,57 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Label=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_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: bold;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\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"])),
-
-
-
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-(a)=>{let{theme:b}=a;return b.borderColor.normal},
-
-
-
-
-
-(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}),
-
-
-
-LabelContainer=exports.LabelContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 8px;\n"]))),
-
-
-
-
-DescriptionContainer=exports.DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n"]))),
-
-
-
-
-PasswordIcon=exports.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"]))),
-
-
-
-
-
-
-
-
-
-Label=exports.Label=_styledComponents.default.label(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  position: relative;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Label=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: bold;
+  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: 4px;
+  box-sizing: border-box;
+  width: 100%;
+
+  &[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}};
+  }
+`,
+
+LabelContainer=exports.LabelContainer=(0,_styledComponents.default)(_typography.Text)`
+  display: block;
+  margin-bottom: 8px;
+`,
+
+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: 6px;
+
+  &:hover {
+    cursor: pointer;
+  }
+`,
+
+Label=exports.Label=_styledComponents.default.label`
+  position: relative;
+`;

package/form/textarea/index.js

@@ -30,7 +30,7 @@ minHeight:h=120,
 handleChange:i=()=>{},
 errorMessage:j="",
 inputRef:k=null
-}=a;return/*#__PURE__*/(
+}=a;return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),
 c&&/*#__PURE__*/

package/form/textarea/index.stories.js

@@ -1,31 +1,90 @@
-"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}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.NoResize=exports.Minimal=exports.HorizontalResize=exports.FullOptions=exports.Disabled=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
 
 
 
 
+{
+title:"Form/Textarea",
+component:_index.default,
 
+argTypes:{
+label:{
+control:"text",
+defaultValue:"\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"
+},
+htmlElementName:{
+control:"text",
+defaultValue:"html-element-name"
+},
+defaultValue:{
+control:"text",
+defaultValue:"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0642\u0628\u0644\u06CC"
+},
+placeholder:{
+control:"text",
+defaultValue:"\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A"
+},
+minHeight:{
+control:"text",
+defaultValue:"120"
+},
+isDisabled:{
+control:"boolean",
+defaultValue:!1
+},
+resize:{
+control:"select",
+options:["none","vertical","horizontal"],
+defaultValue:"vertical"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+handleChange:{
+action:"handleChange"
+}
+}
+};const
 
+Template=(a)=>/*#__PURE__*/_react.default.createElement(_index.default,a),
 
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={};
 
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+label:"\u062A\u0648\u0636\u06CC\u062C\u0627\u062A",
+htmlElementName:"html-element-name",
+defaultValue:"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0642\u0628\u0644\u06CC",
+placeholder:"\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A",
+minHeight:"120",
+isDisabled:!1,
+resize:"vertical",
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+};
 
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...FullOptions.args,
+isDisabled:!0
+};
 
+const NoResize=exports.NoResize=Template.bind({});
+NoResize.args={
+...FullOptions.args,
+resize:"none"
+};
 
-(0,_react2.storiesOf)("Form/Textarea",module).
-add("Minimal Textarea",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,null)
-).
-add("Full option Textarea",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
-htmlElementName:(0,_addonKnobs.text)("optional html-element-name","html-element-name"),
-defaultValue:(0,_addonKnobs.text)("optional defaultValue","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0642\u0628\u0644\u06CC"),
-placeholder:(0,_addonKnobs.text)("optional placeholder","\u0627\u06CC\u0646 \u067E\u0644\u06CC\u0633 \u0647\u0648\u0644\u062F\u0631 \u0627\u0633\u062A"),
-minHeight:(0,_addonKnobs.text)("optional minHeight (it should be a number)","120"),
-isDisabled:(0,_addonKnobs.boolean)("optional disabled all",!1),
-resize:(0,_addonKnobs.select)("optional resize",["none","vertical","horizontal"]),
-handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
-errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")}
-)
-).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);
+const HorizontalResize=exports.HorizontalResize=Template.bind({});
+HorizontalResize.args={
+...FullOptions.args,
+resize:"horizontal"
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F"
+};

package/form/textarea/index.style.js

@@ -1,25 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=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)}}))}
-
-const StyledTextarea=_styledComponents.default.textarea(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: 14px;\n\n  resize: ",";\n  min-height: ",";\n  width: 100%;\n  padding: 8px 16px;\n  box-sizing: border-box;\n  \n  border-radius: ",";\n  border: 1px solid ",";\n  background: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n  &:focus {\n    border-color: ",";\n  }\n"])),
-
-
-
-(a)=>{let{resize:b}=a;return b},
-(a)=>{let{minHeight:b}=a;return"".concat(b,"px")},
-
-
-
-
-(a)=>{let{theme:b}=a;return"".concat(b.borderRadius,"px")},
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal},
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"},
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
-
-
-(a)=>{let{theme:b}=a;return b.borderColor.focus});var _default=exports.default=
-
-
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+const StyledTextarea=_styledComponents.default.textarea`
+  font-family: 'IranSharp';
+  font-size: 14px;
+
+  resize: ${(a)=>{let{resize:b}=a;return b}};
+  min-height: ${(a)=>{let{minHeight:b}=a;return`${b}px`}};
+  width: 100%;
+  padding: 8px 16px;
+  box-sizing: border-box;
+  
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+  border: 1px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal}};
+  background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}};
+
+  &:hover {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover}};
+  }
+  &:focus {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.focus}};
+  }
+`;var _default=exports.default=
 
 StyledTextarea;

package/form-v7/captcha/index.js

@@ -44,7 +44,7 @@ b=b.replace(j[a],a).replace(k[a],a);
 return b
 };
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
 _react.default.createElement("div",{className:g},/*#__PURE__*/
@@ -59,19 +59,19 @@ message:"\u0644\u0637\u0641\u0627 \u0641\u0642\u0637 \u0639\u062F\u062F \u0648\u
 }
 },
 defaultValue:"",
-render:(a)=>{var e;let{field:{onChange:j,value:k},fieldState:g}=a;return/*#__PURE__*/(
+render:(a)=>{let{field:{onChange:g,value:j},fieldState:e}=a;return(/*#__PURE__*/
 _react.default.createElement(_display.default,{display:"block"},/*#__PURE__*/
 _react.default.createElement(_label.default,{htmlFor:b,label:c,number:i,required:!0}),/*#__PURE__*/
 _react.default.createElement(_display.default,{display:"flex"},/*#__PURE__*/
 _react.default.createElement(_display.default,{display:"flex",width:"100%"},/*#__PURE__*/
 _react.default.createElement(_index.Input,{
-id:"text".concat("-",b.split(" ").join("")),
+id:`${"text"}-${b.split(" ").join("")}`,
 name:b,
 type:"text",
 rtl:!1,
-value:k,
+value:j,
 onChange:(a)=>{
-j(l(a.target.value))
+g(l(a.target.value))
 },
 className:"captcha-input"}
 ),/*#__PURE__*/
@@ -88,7 +88,7 @@ _react.default.createElement(_button.default,{type:"button",size:"sm",styleType:
 _react.default.createElement(_icon.default,{name:h?"loading":"refresh"})
 )
 ),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:g&&(null===(e=g.error)||void 0===e?void 0:e.message)})
+_react.default.createElement(_errorMsg.default,{errorMessage:e&&e.error?.message})
 ))}}
 
 )

package/form-v7/captcha/index.stories.js

@@ -1,30 +1,60 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonActions=require("@storybook/addon-actions"),_addonInfo=require("@storybook/addon-info"),_reactHookForm=require("react-hook-form"),_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.Default=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_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/Captcha",
+component:_index.default,
+
+argTypes:{
+label:{
+control:"text",
+defaultValue:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC"
+},
+htmlElementName:{
+control:"text",
+defaultValue:"captcha"
+},
+imageUrl:{
+control:"text",
+defaultValue:"https://static.evand.net/captcha/0bb5a9832be7b86a2a0a646ae2fd1649.jpg"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0644\u0637\u0641\u0627 \u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F"
+},
+required:{
+control:"boolean",
+defaultValue:!0
+}
+}
+};const
+
+Template=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return(/*#__PURE__*/
+_react.default.createElement(_index.default,_extends({},
+a,{
+register:b,
+control:c,
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+fetchData:()=>console.log("fetching")})
+))
 
+},
 
-(0,_react2.storiesOf)("Form-v7/Captcha",module).
-add("captcha example",()=>{
-const{
-register:a,
-control:b
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_react.default.createElement(_index.default,{
-register:a,
-control:b,
+Default=exports.Default=Template.bind({});
+Default.args={
 label:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
 htmlElementName:"captcha",
 imageUrl:"https://static.evand.net/captcha/0bb5a9832be7b86a2a0a646ae2fd1649.jpg",
-handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
-fetchData:()=>console.log("fetching")}
-))
-
-}).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);
+required:!0
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...Default.args,
+errorMessage:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC \u0646\u0627\u0645\u0639\u062A\u0628\u0631 \u0627\u0633\u062A"
+};

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

@@ -1,36 +1,38 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Loading=exports.InputConiatiner=exports.Container=exports.CaptchaBoxContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styledComponents=_interopRequireDefault(require("styled-components")),_theme=_interopRequireDefault(require("../theme"));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
-
-
-Container=exports.Container=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  flex-shrink: 0;\n  margin: 6px 6px 0 0;\n\n  & .hide {\n    display: none;\n  }\n"]))),
-
-
-
-
-
-
-
-
-Loading=exports.Loading=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  height: 32px;\n  width: 120px;\n  background: ",";\n  animation-name: sparkle;\n  animation-duration: 2s;\n  animation-iteration-count: infinite;\n\n    @keyframes sparkle {\n      0% {opacity: 0;}\n      50% {opacity: 1;}\n      70% {opacity: 1;}\n      100% {opacity: 0;}\n    }\n  }\n"])),
-
-
-_theme.default.disabled.color),
-
-
-
-
-
-
-
-
-
-
-
-
-
-CaptchaBoxContainer=exports.CaptchaBoxContainer=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n"]))),
-
-
-
-
-
-InputConiatiner=exports.InputConiatiner=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Loading=exports.InputConiatiner=exports.Container=exports.CaptchaBoxContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+Container=exports.Container=_styledComponents.default.div`
+  flex-shrink: 0;
+  margin: 6px 6px 0 0;
+
+  & .hide {
+    display: none;
+  }
+`,
+
+Loading=exports.Loading=_styledComponents.default.div`
+  height: 32px;
+  width: 120px;
+  background: ${_theme.default.disabled.color};
+  animation-name: sparkle;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+
+    @keyframes sparkle {
+      0% {opacity: 0;}
+      50% {opacity: 1;}
+      70% {opacity: 1;}
+      100% {opacity: 0;}
+    }
+  }
+`,
+
+CaptchaBoxContainer=exports.CaptchaBoxContainer=_styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+`,
+
+InputConiatiner=exports.InputConiatiner=_styledComponents.default.div`
+  flex-grow: 1;
+`;

package/form-v7/checkbox/checkbox-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"),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography"),_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)}
+"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"),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography"),_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)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
+
 
 
 
@@ -15,9 +17,9 @@
 const CheckboxOption=(a)=>
 
 {let{label:b,value:c,isDisabled:g=!1,isChecked:h=!1,groupName:d,register:e,handleOnchange:f}=a;
-const i="".concat(d,"-").concat(c);
+const i=`${d}-${c}`;
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement("label",{htmlFor:i},/*#__PURE__*/
 _react.default.createElement(_index.Input,_extends({