react-jupiter 5.12.0 → 6.0.0-beta.2

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

@@ -1,63 +0,0 @@
-"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("text input tests",()=>{
-it("render simple text input",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name"})),
-b=(0,_test.default)(a,"text-input");
-
-expect(b.length).toBe(1)
-}),
-
-it("render text input with placeholder",()=>{const
-a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys"})),
-b=(0,_test.default)(a,"text-input");
-
-expect(b.find("input").prop("placeholder")).toBe("hi guys")
-}),
-
-it("test text input id without id props",()=>{const
-a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys"})),
-b=(0,_test.default)(a,"text-input");
-
-expect(b.find("input").prop("id")).toBe("text-engname")
-}),
-
-it("render text input - full props",()=>{const
-a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",placeholder:"hi guys",type:"text",id:"hiiii-id"})),
-b=(0,_test.default)(a,"text-input");
-
-expect(b.find("input").prop("id")).toBe("hiiii-id"),
-expect(b.find("input").prop("type")).toBe("text"),
-expect(b.find("input").prop("placeholder")).toBe("hi guys"),
-expect(b.find("input").prop("name")).toBe("eng name"),
-expect(b.length).not.toBe(0)
-}),
-
-it("render disabled input",()=>{const
-a=(0,_enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"eng name",disabled:!0})),
-b=(0,_test.default)(a,"text-input");
-
-expect(b.find("input").prop("disabled")).toBe(!0)
-}),
-
-it("render with or without text-input-description",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"with desc",description:"hiiiiii"})),
-b=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"without desc"})),
-c=(0,_test.default)(a,"text-input-description"),
-d=(0,_test.default)(b,"text-input-description");
-
-expect(c.length).toBe(1),
-expect(d.length).toBe(0)
-}),
-
-it("render with or err msg",()=>{const
-a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{label:"this is label",htmlElementName:"with desc",description:"hiiiiii",errorMessage:"this is a good err"})),
-b=(0,_test.default)(a,"error-message");
-
-expect(b.length).toBe(1),
-expect(b.children().text()).toBe("this is a good err")
-})
-});

package/form/textarea/index.js

@@ -1,59 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=_interopRequireDefault(require("./index.style"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const Textarea=(a)=>{let{
-htmlElementName:b="textarea-element",
-label:c="",
-isDisabled:d=!1,
-defaultValue:e="",
-placeholder:f="",
-resize:g="none",
-minHeight:h=120,
-handleChange:i=()=>{},
-errorMessage:j="",
-inputRef:k=null
-}=a;return/*#__PURE__*/(
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_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__*/
-
-
-_react.default.createElement(_index.default,{
-name:b,
-disabled:d,
-placeholder:f,
-resize:g,
-minHeight:h,
-onChange:i,
-ref:k},
-
-e
-),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:j})
-))};var _default=exports.default=
-
-
-Textarea;

package/form/textarea/index.stories.js

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

package/form/textarea/index.style.js

@@ -1,25 +0,0 @@
-"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=
-
-
-
-StyledTextarea;

package/form/theme.js

@@ -1,16 +0,0 @@
-"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

@@ -1,101 +0,0 @@
-"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)=>{var e;let{field:{onChange:j,value:k},fieldState:g}=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("")),
-name:b,
-type:"text",
-rtl:!1,
-value:k,
-onChange:(a)=>{
-j(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:g&&(null===(e=g.error)||void 0===e?void 0:e.message)})
-))}}
-
-)
-)
-)
-))
-
-}var _default=exports.default=
-
-Captcha;

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

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

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

@@ -1,36 +0,0 @@
-"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"])));

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

@@ -1,31 +0,0 @@
-"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

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

@@ -1,68 +0,0 @@
-"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"),_theme=_interopRequireDefault(require("../theme")),_label=_interopRequireDefault(require("../label"));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)=>{var c;let{fieldState:d}=a;return/*#__PURE__*/(
-_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
-_react.default.createElement(_index.CheckboxWrapper,{type:j},
-l.map(
-(a)=>
-i?/*#__PURE__*/
-_react.default.cloneElement(a,{groupName:f,isDisabled:i,register:b}):/*#__PURE__*/
-
-_react.default.cloneElement(a,{groupName:f,register:b})
-
-
-)
-),/*#__PURE__*/
-_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(c=d.error)||void 0===c?void 0:c.message)})
-))}}
-
-)
-)
-))
-
-};var _default=exports.default=
-
-Checkbox;

package/form-v7/checkbox/index.js

@@ -1,10 +0,0 @@
-"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

@@ -1,80 +0,0 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonActions=require("@storybook/addon-actions"),_addonKnobs=require("@storybook/addon-knobs"),_checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-(0,_react2.storiesOf)("Form-V7/Checkbox",module).
-add("Minimal Form/Checkbox",()=>{
-const{
-register:a
-}=(0,_reactHookForm.useForm)();
-return/*#__PURE__*/(
-_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",()=>{
-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"),
-label:(0,_addonKnobs.text)("optional 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:(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: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})
-))
-
-}).
-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: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: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"})
-))
-
-}).
-addDecorator(_addonInfo.withInfo).
-addDecorator(_addonKnobs.withKnobs);

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

@@ -1,40 +0,0 @@
-"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
-
-Fieldset=exports.Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border: none;\n  padding: 0;\n  margin: 0;\n"]))),
-
-
-
-
-
-CheckboxWrapper=exports.CheckboxWrapper=_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  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"])),
-
-
-
-
-
-
-
-(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"},
-
-
-
-
-
-
-
-(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover},
-
-
-
-(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});

package/form-v7/dropdown/index.js

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