react-jupiter 5.9.67 → 5.9.68-beta-1

package/form/textarea/index.js

@@ -19,11 +19,11 @@
 
 
 
-var Textarea=function(a){
-var
-b=
-
-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.inputRef;
+const Textarea=(a)=>{
+const{
+htmlElementName:b,label:c,isDisabled:d,defaultValue:e,placeholder:f,
+resize:g,minHeight:h,handleChange:i,errorMessage:j,inputRef:k
+}=a;
 
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
@@ -31,9 +31,9 @@ _react.default.createElement(_globalStyle.default,null),
 c&&/*#__PURE__*/
 _react.default.createElement("label",{htmlFor:b},/*#__PURE__*/
 _react.default.createElement(_typography.Text,{bold:!0,size:14},
-c)),/*#__PURE__*/
-
-
+c
+)
+),/*#__PURE__*/
 
 
 _react.default.createElement(_index.default,{
@@ -45,10 +45,10 @@ minHeight:h,
 onChange:i,
 ref:k},
 
-e),/*#__PURE__*/
-
-_react.default.createElement(_errorMsg.default,{errorMessage:j})));
-
+e
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:j})
+))
 
 };
 
@@ -60,9 +60,9 @@ defaultValue:"",
 placeholder:"",
 resize:"none",
 minHeight:120,
-handleChange:function handleChange(){},
+handleChange:()=>{},
 errorMessage:"",
 inputRef:null
-};var _default=
+};var _default=exports.default=
 
-Textarea;exports.default=_default;
+Textarea;

package/form/textarea/index.stories.js

@@ -11,10 +11,10 @@
 
 
 (0,_react2.storiesOf)("Form/Textarea",module).
-add("Minimal Textarea",function(){return/*#__PURE__*/(
-_react.default.createElement(_index.default,null))}).
-
-add("Full option Textarea",function(){return/*#__PURE__*/(
+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"),
@@ -24,8 +24,8 @@ 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")}))}).
-
-
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627")}
+)
+).
 addDecorator(_addonInfo.withInfo).
 addDecorator(_addonKnobs.withKnobs);

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)}}))}var
+"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)}}))}
 
-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"])),
+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"])),
 
 
 
-function(a){var b=a.resize;return b},
-function(a){var b=a.minHeight;return"".concat(b,"px")},
+(a)=>{let{resize:b}=a;return b},
+(a)=>{let{minHeight:b}=a;return"".concat(b,"px")},
 
 
 
 
-function(a){var b=a.theme;return"".concat(b.borderRadius,"px")},
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.normal},
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.background:"white"},
+(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"},
 
 
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.hover},
+(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
 
 
-function(a){var b=a.theme;return b.borderColor.focus}),_default=
+(a)=>{let{theme:b}=a;return b.borderColor.focus});var _default=exports.default=
 
 
 
-StyledTextarea;exports.default=_default;
+StyledTextarea;

package/form/theme.js

@@ -1,6 +1,6 @@
-"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var
+"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
-theme={
+const theme={
 borderRadius:_themes.default.borderRadius.low,
 borderColor:{
 normal:_themes.default.colors.gray800,
@@ -11,6 +11,6 @@ disabled:{
 background:_themes.default.colors.gray200,
 color:_themes.default.colors.gray400
 }
-},_default=
+};var _default=exports.default=
 
-theme;exports.default=_default;
+theme;

package/form-v7/captcha/index.js

@@ -21,28 +21,28 @@
 
 
 
-function Captcha(a){var
-
-b=
-
-
-
-
-
-
-
-a.htmlElementName,c=a.label,d=a.classNames,e=a.imageUrl,f=a.control,g=a.fetchData,h=a.loading,i=a.number,
+function Captcha(a){const
+{
+htmlElementName:b,
+label:c,
+classNames:d,
+imageUrl:e,
+control:f,
+fetchData:g,
+loading:h,
+number:i
+}=a,
 
 j=[/۰/g,/۱/g,/۲/g,/۳/g,/۴/g,/۵/g,/۶/g,/۷/g,/۸/g,/۹/g],k=[/٠/g,/١/g,/٢/g,/٣/g,/٤/g,/٥/g,/٦/g,/٧/g,/٨/g,/٩/g],
 
-l=function(a){
-var b=a;
+l=(a)=>{
+let b=a;
 if("string"==typeof a)
-for(var c=0;10>c;c++)
-b=b.replace(j[c],c).replace(k[c],c);
+for(let a=0;10>a;a++)
+b=b.replace(j[a],a).replace(k[a],a);
 
 
-return b;
+return b
 };
 
 return/*#__PURE__*/(
@@ -60,7 +60,7 @@ message:"\u0644\u0637\u0641\u0627 \u0641\u0642\u0637 \u0639\u062F\u062F \u0648\u
 }
 },
 defaultValue:"",
-render:function render(a){var d,f=a.field,j=f.onChange,k=f.value,m=a.fieldState;
+render:(a)=>{var d;let{field:{onChange:j,value:k},fieldState:f}=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__*/
@@ -72,32 +72,32 @@ name:b,
 type:"text",
 rtl:!1,
 value:k,
-onChange:function onChange(a){
-j(l(a.target.value));
+onChange:(a)=>{
+j(l(a.target.value))
 },
-className:"captcha-input"}),/*#__PURE__*/
-
+className:"captcha-input"}
+),/*#__PURE__*/
 _react.default.createElement("img",{
 width:"auto",
 height:"40px",
 src:e,
 alt:"captcha-img",
 loading:"lazy",
-"data-test":"captcha-img"})),/*#__PURE__*/
-
-
+"data-test":"captcha-img"}
+)
+),/*#__PURE__*/
 _react.default.createElement(_button.default,{type:"button",size:"sm",styleType:"tertiary",onClick:g,disabled:h},/*#__PURE__*/
-_react.default.createElement(_icon.default,{name:h?"loading":"refresh"}))),/*#__PURE__*/
-
-
-_react.default.createElement(_errorMsg.default,{errorMessage:m&&(null===(d=m.error)||void 0===d?void 0:d.message)})));
-
-
-}})))));
-
-
-
-
+_react.default.createElement(_icon.default,{name:h?"loading":"refresh"})
+)
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:f&&(null===(d=f.error)||void 0===d?void 0:d.message)})
+))
+
+}}
+)
+)
+)
+))
 
 }
 
@@ -105,6 +105,6 @@ Captcha.defaultProps={
 classNames:"",
 loading:!1,
 number:null
-};var _default=
+};var _default=exports.default=
 
-Captcha;exports.default=_default;
+Captcha;

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

@@ -9,21 +9,21 @@
 
 
 (0,_react2.storiesOf)("Form-v7/Captcha",module).
-add("captcha example",function(){
-var a=
-
-
-(0,_reactHookForm.useForm)(),b=a.register,c=a.control;
+add("captcha example",()=>{
+const{
+register:a,
+control:b
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
 _react.default.createElement(_index.default,{
-register:b,
-control:c,
+register:a,
+control:b,
 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:function fetchData(){return console.log("fetching")}}));
-
+fetchData:()=>console.log("fetching")}
+))
 
 }).
 addDecorator(_addonInfo.withInfo).

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

@@ -1,7 +1,7 @@
-"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)}}))}
+"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
 
 
-var 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"])));exports.Container=Container;
+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"]))),
 
 
 
@@ -10,10 +10,10 @@ var Container=_styledComponents.default.div(_templateObject||(_templateObject=_t
 
 
 
-var 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"])),
+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);exports.Loading=Loading;
+_theme.default.disabled.color),
 
 
 
@@ -27,10 +27,10 @@ _theme.default.disabled.color);exports.Loading=Loading;
 
 
 
-var CaptchaBoxContainer=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n"])));exports.CaptchaBoxContainer=CaptchaBoxContainer;
+CaptchaBoxContainer=exports.CaptchaBoxContainer=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n"]))),
 
 
 
 
 
-var InputConiatiner=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));exports.InputConiatiner=InputConiatiner;
+InputConiatiner=exports.InputConiatiner=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));

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

@@ -3,29 +3,29 @@
 
 
 
-describe("captcha",function(){
-it("render captcha box",function(){var
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:function handleRetryCaptcha(){}})),
+describe("captcha",()=>{
+it("render captcha box",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
 b=(0,_test.default)(a,"captcha-box");
 
-expect(b.length).toBe(1);
+expect(b.length).toBe(1)
 }),
-it("render captcha input",function(){var
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:function handleRetryCaptcha(){}})),
+it("render captcha input",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
 b=(0,_test.default)(a,"captcha-input");
 
-expect(b.length).toBe(1);
+expect(b.length).toBe(1)
 }),
-it("render captcha img",function(){var
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:function handleRetryCaptcha(){}})),
+it("render captcha img",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
 b=(0,_test.default)(a,"captcha-img");
 
-expect(b.length).toBe(1);
+expect(b.length).toBe(1)
 }),
-it("render retry button",function(){var
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:function handleRetryCaptcha(){}})),
+it("render retry button",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
 b=(0,_test.default)(a,"captcha-retry");
 
-expect(b.length).toBe(1);
-});
+expect(b.length).toBe(1)
+})
 });

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

@@ -12,10 +12,10 @@
 
 
 
-var CheckboxOption=function(a){var
-
-b=
-a.label,c=a.value,d=a.isDisabled,e=a.isChecked,f=a.groupName,g=a.register,h=a.handleOnchange,
+const CheckboxOption=(a)=>{const
+{
+label:b,value:c,isDisabled:d,isChecked:e,groupName:f,register:g,handleOnchange:h
+}=a,
 i="".concat(f,"-").concat(c,"-").concat(b.split(" ").join(""));
 
 return/*#__PURE__*/(
@@ -30,19 +30,19 @@ defaultChecked:e},
 g(f,{
 disabled:d,
 onChange:h
-}))),/*#__PURE__*/
-
+}))
+),/*#__PURE__*/
 _react.default.createElement(_typography.Text,{size:14},
-b))));
-
-
-
+b
+)
+)
+))
 
 };
 
 CheckboxOption.defaultProps={
 isDisabled:!1,
 isChecked:!1
-};var _default=
+};var _default=exports.default=
 
-CheckboxOption;exports.default=_default;
+CheckboxOption;

package/form-v7/checkbox/checkbox.js

@@ -20,11 +20,11 @@
 
 
 
-var Checkbox=function(a){var
-
-b=
-
-a.children,c=a.groupName,d=a.label,e=a.handleChange,f=a.isDisabled,g=a.type,h=a.required,i=a.register,j=a.number,k=a.control,
+const Checkbox=(a)=>{const
+{
+children:b,groupName:c,label:d,handleChange:e,isDisabled:f,type:g,
+required:h,register:i,number:j,control:k
+}=a,
 l=_react.default.Children.toArray(b);
 
 return/*#__PURE__*/(
@@ -36,34 +36,34 @@ _react.default.createElement(_reactHookForm.Controller,{
 name:c,
 control:k,
 rules:{required:!!h&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
-render:function render(a){var b,d=a.fieldState;return/*#__PURE__*/(
+render:(a)=>{var b;let{fieldState:d}=a;return/*#__PURE__*/(
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.CheckboxWrapper,{type:g},
 l.map(
-function(a){return(
+(a)=>
 f?/*#__PURE__*/
 _react.default.cloneElement(a,{groupName:c,isDisabled:f,register:i}):/*#__PURE__*/
 
-_react.default.cloneElement(a,{groupName:c,register:i}))})),/*#__PURE__*/
-
-
-
-
-_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(b=d.error)||void 0===b?void 0:b.message)})))}}))));
-
-
+_react.default.cloneElement(a,{groupName:c,register:i})
 
 
+)
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(b=d.error)||void 0===b?void 0:b.message)})
+))}}
 
+)
+)
+))
 
 };
 
 Checkbox.defaultProps={
 groupName:"radio-element",
 label:"",
-handleChange:function handleChange(){},
+handleChange:()=>{},
 isDisabled:!1,
 type:"horizontal",
 required:!1
-};var _default=
-Checkbox;exports.default=_default;
+};var _default=exports.default=
+Checkbox;

package/form-v7/checkbox/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _checkbox.default}}),Object.defineProperty(exports,"CheckboxOption",{enumerable:!0,get:function get(){return _checkboxOption.default}}),exports.default=void 0;var _checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return _checkbox.default}}),Object.defineProperty(exports,"CheckboxOption",{enumerable:!0,get:function(){return _checkboxOption.default}}),exports.default=void 0;var _checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
 
 
 
@@ -7,4 +7,4 @@
 {
 Checkbox:_checkbox.default,
 CheckboxOption:_checkboxOption.default
-};exports.default=_default;
+};

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

@@ -13,22 +13,22 @@
 
 
 (0,_react2.storiesOf)("Form-V7/Checkbox",module).
-add("Minimal Form/Checkbox",function(){
-var a=
-
-(0,_reactHookForm.useForm)(),b=a.register;
+add("Minimal Form/Checkbox",()=>{
+const{
+register:a
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
-_react.default.createElement(_checkbox.default,{register:b},/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"first",label:"First Value",handleOnchange:function handleOnchange(a){return console.log(a)}}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"sec",label:"Sec Value",handleOnchange:function handleOnchange(a){return console.log(a)}}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"third",label:"Third Value",handleOnchange:function handleOnchange(a){return console.log(a.target.checked)}})));
-
+_react.default.createElement(_checkbox.default,{register:a},/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"first",label:"First Value",handleOnchange:(a)=>console.log(a)}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"sec",label:"Sec Value",handleOnchange:(a)=>console.log(a)}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"third",label:"Third Value",handleOnchange:(a)=>console.log(a.target.checked)})
+))
 
 }).
-add("Full option Checkbox",function(){
-var a=
-
-(0,_reactHookForm.useForm)(),b=a.register;
+add("Full option Checkbox",()=>{
+const{
+register:a
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
 _react.default.createElement(_checkbox.default,{
 groupName:(0,_addonKnobs.text)("optional groupName(but highly recommended to set manually)","degree"),
@@ -39,41 +39,41 @@ isDisabled:(0,_addonKnobs.boolean)("optional disabled all",!1),
 type:(0,_addonKnobs.select)("optional type",["horizontal","vertical"]),
 errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
 required:!0,
-register:b},/*#__PURE__*/
+register:a},/*#__PURE__*/
 
 _react.default.createElement(_checkboxOption.default,{value:"100",label:"\u0648\u0631\u0632\u0634\u06CC"}),/*#__PURE__*/
 _react.default.createElement(_checkboxOption.default,{value:"234",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
 _react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
 _react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC",isChecked:!0}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC",isChecked:!0})));
-
+_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC",isChecked:!0})
+))
 
 }).
-add("Full option CheckboxOption",function(){
-var a=
-
-
-(0,_reactHookForm.useForm)(),b=a.register,c=a.control;
+add("Full option CheckboxOption",()=>{
+const{
+register:a,
+control:b
+}=(0,_reactHookForm.useForm)();
 return/*#__PURE__*/(
 _react.default.createElement(_checkbox.default,{
 groupName:"degree",
 required:!0,
 label:"\u062F\u0631 \u06A9\u062F\u0627\u0645 \u0645\u0648\u0636\u0648\u0639 \u0647\u0627 \u062A\u0648\u0627\u0646\u0627\u06CC\u06CC \u062F\u0627\u0631\u06CC\u062F",
-register:b,
-control:c},/*#__PURE__*/
+register:a,
+control:b},/*#__PURE__*/
 
 _react.default.createElement(_checkboxOption.default,{
 label:(0,_addonKnobs.text)("label","\u0648\u0631\u0632\u0634\u06CC"),
 value:(0,_addonKnobs.text)("value","100"),
 isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1),
 isChecked:(0,_addonKnobs.boolean)("optional checked item",!1),
-register:b}),/*#__PURE__*/
-
+register:a}
+),/*#__PURE__*/
 _react.default.createElement(_checkboxOption.default,{value:"200",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
 _react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
 _react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC"}),/*#__PURE__*/
-_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})));
-
+_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})
+))
 
 }).
 addDecorator(_addonInfo.withInfo).

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

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Input=exports.Fieldset=exports.CheckboxWrapper=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)}}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Input=exports.Fieldset=exports.CheckboxWrapper=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
 
-var Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border: none;\n  padding: 0;\n  margin: 0;\n"])));exports.Fieldset=Fieldset;
+Fieldset=exports.Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border: none;\n  padding: 0;\n  margin: 0;\n"]))),
 
 
 
 
 
-var CheckboxWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  ","\n"])),
+CheckboxWrapper=exports.CheckboxWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  ","\n"])),
 
 
-function(a){var b=a.type;return"vertical"===b?"flex-direction: column;":""});exports.CheckboxWrapper=CheckboxWrapper;
+(a)=>{let{type:b}=a;return"vertical"===b?"flex-direction: column;":""}),
 
 
-var Input=_styledComponents.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 16px;\n  height: 16px;\n\n  border: 1px solid ",";\n  background: ",";\n  cursor: ",";\n  transition: 0.2s all linear;\n  margin-right: 5px;\n\n  position: relative;\n  top: 10px;\n  \n  &:hover {\n    border-color: ",";\n  }\n\n  &:checked {\n    border-color: ",";\n    \n    &:after {\n      border-color: ",";\n    }\n  }\n\n  &:after {\n    content: '';\n    display: block;\n\n    height: 8px;\n    width: 5px;\n    position: absolute;\n    right: 5px;\n    top: 2px;\n\n    transition: 0.2s all linear;\n\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n    border-bottom: 2px solid transparent;\n    border-right: 2px solid transparent;\n  }\n"])),
+Input=exports.Input=_styledComponents.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 16px;\n  height: 16px;\n\n  border: 1px solid ",";\n  background: ",";\n  cursor: ",";\n  transition: 0.2s all linear;\n  margin-right: 5px;\n\n  position: relative;\n  top: 10px;\n  \n  &:hover {\n    border-color: ",";\n  }\n\n  &:checked {\n    border-color: ",";\n    \n    &:after {\n      border-color: ",";\n    }\n  }\n\n  &:after {\n    content: '';\n    display: block;\n\n    height: 8px;\n    width: 5px;\n    position: absolute;\n    right: 5px;\n    top: 2px;\n\n    transition: 0.2s all linear;\n\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n    border-bottom: 2px solid transparent;\n    border-right: 2px solid transparent;\n  }\n"])),
 
 
 
@@ -20,9 +20,9 @@ var Input=_styledComponents.default.input(_templateObject3||(_templateObject3=_t
 
 
 
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.normal},
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.background:"white"},
-function(a){var b=a.disabled;return b?"not-allowed":"pointer"},
+(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}=a;return b?"not-allowed":"pointer"},
 
 
 
@@ -30,11 +30,11 @@ function(a){var b=a.disabled;return b?"not-allowed":"pointer"},
 
 
 
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.hover},
+(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
 
 
 
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.focus},
+(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus},
 
 
-function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.focus});exports.Input=Input;
+(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus});