groundfloor-react-ui 1.2.21 → 1.2.22

package/dist/index.es.js

@@ -1484,7 +1484,7 @@ ${({customInputColorStyle:e})=>e}
   margin-left: 6px;
   margin-top: -14px;
   cursor: pointer;
-`,Yt=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(y.ValueContainer,r,o,l>1&&t.createElement("span",{className:"text-more-alt"},"& ",l-1," more"))},Dt=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:a,isClearable:n,isValid:c,height:s,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:f,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:I,leftIcon:W,leftIconColor:R,leftIconSize:P,...L})=>{const q=d()||M,T=e=>{const o=t.createElement(y.DropdownIndicator,e,t.createElement(Nt,null,t.createElement(Z,{icon:k,color:z,size:V})));return!0===I?o:null},H=e=>t.createElement(y.ClearIndicator,e,n?t.createElement(Nt,{onClick:()=>{g(),e.clearValue()}},t.createElement(Z,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(Z,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(y.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},F=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},O={control:(e,t)=>({...e,border:c?"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"100%",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:p+"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:p+"px",width:"100%",minWidth:"100%"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:p+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...L.styles};return t.createElement(Qt,{style:b,isValid:c,fontSize:p,theme:q},e&&t.createElement(Kt,{inBuiltCss:B,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(Vt,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),"multiSelect"===v?t.createElement(h,w({components:{DropdownIndicator:T,MultiValue:F,Option:j,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:a,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:E,isClearable:n},L)):"asyncSingleSelect"===v?t.createElement(x,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:T,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:a,onChange:i,isLoading:S,isDisabled:C,id:E,isClearable:n},L)):"asyncMultiSelect"===v?t.createElement(x,w({components:{DropdownIndicator:T,MultiValue:F,ValueContainer:Yt,Option:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:a,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:E,isClearable:n},L)):t.createElement(h,w({components:{DropdownIndicator:T,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:a,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:E,isClearable:n},L)))};Dt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool},Dt.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,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const $t=s.div`
+`,Yt=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(y.ValueContainer,r,o,l>1&&t.createElement("span",{className:"text-more-alt"},"& ",l-1," more"))},Dt=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:a,isClearable:n,isValid:c,height:s,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:f,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:I,leftIcon:W,leftIconColor:R,leftIconSize:P,...L})=>{const q=d()||M,T=e=>{const o=t.createElement(y.DropdownIndicator,e,t.createElement(Nt,null,t.createElement(Z,{icon:k,color:z,size:V})));return!0===I?o:null},H=e=>t.createElement(y.ClearIndicator,e,n?t.createElement(Nt,{onClick:()=>{g(),e.clearValue()}},t.createElement(Z,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(Z,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(y.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},F=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},O={control:(e,t)=>({...e,border:c?"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"100%",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:p+"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:p+"px",width:"100%",minWidth:"100%"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:p+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...L.styles};return t.createElement(Qt,{style:b,isValid:c,fontSize:p,theme:q},e&&t.createElement(Kt,{inBuiltCss:B,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(Vt,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),"multiSelect"===v?t.createElement(h,w({components:{DropdownIndicator:T,MultiValue:F,Option:j,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:a,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:E,isClearable:n},L)):"asyncSingleSelect"===v?t.createElement(x,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:T,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:a,onChange:i,isLoading:S,isDisabled:C,id:E,isClearable:n},L)):"asyncMultiSelect"===v?t.createElement(x,w({components:{DropdownIndicator:T,MultiValue:F,ValueContainer:Yt,Option:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:a,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:E,isClearable:n},L)):t.createElement(h,w({components:{DropdownIndicator:T,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:a,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:E,isClearable:n},L)))};Dt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool},Dt.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,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const $t=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>I(e,t)}
 
@@ -1739,11 +1739,11 @@ ${({customInputColorStyle:e})=>e}
 `,Mo=s.div`
   ${({labelInline:e})=>e?Vo:null}
   .err-text {
-    color: ${({errMsgColor:e})=>e};
+    color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
     margin-top: 5px;
     font-size: 10px;
   }
-`;Mo.defaultProps={theme:M};const Bo=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:a,labelInline:n,iconBefore:c,iconAfter:s,isValid:p,type:m,isDisabled:u,id:g,errMsgColor:b,iconAfterStyle:f,iconBeforeStyle:h,ref:y,pattern:x,iconColorOnFocus:A,...v})=>{const C=d()||M;return t.createElement(Mo,w({labelInline:n,theme:C,errMsgColor:b},v),t.createElement("div",{style:{display:"flex"}},t.createElement(Vt,w({customStyles:o,type:"label-text",labelInline:n,text:a,errMsg:l,style:{display:"flex",marginBottom:""+(n?"":"7px"),paddingBottom:"0px"}},v)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${C.variant.error}`}},"*")),t.createElement("div",null,t.createElement(ko,w({required:i,isDisabled:u,theme:C,textBoxStyle:e,isValid:p,inBuiltCss:B,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:A},v),t.createElement("div",{className:"input-icon",style:{...h}},c),t.createElement(zo,w({inputStyle:r,type:m,theme:C,id:g,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u,ref:y,pattern:x},v)),t.createElement("div",{className:"input-icon",style:{...f}},s))),l.length>0&&t.createElement("div",{className:"err-text"},l))};Bo.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,id:e.string,errMsgColor:e.string,iconAfterStyle:e.object,iconBeforeStyle:e.object,iconColorOnFocus:e.string},Bo.defaultProps={inBuiltCss:B,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",errMsgColor:M.variant.error,iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:""};const Io=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:a,textBoxStyle:n,id:c,...s})=>t.createElement(Bo,w({iconAfter:t.createElement(Z,{icon:"magnifier-icon"}),label:e,textBoxStyle:n,placeholder:o,ref:l,onChange:r,id:c},s)),Wo=s.div`
+`,Bo=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:a,labelInline:n,iconBefore:c,iconAfter:s,isValid:p,type:m,isDisabled:u,id:g,errMsgColor:b,iconAfterStyle:f,iconBeforeStyle:h,ref:y,pattern:x,iconColorOnFocus:A,...v})=>{const C=d()||M;return t.createElement(Mo,w({labelInline:n,theme:C,errMsgColor:b},v),t.createElement("div",{style:{display:"flex"}},t.createElement(Vt,w({customStyles:o,type:"label-text",labelInline:n,text:a,errMsg:l,style:{display:"flex",marginBottom:""+(n?"":"7px"),paddingBottom:"0px"}},v)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${C.variant.error}`}},"*")),t.createElement("div",null,t.createElement(ko,w({required:i,isDisabled:u,theme:C,textBoxStyle:e,isValid:p,inBuiltCss:B,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:A},v),t.createElement("div",{className:"input-icon",style:{...h}},c),t.createElement(zo,w({inputStyle:r,type:m,theme:C,id:g,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u,ref:y,pattern:x},v)),t.createElement("div",{className:"input-icon",style:{...f}},s))),l.length>0&&t.createElement("div",{className:"err-text"},l))};Bo.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,id:e.string,errMsgColor:e.string,iconAfterStyle:e.object,iconBeforeStyle:e.object,iconColorOnFocus:e.string},Bo.defaultProps={inBuiltCss:B,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:""};const Io=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:a,textBoxStyle:n,id:c,...s})=>t.createElement(Bo,w({iconAfter:t.createElement(Z,{icon:"magnifier-icon"}),label:e,textBoxStyle:n,placeholder:o,ref:l,onChange:r,id:c},s)),Wo=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultParentDivStyle:t})=>I(e,t)}
 

package/dist/index.js

@@ -1484,7 +1484,7 @@ ${({customInputColorStyle:e})=>e}
   margin-left: 6px;
   margin-top: -14px;
   cursor: pointer;
-`,Qt=({getValue:e,children:t,...l})=>{const o=e().length;return f.default.createElement(i.components.ValueContainer,l,t,o>1&&f.default.createElement("span",{className:"text-more-alt"},"& ",o-1," more"))},Kt=({label:e,labelStyle:t,optionArr:o,selectedValue:a,setSelectedValue:r,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:p,onInputChange:m,clearSelected:g,customWrapperStyles:y,customLabelStyles:x,isRequired:A,dropdownType:C,isDisabled:S,isLoading:w,id:E,iconName:k,iconColor:B,iconSize:M,showIndicator:I,leftIcon:W,leftIconColor:R,leftIconSize:P,...T})=>{const L=l.useTheme()||z,q=e=>{const t=f.default.createElement(i.components.DropdownIndicator,e,f.default.createElement(Ut,null,f.default.createElement(G,{icon:k,color:B,size:M})));return!0===I?t:null},H=e=>f.default.createElement(i.components.ClearIndicator,e,c?f.default.createElement(Ut,{onClick:()=>{g(),e.clearValue()}},f.default.createElement(G,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=f.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??L.primary["primary-1"]}},f.default.createElement(G,{icon:"check-icon",color:"white"})),o=f.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return f.default.createElement(i.components.Option,e,f.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:o,f.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},F=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&f.default.createElement("span",{className:"text-main-alt-value"},l)},O={control:(e,t)=>({...e,border:s?"1px solid "+L.border:"1px solid "+L.ui.error,minWidth:"100%",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",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",width:"100%",minWidth:"100%"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:u+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?L.neutral["neutral-5"]:L.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...T.styles};return f.default.createElement(Zt,{style:y,isValid:s,fontSize:u,theme:L},e&&f.default.createElement(Jt,{inBuiltCss:V,labelWrapperStyle:"selectComp-label-wrapper",style:x},f.default.createElement(Et,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${L.ui.error}`}},"*")),"multiSelect"===C?f.default.createElement(b.default,v({components:{DropdownIndicator:q,MultiValue:F,Option:j,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,value:a,options:o,styles:O,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,id:E,isClearable:c},T)):"asyncSingleSelect"===C?f.default.createElement(h.default,v({loadOptions:p,defaultOptions:!0,onInputChange:m,styles:O,components:{DropdownIndicator:q,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:r,isLoading:w,isDisabled:S,id:E,isClearable:c},T)):"asyncMultiSelect"===C?f.default.createElement(h.default,v({components:{DropdownIndicator:q,MultiValue:F,ValueContainer:Qt,Option:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,styles:O,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,loadOptions:p,defaultOptions:!0,onInputChange:m,id:E,isClearable:c},T)):f.default.createElement(b.default,v({components:{DropdownIndicator:q,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:o,placeholder:n,isDisabled:S,value:{value:a?a.value:"",label:a?a.label:""},styles:O,onChange:r,isLoading:w,id:E,isClearable:c},T)))};Kt.propTypes={label:p.default.string,labelStyle:p.default.object,optionArr:p.default.array,selectedValue:p.default.object,setSelectedValue:p.default.func,placeHolder:p.default.string,fontSize:p.default.number,clearSelected:p.default.func,loadOptions:p.default.func,onInputChange:p.default.func,customWrapperStyles:p.default.object,customLabelStyles:p.default.object,isRequired:p.default.bool,dropdownType:p.default.string,isDisabled:p.default.bool,isLoading:p.default.bool,isValid:p.default.bool,height:p.default.number,isClearable:p.default.bool,id:p.default.string,iconName:p.default.string,iconColor:p.default.string,iconSize:p.default.number,leftIcon:p.default.string,leftIconColor:p.default.string,leftIconSize:p.default.number,showIndicator:p.default.bool},Kt.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,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Nt=m.default.div`
+`,Qt=({getValue:e,children:t,...l})=>{const o=e().length;return f.default.createElement(i.components.ValueContainer,l,t,o>1&&f.default.createElement("span",{className:"text-more-alt"},"& ",o-1," more"))},Kt=({label:e,labelStyle:t,optionArr:o,selectedValue:a,setSelectedValue:r,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:p,onInputChange:m,clearSelected:g,customWrapperStyles:y,customLabelStyles:x,isRequired:A,dropdownType:C,isDisabled:S,isLoading:w,id:E,iconName:k,iconColor:B,iconSize:M,showIndicator:I,leftIcon:W,leftIconColor:R,leftIconSize:P,...T})=>{const L=l.useTheme()||z,q=e=>{const t=f.default.createElement(i.components.DropdownIndicator,e,f.default.createElement(Ut,null,f.default.createElement(G,{icon:k,color:B,size:M})));return!0===I?t:null},H=e=>f.default.createElement(i.components.ClearIndicator,e,c?f.default.createElement(Ut,{onClick:()=>{g(),e.clearValue()}},f.default.createElement(G,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=f.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??L.primary["primary-1"]}},f.default.createElement(G,{icon:"check-icon",color:"white"})),o=f.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return f.default.createElement(i.components.Option,e,f.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:o,f.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},F=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&f.default.createElement("span",{className:"text-main-alt-value"},l)},O={control:(e,t)=>({...e,border:s?"1px solid "+L.border:"1px solid "+L.ui.error,minWidth:"100%",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",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",width:"100%",minWidth:"100%"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:u+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?L.neutral["neutral-5"]:L.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...T.styles};return f.default.createElement(Zt,{style:y,isValid:s,fontSize:u,theme:L},e&&f.default.createElement(Jt,{inBuiltCss:V,labelWrapperStyle:"selectComp-label-wrapper",style:x},f.default.createElement(Et,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${L.ui.error}`}},"*")),"multiSelect"===C?f.default.createElement(b.default,v({components:{DropdownIndicator:q,MultiValue:F,Option:j,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,value:a,options:o,styles:O,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,id:E,isClearable:c},T)):"asyncSingleSelect"===C?f.default.createElement(h.default,v({loadOptions:p,defaultOptions:!0,onInputChange:m,styles:O,components:{DropdownIndicator:q,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:r,isLoading:w,isDisabled:S,id:E,isClearable:c},T)):"asyncMultiSelect"===C?f.default.createElement(h.default,v({components:{DropdownIndicator:q,MultiValue:F,ValueContainer:Qt,Option:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:r,placeholder:n,styles:O,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,loadOptions:p,defaultOptions:!0,onInputChange:m,id:E,isClearable:c},T)):f.default.createElement(b.default,v({components:{DropdownIndicator:q,ValueContainer:Qt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:o,placeholder:n,isDisabled:S,value:{value:a?a.value:"",label:a?a.label:""},styles:O,onChange:r,isLoading:w,id:E,isClearable:c},T)))};Kt.propTypes={label:p.default.string,labelStyle:p.default.object,optionArr:p.default.array,selectedValue:p.default.object,setSelectedValue:p.default.func,placeHolder:p.default.string,fontSize:p.default.number,clearSelected:p.default.func,loadOptions:p.default.func,onInputChange:p.default.func,customWrapperStyles:p.default.object,customLabelStyles:p.default.object,isRequired:p.default.bool,dropdownType:p.default.string,isDisabled:p.default.bool,isLoading:p.default.bool,isValid:p.default.bool,height:p.default.number,isClearable:p.default.bool,id:p.default.string,iconName:p.default.string,iconColor:p.default.string,iconSize:p.default.number,leftIcon:p.default.string,leftIconColor:p.default.string,leftIconSize:p.default.number,showIndicator:p.default.bool},Kt.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,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Nt=m.default.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>B(e,t)}
 
@@ -1739,11 +1739,11 @@ ${({customInputColorStyle:e})=>e}
 `,El=m.default.div`
   ${({labelInline:e})=>e?wl:null}
   .err-text {
-    color: ${({errMsgColor:e})=>e};
+    color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
     margin-top: 5px;
     font-size: 10px;
   }
-`;El.defaultProps={theme:z};const kl=({textBoxStyle:e,labelStyle:t,inputStyle:o,errMsg:a,required:r,label:i,labelInline:n,iconBefore:c,iconAfter:s,isValid:d,type:u,isDisabled:p,id:m,errMsgColor:g,iconAfterStyle:b,iconBeforeStyle:h,ref:y,pattern:x,iconColorOnFocus:A,...C})=>{const S=l.useTheme()||z;return f.default.createElement(El,v({labelInline:n,theme:S,errMsgColor:g},C),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(Et,v({customStyles:t,type:"label-text",labelInline:n,text:i,errMsg:a,style:{display:"flex",marginBottom:""+(n?"":"7px"),paddingBottom:"0px"}},C)),r&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),f.default.createElement("div",null,f.default.createElement(Cl,v({required:r,isDisabled:p,theme:S,textBoxStyle:e,isValid:d,inBuiltCss:V,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:A},C),f.default.createElement("div",{className:"input-icon",style:{...h}},c),f.default.createElement(Sl,v({inputStyle:o,type:u,theme:S,id:m,defaultInputStyle:"input-wrapper",isDisabled:p,disabled:p,ref:y,pattern:x},C)),f.default.createElement("div",{className:"input-icon",style:{...b}},s))),a.length>0&&f.default.createElement("div",{className:"err-text"},a))};kl.propTypes={inBuiltCss:p.default.object,label:p.default.string,required:p.default.bool,labelInline:p.default.bool,errMsg:p.default.string,iconBefore:p.default.any,iconAfter:p.default.any,textBoxStyle:p.default.object,labelStyle:p.default.object,inputStyle:p.default.object,type:p.default.string,isDisabled:p.default.bool,id:p.default.string,errMsgColor:p.default.string,iconAfterStyle:p.default.object,iconBeforeStyle:p.default.object,iconColorOnFocus:p.default.string},kl.defaultProps={inBuiltCss:V,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",errMsgColor:z.variant.error,iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:""};const zl=({label:e,placeholder:t,handleSearch:l,searchInput:o,customStylesForm:a,customStyleObject:r,textBoxStyle:i,id:n,...c})=>f.default.createElement(kl,v({iconAfter:f.default.createElement(G,{icon:"magnifier-icon"}),label:e,textBoxStyle:i,placeholder:t,ref:o,onChange:l,id:n},c)),Vl=m.default.div`
+`,kl=({textBoxStyle:e,labelStyle:t,inputStyle:o,errMsg:a,required:r,label:i,labelInline:n,iconBefore:c,iconAfter:s,isValid:d,type:u,isDisabled:p,id:m,errMsgColor:g,iconAfterStyle:b,iconBeforeStyle:h,ref:y,pattern:x,iconColorOnFocus:A,...C})=>{const S=l.useTheme()||z;return f.default.createElement(El,v({labelInline:n,theme:S,errMsgColor:g},C),f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(Et,v({customStyles:t,type:"label-text",labelInline:n,text:i,errMsg:a,style:{display:"flex",marginBottom:""+(n?"":"7px"),paddingBottom:"0px"}},C)),r&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),f.default.createElement("div",null,f.default.createElement(Cl,v({required:r,isDisabled:p,theme:S,textBoxStyle:e,isValid:d,inBuiltCss:V,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:A},C),f.default.createElement("div",{className:"input-icon",style:{...h}},c),f.default.createElement(Sl,v({inputStyle:o,type:u,theme:S,id:m,defaultInputStyle:"input-wrapper",isDisabled:p,disabled:p,ref:y,pattern:x},C)),f.default.createElement("div",{className:"input-icon",style:{...b}},s))),a.length>0&&f.default.createElement("div",{className:"err-text"},a))};kl.propTypes={inBuiltCss:p.default.object,label:p.default.string,required:p.default.bool,labelInline:p.default.bool,errMsg:p.default.string,iconBefore:p.default.any,iconAfter:p.default.any,textBoxStyle:p.default.object,labelStyle:p.default.object,inputStyle:p.default.object,type:p.default.string,isDisabled:p.default.bool,id:p.default.string,errMsgColor:p.default.string,iconAfterStyle:p.default.object,iconBeforeStyle:p.default.object,iconColorOnFocus:p.default.string},kl.defaultProps={inBuiltCss:V,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:""};const zl=({label:e,placeholder:t,handleSearch:l,searchInput:o,customStylesForm:a,customStyleObject:r,textBoxStyle:i,id:n,...c})=>f.default.createElement(kl,v({iconAfter:f.default.createElement(G,{icon:"magnifier-icon"}),label:e,textBoxStyle:i,placeholder:t,ref:o,onChange:l,id:n},c)),Vl=m.default.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultParentDivStyle:t})=>B(e,t)}
 

package/package.json

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