react-jupiter 5.8.13 → 5.9.13

package/form-v7/errorMsg.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_icon=_interopRequireDefault(require("../icon")),_typography=require("../typography"),_spacing=require("../spacing");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+var ErrorMsg=function(a){var b=a.errorMessage;return(
+b?/*#__PURE__*/
+
+_react.default.createElement(_spacing.Margin,{top:4},/*#__PURE__*/
+_react.default.createElement(_icon.default,{name:"error",color:"red",size:"sm",stickyRight:!0}),/*#__PURE__*/
+_react.default.createElement(_typography.Text,{bold:!0,size:10,color:"red","data-test":"error-message"},
+b)):
+
+
+
+
+
+null);
+};
+
+ErrorMsg.defaultProps={
+errorMessage:""
+};var _default=
+
+ErrorMsg;exports.default=_default;

package/form-v7/index.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Captcha",{enumerable:!0,get:function get(){return _captcha.default}}),Object.defineProperty(exports,"CheckboxInputGroup",{enumerable:!0,get:function get(){return _checkbox.default}}),Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function get(){return _dropdown.default}}),Object.defineProperty(exports,"RadioInputGroup",{enumerable:!0,get:function get(){return _radio.default}}),Object.defineProperty(exports,"TextInput",{enumerable:!0,get:function get(){return _textInput.default}}),Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function get(){return _textarea.default}}),exports.default=void 0;var _textInput=_interopRequireDefault(require("./text-input")),_dropdown=_interopRequireDefault(require("./dropdown")),_radio=_interopRequireDefault(require("./radio")),_textarea=_interopRequireDefault(require("./textarea")),_checkbox=_interopRequireDefault(require("./checkbox")),_captcha=_interopRequireDefault(require("./captcha"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=
+
+
+
+
+
+
+
+
+
+
+
+
+
+{
+TextInput:_textInput.default,
+Dropdown:_dropdown.default,
+RadioInputGroup:_radio.default,
+Textarea:_textarea.default,
+CheckboxInputGroup:_checkbox.default,
+Captcha:_captcha.default
+};exports.default=_default;

package/form-v7/radio/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _radio.default}}),Object.defineProperty(exports,"RadioOption",{enumerable:!0,get:function get(){return _radioOption.default}}),exports.default=void 0;var _radio=_interopRequireDefault(require("./radio")),_radioOption=_interopRequireDefault(require("./radio-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=
+
+
+
+
+
+{
+Radio:_radio.default,
+RadioOption:_radioOption.default
+};exports.default=_default;

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

@@ -0,0 +1,56 @@
+"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"),_radio=_interopRequireDefault(require("./radio")),_radioOption=_interopRequireDefault(require("./radio-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+(0,_react2.storiesOf)("Form/Radio",module).
+add("Minimal Form/Radio",function(){return/*#__PURE__*/(
+_react.default.createElement(_radio.default,null,/*#__PURE__*/
+_react.default.createElement(_radioOption.default,{value:"first",label:"First Value"}),/*#__PURE__*/
+_react.default.createElement(_radioOption.default,{value:"sec",label:"Sec Value"}),/*#__PURE__*/
+_react.default.createElement(_radioOption.default,{value:"third",label:"Third Value"})))}).
+
+
+add("Full option Radio",function(){return/*#__PURE__*/(
+_react.default.createElement(_radio.default,{
+groupName:(0,_addonKnobs.text)("optional groupName(but highly recommended to set manually)","degree"),
+label:(0,_addonKnobs.text)("optional label","\u0622\u062E\u0631\u06CC\u0646 \u0645\u062F\u0631\u06A9 \u062A\u062D\u0635\u06CC\u0644\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"),
+defaultCheckedValue:"300",
+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")},/*#__PURE__*/
+
+_react.default.createElement(_radioOption.default,{value:"100",label:"\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645"}),/*#__PURE__*/
+_react.default.createElement(_radioOption.default,{value:"234",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"})))}).
+
+
+add("Full option RadioOption",function(){return/*#__PURE__*/(
+_react.default.createElement(_radio.default,{
+groupName:"degree",
+label:"\u0622\u062E\u0631\u06CC\u0646 \u0645\u062F\u0631\u06A9 \u062A\u062D\u0635\u06CC\u0644\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"},/*#__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"})))}).
+
+
+addDecorator(_addonInfo.withInfo).
+addDecorator(_addonKnobs.withKnobs);

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

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadioWrapper=exports.Input=exports.Fieldset=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)}}))}
+
+var Fieldset=_styledComponents.default.fieldset(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border: none;\n  padding: 0;\n  margin: 0;\n   * {\n    box-sizing: content-box;\n  }\n"])));exports.Fieldset=Fieldset;
+
+
+
+
+
+
+
+
+var RadioWrapper=_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.RadioWrapper=RadioWrapper;
+
+
+var Input=_styledComponents.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n  margin-right: 5px;\n  position: relative;\n  top: 4px;\n  \n  border: 1px solid ",";\n  cursor: ",";\n  transition: background 0.2s linear;\n\n  &:hover {\n    border: 1px solid ",";\n  }\n\n  &:checked {\n    border: 5px solid ",";\n    width: 8px;\n    height: 8px;\n    background: ",";\n\n    &:after {\n      background: ",";\n    }\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    background: ",";\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    border-radius: 100%;\n    z-index: -1;\n    top: -6px;\n    right: -6px;\n  }\n"])),
+
+
+
+
+
+
+
+
+
+
+
+function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.normal},
+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},
+
+
+
+function(a){var b=a.disabled,c=a.theme;return b?c.disabled.background:"white"},
+
+
+function(a){var b=a.disabled,c=a.theme;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},
+
+
+
+
+
+
+function(a){var b=a.disabled;return b?"white":"transparent"});exports.Input=Input;

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

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_typography=require("../../typography"),_index=require("./index.style"),_theme=_interopRequireDefault(require("../theme"));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)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+var RadioOption=function(a){var
+
+b=
+a.label,c=a.value,d=a.isDisabled,e=a.defaultCheckedValue,f=a.groupName,g=a.register,
+h="".concat(f,"-").concat(c,"-").concat(b.split(" ").join(""));
+
+return/*#__PURE__*/(
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement("label",{htmlFor:h},/*#__PURE__*/
+_react.default.createElement(_index.Input,_extends({
+type:"radio",
+id:h,
+name:f,
+value:c,
+defaultChecked:e===c},
+g(f,{
+disabled:d
+}))),/*#__PURE__*/
+
+_react.default.createElement(_typography.Text,{size:14},
+b))));
+
+
+
+
+};
+
+RadioOption.defaultProps={
+isDisabled:!1,
+defaultCheckedValue:"",
+register:null
+};var _default=
+
+RadioOption;exports.default=_default;

package/form-v7/radio/radio.js

@@ -0,0 +1,60 @@
+"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");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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=_react.default.Children.toArray(b);
+
+return/*#__PURE__*/(
+_react.default.createElement(_index.Fieldset,{onChange:e},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),
+d&&/*#__PURE__*/
+_react.default.createElement("legend",null,/*#__PURE__*/
+_react.default.createElement(_typography.Text,{bold:!0,size:14},
+d)),/*#__PURE__*/
+
+
+
+_react.default.createElement(_index.RadioWrapper,{type:h},
+j.map(
+function(a){return(
+g?/*#__PURE__*/
+_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,isDisabled:g}):/*#__PURE__*/
+
+_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f}))})),/*#__PURE__*/
+
+
+
+
+_react.default.createElement(_errorMsg.default,{errorMessage:i})));
+
+
+};
+
+Radio.defaultProps={
+groupName:"radio-element",
+label:"",
+handleChange:function handleChange(){},
+defaultCheckedValue:"",
+isDisabled:!1,
+type:"horizontal",
+errorMessage:""
+};var _default=
+Radio;exports.default=_default;

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

@@ -0,0 +1,105 @@
+"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")),_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}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var TextInput=function(a){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=
+(0,_react.useState)(""),l=_slicedToArray(k,2),m=l[0],n=l[1],o=
+(0,_react.useState)(!1),p=_slicedToArray(o,2),q=p[0],r=p[1];
+
+
+
+
+
+
+
+
+
+
+
+
+
+return/*#__PURE__*/(
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_index.Label,{htmlFor:e||"".concat(b,"-").concat(d.split(" ").join("")),"data-test":"text-input"},
+c&&/*#__PURE__*/
+_react.default.createElement(_index.LabelContainer,{bold:!0,size:14},
+c),
+
+
+h&&/*#__PURE__*/
+_react.default.createElement(_index.DescriptionContainer,{bold:!0,size:10,color:"gray","data-test":"text-input-description"},
+h),/*#__PURE__*/
+
+
+_react.default.createElement(_index.Input,_extends({
+id:e||"".concat(b,"-").concat(d.split(" ").join("")),
+name:d,
+type:q||"text"===b?"text":"password",
+placeholder:f,
+value:m},
+j(d,{
+onChange:function(a){n(a.target.value)},
+onFocus:function(a){a.target.setSelectionRange(0,0)},
+disabled:g
+}))),
+
+"password"===b&&/*#__PURE__*/
+_react.default.createElement(_index.PasswordIcon,{
+name:q?"visibility-off":"visibility",
+color:q?"blue":"gray",
+onClick:function(){r(!q)}})),/*#__PURE__*/
+
+
+
+_react.default.createElement(_errorMsg.default,{errorMessage:i})));
+
+
+};
+
+TextInput.defaultProps={
+type:"text",
+label:null,
+id:null,
+placeholder:null,
+disabled:!1,
+description:null,
+errorMessage:"",
+register:null
+};var _default=
+
+TextInput;exports.default=_default;

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

@@ -0,0 +1,26 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonKnobs=require("@storybook/addon-knobs"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+(0,_react2.storiesOf)("Form/Inputs",module).
+add("Minimal Text Input",function(){return/*#__PURE__*/_react.default.createElement(_index.default,{htmlElementName:"text-name-01",label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"})}).
+add("Full option Text Input",function(){return/*#__PURE__*/(
+_react.default.createElement(_index.default,{
+htmlElementName:"text-name-02",
+label:(0,_addonKnobs.text)("optional label","\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"),
+placeholder:(0,_addonKnobs.text)("optional placeholder","\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"),
+disabled:(0,_addonKnobs.boolean)("disabled(default : false)",!1),
+description:(0,_addonKnobs.text)("optional description","\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"),
+errorMessage:(0,_addonKnobs.text)("optional error msg","\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"),
+type:(0,_addonKnobs.select)("select type(default : text)",["text","password"])}))}).
+
+
+addDecorator(_addonInfo.withInfo).
+addDecorator(_addonKnobs.withKnobs);

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

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=exports.Label=exports.Input=exports.DescriptionContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_styledComponents=_interopRequireDefault(require("styled-components")),_typography=require("../../typography"),_icon=_interopRequireDefault(require("../../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+
+
+
+var Input=_styledComponents.default.input(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-weight: bold;\n  font-size: 12px;\n  border-radius: ",";\n  border: solid 1px ",";\n  padding: 4px;\n  box-sizing: border-box;\n  width: 100%;\n\n  &[disabled=\"\"]{\n    background-color: ",";\n    color: ",";\n    border-color: transparent;\n\n\n    &:hover {\n      border-color: transparent;\n    }\n  }\n\n  &:hover {\n    border-color: ",";\n  }\n\n  &:focus {\n    border-color: ",";\n  }\n"])),
+
+
+
+function(a){var b=a.theme;return"".concat(b.borderRadius,"px")},
+function(a){var b=a.theme;return b.borderColor.normal},
+
+
+
+
+
+function(a){var b=a.theme;return b.disabled.background},
+function(a){var b=a.theme;return b.disabled.color},
+
+
+
+
+
+
+
+
+
+function(a){var b=a.theme;return b.borderColor.hover},
+
+
+
+function(a){var b=a.theme;return b.borderColor.focus});exports.Input=Input;
+
+
+
+var LabelContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 8px;\n"])));exports.LabelContainer=LabelContainer;
+
+
+
+
+var DescriptionContainer=(0,_styledComponents.default)(_typography.Text)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: block;\n  margin-bottom: 4px;\n"])));exports.DescriptionContainer=DescriptionContainer;
+
+
+
+
+var PasswordIcon=(0,_styledComponents.default)(_icon.default)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  bottom: 6px;\n\n  &:hover {\n    cursor: pointer;\n  }\n"])));exports.PasswordIcon=PasswordIcon;
+
+
+
+
+
+
+
+
+
+var Label=_styledComponents.default.label(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  position: relative;\n"])));exports.Label=Label;

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

@@ -0,0 +1,63 @@
+"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",function(){
+it("render simple text input",function(){var
+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",function(){var
+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",function(){var
+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",function(){var
+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",function(){var
+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",function(){var
+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",function(){var
+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-v7/textarea/index.js

@@ -0,0 +1,69 @@
+"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}}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)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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;
+
+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,_extends({
+name:b,
+placeholder:f,
+resize:g,
+minHeight:h},
+k(b,{
+onChange:i,
+disabled:d
+})),
+
+e),/*#__PURE__*/
+
+_react.default.createElement(_errorMsg.default,{errorMessage:j})));
+
+
+};
+
+Textarea.defaultProps={
+htmlElementName:"textarea-element",
+label:"",
+isDisabled:!1,
+defaultValue:"",
+placeholder:"",
+resize:"none",
+minHeight:120,
+handleChange:function handleChange(){},
+errorMessage:"",
+register:null
+};var _default=
+
+Textarea;exports.default=_default;

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

@@ -0,0 +1,31 @@
+"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",function(){return/*#__PURE__*/(
+_react.default.createElement(_index.default,null))}).
+
+add("Full option Textarea",function(){return/*#__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-v7/textarea/index.style.js

@@ -0,0 +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
+
+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")},
+
+
+
+
+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"},
+
+
+function(a){var b=a.disabled,c=a.theme;return b?c.disabled.color:c.borderColor.hover},
+
+
+function(a){var b=a.theme;return b.borderColor.focus}),_default=
+
+
+
+StyledTextarea;exports.default=_default;