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

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

@@ -0,0 +1,130 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithPlaceholderAndOptions=exports.WithPlaceholder=exports.WithError=exports.Minimal=exports.FullOptions=exports.Disabled=exports.CustomOption=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_addonActions=require("@storybook/addon-actions"),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}var _default=exports.default=
+
+
+
+
+
+
+{
+title:"Form-v7/Dropdown",
+component:_select.default,
+
+argTypes:{
+htmlElementName:{
+control:"text",
+defaultValue:"\u0627\u0633\u062A\u0627\u0646"
+},
+placeholder:{
+control:"text",
+defaultValue:"__\u0627\u0633\u062A\u0627\u0646 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F__"
+},
+defaultValue:{
+control:"text",
+defaultValue:"30"
+},
+isDisabled:{
+control:"boolean",
+defaultValue:!1
+},
+label:{
+control:"text",
+defaultValue:"\u0645\u062D\u0644 \u0628\u0631\u06AF\u0632\u0627\u0631\u06CC \u0631\u0648\u06CC\u062F\u0627\u062F"
+},
+number:{
+control:"number",
+defaultValue:3
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+required:{
+control:"boolean",
+defaultValue:!0
+}
+}
+};const
+
+Template=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return(/*#__PURE__*/
+_react.default.createElement(_select.default,_extends({},a,{register:b,control:c}),/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"20",label:"\u06A9\u0631\u062C"}),/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})
+))
+
+},
+
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={
+htmlElementName:"select",
+placeholder:"\u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
+defaultValue:"question 2",
+label:"select box",
+number:1,
+required:!1
+};
+
+const WithPlaceholder=exports.WithPlaceholder=Template.bind({});
+WithPlaceholder.args={
+htmlElementName:"\u0627\u0633\u062A\u0627\u0646",
+placeholder:"__\u0627\u0633\u062A\u0627\u0646 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F__",
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function")
+};
+
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+htmlElementName:"\u0627\u0633\u062A\u0627\u0646",
+defaultValue:"30",
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+isDisabled:!1,
+label:"\u0645\u062D\u0644 \u0628\u0631\u06AF\u0632\u0627\u0631\u06CC \u0631\u0648\u06CC\u062F\u0627\u062F",
+number:3,
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+required:!0
+};
+
+const WithPlaceholderAndOptions=exports.WithPlaceholderAndOptions=Template.bind({});
+WithPlaceholderAndOptions.args={
+...FullOptions.args,
+placeholder:"__\u0627\u0633\u062A\u0627\u0646 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F__"
+};
+
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...FullOptions.args,
+isDisabled:!0
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...FullOptions.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
+};const
+
+SelectOptionTemplate=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return(/*#__PURE__*/
+_react.default.createElement(_select.default,{
+htmlElementName:"\u0627\u0633\u062A\u0627\u0646",
+defaultValue:"30",
+handleChange:(0,_addonActions.action)("trigger what you want to do in onChange function"),
+isDisabled:!1,
+register:b,
+required:!0,
+control:c},/*#__PURE__*/
+
+_react.default.createElement(_option.default,a),/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"30",label:"\u062A\u0647\u0631\u0627\u0646"}),/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"40",label:"\u0641\u0645"})
+))
+
+},
+
+CustomOption=exports.CustomOption=SelectOptionTemplate.bind({});
+CustomOption.args={
+value:"20",
+label:"\u06A9\u0631\u062C",
+isDisabled:!1
+};

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

@@ -0,0 +1,57 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledSelect=exports.SelectButton=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+SelectButton=exports.SelectButton=_styledComponents.default.div`
+  position: relative;
+
+  &:after {
+    content: "";
+    display: block;
+    width: 7px;
+    height: 7px;
+    position: absolute;
+    left: 13px;
+    top: 9px;
+    border: solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal}};
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    pointer-events: none;
+  }
+
+  &:before {
+    content: "";
+    display: block;
+    width: 33px;
+    position: absolute;
+    margin-top: 2px;
+    top: 0;
+    bottom: 1px;
+    left: 5px;
+    border-right: 1px solid ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.normal}};
+    background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}};
+    pointer-events: none;
+  }
+`,
+
+StyledSelect=exports.StyledSelect=_styledComponents.default.select`
+  font-family: 'IranSharp';
+  font-weight: normal;
+  font-size: 12px;
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+  border: solid 1px ${(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.normal}};
+  padding: 4px;
+  box-sizing: border-box;
+  width: ${(a)=>{let{width:b}=a;return b}};
+  background: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.background:"white"}};
+  ${(a)=>{let{disabled:b,theme:c}=a;return b?`color: ${c.disabled.color};`:""}}
+  ${(a)=>{let{disabled:b,theme:c}=a;return b?`color: ${c.disabled.color};`:""}}
+  cursor: ${(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"}};
+
+  &:hover {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?"transparent":c.borderColor.hover}};
+  }
+
+  &:focus {
+    border-color: ${(a)=>{let{theme:b}=a;return b.borderColor.focus}};
+  }
+`;

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

@@ -0,0 +1,20 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_test=_interopRequireDefault(require("../../utils/test")),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+describe("dropdown (select-option) tests",()=>{
+it("render simple select tag",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_select.default,null)),
+b=(0,_test.default)(a,"select");
+
+expect(b.length).toBe(1)
+}),
+it("render simple option tag",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_option.default,{label:"hi",value:"hi_val"})),
+b=(0,_test.default)(a,"select-option");
+
+expect(b.length).toBe(1)
+})
+});

package/form-v7/dropdown/option.js

@@ -0,0 +1,18 @@
+"use strict";var _react=_interopRequireDefault(require("react"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+const SelectOption=(a)=>{let{label:b,value:c,isDisabled:d=!1}=a;return(/*#__PURE__*/
+_react.default.createElement("option",{
+disabled:d,
+value:c,
+"data-test":"select-option"},
+
+b
+))};var _default=exports.default=
+
+
+SelectOption;

package/form-v7/dropdown/select.js

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_reactHookForm=require("react-hook-form"),_theme=_interopRequireDefault(require("../theme")),_errorMsg=_interopRequireDefault(require("../errorMsg")),_index=require("./index.style"),_label=_interopRequireDefault(require("../label")),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Select=(a)=>
+
+
+
+
+
+
+
+
+
+
+
+{let{htmlElementName:d="select-element",defaultValue:e="",placeholder:f="",label:g="",width:h="100%",handleChange:i=void 0,isDisabled:j=!1,required:k=!1,number:l=null,control:b,children:c}=a;
+const m=()=>/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index.SelectButton,{disabled:j},/*#__PURE__*/
+_react.default.createElement(_reactHookForm.Controller,{
+name:d,
+control:b,
+rules:{required:!!k&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"},
+render:(a)=>{let{field:b,fieldState:d}=a;return(/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_index.StyledSelect,_extends({},
+b,{
+defaultValue:e,
+onChange:(a)=>{
+
+
+
+// Update RHF's state
+i&&i(a.target.value),b.onChange(a)
+},
+width:h}),
+
+f&&/*#__PURE__*/
+_react.default.createElement("option",{value:""},f),
+
+c
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:d&&d.error?.message})
+))}}
+
+)
+)
+);return(
+
+
+g)?/*#__PURE__*/
+
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
+_react.default.createElement(_label.default,{htmlFor:d,label:g,number:l,required:k}),
+m()
+)
+):
+
+
+m()
+};var _default=exports.default=
+
+Select;

package/form-v7/errorMsg.js

@@ -0,0 +1,21 @@
+"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}}
+
+
+
+
+const ErrorMsg=(a)=>{let{errorMessage:b=""}=a;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
+};var _default=exports.default=
+
+ErrorMsg;

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

@@ -0,0 +1,73 @@
+"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"),_index2=require("../index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const FileInput=(a)=>{let{
+type:e="text",
+label:f=null,
+id:g=null,
+disabled:h=!1,
+description:i=null,
+required:j=!1,
+number:k=null,
+htmlElementName:b,
+register:c,
+control:d
+}=a;return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index2.Fieldset,null,/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_label.default,{htmlFor:g||`${e}-${b.split(" ").join("")}`,label:f,number:k,required:j}),
+i&&/*#__PURE__*/
+_react.default.createElement(_index.DescriptionContainer,{size:10,color:"gray","data-test":"file-input-description"},
+i
+),/*#__PURE__*/
+
+
+_react.default.createElement(_reactHookForm.Controller,{
+name:b,
+control:d,
+rules:{required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u062C\u0628\u0627\u0631\u06CC \u0627\u0633\u062A"}// Add required rule
+,render:(a)=>{let{fieldState:d}=a;return(/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_index.Input,_extends({
+id:g||`${e}-${b.split(" ").join("")}`,
+name:b,
+type:"file"},
+c(b,{
+disabled:h,
+required:!!j&&"\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0627\u0644\u0632\u0627\u0645\u06CC \u0627\u0633\u062A"
+}))
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:d&&d.error?.message})
+))}}
+
+)
+)
+))};var _default=exports.default=
+
+FileInput;

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

@@ -0,0 +1,73 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Disabled=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_reactHookForm=require("react-hook-form"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}var _default=exports.default=
+
+
+
+
+{
+title:"Form-V7/File Input",
+component:_index.default,
+
+argTypes:{
+htmlElementName:{
+control:"text",
+defaultValue:"file-input"
+},
+label:{
+control:"text",
+defaultValue:"\u0627\u06CC\u0646 \u0644\u06CC\u0628\u0644 \u0627\u0633\u062A"
+},
+description:{
+control:"text",
+defaultValue:"\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:{
+control:"number",
+defaultValue:5
+},
+placeholder:{
+control:"text",
+defaultValue:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636"
+},
+disabled:{
+control:"boolean",
+defaultValue:!1
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+required:{
+control:"boolean",
+defaultValue:!0
+}
+}
+};const
+
+Template=(a)=>{
+const{register:b,control:c}=(0,_reactHookForm.useForm)();
+return/*#__PURE__*/_react.default.createElement(_index.default,_extends({},a,{register:b,control:c}))
+},
+
+Default=exports.Default=Template.bind({});
+Default.args={
+htmlElementName:"file-input",
+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:5,
+placeholder:"\u0645\u062A\u0646 \u067E\u06CC\u0634\u0641\u0631\u0636",
+disabled:!1,
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+required:!0
+};
+
+const Disabled=exports.Disabled=Template.bind({});
+Disabled.args={
+...Default.args,
+disabled:!0
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...Default.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u06CC\u06A9 \u0641\u0627\u06CC\u0644 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
+};

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

@@ -0,0 +1,62 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PasswordIcon=exports.LabelContainer=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%;
+
+  &::file-selector-button {
+    color: ${(a)=>{let{theme:b}=a;return`${b.colors.blue}`}};
+    padding: 0.5em;
+    border: ${(a)=>{let{theme:b}=a;return`thin solid ${b.colors.blue}`}};
+    border-radius: 3px;
+    width: 100px;
+    height: 80;
+  }
+
+  &[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;
+  }
+`;

package/form-v7/file-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")
+})
+});