react-jupiter 6.0.0-beta.1 → 6.0.0-beta.3

package/form/textarea/index.stories.js

@@ -0,0 +1,90 @@
+"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"
+};
+
+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

@@ -0,0 +1,25 @@
+"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/theme.js

@@ -0,0 +1,16 @@
+"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}}
+
+const theme={
+borderRadius:_themes.default.borderRadius.low,
+borderColor:{
+normal:_themes.default.colors.gray800,
+hover:_themes.default.colors.blue400,
+focus:_themes.default.colors.blue600
+},
+disabled:{
+background:_themes.default.colors.gray200,
+color:_themes.default.colors.gray400
+}
+};var _default=exports.default=
+
+theme;

package/form-v7/captcha/index.js

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_styledComponents=require("styled-components"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_icon=_interopRequireDefault(require("../../icon")),_button=_interopRequireDefault(require("../../button")),_label=_interopRequireDefault(require("../label")),_index=require("../text-input/index.style"),_display=_interopRequireDefault(require("../../display")),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function Captcha(a)
+
+
+
+
+
+
+
+
+{let{classNames:g="",loading:h=!1,number:i=null,htmlElementName:b,label:c,imageUrl:d,control:e,fetchData:f}=a;const
+j=[/۰/g,/۱/g,/۲/g,/۳/g,/۴/g,/۵/g,/۶/g,/۷/g,/۸/g,/۹/g],
+k=[/٠/g,/١/g,/٢/g,/٣/g,/٤/g,/٥/g,/٦/g,/٧/g,/٨/g,/٩/g],
+
+l=(a)=>{
+let b=a;
+if("string"==typeof a)
+for(let a=0;10>a;a++)
+b=b.replace(j[a],a).replace(k[a],a);
+
+
+return b
+};
+
+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__*/
+_react.default.createElement(_reactHookForm.Controller,{
+name:b,
+control:e,
+rules:{
+required:"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A",
+pattern:{
+value:/^[۰۱۲۳۴۵۶۷۸۹0-9]{4}$/,
+message:"\u0644\u0637\u0641\u0627 \u0641\u0642\u0637 \u0639\u062F\u062F \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F."
+}
+},
+defaultValue:"",
+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"}-${b.split(" ").join("")}`,
+name:b,
+type:"text",
+rtl:!1,
+value:j,
+onChange:(a)=>{
+g(l(a.target.value))
+},
+className:"captcha-input"}
+),/*#__PURE__*/
+_react.default.createElement("img",{
+width:"auto",
+height:"40px",
+src:d,
+alt:"captcha-img",
+loading:"lazy",
+"data-test":"captcha-img"}
+)
+),/*#__PURE__*/
+_react.default.createElement(_button.default,{type:"button",size:"sm",styleType:"tertiary",onClick:f,disabled:h},/*#__PURE__*/
+_react.default.createElement(_icon.default,{name:h?"loading":"refresh"})
+)
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:e&&e.error?.message})
+))}}
+
+)
+)
+)
+))
+
+}var _default=exports.default=
+
+Captcha;

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

@@ -0,0 +1,60 @@
+"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")})
+))
+
+},
+
+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",
+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

@@ -0,0 +1,38 @@
+"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/captcha/index.test.js

@@ -0,0 +1,31 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_test=_interopRequireDefault(require("../../utils/test")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+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)
+}),
+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)
+}),
+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)
+}),
+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)
+})
+});

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

@@ -0,0 +1,44 @@
+"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)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const CheckboxOption=(a)=>
+
+{let{label:b,value:c,isDisabled:g=!1,isChecked:h=!1,groupName:d,register:e,handleOnchange:f}=a;
+const i=`${d}-${c}`;
+
+return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement("label",{htmlFor:i},/*#__PURE__*/
+_react.default.createElement(_index.Input,_extends({
+type:"checkbox",
+id:i,
+name:d,
+value:c,
+defaultChecked:h},
+e(d,{
+disabled:g,
+onChange:f
+}))
+),/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:14},
+b
+)
+)
+))
+
+};var _default=exports.default=
+
+CheckboxOption;

package/form-v7/checkbox/checkbox.js

@@ -0,0 +1,70 @@
+"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"),_theme=_interopRequireDefault(require("../theme")),_label=_interopRequireDefault(require("../label")),_typography=require("../../typography");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Checkbox=(a)=>
+
+
+
+
+
+
+
+
+
+
+{let{groupName:f="radio-element",label:g="",handleChange:h=()=>{},isDisabled:i=!1,type:j="horizontal",required:k=!1,register:b,number:c,control:d,children:e}=a;
+const l=_react.default.Children.toArray(e);
+
+return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index2.Fieldset,{onChange:h},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_label.default,{label:g,number:c,required:k}),/*#__PURE__*/
+_react.default.createElement(_reactHookForm.Controller,{
+name:f,
+control:d,
+rules:{required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
+render:(a)=>{let{fieldState:c}=a;return(/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_index.CheckboxWrapper,{type:j},
+l.map(
+(a)=>
+i?
+_react.default.cloneElement(a,{groupName:f,isDisabled:i,register:b}):
+
+_react.default.cloneElement(a,{groupName:f,register:b})
+
+
+)
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:c&&c.error?.message})
+))}}
+
+)
+)
+))
+
+};var _default=exports.default=
+
+Checkbox;

package/form-v7/checkbox/index.js

@@ -0,0 +1,10 @@
+"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=
+
+
+
+
+
+{
+Checkbox:_checkbox.default,
+CheckboxOption:_checkboxOption.default
+};

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

@@ -0,0 +1,113 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.VerticalLayout=exports.Minimal=exports.FullOptions=exports.Disabled=exports.CustomOption=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));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/Checkbox",
+component:_checkbox.default,
+
+argTypes:{
+groupName:{
+control:"text",
+defaultValue:"degree"
+},
+label:{
+control:"text",
+defaultValue:"\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"
+},
+number:{
+control:"number",
+defaultValue:4
+},
+isDisabled:{
+control:"boolean",
+defaultValue:!1
+},
+type:{
+control:"select",
+options:["horizontal","vertical"],
+defaultValue:"horizontal"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+required:{
+control:"boolean",
+defaultValue:!0
+}
+}
+};const
+
+Template=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return(/*#__PURE__*/
+_react.default.createElement(_checkbox.default,_extends({},a,{register:b,control:c}),/*#__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"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})
+))
+
+},
+
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={
+groupName:"degree",
+required:!0
+};
+
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+groupName:"degree",
+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",
+number:4,
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+isDisabled:!1,
+type:"horizontal",
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+required:!0
+};
+
+const VerticalLayout=exports.VerticalLayout=Template.bind({});
+VerticalLayout.args={
+...FullOptions.args,
+type:"vertical"
+};
+
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...FullOptions.args,
+isDisabled:!0
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u062D\u062F\u0627\u0642\u0644 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
+};const
+
+CheckboxOptionTemplate=(a)=>{
+const{register: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},/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,_extends({},a,{register:b})),/*#__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"})
+))
+
+},
+
+CustomOption=exports.CustomOption=CheckboxOptionTemplate.bind({});
+CustomOption.args={
+label:"\u0648\u0631\u0632\u0634\u06CC",
+value:"100",
+isDisabled:!1,
+isChecked:!1
+};

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

@@ -0,0 +1,62 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.Input=exports.Fieldset=exports.CheckboxWrapper=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+Fieldset=exports.Fieldset=_styledComponents.default.fieldset`
+  border: none;
+  padding: 0;
+  margin: 0;
+`,
+
+CheckboxWrapper=exports.CheckboxWrapper=_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;
+
+  width: 16px;
+  height: 16px;
+
+  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"}};
+  cursor: ${(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"}};
+  transition: 0.2s all linear;
+  margin-right: 5px;
+
+  position: relative;
+  top: 10px;
+  
+  &:hover {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover}};
+  }
+
+  &:checked {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+    
+    &:after {
+      border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+    }
+  }
+
+  &:after {
+    content: '';
+    display: block;
+
+    height: 8px;
+    width: 5px;
+    position: absolute;
+    right: 5px;
+    top: 2px;
+
+    transition: 0.2s all linear;
+
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+    border-bottom: 2px solid transparent;
+    border-right: 2px solid transparent;
+  }
+`;

package/form-v7/dropdown/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return _select.default}}),Object.defineProperty(exports,"SelectOption",{enumerable:!0,get:function(){return _option.default}}),exports.default=void 0;var _select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+Select:_select.default,
+SelectOption:_option.default
+};