react-jupiter 5.9.44 → 5.9.46

package/card/card-template/index.style.js

@@ -1,5 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../../themes"));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)}}))}var
 
 TemplateContainer=_styledComponents.default.section(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ",";\n  border-radius: ",";\n  overflow: hidden;\n  ",";\n  box-shadow: ",";\n  text-decoration: none;\n  transition: ",";\n  ",";\n\n  &:hover {\n    ",";\n  }\n"])),
 

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

@@ -42,8 +42,7 @@ b))));
 
 CheckboxOption.defaultProps={
 isDisabled:!1,
-isChecked:!1,
-inputRef:null
+isChecked:!1
 };var _default=
 
 CheckboxOption;exports.default=_default;

package/form-v7/checkbox/checkbox.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_typography=require("../../typography"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme")),_styledComponents=require("styled-components"),_numbers=require("../../utils/numbers"),_label=_interopRequireDefault(require("../label"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme")),_label=_interopRequireDefault(require("../label"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
 
 
@@ -22,26 +22,36 @@
 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.errorMessage,i=a.required,j=a.register,k=a.number,
+
+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,
 l=_react.default.Children.toArray(b);
 
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index.Fieldset,{onChange:e},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_label.default,{label:d,number:k,required:i}),/*#__PURE__*/
+_react.default.createElement(_label.default,{label:d,number:j,required:h}),/*#__PURE__*/
+_react.default.createElement(_reactHookForm.Controller,{
+name:c,
+control:k,
+rules:{required:"\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__*/(
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.CheckboxWrapper,{type:g},
 l.map(
 function(a){return(
 f?/*#__PURE__*/
-_react.default.cloneElement(a,{groupName:c,isDisabled:f,register:j}):/*#__PURE__*/
+_react.default.cloneElement(a,{groupName:c,isDisabled:f,register:i}):/*#__PURE__*/
+
+_react.default.cloneElement(a,{groupName:c,register:i}))})),/*#__PURE__*/
+
+
 
-_react.default.cloneElement(a,{groupName:c,register:j}))})),/*#__PURE__*/
 
+_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(b=d.error)||void 0===b?void 0:b.message)})))}}))));
 
 
 
-_react.default.createElement(_errorMsg.default,{errorMessage:h}))));
 
 
 
@@ -53,8 +63,6 @@ label:"",
 handleChange:function handleChange(){},
 isDisabled:!1,
 type:"horizontal",
-errorMessage:"",
-required:!1,
-number:null
+required:!1
 };var _default=
 Checkbox;exports.default=_default;

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

@@ -52,13 +52,15 @@ _react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\
 add("Full option CheckboxOption",function(){
 var a=
 
-(0,_reactHookForm.useForm)(),b=a.register;
+
+(0,_reactHookForm.useForm)(),b=a.register,c=a.control;
 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__*/
+register:b,
+control:c},/*#__PURE__*/
 
 _react.default.createElement(_checkboxOption.default,{
 label:(0,_addonKnobs.text)("label","\u0648\u0631\u0632\u0634\u06CC"),

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

@@ -65,7 +65,8 @@ _react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645",is
 add("Full option SelectOption",function(){
 var a=
 
-(0,_reactHookForm.useForm)(),b=a.register;
+
+(0,_reactHookForm.useForm)(),b=a.register,c=a.control;
 return/*#__PURE__*/(
 _react.default.createElement(_select.default,{
 htmlElementName:"\u0627\u0633\u062A\u0627\u0646",
@@ -73,7 +74,8 @@ defaultValue:"30",
 handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
 isDisabled:!1,
 register:b,
-required:!0},/*#__PURE__*/
+required:!0,
+control:c},/*#__PURE__*/
 
 _react.default.createElement(_option.default,{
 value:(0,_addonKnobs.text)("value","20"),

package/form-v7/dropdown/select.js

@@ -1,4 +1,4 @@
-"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"),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label"));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")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
 
 
@@ -19,47 +19,46 @@
 
 
 
-var Select=function(a){
+var Select=function(a){var
 
+b=
 
+a.htmlElementName,c=a.placeholder,d=a.isDisabled,e=a.children,f=a.label,g=a.required,h=a.number,i=a.control,
 
+j=function(){return/*#__PURE__*/(
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index.SelectButton,{disabled:d},/*#__PURE__*/
+_react.default.createElement(_reactHookForm.Controller,{
+name:b,
+control:i,
+rules:{required:"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"}// Add required rule
+,render:function render(a){var b,d=a.field,f=a.fieldState;return/*#__PURE__*/(
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_index.StyledSelect,
+d,
 
+c&&/*#__PURE__*/
+_react.default.createElement("option",{value:""},c),
 
-function b(a){
-f(a.target.value);
-}var c=a.htmlElementName,d=a.defaultValue,f=a.handleChange,g=a.placeholder,h=a.isDisabled,i=a.children,j=a.label,k=a.register,l=a.errorMessage,m=a.required,n=a.number,
+e),/*#__PURE__*/
 
-o=function(){return/*#__PURE__*/(
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement(_index.SelectButton,{disabled:h},/*#__PURE__*/
-_react.default.createElement(_index.StyledSelect,_extends({
-name:c,
-defaultValue:g?"":d,
-"data-test":"select"},
-k(c,{
-onChange:b,
-disabled:h
-})),
+_react.default.createElement(_errorMsg.default,{errorMessage:f&&(null===(b=f.error)||void 0===b?void 0:b.message)})))}}))))};return(
 
-g&&/*#__PURE__*/
-_react.default.createElement("option",{value:"",disabled:m},g),
 
-i)),/*#__PURE__*/
 
 
-_react.default.createElement(_errorMsg.default,{errorMessage:l})))};return(
 
 
 
-j?/*#__PURE__*/
+f?/*#__PURE__*/
 
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement(_label.default,{htmlFor:c,label:j,number:n,required:m}),
-o()):
+_react.default.createElement(_label.default,{htmlFor:b,label:f,number:h,required:g}),
+j()):
 
 
 
-o());
+j());
 };
 
 Select.defaultProps={
@@ -68,7 +67,6 @@ defaultValue:"",
 placeholder:"",
 label:"",
 isDisabled:!1,
-handleChange:function handleChange(){},
 errorMessage:"",
 register:null,
 required:!1,

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

@@ -1,4 +1,4 @@
-"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}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")),_label=_interopRequireDefault(require("../label")),_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(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}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")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=require("./index.style");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)}
 
 
 
@@ -37,27 +37,37 @@ b=
 
 
 
-a.type,c=a.label,d=a.htmlElementName,e=a.id,f=a.disabled,g=a.description,h=a.errorMessage,i=a.register,j=a.required,k=a.number;
+a.type,c=a.label,d=a.htmlElementName,e=a.id,f=a.disabled,g=a.description,h=a.register,i=a.required,j=a.number,k=a.control;
 
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_label.default,{htmlFor:e||"".concat(b,"-").concat(d.split(" ").join("")),label:c,number:k,required:j}),
+_react.default.createElement(_label.default,{htmlFor:e||"".concat(b,"-").concat(d.split(" ").join("")),label:c,number:j,required:i}),
 g&&/*#__PURE__*/
 _react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"file-input-description"},
 g),/*#__PURE__*/
 
 
+
+_react.default.createElement(_reactHookForm.Controller,{
+name:d,
+control:k,
+rules:{required:"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"}// Add required rule
+,render:function render(a){var c,g=a.fieldState;return/*#__PURE__*/(
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.Input,_extends({
 id:e||"".concat(b,"-").concat(d.split(" ").join("")),
 name:d,
 type:"file"},
-i(d,{
+h(d,{
 disabled:f,
-required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
+required:!!i&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
 }))),/*#__PURE__*/
 
-_react.default.createElement(_errorMsg.default,{errorMessage:h})));
+_react.default.createElement(_errorMsg.default,{errorMessage:g&&(null===(c=g.error)||void 0===c?void 0:c.message)})))}})));
+
+
+
 
 
 };
@@ -66,10 +76,8 @@ FileInput.defaultProps={
 type:"text",
 label:null,
 id:null,
-placeholder:null,
 disabled:!1,
 description:null,
-errorMessage:"",
 register:null,
 required:!1,
 number:null

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

@@ -9,7 +9,6 @@
 
 
 
-
 (0,_react2.storiesOf)("Form-V7/Inputs",module).
 add("File Input",function(){
 var a=
@@ -17,7 +16,7 @@ var a=
 (0,_reactHookForm.useForm)(),b=a.register;
 return/*#__PURE__*/(
 _react.default.createElement(_index.default,{
-htmlElementName:"text-name-02",
+htmlElementName:"file-input",
 register:b,
 label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
 description:"\u062D\u062C\u0645 \u0641\u0627\u06CC\u0644 \u0627\u0631\u0633\u0627\u0644\u06CC \u0628\u0627\u06CC\u062F \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0628\u0627\u0634\u062F",

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

@@ -0,0 +1,154 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonKnobs=require("@storybook/addon-knobs"),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_dropdown=require("../dropdown"),_fileInput=_interopRequireDefault(require("../file-input")),_spacing=require("../../spacing"),_radioOption=_interopRequireDefault(require("../radio/radio-option")),_radio=_interopRequireDefault(require("../radio/radio")),_textInput=_interopRequireDefault(require("../text-input")),_textarea=_interopRequireDefault(require("../textarea")),_checkbox=_interopRequireDefault(require("../checkbox/checkbox")),_checkboxOption=_interopRequireDefault(require("../checkbox/checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+(0,_react2.storiesOf)("Form-V7/Sample Form",module).
+add("Sample Form",function(){var a=
+
+
+
+
+(0,_reactHookForm.useForm)(),b=a.register,c=a.handleSubmit,d=a.control,
+
+
+
+
+e=[
+"question 1",
+"question 2",
+"question 3"];
+
+
+return/*#__PURE__*/(
+_react.default.createElement("form",{onSubmit:c(function onSubmit(a){console.log(a)})},/*#__PURE__*/
+_react.default.createElement(_dropdown.Select,{
+htmlElementName:"select",
+placeholder:"\u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
+register:b,
+control:d,
+defaultValue:0,
+label:"select box",
+number:1,
+required:!0},
+
+!!e&&e.map(function(a,b){return/*#__PURE__*/(
+_react.default.createElement(_dropdown.SelectOption,{key:b,value:a,label:a}))})),/*#__PURE__*/
+
+
+
+_react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
+_react.default.createElement(_fileInput.default,{
+htmlElementName:"file-input",
+register:b,
+control:d,
+label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
+description:"\u062D\u062C\u0645 \u0641\u0627\u06CC\u0644 \u0627\u0631\u0633\u0627\u0644\u06CC \u0628\u0627\u06CC\u062F \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0628\u0627\u0634\u062F",
+number:2,
+placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
+disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
+required:!0})),/*#__PURE__*/
+
+
+
+_react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
+_react.default.createElement(_radio.default,{
+groupName:"radio",
+label:"radio input",
+number:3,
+register:b,
+control:d,
+required:!0},/*#__PURE__*/
+
+_react.default.createElement(_radioOption.default,{
+label:(0,_addonKnobs.text)("label","\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645"),
+value:(0,_addonKnobs.text)("value","100"),
+isDisabled:(0,_addonKnobs.boolean)("optional disabled item",!1)}),/*#__PURE__*/
+
+_react.default.createElement(_radioOption.default,{value:"200",label:"\u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
+_react.default.createElement(_radioOption.default,{value:"300",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_radioOption.default,{value:"400",label:"\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F"}),/*#__PURE__*/
+_react.default.createElement(_radioOption.default,{value:"500",label:"\u062F\u06A9\u062A\u0631\u0627"}))),/*#__PURE__*/
+
+
+
+_react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
+_react.default.createElement(_textInput.default,{
+htmlElementName:"text-input",
+required:!0,
+label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
+number:23,
+register:b,
+control:d,
+placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
+disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
+description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
+type:(0,_addonKnobs.select)("select type(default : text)",["text","password"]),
+rtl:!1})),/*#__PURE__*/
+
+
+
+_react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
+_react.default.createElement(_textarea.default,{
+register:b,
+control:d,
+label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
+htmlElementName:(0,_addonKnobs.text)("optional html-element-name","textarea-box"),
+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:!1,
+required:!0,
+resize:"both",
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"})),/*#__PURE__*/
+
+
+
+_react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
+_react.default.createElement(_checkbox.default,{
+groupName:"checkbox",
+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:d},/*#__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__*/
+
+_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"}))),/*#__PURE__*/
+
+
+
+_react.default.createElement(_spacing.Margin,{top:8},/*#__PURE__*/
+_react.default.createElement("button",{type:"submit"},"submit"))));
+
+
+
+}).
+addDecorator(_addonInfo.withInfo).
+addDecorator(_addonKnobs.withKnobs);

package/form-v7/radio/radio.js

@@ -1,4 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label")),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label")),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
 
 
 
@@ -24,28 +25,37 @@ var Radio=function(a){var
 
 b=
 
-a.children,c=a.groupName,d=a.label,e=a.handleChange,f=a.defaultCheckedValue,g=a.isDisabled,h=a.type,i=a.errorMessage,j=a.register,k=a.number,l=a.required,
+a.children,c=a.groupName,d=a.label,e=a.handleChange,f=a.defaultCheckedValue,g=a.isDisabled,h=a.type,i=a.register,j=a.number,k=a.required,l=a.control,
 m=_react.default.Children.toArray(b);
 
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_index.Fieldset,{onChange:e},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_label.default,{label:d,number:k,required:l}),/*#__PURE__*/
+_react.default.createElement(_label.default,{label:d,number:j,required:k}),/*#__PURE__*/
+_react.default.createElement(_reactHookForm.Controller,{
+name:c,
+control:l,
+rules:{required:"\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__*/(
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.RadioWrapper,{type:h},
 m.map(
 function(a){return(
 g?/*#__PURE__*/
 _react.default.cloneElement(a,{
-groupName:c,defaultCheckedValue:f,isDisabled:g,register:j
+groupName:c,defaultCheckedValue:f,isDisabled:g,register:i
 }):/*#__PURE__*/
 
-_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,register:j}))})),/*#__PURE__*/
+_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,register:i}))})),/*#__PURE__*/
+
+
+
 
+_react.default.createElement(_errorMsg.default,{errorMessage:d&&(null===(b=d.error)||void 0===b?void 0:b.message)})))}}))));
 
 
 
-_react.default.createElement(_errorMsg.default,{errorMessage:i}))));
 
 
 
@@ -58,7 +68,6 @@ handleChange:function handleChange(){},
 defaultCheckedValue:"",
 isDisabled:!1,
 type:"horizontal",
-errorMessage:"",
 required:!1,
 number:null
 };var _default=

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

@@ -1,4 +1,4 @@
-"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}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")),_label=_interopRequireDefault(require("../label")),_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(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f=[],g=!0,h=!1;try{for(c=c.call(a);!(g=(d=c.next()).done)&&(f.push(d.value),!(b&&f.length===b));g=!0);}catch(a){h=!0,e=a}finally{try{g||null==c["return"]||c["return"]()}finally{if(h)throw e}}return f}}function _arrayWithHoles(a){if(Array.isArray(a))return a}
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=require("./index.style");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(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f=[],g=!0,h=!1;try{for(c=c.call(a);!(g=(d=c.next()).done)&&(f.push(d.value),!(b&&f.length===b));g=!0);}catch(a){h=!0,e=a}finally{try{g||null==c["return"]||c["return"]()}finally{if(h)throw e}}return f}}function _arrayWithHoles(a){if(Array.isArray(a))return a}
 
 
 
@@ -22,18 +22,13 @@
 
 
 
-
-
-
-
-
-var TextInput=function(a){
 
 
 
 
 
 
+var TextInput=function(a){
 
 
 
@@ -45,49 +40,59 @@ var TextInput=function(a){
 
 
 
-// function handleChange(e) {
-//   setValue(e.target.value);
-// }
-var b=a.type,c=a.label,d=a.htmlElementName,e=a.id,f=a.placeholder,g=a.disabled,h=a.description,i=a.errorMessage,j=a.register,k=a.required,l=a.number,m=a.rtl,n=(0,_react.useState)(!1),o=_slicedToArray(n,2),p=o[0],q=o[1];// const [value, setValue] = useState('');
 
 
 
 
 
 
+function b(){
+s(!r);
+}
 
+function c(a){
+a.target.setSelectionRange(0,0);
+}var d=a.type,e=a.label,f=a.htmlElementName,g=a.id,h=a.placeholder,i=a.disabled,j=a.description,k=a.register,l=a.required,m=a.number,n=a.rtl,o=a.control,p=(0,_react.useState)(!1),q=_slicedToArray(p,2),r=q[0],s=q[1];
 
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_label.default,{htmlFor:e||"".concat(b,"-").concat(d.split(" ").join("")),label:c,number:l,required:k}),
-h&&/*#__PURE__*/
+_react.default.createElement(_label.default,{htmlFor:g||"".concat(d,"-").concat(f.split(" ").join("")),label:e,number:m,required:l}),
+j&&/*#__PURE__*/
 _react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"text-input-description"},
-h),/*#__PURE__*/
+j),/*#__PURE__*/
 
 
+_react.default.createElement(_reactHookForm.Controller,{
+name:f,
+control:o,
+rules:{required:"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
+render:function render(a){var e,j=a.fieldState;return/*#__PURE__*/(
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.Input,_extends({
-id:e||"".concat(b,"-").concat(d.split(" ").join("")),
-name:d,
-type:p||"text"===b?"text":"password",
-placeholder:f
-// value={value}
-,rtl:m},
-j(d,{
+id:g||"".concat(d,"-").concat(f.split(" ").join("")),
+name:f,
+type:r||"text"===d?"text":"password",
+placeholder:h,
+rtl:n},
+k(f,{
 // onChange: handleChange,
-onFocus:function(a){a.target.setSelectionRange(0,0)},
-disabled:g,
-required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
+onFocus:c,
+disabled:i,
+required:!!l&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
 }))),
 
-"password"===b&&/*#__PURE__*/
+"password"===d&&/*#__PURE__*/
 _react.default.createElement(_index.PasswordIcon,{
-name:p?"visibility-off":"visibility",
-color:p?"blue":"gray",
-onClick:function(){q(!p)}}),/*#__PURE__*/
+name:r?"visibility-off":"visibility",
+color:r?"blue":"gray",
+onClick:b}),/*#__PURE__*/
+
+
+_react.default.createElement(_errorMsg.default,{errorMessage:j&&(null===(e=j.error)||void 0===e?void 0:e.message)})))}})));
+
 
 
-_react.default.createElement(_errorMsg.default,{errorMessage:i})));
 
 
 };
@@ -99,7 +104,6 @@ id:null,
 placeholder:null,
 disabled:!1,
 description:null,
-errorMessage:"",
 register:null,
 required:!1,
 number:null,

package/form-v7/textarea/index.js

@@ -1,4 +1,4 @@
-"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")),_label=_interopRequireDefault(require("../label")),_index=_interopRequireDefault(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")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_label=_interopRequireDefault(require("../label")),_index=_interopRequireDefault(require("./index.style"));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)}
 
 
 
@@ -26,26 +26,35 @@ 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.register,l=a.number,m=a.required;
+
+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.register,k=a.number,l=a.required,m=a.control;
 
 return/*#__PURE__*/(
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_label.default,{htmlFor:b,label:c,number:l,required:m}),/*#__PURE__*/
+_react.default.createElement(_label.default,{htmlFor:b,label:c,number:k,required:l}),/*#__PURE__*/
 
+_react.default.createElement(_reactHookForm.Controller,{
+name:b,
+control:m,
+rules:{required:"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
+render:function render(a){var c,k=a.fieldState;return/*#__PURE__*/(
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.default,_extends({
 name:b,
 placeholder:f,
 resize:g,
+defaultValue:e,
 minHeight:h},
-k(b,{
+j(b,{
 onChange:i,
 disabled:d
-})),
+}))),/*#__PURE__*/
+
+_react.default.createElement(_errorMsg.default,{errorMessage:k&&(null===(c=k.error)||void 0===c?void 0:c.message)})))}})));
+
 
-e),/*#__PURE__*/
 
-_react.default.createElement(_errorMsg.default,{errorMessage:j})));
 
 
 };
@@ -59,7 +68,6 @@ placeholder:"",
 resize:"none",
 minHeight:120,
 handleChange:function handleChange(){},
-errorMessage:"",
 register:null,
 required:!1,
 number:null

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

@@ -1,6 +1,4 @@
-"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")),_reactHookForm=require("react-hook-form");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
+"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"),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
 
 
@@ -15,27 +13,31 @@
 add("Minimal Textarea",function(){
 var a=
 
-(0,_reactHookForm.useForm)(),b=a.register;
+
+(0,_reactHookForm.useForm)(),b=a.register,c=a.control;
 return/*#__PURE__*/(
-_react.default.createElement(_index.default,{register:b}));
+_react.default.createElement(_index.default,{register:b,control:c}));
 
 }).
 add("Full option Textarea",function(){
 var a=
 
-(0,_reactHookForm.useForm)(),b=a.register;
+
+(0,_reactHookForm.useForm)(),b=a.register,c=a.control;
 
 return/*#__PURE__*/(
 _react.default.createElement(_index.default,{
 register:b,
+control:c,
 label:(0,_addonKnobs.text)("optional label","\u062A\u0648\u0636\u06CC\u062C\u0627\u062A"),
 htmlElementName:(0,_addonKnobs.text)("optional html-element-name","html-element-name"),
 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),
+isDisabled:!1,
+required:!0,
 resize:"both",
 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")}));
+defaultValue:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F"}));
 
 
 }).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "5.9.44",
+  "version": "5.9.46",
   "main": "./index.js",
   "license": "MIT",
   "keywords": [