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

package/form/captcha/index.test.js

@@ -0,0 +1,31 @@
+"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme"),_test=_interopRequireDefault(require("../../utils/test")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+describe("captcha",()=>{
+it("render captcha box",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
+b=(0,_test.default)(a,"captcha-box");
+
+expect(b.length).toBe(1)
+}),
+it("render captcha input",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
+b=(0,_test.default)(a,"captcha-input");
+
+expect(b.length).toBe(1)
+}),
+it("render captcha img",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
+b=(0,_test.default)(a,"captcha-img");
+
+expect(b.length).toBe(1)
+}),
+it("render retry button",()=>{const
+a=(0,_enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default,{src:"wrong-src",handleRetryCaptcha:()=>{}})),
+b=(0,_test.default)(a,"captcha-retry");
+
+expect(b.length).toBe(1)
+})
+});

package/form/checkbox/checkbox-option.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_theme=_interopRequireDefault(require("../theme")),_typography=require("../../typography"),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+const CheckboxOption=(a)=>{const
+{
+label:b,value:c,isDisabled:e=!1,isChecked:f=!1,inputRef:g=null,groupName:d
+}=a,
+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:"checkbox",
+id:h,
+name:d,
+value:c,
+defaultChecked:f,
+disabled:e,
+ref:g}
+),/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:14},
+b
+)
+)
+))
+
+};var _default=exports.default=
+
+CheckboxOption;

package/form/checkbox/checkbox.js

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

package/form/checkbox/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return _checkbox.default}}),Object.defineProperty(exports,"CheckboxOption",{enumerable:!0,get:function(){return _checkboxOption.default}}),exports.default=void 0;var _checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+Checkbox:_checkbox.default,
+CheckboxOption:_checkboxOption.default
+};

package/form/checkbox/index.stories.js

@@ -0,0 +1,121 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithPreSelectedOptions=exports.WithError=exports.VerticalLayout=exports.Minimal=exports.FullOptions=exports.DisabledOption=exports.Disabled=exports.CustomOption=exports.CheckedOption=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_checkbox=_interopRequireDefault(require("./checkbox")),_checkboxOption=_interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+title:"Form/Checkbox",
+component:_checkbox.default,
+
+argTypes:{
+groupName:{
+control:"text",
+defaultValue:"degree"
+},
+label:{
+control:"text",
+defaultValue:"\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"
+},
+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(_checkbox.default,a,/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"first",label:"First Value"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"sec",label:"Sec Value"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"third",label:"Third Value"})
+),
+
+
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={};
+
+const FullOptions=exports.FullOptions=Template.bind({});
+FullOptions.args={
+groupName:"degree",
+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",
+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(_checkbox.default,a,/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"100",label:"\u0648\u0631\u0632\u0634\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"234",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC",isChecked:!0}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC",isChecked:!0})
+),
+
+
+WithPreSelectedOptions=exports.WithPreSelectedOptions=FullOptionsTemplate.bind({});
+WithPreSelectedOptions.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 \u062D\u062F\u0627\u0642\u0644 \u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
+};const
+
+CheckboxOptionTemplate=(a)=>/*#__PURE__*/
+_react.default.createElement(_checkbox.default,{groupName:"degree",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"},/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,a),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"200",label:"\u0639\u0644\u0645\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"300",label:"\u0645\u0630\u0647\u0628\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"400",label:"\u0641\u0631\u0647\u0646\u06AF\u06CC"}),/*#__PURE__*/
+_react.default.createElement(_checkboxOption.default,{value:"500",label:"\u0647\u0646\u0631\u06CC"})
+),
+
+
+CustomOption=exports.CustomOption=CheckboxOptionTemplate.bind({});
+CustomOption.args={
+label:"\u0648\u0631\u0632\u0634\u06CC",
+value:"100",
+isDisabled:!1,
+isChecked:!1
+};
+
+const DisabledOption=exports.DisabledOption=CheckboxOptionTemplate.bind({});
+DisabledOption.args={
+...CustomOption.args,
+isDisabled:!0
+};
+
+const CheckedOption=exports.CheckedOption=CheckboxOptionTemplate.bind({});
+CheckedOption.args={
+...CustomOption.args,
+isChecked:!0
+};

package/form/checkbox/index.style.js

@@ -0,0 +1,62 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.Input=exports.Fieldset=exports.CheckboxWrapper=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;
+`,
+
+CheckboxWrapper=exports.CheckboxWrapper=_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;
+
+  width: 16px;
+  height: 16px;
+
+  border: 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"}};
+  cursor: ${(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"}};
+  transition: 0.2s all linear;
+  margin-right: 5px;
+
+  position: relative;
+  top: 10px;
+  
+  &:hover {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.hover}};
+  }
+
+  &:checked {
+    border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+    
+    &:after {
+      border-color: ${(a)=>{let{disabled:b,theme:c}=a;return b?c.disabled.color:c.borderColor.focus}};
+    }
+  }
+
+  &:after {
+    content: '';
+    display: block;
+
+    height: 8px;
+    width: 5px;
+    position: absolute;
+    right: 5px;
+    top: 2px;
+
+    transition: 0.2s all linear;
+
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+    border-bottom: 2px solid transparent;
+    border-right: 2px solid transparent;
+  }
+`;

package/form/dropdown/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return _select.default}}),Object.defineProperty(exports,"SelectOption",{enumerable:!0,get:function(){return _option.default}}),exports.default=void 0;var _select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+Select:_select.default,
+SelectOption:_option.default
+};

package/form/dropdown/index.stories.js

@@ -0,0 +1,119 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithPlaceholderAndOptions=exports.WithPlaceholder=exports.WithError=exports.Minimal=exports.FullOptions=exports.DisabledOption=exports.Disabled=exports.CustomOption=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_select=_interopRequireDefault(require("./select")),_option=_interopRequireDefault(require("./option"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+title:"Form/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"
+},
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+handleChange:{
+action:"handleChange"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/
+_react.default.createElement(_select.default,a,/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"first",label:"First Value"}),/*#__PURE__*/
+_react.default.createElement(_option.default,{value:"sec",label:"2nd Value"})
+),
+
+
+Minimal=exports.Minimal=Template.bind({});
+Minimal.args={};
+
+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
+
+WithOptionsTemplate=(a)=>/*#__PURE__*/
+_react.default.createElement(_select.default,a,/*#__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",isDisabled:!0})
+),
+
+
+FullOptions=exports.FullOptions=WithOptionsTemplate.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",
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+};
+
+const WithPlaceholderAndOptions=exports.WithPlaceholderAndOptions=WithOptionsTemplate.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=WithOptionsTemplate.bind({});
+Disabled.args={
+...FullOptions.args,
+isDisabled:!0
+};
+
+const WithError=exports.WithError=WithOptionsTemplate.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)=>/*#__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},/*#__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
+};
+
+const DisabledOption=exports.DisabledOption=SelectOptionTemplate.bind({});
+DisabledOption.args={
+...CustomOption.args,
+isDisabled:!0
+};

package/form/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: 15px;
+    top: 11px;
+    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: 37px;
+    position: absolute;
+    margin-top: 2px;
+    top: 0;
+    bottom: 1px;
+    left: 1px;
+    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: bold;
+  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: 100%;
+  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/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/dropdown/option.js

@@ -0,0 +1,22 @@
+"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)=>{
+const{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/dropdown/select.js

@@ -0,0 +1,68 @@
+"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");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Select=(a)=>
+
+
+
+
+
+
+
+
+
+{
+function b(a){
+i(a.target.value)
+}let{htmlElementName:d="select-element",defaultValue:e="",placeholder:f="",label:g="",isDisabled:h=!1,handleChange:i=()=>{},errorMessage:j="",inputRef:k=null,children:c}=a;
+
+const l=()=>/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index.SelectButton,{disabled:h},/*#__PURE__*/
+_react.default.createElement(_index.StyledSelect,{
+disabled:h,
+onChange:b,
+name:d,
+defaultValue:f?"":e,
+"data-test":"select",
+ref:k},
+
+f&&/*#__PURE__*/
+_react.default.createElement("option",{value:"",disabled:!0},f),
+
+c
+)
+),/*#__PURE__*/
+_react.default.createElement(_errorMsg.default,{errorMessage:j})
+);return(
+
+
+g)?/*#__PURE__*/
+
+_react.default.createElement("label",{htmlFor:d},/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:14,bold:!0,isDisplayBlock:!0},
+g
+),
+l()
+):
+
+
+l()
+};var _default=exports.default=
+
+Select;

package/form/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/index.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Captcha",{enumerable:!0,get:function(){return _captcha.default}}),Object.defineProperty(exports,"CheckboxInputGroup",{enumerable:!0,get:function(){return _checkbox.default}}),Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return _dropdown.default}}),Object.defineProperty(exports,"RadioInputGroup",{enumerable:!0,get:function(){return _radio.default}}),Object.defineProperty(exports,"TextInput",{enumerable:!0,get:function(){return _textInput.default}}),Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){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=exports.default=
+
+
+
+
+
+
+
+
+
+
+
+
+
+{
+TextInput:_textInput.default,
+Dropdown:_dropdown.default,
+RadioInputGroup:_radio.default,
+Textarea:_textarea.default,
+CheckboxInputGroup:_checkbox.default,
+Captcha:_captcha.default
+};