groundfloor-react-ui 1.0.21 → 1.0.22

package/components/Inputs/DropdownSelect.js

@@ -526,7 +526,7 @@ DropdownSelect.propTypes = {
   /**
 *   default dropdown type
 */
-  dropdownType: PropTypes.bool,
+  dropdownType: PropTypes.string,
   /**
 *   disabled or not
 */

package/components/Inputs/TextInput.js

@@ -37,7 +37,7 @@ const TextWrapper = styled.div`
 `;
 
 const Input = styled.input`
-  width: inherit;
+  width: 98%;
   //Set the styles from the default styles object
   ${({ inBuiltCss, defaultInputStyle }) => {
 		return getDefaultStyles(inBuiltCss, defaultInputStyle);

package/dist/index.es.js

@@ -649,7 +649,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
 
   background-color:  ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
 `,et=s.input`
-  width: inherit;
+  width: 98%;
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultInputStyle:t})=>B(e,t)}
 
@@ -1429,7 +1429,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
   margin-left: 6px;
   margin-top: -14px;
   cursor: pointer;
-`,fo=({label:t,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:d,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:f,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,...E})=>{const k=p()||M,z=t=>e.createElement(y.DropdownIndicator,t,a?e.createElement(bo,{onClick:()=>{g(),t.clearValue()}},e.createElement(U,{icon:"cross-icon",color:"black",size:8})):null,e.createElement(bo,null,e.createElement(U,{icon:"triangle-down",color:"black",size:8}))),V=t=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px"},r=e.createElement("div",{style:{...o,backgroundColor:t?.data?.color??k.primary["primary-1"]}},e.createElement(U,{icon:"check-icon",color:"white"})),l=e.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return e.createElement(y.Option,t,e.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},t.isSelected?r:l,e.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},t.label)))},B=({index:t,...o})=>{const r=o?.data?.label||"Select";return!t&&e.createElement("div",{className:"text-main-alt"},r)},I=({getValue:t,children:o,...r})=>{const l=t().length;return e.createElement(y.ValueContainer,r,o,l>1&&e.createElement("div",{className:"text-more-alt"},"& ",l-1," more"))},W={control:(e,t)=>({...e,border:c?"1px solid "+k.border:"1px solid "+k.ui.error,height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center"}),valueContainer:e=>({...e,fontSize:d+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:d+"px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px"}),multiValue:e=>({...e,marginLeft:"0px"}),input:e=>({...e,fontSize:d+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?k.neutral["neutral-5"]:k.bgColor,padding:"10px",cursor:"pointer",color:"#081348"}),...E.styles};return e.createElement(uo,{style:b,isValid:c,fontSize:d,theme:k},t&&e.createElement(go,{inBuiltCss:R,labelWrapperStyle:"selectComp-label-wrapper",style:f},e.createElement(P,{customStyles:o,type:"label-text",text:t,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&e.createElement("div",{style:{marginLeft:"4px",color:`${k.ui.error}`}},"*")),"multiSelect"===v?e.createElement(h,w({components:{DropdownIndicator:z,MultiValue:B,Option:V,ValueContainer:I,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:W,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S},E)):"asyncSingleSelect"===v?e.createElement(x,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:W,components:{DropdownIndicator:z,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C},E)):"asyncMultiSelect"===v?e.createElement(x,w({components:{DropdownIndicator:z,MultiValue:B,ValueContainer:I,Option:V,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:W,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u},E)):e.createElement(h,w({components:{DropdownIndicator:z,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:W,onChange:i,isLoading:S},E)))};fo.propTypes={label:c.string,labelStyle:c.object,optionArr:c.array,selectedValue:c.object,setSelectedValue:c.func,placeHolder:c.string,fontSize:c.number,clearSelected:c.func,loadOptions:c.func,onInputChange:c.func,customWrapperStyles:c.object,customLabelStyles:c.object,isRequired:c.bool,dropdownType:c.bool,isDisabled:c.bool,isLoading:c.bool,isValid:c.bool,height:c.number,isClearable:c.bool},fo.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:()=>{},customLabelStyles:()=>{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1};const ho=({label:t,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,...c})=>e.createElement(rt,w({iconAfter:e.createElement(U,{icon:"magnifier-icon"}),label:t,textBoxStyle:a,placeholder:o,ref:l,onChange:r},c)),yo=s.div`
+`,fo=({label:t,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:d,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:f,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,...E})=>{const k=p()||M,z=t=>e.createElement(y.DropdownIndicator,t,a?e.createElement(bo,{onClick:()=>{g(),t.clearValue()}},e.createElement(U,{icon:"cross-icon",color:"black",size:8})):null,e.createElement(bo,null,e.createElement(U,{icon:"triangle-down",color:"black",size:8}))),V=t=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px"},r=e.createElement("div",{style:{...o,backgroundColor:t?.data?.color??k.primary["primary-1"]}},e.createElement(U,{icon:"check-icon",color:"white"})),l=e.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return e.createElement(y.Option,t,e.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},t.isSelected?r:l,e.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},t.label)))},B=({index:t,...o})=>{const r=o?.data?.label||"Select";return!t&&e.createElement("div",{className:"text-main-alt"},r)},I=({getValue:t,children:o,...r})=>{const l=t().length;return e.createElement(y.ValueContainer,r,o,l>1&&e.createElement("div",{className:"text-more-alt"},"& ",l-1," more"))},W={control:(e,t)=>({...e,border:c?"1px solid "+k.border:"1px solid "+k.ui.error,height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center"}),valueContainer:e=>({...e,fontSize:d+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:d+"px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px"}),multiValue:e=>({...e,marginLeft:"0px"}),input:e=>({...e,fontSize:d+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?k.neutral["neutral-5"]:k.bgColor,padding:"10px",cursor:"pointer",color:"#081348"}),...E.styles};return e.createElement(uo,{style:b,isValid:c,fontSize:d,theme:k},t&&e.createElement(go,{inBuiltCss:R,labelWrapperStyle:"selectComp-label-wrapper",style:f},e.createElement(P,{customStyles:o,type:"label-text",text:t,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&e.createElement("div",{style:{marginLeft:"4px",color:`${k.ui.error}`}},"*")),"multiSelect"===v?e.createElement(h,w({components:{DropdownIndicator:z,MultiValue:B,Option:V,ValueContainer:I,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:W,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S},E)):"asyncSingleSelect"===v?e.createElement(x,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:W,components:{DropdownIndicator:z,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C},E)):"asyncMultiSelect"===v?e.createElement(x,w({components:{DropdownIndicator:z,MultiValue:B,ValueContainer:I,Option:V,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:W,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u},E)):e.createElement(h,w({components:{DropdownIndicator:z,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:W,onChange:i,isLoading:S},E)))};fo.propTypes={label:c.string,labelStyle:c.object,optionArr:c.array,selectedValue:c.object,setSelectedValue:c.func,placeHolder:c.string,fontSize:c.number,clearSelected:c.func,loadOptions:c.func,onInputChange:c.func,customWrapperStyles:c.object,customLabelStyles:c.object,isRequired:c.bool,dropdownType:c.string,isDisabled:c.bool,isLoading:c.bool,isValid:c.bool,height:c.number,isClearable:c.bool},fo.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:()=>{},customLabelStyles:()=>{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1};const ho=({label:t,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,...c})=>e.createElement(rt,w({iconAfter:e.createElement(U,{icon:"magnifier-icon"}),label:t,textBoxStyle:a,placeholder:o,ref:l,onChange:r},c)),yo=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>B(e,t)}
 

package/dist/index.js

@@ -649,7 +649,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let a={};if(e[t]){
 
   background-color:  ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
 `,De=m.default.input`
-  width: inherit;
+  width: 98%;
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultInputStyle:t})=>M(e,t)}
 
@@ -1429,7 +1429,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let a={};if(e[t]){
   margin-left: 6px;
   margin-top: -14px;
   cursor: pointer;
-`,pl=({label:e,labelStyle:t,optionArr:o,selectedValue:a,setSelectedValue:r,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:f,onInputChange:m,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:C,isDisabled:w,isLoading:S,...E})=>{const k=l.useTheme()||z,M=e=>p.default.createElement(i.components.DropdownIndicator,e,c?p.default.createElement(ul,{onClick:()=>{g(),e.clearValue()}},p.default.createElement(Z,{icon:"cross-icon",color:"black",size:8})):null,p.default.createElement(ul,null,p.default.createElement(Z,{icon:"triangle-down",color:"black",size:8}))),R=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px"},l=p.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??k.primary["primary-1"]}},p.default.createElement(Z,{icon:"check-icon",color:"white"})),o=p.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return p.default.createElement(i.components.Option,e,p.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:o,p.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},B=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&p.default.createElement("div",{className:"text-main-alt"},l)},W=({getValue:e,children:t,...l})=>{const o=e().length;return p.default.createElement(i.components.ValueContainer,l,t,o>1&&p.default.createElement("div",{className:"text-more-alt"},"& ",o-1," more"))},P={control:(e,t)=>({...e,border:s?"1px solid "+k.border:"1px solid "+k.ui.error,height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center"}),valueContainer:e=>({...e,fontSize:u+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${d}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:u+"px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px"}),multiValue:e=>({...e,marginLeft:"0px"}),input:e=>({...e,fontSize:u+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?k.neutral["neutral-5"]:k.bgColor,padding:"10px",cursor:"pointer",color:"#081348"}),...E.styles};return p.default.createElement(sl,{style:b,isValid:s,fontSize:u,theme:k},e&&p.default.createElement(dl,{inBuiltCss:V,labelWrapperStyle:"selectComp-label-wrapper",style:x},p.default.createElement(I,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&p.default.createElement("div",{style:{marginLeft:"4px",color:`${k.ui.error}`}},"*")),"multiSelect"===C?p.default.createElement(h.default,v({components:{DropdownIndicator:M,MultiValue:B,Option:R,ValueContainer:W,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,value:a,options:o,styles:P,isMulti:!0,isDisabled:w,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S},E)):"asyncSingleSelect"===C?p.default.createElement(y.default,v({loadOptions:f,defaultOptions:!0,onInputChange:m,styles:P,components:{DropdownIndicator:M,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:r,isLoading:S,isDisabled:w},E)):"asyncMultiSelect"===C?p.default.createElement(y.default,v({components:{DropdownIndicator:M,MultiValue:B,ValueContainer:W,Option:R,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,styles:P,isMulti:!0,isDisabled:w,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:f,defaultOptions:!0,onInputChange:m},E)):p.default.createElement(h.default,v({components:{DropdownIndicator:M,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:o,placeholder:n,isDisabled:w,value:{value:a?a.value:"",label:a?a.label:""},styles:P,onChange:r,isLoading:S},E)))};pl.propTypes={label:f.default.string,labelStyle:f.default.object,optionArr:f.default.array,selectedValue:f.default.object,setSelectedValue:f.default.func,placeHolder:f.default.string,fontSize:f.default.number,clearSelected:f.default.func,loadOptions:f.default.func,onInputChange:f.default.func,customWrapperStyles:f.default.object,customLabelStyles:f.default.object,isRequired:f.default.bool,dropdownType:f.default.bool,isDisabled:f.default.bool,isLoading:f.default.bool,isValid:f.default.bool,height:f.default.number,isClearable:f.default.bool},pl.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:()=>{},customLabelStyles:()=>{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1};const fl=({label:e,placeholder:t,handleSearch:l,searchInput:o,customStylesForm:a,customStyleObject:r,textBoxStyle:i,...n})=>p.default.createElement(et,v({iconAfter:p.default.createElement(Z,{icon:"magnifier-icon"}),label:e,textBoxStyle:i,placeholder:t,ref:o,onChange:l},n)),ml=m.default.div`
+`,pl=({label:e,labelStyle:t,optionArr:o,selectedValue:a,setSelectedValue:r,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:f,onInputChange:m,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:C,isDisabled:w,isLoading:S,...E})=>{const k=l.useTheme()||z,M=e=>p.default.createElement(i.components.DropdownIndicator,e,c?p.default.createElement(ul,{onClick:()=>{g(),e.clearValue()}},p.default.createElement(Z,{icon:"cross-icon",color:"black",size:8})):null,p.default.createElement(ul,null,p.default.createElement(Z,{icon:"triangle-down",color:"black",size:8}))),R=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px"},l=p.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??k.primary["primary-1"]}},p.default.createElement(Z,{icon:"check-icon",color:"white"})),o=p.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return p.default.createElement(i.components.Option,e,p.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:o,p.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},B=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&p.default.createElement("div",{className:"text-main-alt"},l)},W=({getValue:e,children:t,...l})=>{const o=e().length;return p.default.createElement(i.components.ValueContainer,l,t,o>1&&p.default.createElement("div",{className:"text-more-alt"},"& ",o-1," more"))},P={control:(e,t)=>({...e,border:s?"1px solid "+k.border:"1px solid "+k.ui.error,height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center"}),valueContainer:e=>({...e,fontSize:u+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${d}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:u+"px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px"}),multiValue:e=>({...e,marginLeft:"0px"}),input:e=>({...e,fontSize:u+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?k.neutral["neutral-5"]:k.bgColor,padding:"10px",cursor:"pointer",color:"#081348"}),...E.styles};return p.default.createElement(sl,{style:b,isValid:s,fontSize:u,theme:k},e&&p.default.createElement(dl,{inBuiltCss:V,labelWrapperStyle:"selectComp-label-wrapper",style:x},p.default.createElement(I,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&p.default.createElement("div",{style:{marginLeft:"4px",color:`${k.ui.error}`}},"*")),"multiSelect"===C?p.default.createElement(h.default,v({components:{DropdownIndicator:M,MultiValue:B,Option:R,ValueContainer:W,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,value:a,options:o,styles:P,isMulti:!0,isDisabled:w,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S},E)):"asyncSingleSelect"===C?p.default.createElement(y.default,v({loadOptions:f,defaultOptions:!0,onInputChange:m,styles:P,components:{DropdownIndicator:M,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:r,isLoading:S,isDisabled:w},E)):"asyncMultiSelect"===C?p.default.createElement(y.default,v({components:{DropdownIndicator:M,MultiValue:B,ValueContainer:W,Option:R,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,styles:P,isMulti:!0,isDisabled:w,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:f,defaultOptions:!0,onInputChange:m},E)):p.default.createElement(h.default,v({components:{DropdownIndicator:M,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:o,placeholder:n,isDisabled:w,value:{value:a?a.value:"",label:a?a.label:""},styles:P,onChange:r,isLoading:S},E)))};pl.propTypes={label:f.default.string,labelStyle:f.default.object,optionArr:f.default.array,selectedValue:f.default.object,setSelectedValue:f.default.func,placeHolder:f.default.string,fontSize:f.default.number,clearSelected:f.default.func,loadOptions:f.default.func,onInputChange:f.default.func,customWrapperStyles:f.default.object,customLabelStyles:f.default.object,isRequired:f.default.bool,dropdownType:f.default.string,isDisabled:f.default.bool,isLoading:f.default.bool,isValid:f.default.bool,height:f.default.number,isClearable:f.default.bool},pl.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:()=>{},customLabelStyles:()=>{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1};const fl=({label:e,placeholder:t,handleSearch:l,searchInput:o,customStylesForm:a,customStyleObject:r,textBoxStyle:i,...n})=>p.default.createElement(et,v({iconAfter:p.default.createElement(Z,{icon:"magnifier-icon"}),label:e,textBoxStyle:i,placeholder:t,ref:o,onChange:l},n)),ml=m.default.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>M(e,t)}
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "groundfloor-react-ui",
   "description": "Official component library for Ground Floor",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,