react-jupiter 6.0.0-beta.2 → 6.0.0-beta.4

package/form/radio/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return _radio.default}}),Object.defineProperty(exports,"RadioOption",{enumerable:!0,get:function(){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=exports.default=
+
+
+
+
+
+{
+Radio:_radio.default,
+RadioOption:_radioOption.default
+};

package/form/radio/index.stories.js

@@ -0,0 +1,119 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.WithDefaultValue=exports.VerticalLayout=exports.Minimal=exports.FullOptions=exports.DisabledOption=exports.Disabled=exports.CustomOption=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_radio=_interopRequireDefault(require("./radio")),_radioOption=_interopRequireDefault(require("./radio-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+title:"Form/Radio",
+component:_radio.default,
+
+argTypes:{
+groupName:{
+control:"text",
+defaultValue:"degree"
+},
+label:{
+control:"text",
+defaultValue:"\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:{
+control:"text",
+defaultValue:"300"
+},
+isDisabled:{
+control:"boolean",
+defaultValue:!1
+},
+type:{
+control:"select",
+options:["horizontal","vertical"],
+defaultValue:"horizontal"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+handleChange:{
+action:"handleChange"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/
+_react.default.createElement(_radio.default,a,/*#__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"})
+),
+
+
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={};
+
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+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",
+defaultCheckedValue:"300",
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+isDisabled:!1,
+type:"horizontal",
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+};const
+
+FullOptionsTemplate=(a)=>/*#__PURE__*/
+_react.default.createElement(_radio.default,a,/*#__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"})
+),
+
+
+WithDefaultValue=exports.WithDefaultValue=FullOptionsTemplate.bind({});
+WithDefaultValue.args={
+...FullOptions.args
+};
+
+const VerticalLayout=exports.VerticalLayout=FullOptionsTemplate.bind({});
+VerticalLayout.args={
+...FullOptions.args,
+type:"vertical"
+};
+
+const Disabled=exports.Disabled=FullOptionsTemplate.bind({});
+Disabled.args={
+...FullOptions.args,
+isDisabled:!0
+};
+
+const WithError=exports.WithError=FullOptionsTemplate.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
+};const
+
+RadioOptionTemplate=(a)=>/*#__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,a),/*#__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"})
+),
+
+
+CustomOption=exports.CustomOption=RadioOptionTemplate.bind({});
+CustomOption.args={
+label:"\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645",
+value:"100",
+isDisabled:!1
+};
+
+const DisabledOption=exports.DisabledOption=RadioOptionTemplate.bind({});
+DisabledOption.args={
+...CustomOption.args,
+isDisabled:!0
+};

package/form/radio/index.style.js

@@ -0,0 +1,61 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadioWrapper=exports.Input=exports.Fieldset=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+Fieldset=exports.Fieldset=_styledComponents.default.fieldset`
+  border: none;
+  padding: 0;
+  margin: 0;
+   * {
+    box-sizing: content-box;
+  }
+`,
+
+RadioWrapper=exports.RadioWrapper=_styledComponents.default.div`
+  display: flex;
+  justify-content: space-between;
+  ${(a)=>{let{type:b}=a;return"vertical"===b?"flex-direction: column;":""}}
+`,
+
+Input=exports.Input=_styledComponents.default.input`
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  margin-right: 5px;
+  position: relative;
+  top: 4px;
+  
+  border: 1px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal}};
+  cursor: ${(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"}};
+  transition: background 0.2s linear;
+
+  &:hover {
+    border: 1px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover}};
+  }
+
+  &:checked {
+    border: 5px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}};
+    width: 8px;
+    height: 8px;
+    background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+
+    &:after {
+      background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+    }
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    background: ${(a)=>{let{disabled:b}=a;return b?"white":"transparent"}};
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    z-index: -1;
+    top: -6px;
+    right: -6px;
+  }
+`;

package/form/radio/radio-option.js

@@ -0,0 +1,45 @@
+"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}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+const RadioOption=(a)=>
+
+
+
+
+
+
+{let{label:b,value:c,isDisabled:e=!1,defaultCheckedValue:f="",inputRef:g=null,groupName:d}=a;
+const h=`${d}-${c}-${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,{
+type:"radio",
+id:h,
+name:d,
+value:c,
+defaultChecked:f===c,
+disabled:e,
+ref:g}
+),/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:14},
+b
+)
+)
+))
+
+};var _default=exports.default=
+
+RadioOption;

package/form/radio/radio.js

@@ -0,0 +1,56 @@
+"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}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Radio=(a)=>
+
+
+
+
+
+
+
+
+{let{groupName:c="radio-element",label:d="",handleChange:e=()=>{},defaultCheckedValue:f="",isDisabled:g=!1,type:h="horizontal",errorMessage:i="",children:b}=a;
+const 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(
+(a)=>
+g?
+_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f,isDisabled:g}):
+
+_react.default.cloneElement(a,{groupName:c,defaultCheckedValue:f})
+
+
+)
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:i})
+))
+
+};var _default=exports.default=
+
+Radio;

package/form/text-input/index.js

@@ -0,0 +1,92 @@
+"use strict";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(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const TextInput=(a)=>
+
+
+
+
+
+
+
+
+
+{let{type:c="text",label:d=null,id:e=null,placeholder:f=null,disabled:g=!1,description:h=null,errorMessage:i="",inputRef:j=null,htmlElementName:b}=a;const
+[k,l]=(0,_react.useState)(""),
+[m,n]=(0,_react.useState)(!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||`${c}-${b.split(" ").join("")}`,"data-test":"text-input"},
+d&&/*#__PURE__*/
+_react.default.createElement(_index.LabelContainer,{bold:!0,size:14},
+d
+),
+
+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,{
+id:e||`${c}-${b.split(" ").join("")}`,
+name:b,
+type:m||"text"===c?"text":"password",
+placeholder:f,
+value:k,
+onChange:function(a){l(a.target.value)},
+onFocus:function(a){a.target.setSelectionRange(0,0)},
+disabled:g,
+ref:j}
+),
+"password"===c&&/*#__PURE__*/
+_react.default.createElement(_index.PasswordIcon,{
+name:m?"visibility-off":"visibility",
+color:m?"blue":"gray",
+onClick:function(){n(!m)}}
+)
+
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:i})
+))
+
+};var _default=exports.default=
+
+TextInput;

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

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Password=exports.Minimal=exports.FullOptions=exports.Disabled=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+{
+title:"Form/Inputs",
+component:_index.default,
+
+argTypes:{
+htmlElementName:{
+control:"text",
+defaultValue:"text-name-01"
+},
+label:{
+control:"text",
+defaultValue:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"
+},
+placeholder:{
+control:"text",
+defaultValue:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"
+},
+disabled:{
+control:"boolean",
+defaultValue:!1
+},
+description:{
+control:"text",
+defaultValue:"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+type:{
+control:"select",
+options:["text","password"],
+defaultValue:"text"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/_react.default.createElement(_index.default,a),
+
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={
+htmlElementName:"text-name-01",
+label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"
+};
+
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+htmlElementName:"text-name-02",
+label:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A",
+placeholder:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636",
+disabled:!1,
+description:"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A \u0627\u0636\u0627\u0641\u0647",
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+type:"text"
+};
+
+const Password=exports.Password=Template.bind({});
+Password.args={
+...FullOptions.args,
+type:"password"
+};
+
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...FullOptions.args,
+disabled:!0
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
+};

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

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

package/form/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",()=>{
+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

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