groundfloor-react-ui 1.3.9 → 1.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +5 -2
- package/dist/index.js +5 -2
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -384,13 +384,16 @@ ${({customStyles:e})=>e}
|
|
|
384
384
|
&:focus {
|
|
385
385
|
outline: none;
|
|
386
386
|
}
|
|
387
|
+
&:hover {
|
|
388
|
+
background-color: ${({theme:e,disabled:t,hoverEffect:l,hoverBackgroundColor:o})=>!t&&l&&j(o||e.primary["primary-1"],.15)};
|
|
389
|
+
}
|
|
387
390
|
|
|
388
391
|
//Set the styles from the default styles object
|
|
389
392
|
${({theme:e,defaultStyle:t})=>T(e,t)}
|
|
390
393
|
|
|
391
394
|
// custom styles
|
|
392
395
|
${({btnStyle:e})=>e}
|
|
393
|
-
`,he=({btnStyle:e,block:l,size:o,style:i,disabled:r,isLoading:a,type:n,id:
|
|
396
|
+
`,he=({btnStyle:e,block:l,size:o,style:i,disabled:r,isLoading:a,type:n,hoverEffect:c,hoverBackgroundColor:s,id:d,...p})=>{const m=b()||R;return t.createElement(fe,z({id:d,block:l,defaultStyle:"button",type:n,style:i,size:o,theme:m,disabled:r,btnStyle:e,hoverEffect:c,hoverBackgroundColor:s},p),a&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(pe,{customStyles:{"background-color":m.additional.white},size:16})),p.children)};he.propTypes={disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,isLoading:e.bool,onClick:e.func,type:e.string,btnStyle:e.object,id:e.string,hoverEffect:e.bool,hoverBackgroundColor:e.string},he.defaultProps={block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},hoverEffect:!1,id:"",hoverBackgroundColor:""};const ye={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},xe=m.button`
|
|
394
397
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
395
398
|
color: ${({theme:e})=>e.additional.white};
|
|
396
399
|
padding: ${({size:e})=>ye[e].padding};
|
|
@@ -1335,7 +1338,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1335
1338
|
margin-top: -15.5px;
|
|
1336
1339
|
cursor: pointer;
|
|
1337
1340
|
line-height: normal !important;
|
|
1338
|
-
`,Jt=({getValue:e,children:l,...o})=>{const i=e().length;return t.createElement(w.ValueContainer,z({"data-accordion":"contentClickFalse"},o),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,i>1&&t.createElement("span",{className:"text-more-alt"},"& ",i-1," more"))},Ut=({label:e,labelStyle:l,optionArr:o,selectedValue:i,setSelectedValue:r,placeHolder:
|
|
1341
|
+
`,Jt=({getValue:e,children:l,...o})=>{const i=e().length;return t.createElement(w.ValueContainer,z({"data-accordion":"contentClickFalse"},o),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,i>1&&t.createElement("span",{className:"text-more-alt"},"& ",i-1," more"))},Ut=({label:e,labelStyle:l,optionArr:o,selectedValue:i,setSelectedValue:r,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:f,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:C,isLoading:v,id:A,iconName:S,iconStyles:k,iconColor:E,iconSize:V,showIndicator:M,leftIcon:B,leftIconColor:L,leftIconSize:I,backgroundColor:H,placeHolderColor:W,indicatorBackgroundColor:P,inputColor:T,menuListFooter:j,customSelectStyles:q,errorMessage:Z,maximumSelectOptionLimit:D,maximumSelectOptionLimitMessage:O,...G})=>{const X=b()||R,J=e=>{const l={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},o=t.createElement("div",{style:{...l,backgroundColor:e?.data?.color??X.primary["primary-1"]}},t.createElement(_,{icon:"check-icon",color:"white"})),i=t.createElement("div",{style:{...l,backgroundColor:"#e0e7ff"}});return console.log(e),t.createElement(w.Option,e,t.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},"further-details"!==e.value&&(e.isSelected?o:i),t.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},U=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},Y={control:(e,t)=>({...e,border:s?H&&s?"1px solid "+H:"1px solid "+X.border:"1px solid "+X.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?X.variant["neutral-5"]:H||X.additional.white}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:W||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:P||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:p+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),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:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:p+"px",color:T||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?X.neutral["neutral-5"]:X.additional.white,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...q},N={DropdownIndicator:e=>{const l=t.createElement(w.DropdownIndicator,e,t.createElement(Xt,{"data-accordion":"contentClickFalse"},t.createElement(_,{icon:S,color:E,size:V,customstyles:k,"data-accordion":"contentClickFalse"})));return!0===M?l:null},ValueContainer:Jt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(w.ClearIndicator,e,c?t.createElement(Xt,{onClick:()=>{g(),e.clearValue()},"data-accordion":"contentClickFalse"},t.createElement(_,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:o=null}=e.selectProps.components,i=e.getValue().length||0;return t.createElement(w.MenuList,z({},e,{"data-accordion":"contentClickFalse"}),i<D?t.createElement(a,null,e.children.length&&l,e.children,e.children.length&&o):t.createElement("div",{style:{margin:15}},O))},MenuListFooter:j};let Q=null;switch(x){case"multiSelect":Q=t.createElement(Yt,z({type:"multiSelect",MultiValue:U,Option:J,value:i,CommonRenderedComponent:N,optionArr:o,placeHolder:n,isDisabled:C,stylesComp:Y,setSelectedValue:r,isLoading:v,id:A,isClearable:c},G));break;case"asyncSingleSelect":Q=t.createElement(Nt,z({CommonRenderedComponent:N,loadOptions:m,onInputChange:u,styles:Y,placeholder:n,onChange:r,isLoading:v,isDisabled:C,id:A,value:i,isClearable:c},G));break;case"asyncMultiSelect":Q=t.createElement(Nt,z({type:"asyncMultiSelect",CommonRenderedComponent:N,MultiValue:U,Option:J,onChange:r,placeholder:n,styles:Y,isDisabled:C,isLoading:v,loadOptions:m,onInputChange:u,id:A,isClearable:c,value:i},G));break;default:Q=t.createElement(Yt,z({type:"singleSelect",value:{value:i?i.value:"",label:i?i.label:""},CommonRenderedComponent:N,optionArr:o,placeHolder:n,isDisabled:C,stylesComp:Y,setSelectedValue:r,isLoading:v,id:A,isClearable:c},G))}return t.createElement(Ot,{style:f,backgroundColor:H,isValid:s,fontSize:p,theme:X,isDisabled:C},e&&t.createElement(Gt,{inBuiltCss:F,labelWrapperStyle:"selectComp-label-wrapper",style:h},t.createElement(lt,{customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${X.ui.error}`}},"*")),Q,!s&&Z)},Yt=({type:e,Option:l,value:o,CommonRenderedComponent:i,MultiValue:r,optionArr:a,placeHolder:n,isDisabled:c,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:b,...u})=>{let g={...i};return"multiSelect"===e&&(g.MultiValue=r,g.Option=l),t.createElement(A,z({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:g,options:a,placeholder:n,isDisabled:c,value:o,styles:s,onChange:d,isLoading:p,id:m,isClearable:b,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},u))},Nt=({CommonRenderedComponent:e,MultiValue:l,Option:o,type:i,id:r,styles:a,...n})=>{let c={...e};return"asyncMultiSelect"===i&&(c.MultiValue=l,c.Option=o),t.createElement(S,z({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:c,isMulti:"asyncMultiSelect"===i,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==i,isSearchable:!0,styles:a,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:r},n))};Ut.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,backgroundColor:e.string,placeHolderColor:e.string,inputColor:e.string,menuListFooter:e.any,customSelectStyles:e.object,maximumSelectOptionLimit:e.number,maximumSelectOptionLimitMessage:e.string},Ut.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,customSelectStyles:{},maximumSelectOptionLimit:1e4,maximumSelectOptionLimitMessage:"Max limit achieved"};const Qt=m.div`
|
|
1339
1342
|
//Set the styles from the default styles object
|
|
1340
1343
|
${({inBuiltCss:e,defaultStyles:t})=>T(e,t)}
|
|
1341
1344
|
|
package/dist/index.js
CHANGED
|
@@ -384,13 +384,16 @@ ${({customStyles:e})=>e}
|
|
|
384
384
|
&:focus {
|
|
385
385
|
outline: none;
|
|
386
386
|
}
|
|
387
|
+
&:hover {
|
|
388
|
+
background-color: ${({theme:e,disabled:t,hoverEffect:l,hoverBackgroundColor:a})=>!t&&l&&W(a||e.primary["primary-1"],.15)};
|
|
389
|
+
}
|
|
387
390
|
|
|
388
391
|
//Set the styles from the default styles object
|
|
389
392
|
${({theme:e,defaultStyle:t})=>P(e,t)}
|
|
390
393
|
|
|
391
394
|
// custom styles
|
|
392
395
|
${({btnStyle:e})=>e}
|
|
393
|
-
`,fe=({btnStyle:e,block:t,size:a,style:o,disabled:r,isLoading:i,type:n,id:
|
|
396
|
+
`,fe=({btnStyle:e,block:t,size:a,style:o,disabled:r,isLoading:i,type:n,hoverEffect:c,hoverBackgroundColor:d,id:s,...u})=>{const p=l.useTheme()||H;return g.default.createElement(pe,E({id:s,block:t,defaultStyle:"button",type:n,style:o,size:a,theme:p,disabled:r,btnStyle:e,hoverEffect:c,hoverBackgroundColor:d},u),i&&g.default.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},g.default.createElement(ne,{customStyles:{"background-color":p.additional.white},size:16})),u.children)};fe.propTypes={disabled:b.default.bool,size:b.default.oneOf(["sm","md","lg"]),block:b.default.bool,isLoading:b.default.bool,onClick:b.default.func,type:b.default.string,btnStyle:b.default.object,id:b.default.string,hoverEffect:b.default.bool,hoverBackgroundColor:b.default.string},fe.defaultProps={block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},hoverEffect:!1,id:"",hoverBackgroundColor:""};const me={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},be=h.default.button`
|
|
394
397
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
395
398
|
color: ${({theme:e})=>e.additional.white};
|
|
396
399
|
padding: ${({size:e})=>me[e].padding};
|
|
@@ -1335,7 +1338,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1335
1338
|
margin-top: -15.5px;
|
|
1336
1339
|
cursor: pointer;
|
|
1337
1340
|
line-height: normal !important;
|
|
1338
|
-
`,Dt=({getValue:e,children:t,...l})=>{const a=e().length;return g.default.createElement(c.components.ValueContainer,E({"data-accordion":"contentClickFalse"},l),g.default.createElement("span",{"data-accordion":"contentClickFalse"}),t,a>1&&g.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Ot=({label:e,labelStyle:
|
|
1341
|
+
`,Dt=({getValue:e,children:t,...l})=>{const a=e().length;return g.default.createElement(c.components.ValueContainer,E({"data-accordion":"contentClickFalse"},l),g.default.createElement("span",{"data-accordion":"contentClickFalse"}),t,a>1&&g.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Ot=({label:e,labelStyle:a,optionArr:o,selectedValue:r,setSelectedValue:i,placeHolder:n,isClearable:d,isValid:s,height:u,fontSize:p,loadOptions:f,onInputChange:m,clearSelected:b,customWrapperStyles:h,customLabelStyles:y,isRequired:x,dropdownType:C,isDisabled:v,isLoading:A,id:w,iconName:S,iconStyles:k,iconColor:V,iconSize:M,showIndicator:z,leftIcon:B,leftIconColor:L,leftIconSize:I,backgroundColor:P,placeHolderColor:W,indicatorBackgroundColor:T,inputColor:F,menuListFooter:j,customSelectStyles:q,errorMessage:Z,maximumSelectOptionLimit:D,maximumSelectOptionLimitMessage:O,...G})=>{const X=l.useTheme()||H,J=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},l=g.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??X.primary["primary-1"]}},g.default.createElement(Q,{icon:"check-icon",color:"white"})),a=g.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return console.log(e),g.default.createElement(c.components.Option,e,g.default.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},"further-details"!==e.value&&(e.isSelected?l:a),g.default.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},U=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&g.default.createElement("span",{className:"text-main-alt-value"},l)},Y={control:(e,t)=>({...e,border:s?P&&s?"1px solid "+P:"1px solid "+X.border:"1px solid "+X.ui.error,minWidth:"singleSelect"===C||"asyncSingleSelect"===C?"120px":"185px",height:`${u}px`,minHeight:`${u}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?X.variant["neutral-5"]:P||X.additional.white}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:W||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${u}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:T||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${u}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:p+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),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:"singleSelect"===C||"asyncSingleSelect"===C?"120px":"185px"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:p+"px",color:F||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?X.neutral["neutral-5"]:X.additional.white,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...q},N={DropdownIndicator:e=>{const t=g.default.createElement(c.components.DropdownIndicator,e,g.default.createElement(Zt,{"data-accordion":"contentClickFalse"},g.default.createElement(Q,{icon:S,color:V,size:M,customstyles:k,"data-accordion":"contentClickFalse"})));return!0===z?t:null},ValueContainer:Dt,IndicatorSeparator:()=>null,ClearIndicator:e=>g.default.createElement(c.components.ClearIndicator,e,d?g.default.createElement(Zt,{onClick:()=>{b(),e.clearValue()},"data-accordion":"contentClickFalse"},g.default.createElement(Q,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:a=null}=e.selectProps.components,o=e.getValue().length||0;return g.default.createElement(c.components.MenuList,E({},e,{"data-accordion":"contentClickFalse"}),o<D?g.default.createElement(t.Fragment,null,e.children.length&&l,e.children,e.children.length&&a):g.default.createElement("div",{style:{margin:15}},O))},MenuListFooter:j};let K=null;switch(C){case"multiSelect":K=g.default.createElement(Gt,E({type:"multiSelect",MultiValue:U,Option:J,value:r,CommonRenderedComponent:N,optionArr:o,placeHolder:n,isDisabled:v,stylesComp:Y,setSelectedValue:i,isLoading:A,id:w,isClearable:d},G));break;case"asyncSingleSelect":K=g.default.createElement(Xt,E({CommonRenderedComponent:N,loadOptions:f,onInputChange:m,styles:Y,placeholder:n,onChange:i,isLoading:A,isDisabled:v,id:w,value:r,isClearable:d},G));break;case"asyncMultiSelect":K=g.default.createElement(Xt,E({type:"asyncMultiSelect",CommonRenderedComponent:N,MultiValue:U,Option:J,onChange:i,placeholder:n,styles:Y,isDisabled:v,isLoading:A,loadOptions:f,onInputChange:m,id:w,isClearable:d,value:r},G));break;default:K=g.default.createElement(Gt,E({type:"singleSelect",value:{value:r?r.value:"",label:r?r.label:""},CommonRenderedComponent:N,optionArr:o,placeHolder:n,isDisabled:v,stylesComp:Y,setSelectedValue:i,isLoading:A,id:w,isClearable:d},G))}return g.default.createElement(jt,{style:h,backgroundColor:P,isValid:s,fontSize:p,theme:X,isDisabled:v},e&&g.default.createElement(qt,{inBuiltCss:R,labelWrapperStyle:"selectComp-label-wrapper",style:y},g.default.createElement($e,{customStyles:a,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),x&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${X.ui.error}`}},"*")),K,!s&&Z)},Gt=({type:e,Option:t,value:l,CommonRenderedComponent:a,MultiValue:o,optionArr:r,placeHolder:i,isDisabled:n,stylesComp:c,setSelectedValue:d,isLoading:s,id:u,isClearable:p,...f})=>{let m={...a};return"multiSelect"===e&&(m.MultiValue=o,m.Option=t),g.default.createElement(v.default,E({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:m,options:r,placeholder:i,isDisabled:n,value:l,styles:c,onChange:d,isLoading:s,id:u,isClearable:p,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},f))},Xt=({CommonRenderedComponent:e,MultiValue:t,Option:l,type:a,id:o,styles:r,...i})=>{let n={...e};return"asyncMultiSelect"===a&&(n.MultiValue=t,n.Option=l),g.default.createElement(A.default,E({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:n,isMulti:"asyncMultiSelect"===a,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==a,isSearchable:!0,styles:r,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:o},i))};Ot.propTypes={label:b.default.string,labelStyle:b.default.object,optionArr:b.default.array,selectedValue:b.default.object,setSelectedValue:b.default.func,placeHolder:b.default.string,fontSize:b.default.number,clearSelected:b.default.func,loadOptions:b.default.func,onInputChange:b.default.func,customWrapperStyles:b.default.object,customLabelStyles:b.default.object,isRequired:b.default.bool,dropdownType:b.default.string,isDisabled:b.default.bool,isLoading:b.default.bool,isValid:b.default.bool,height:b.default.number,isClearable:b.default.bool,id:b.default.string,iconName:b.default.string,iconColor:b.default.string,iconSize:b.default.number,leftIcon:b.default.string,leftIconColor:b.default.string,leftIconSize:b.default.number,showIndicator:b.default.bool,backgroundColor:b.default.string,placeHolderColor:b.default.string,inputColor:b.default.string,menuListFooter:b.default.any,customSelectStyles:b.default.object,maximumSelectOptionLimit:b.default.number,maximumSelectOptionLimitMessage:b.default.string},Ot.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,customSelectStyles:{},maximumSelectOptionLimit:1e4,maximumSelectOptionLimitMessage:"Max limit achieved"};const Jt=h.default.div`
|
|
1339
1342
|
//Set the styles from the default styles object
|
|
1340
1343
|
${({inBuiltCss:e,defaultStyles:t})=>P(e,t)}
|
|
1341
1344
|
|