groundfloor-react-ui 1.2.39 → 1.2.40
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 +3 -7
- package/dist/index.js +3 -7
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1271,7 +1271,7 @@ padding: 8px;
|
|
|
1271
1271
|
margin-left: 6px;
|
|
1272
1272
|
margin-top: -15.5px;
|
|
1273
1273
|
cursor: pointer;
|
|
1274
|
-
`,Mt=({getValue:e,children:o,...l})=>{const r=e().length;return t.createElement(C.ValueContainer,l,o,r>1&&t.createElement("span",{className:"text-more-alt"},"& ",r-1," more"))},Bt=({label:e,labelStyle:o,optionArr:l,selectedValue:r,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:b,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:v,id:A,iconName:w,iconStyles:S,iconColor:E,iconSize:k,showIndicator:z,leftIcon:M,leftIconColor:B,leftIconSize:W,backgroundColor:I,placeHolderColor:R,indicatorBackgroundColor:T,inputColor:H,...j})=>{const q=u()||L,F=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(N,{icon:"check-icon",color:"white"})),r=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(C.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:r,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},O=({index:e,...o})=>{const l=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},l)},Z={control:(e,t)=>({...e,border:c?I&&c?"1px solid "+I:"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:I||q.bgColor}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:R||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}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:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:d+"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:d+"px",width:"100%",minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto",maxWidth:"89%",marginRight:0}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:d+"px",color:H||"hsl(0, 0%, 20%)"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"})
|
|
1274
|
+
`,Mt=({getValue:e,children:o,...l})=>{const r=e().length;return t.createElement(C.ValueContainer,l,o,r>1&&t.createElement("span",{className:"text-more-alt"},"& ",r-1," more"))},Bt=({label:e,labelStyle:o,optionArr:l,selectedValue:r,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:b,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:v,id:A,iconName:w,iconStyles:S,iconColor:E,iconSize:k,showIndicator:z,leftIcon:M,leftIconColor:B,leftIconSize:W,backgroundColor:I,placeHolderColor:R,indicatorBackgroundColor:T,inputColor:H,...j})=>{const q=u()||L,F=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(N,{icon:"check-icon",color:"white"})),r=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(C.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:r,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},O=({index:e,...o})=>{const l=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},l)},Z={control:(e,t)=>({...e,border:c?I&&c?"1px solid "+I:"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:I||q.bgColor}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:R||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}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:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:d+"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:d+"px",width:"100%",minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto",maxWidth:"89%",marginRight:0}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:d+"px",color:H||"hsl(0, 0%, 20%)"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),menuPortal:e=>({...e,zIndex:9999999})},G={DropdownIndicator:e=>{const o=t.createElement(C.DropdownIndicator,e,t.createElement(Vt,null,t.createElement(N,{icon:w,color:E,size:k,customstyles:S})));return!0===z?o:null},ValueContainer:Mt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(C.ClearIndicator,e,a?t.createElement(Vt,{onClick:()=>{b(),e.clearValue()}},t.createElement(N,{icon:"cross-icon",color:"black",size:8})):null)};let X=null;switch(y){case"multiSelect":X=t.createElement(Wt,V({type:"multiSelect",MultiValue:O,Option:F,value:r,CommonRenderedComponent:G,optionArr:l,placeHolder:n,isDisabled:x,stylesComp:Z,setSelectedValue:i,isLoading:v,id:A,isClearable:a},j));break;case"asyncSingleSelect":X=t.createElement(It,V({CommonRenderedComponent:G,loadOptions:p,onInputChange:m,styles:Z,placeholder:n,onChange:i,isLoading:v,isDisabled:x,id:A,value:r,isClearable:a},j));break;case"asyncMultiSelect":X=t.createElement(It,V({type:"asyncMultiSelect",CommonRenderedComponent:G,MultiValue:O,Option:F,onChange:i,placeholder:n,styles:Z,isDisabled:x,isLoading:v,loadOptions:p,onInputChange:m,id:A,isClearable:a},j));break;default:X=t.createElement(Wt,V({type:"singleSelect",value:{value:r?r.value:"",label:r?r.label:""},CommonRenderedComponent:G,optionArr:l,placeHolder:n,isDisabled:x,stylesComp:Z,setSelectedValue:i,isLoading:v,id:A,isClearable:a},j))}return t.createElement(kt,{style:g,backgroundColor:I,isValid:c,fontSize:d,theme:q},e&&t.createElement(zt,{inBuiltCss:P,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(ot,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),X)},Wt=({type:e,Option:o,value:l,CommonRenderedComponent:r,MultiValue:i,optionArr:n,placeHolder:a,isDisabled:c,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:u,...b})=>{let g={...r};return"multiSelect"===e&&(g.MultiValue=i,g.Option=o),t.createElement(A,V({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:g,options:n,placeholder:a,isDisabled:c,value:l,styles:s,onChange:d,isLoading:p,id:m,isClearable:u,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1},b))},It=({CommonRenderedComponent:e,MultiValue:o,Option:l,type:r,id:i,styles:n,...a})=>{let c={...e};return"asyncMultiSelect"===r&&(c.MultiValue=o,c.Option=l),t.createElement(w,V({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:c,isMulti:"asyncMultiSelect"===r,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==r,isSearchable:!0,styles:n,menuShouldScrollIntoView:!1},a))};Bt.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},Bt.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 Rt=m.div`
|
|
1275
1275
|
//Set the styles from the default styles object
|
|
1276
1276
|
${({inBuiltCss:e,defaultStyles:t})=>T(e,t)}
|
|
1277
1277
|
|
|
@@ -2191,11 +2191,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:l})=>{if(e){let r={};if(e[t]){
|
|
|
2191
2191
|
font-family: 'Averta', sans-serif;
|
|
2192
2192
|
cursor: default;
|
|
2193
2193
|
width: inherit;
|
|
2194
|
-
|
|
2195
|
-
justify-content: center;
|
|
2196
|
-
align-items: center;
|
|
2197
|
-
flex-wrap: wrap;
|
|
2198
|
-
}
|
|
2194
|
+
${({customStyles:e})=>e}
|
|
2199
2195
|
|
|
2200
2196
|
${({footerWidth:e})=>{if(e<650)return b`
|
|
2201
2197
|
flex-direction: column;
|
|
@@ -2221,7 +2217,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:l})=>{if(e){let r={};if(e[t]){
|
|
|
2221
2217
|
${({footerWidth:e})=>{if(e<350)return b`
|
|
2222
2218
|
display: none;
|
|
2223
2219
|
`}}
|
|
2224
|
-
`,Bl=({variant:e,textColor:o,size:l,width:r,footerWidth:i,...
|
|
2220
|
+
`,Bl=({variant:e,textColor:o,size:l,width:r,footerWidth:i,customStyles:n,...a})=>{const c=(new Date).getFullYear();return t.createElement(kl,V({variant:e,textColor:o,footerWidth:i,customStyles:n},a),t.createElement(zl,{footerWidth:i},t.createElement(Vl,{footerWidth:i},"Premise HQ"),t.createElement(Ml,{footerWidth:i},"|"),t.createElement(Vl,{footerWidth:i},"All Rights Restricted ",c," ©")),t.createElement(zl,{footerWidth:i},t.createElement(Vl,{footerWidth:i},"Terms of use"),t.createElement(Ml,{footerWidth:i},"|"),t.createElement(Vl,{footerWidth:i},"Privacy Policy")))},Wl=m.header`
|
|
2225
2221
|
|
|
2226
2222
|
background-color: ${({theme:e})=>e.bgColor};
|
|
2227
2223
|
border-bottom: 0.5px solid ${({theme:e})=>e.variant["neutral-3"]};
|
package/dist/index.js
CHANGED
|
@@ -1271,7 +1271,7 @@ padding: 8px;
|
|
|
1271
1271
|
margin-left: 6px;
|
|
1272
1272
|
margin-top: -15.5px;
|
|
1273
1273
|
cursor: pointer;
|
|
1274
|
-
`,St=({getValue:e,children:t,...l})=>{const a=e().length;return b.default.createElement(n.components.ValueContainer,l,t,a>1&&b.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Et=({label:e,labelStyle:t,optionArr:a,selectedValue:o,setSelectedValue:r,placeHolder:i,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:p,onInputChange:f,clearSelected:m,customWrapperStyles:g,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:v,isLoading:A,id:C,iconName:w,iconStyles:E,iconColor:k,iconSize:z,showIndicator:V,leftIcon:B,leftIconColor:W,leftIconSize:R,backgroundColor:T,placeHolderColor:L,indicatorBackgroundColor:P,inputColor:H,...j})=>{const q=l.useTheme()||M,F=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=b.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??q.primary["primary-1"]}},b.default.createElement(J,{icon:"check-icon",color:"white"})),a=b.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return b.default.createElement(n.components.Option,e,b.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:a,b.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},O=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&b.default.createElement("span",{className:"text-main-alt-value"},l)},Z={control:(e,t)=>({...e,border:s?T&&s?"1px solid "+T:"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:T||q.bgColor}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:L||"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,display:"flex",justifyContent:"space-between",fontSize:u+"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:u+"px",width:"100%",minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto",maxWidth:"89%",marginRight:0}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:u+"px",color:H||"hsl(0, 0%, 20%)"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"})
|
|
1274
|
+
`,St=({getValue:e,children:t,...l})=>{const a=e().length;return b.default.createElement(n.components.ValueContainer,l,t,a>1&&b.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Et=({label:e,labelStyle:t,optionArr:a,selectedValue:o,setSelectedValue:r,placeHolder:i,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:p,onInputChange:f,clearSelected:m,customWrapperStyles:g,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:v,isLoading:A,id:C,iconName:w,iconStyles:E,iconColor:k,iconSize:z,showIndicator:V,leftIcon:B,leftIconColor:W,leftIconSize:R,backgroundColor:T,placeHolderColor:L,indicatorBackgroundColor:P,inputColor:H,...j})=>{const q=l.useTheme()||M,F=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=b.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??q.primary["primary-1"]}},b.default.createElement(J,{icon:"check-icon",color:"white"})),a=b.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return b.default.createElement(n.components.Option,e,b.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:a,b.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},O=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&b.default.createElement("span",{className:"text-main-alt-value"},l)},Z={control:(e,t)=>({...e,border:s?T&&s?"1px solid "+T:"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:T||q.bgColor}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:L||"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,display:"flex",justifyContent:"space-between",fontSize:u+"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:u+"px",width:"100%",minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto",maxWidth:"89%",marginRight:0}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:u+"px",color:H||"hsl(0, 0%, 20%)"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),menuPortal:e=>({...e,zIndex:9999999})},G={DropdownIndicator:e=>{const t=b.default.createElement(n.components.DropdownIndicator,e,b.default.createElement(wt,null,b.default.createElement(J,{icon:w,color:k,size:z,customstyles:E})));return!0===V?t:null},ValueContainer:St,IndicatorSeparator:()=>null,ClearIndicator:e=>b.default.createElement(n.components.ClearIndicator,e,c?b.default.createElement(wt,{onClick:()=>{m(),e.clearValue()}},b.default.createElement(J,{icon:"cross-icon",color:"black",size:8})):null)};let X=null;switch(x){case"multiSelect":X=b.default.createElement(kt,S({type:"multiSelect",MultiValue:O,Option:F,value:o,CommonRenderedComponent:G,optionArr:a,placeHolder:i,isDisabled:v,stylesComp:Z,setSelectedValue:r,isLoading:A,id:C,isClearable:c},j));break;case"asyncSingleSelect":X=b.default.createElement(zt,S({CommonRenderedComponent:G,loadOptions:p,onInputChange:f,styles:Z,placeholder:i,onChange:r,isLoading:A,isDisabled:v,id:C,value:o,isClearable:c},j));break;case"asyncMultiSelect":X=b.default.createElement(zt,S({type:"asyncMultiSelect",CommonRenderedComponent:G,MultiValue:O,Option:F,onChange:r,placeholder:i,styles:Z,isDisabled:v,isLoading:A,loadOptions:p,onInputChange:f,id:C,isClearable:c},j));break;default:X=b.default.createElement(kt,S({type:"singleSelect",value:{value:o?o.value:"",label:o?o.label:""},CommonRenderedComponent:G,optionArr:a,placeHolder:i,isDisabled:v,stylesComp:Z,setSelectedValue:r,isLoading:A,id:C,isClearable:c},j))}return b.default.createElement(At,{style:g,backgroundColor:T,isValid:s,fontSize:u,theme:q},e&&b.default.createElement(Ct,{inBuiltCss:I,labelWrapperStyle:"selectComp-label-wrapper",style:h},b.default.createElement(Ke,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),y&&b.default.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),X)},kt=({type:e,Option:t,value:l,CommonRenderedComponent:a,MultiValue:o,optionArr:r,placeHolder:i,isDisabled:n,stylesComp:c,setSelectedValue:s,isLoading:d,id:u,isClearable:p,...f})=>{let m={...a};return"multiSelect"===e&&(m.MultiValue=o,m.Option=t),b.default.createElement(x.default,S({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:m,options:r,placeholder:i,isDisabled:n,value:l,styles:c,onChange:s,isLoading:d,id:u,isClearable:p,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1},f))},zt=({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),b.default.createElement(v.default,S({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:n,isMulti:"asyncMultiSelect"===a,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==a,isSearchable:!0,styles:r,menuShouldScrollIntoView:!1},i))};Et.propTypes={label:m.default.string,labelStyle:m.default.object,optionArr:m.default.array,selectedValue:m.default.object,setSelectedValue:m.default.func,placeHolder:m.default.string,fontSize:m.default.number,clearSelected:m.default.func,loadOptions:m.default.func,onInputChange:m.default.func,customWrapperStyles:m.default.object,customLabelStyles:m.default.object,isRequired:m.default.bool,dropdownType:m.default.string,isDisabled:m.default.bool,isLoading:m.default.bool,isValid:m.default.bool,height:m.default.number,isClearable:m.default.bool,id:m.default.string,iconName:m.default.string,iconColor:m.default.string,iconSize:m.default.number,leftIcon:m.default.string,leftIconColor:m.default.string,leftIconSize:m.default.number,showIndicator:m.default.bool,backgroundColor:m.default.string,placeHolderColor:m.default.string,inputColor:m.default.string},Et.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 Vt=g.default.div`
|
|
1275
1275
|
//Set the styles from the default styles object
|
|
1276
1276
|
${({inBuiltCss:e,defaultStyles:t})=>W(e,t)}
|
|
1277
1277
|
|
|
@@ -2191,11 +2191,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:a})=>{if(e){let o={};if(e[t]){
|
|
|
2191
2191
|
font-family: 'Averta', sans-serif;
|
|
2192
2192
|
cursor: default;
|
|
2193
2193
|
width: inherit;
|
|
2194
|
-
|
|
2195
|
-
justify-content: center;
|
|
2196
|
-
align-items: center;
|
|
2197
|
-
flex-wrap: wrap;
|
|
2198
|
-
}
|
|
2194
|
+
${({customStyles:e})=>e}
|
|
2199
2195
|
|
|
2200
2196
|
${({footerWidth:e})=>{if(e<650)return l.css`
|
|
2201
2197
|
flex-direction: column;
|
|
@@ -3044,4 +3040,4 @@ overflow: hidden;
|
|
|
3044
3040
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
3045
3041
|
font-size: ${({size:e})=>mr[e].fontSize};
|
|
3046
3042
|
line-height: ${({size:e})=>mr[e].lineHeight};
|
|
3047
|
-
`,gr=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||M;return b.default.createElement(br,S({theme:i,bg:a,text:o,size:e},r),b.default.createElement(Pa,{theme:i}),t)};gr.propTypes={size:m.default.oneOf(["xs","sm","md","lg"]),text:m.default.string,bg:m.default.string,children:m.default.any,theme:m.default.object},gr.defaultProps={size:"md"},exports.Accordion=Y,exports.AccordionSB=Q,exports.AccordionSBfooter=N,exports.ActionContainer=ea,exports.ActionItem=aa,exports.ArrowBar=ee,exports.Avatar=ie,exports.AvatarSB=ue,exports.AvatarSBfooter=be,exports.Banner=ye,exports.Breadcrumb=Qe,exports.ButtonPopup=Ga,exports.Card=L,exports.CardRef=H,exports.CheckBoxInput=at,exports.ColorInput=it,exports.Comment=Gl,exports.Content=Dl,exports.DarkSecondaryLink=Lo,exports.DateSelect=bt,exports.DateTime=vt,exports.Divider=ua,exports.DocumentCard=Z,exports.DotPulseLoader=()=>{const e=l.useTheme()||M;return b.default.createElement(xe,{activeTheme:e},b.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=fa,exports.DropdownSelect=Et,exports.DropzoneInput=Lt,exports.ErrorBoundary=ma,exports.FilterChip=ha,exports.Footer=xa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,...
|
|
3043
|
+
`,gr=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||M;return b.default.createElement(br,S({theme:i,bg:a,text:o,size:e},r),b.default.createElement(Pa,{theme:i}),t)};gr.propTypes={size:m.default.oneOf(["xs","sm","md","lg"]),text:m.default.string,bg:m.default.string,children:m.default.any,theme:m.default.object},gr.defaultProps={size:"md"},exports.Accordion=Y,exports.AccordionSB=Q,exports.AccordionSBfooter=N,exports.ActionContainer=ea,exports.ActionItem=aa,exports.ArrowBar=ee,exports.Avatar=ie,exports.AvatarSB=ue,exports.AvatarSBfooter=be,exports.Banner=ye,exports.Breadcrumb=Qe,exports.ButtonPopup=Ga,exports.Card=L,exports.CardRef=H,exports.CheckBoxInput=at,exports.ColorInput=it,exports.Comment=Gl,exports.Content=Dl,exports.DarkSecondaryLink=Lo,exports.DateSelect=bt,exports.DateTime=vt,exports.Divider=ua,exports.DocumentCard=Z,exports.DotPulseLoader=()=>{const e=l.useTheme()||M;return b.default.createElement(xe,{activeTheme:e},b.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=fa,exports.DropdownSelect=Et,exports.DropzoneInput=Lt,exports.ErrorBoundary=ma,exports.FilterChip=ha,exports.Footer=xa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return b.default.createElement(va,S({variant:e,textColor:t,footerWidth:o,customStyles:r},i),b.default.createElement(Aa,{footerWidth:o},b.default.createElement(Ca,{footerWidth:o},"Premise HQ"),b.default.createElement(wa,{footerWidth:o},"|"),b.default.createElement(Ca,{footerWidth:o},"All Rights Restricted ",n," ©")),b.default.createElement(Aa,{footerWidth:o},b.default.createElement(Ca,{footerWidth:o},"Terms of use"),b.default.createElement(wa,{footerWidth:o},"|"),b.default.createElement(Ca,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>b.default.createElement(t.Fragment,null,b.default.createElement(Ea,S({},e,a),e.children),e))(e);case"label":return(e=>b.default.createElement(Ke,S({style:{marginBottom:"7px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>b.default.createElement(cl,S({},e,a)))(e);case"textArea":return(e=>b.default.createElement(Al,S({},e,a)))(e);case"number":return(e=>b.default.createElement(Jt,S({},e,a)))(e);case"radio":return(e=>b.default.createElement(al,S({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>b.default.createElement(at,S({},e,a)))(e);case"singleSelect":return(e=>b.default.createElement(Et,S({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>b.default.createElement(Et,S({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>b.default.createElement(Et,S({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>b.default.createElement(Et,S({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>b.default.createElement(gl,S({},e,a)))(e);case"fileUpload":return(e=>b.default.createElement(Lt,S({},e,a)))(e);case"date":return(e=>b.default.createElement(bt,S({},e,a)))(e);case"toggle":return(e=>b.default.createElement(Tl,S({},e,a)))(e);case"rating":return(e=>b.default.createElement(Wa,S({},e,a)))(e);case"buttonPrimary":return(e=>b.default.createElement(Ie,S({},e,a)))(e);case"buttonSecondary":return(e=>b.default.createElement(Te,S({},e,a)))(e);case"buttonTiny":return(e=>b.default.createElement(Pe,S({},e,a)))(e);case"search":return(e=>b.default.createElement(sl,S({},e,a)))(e);case"table":return(e=>b.default.createElement(Ta,S({},e,a)))(e);case"passwordInput":return(e=>b.default.createElement(Kt,S({},e,a)))(e);case"headerComponent":return(e=>b.default.createElement(La,S({},e,a)))(e)}};return b.default.createElement(t.Fragment,null,b.default.createElement(oa,{defaultThemeColor:M},b.default.createElement(sa,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?b.default.createElement(ia,null,e.map(((t,l)=>b.default.createElement(na,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=oa,exports.FormWrapper=sa,exports.GroupAvatars=qa,exports.GroupButtons=Ua,exports.GroupButtonsPopup=Ka,exports.GroupStatusCircle=ao,exports.Header=Ea,exports.HeaderComponent=La,exports.HyperLink=io,exports.Icon=J,exports.Image=le,exports.ImageUploader=Ft,exports.Label=Ke,exports.LightSecondaryLink=Ho,exports.LinkButton=ze,exports.Loader=Ce,exports.ModalComp=fo,exports.MultiColumnDiv=na,exports.MultiColumnWrapper=ia,exports.Navbar=({headerContent:e,bodyContent:a,footerContent:o,toggleSideBarOpen:r,headerStyles:i,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:u,user:p,firstBottomContent:f,secondBottomContent:m,selectedAppPath:g,setSelectedAppPath:h,selectedAppPageId:y,setSelectedAppPageId:x,setParentId:v,setRouterObject:A,...C})=>{const w=l.useTheme()||M,[S,E]=t.useState(null),[k,z]=t.useState(!1),[V,B]=t.useState([]);return t.useEffect((()=>{B(g.split("/"));let e=g.split("/"),t=a&&a.find((t=>e[1]===t.path.split("/")[1])),l=t?.routes&&t?.routes.find((e=>e?.path===g));x(l?.pageId||null),A(l||null),v(t?.pageId||null)}),[g]),b.default.createElement(jo,{onMouseEnter:()=>z(!0),onMouseLeave:()=>{E(null),z(!1)},toggleSideBarOpen:r},b.default.createElement(qo,{theme:w,headerStyles:i},e),b.default.createElement(Fo,{toggleSideBarOpen:r},a&&a.filter((e=>!0===e.visibleAsMenu))?.map(((e,t,l)=>{let a=l.length;return b.default.createElement(Q,{key:e.pageId,index:t,handleClick:e=>{!function(e){E(e)}(e)},isAccordionOpen:t===S||k&&e?.value?.toLowerCase()===V[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===V[1]?.toLowerCase(),customSelectCardColor:u,customStylesAccordionContainer:{"box-shadow":"none","border-radius":"0px","background-color":"transparent",position:a-1===t?"absolute":"initial",bottom:a-1===t&&"0px",padding:a-1===t?"2px 0px 10px 0px":"0px 0px 0px 0px"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"8px","padding-top":"16px","padding-bottom":"16px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:b.default.createElement(ue,{selectedStyle:n,notSelectedStyle:c,toggleName:r,customStylesName:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",color:"white","font-weight":"600"},customStylesNameHover:s,size:"MD",user:{userName:e.label,url:e.logo,fullName:e.label},isSelected:e?.value?.toLowerCase()===V[1]?.toLowerCase(),notificationCount:e?.notificationCount}),content:b.default.createElement("div",{style:{margin:"0",padding:"0",marginBottom:"18.25px"}},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((t,l)=>b.default.createElement(Oo,{listElementStyle:d,key:e.pageId+l,onClick:()=>{h(t.path)}},b.default.createElement("span",{className:"selected-disk",style:{visibility:V[2]?.toLowerCase()===t?.path.split("/")[2]?.toLowerCase()?"visible":"hidden"}}),b.default.createElement("span",{className:"link"}," ",t?.link)))))})}))))},exports.NumericInput=Jt,exports.Overlay=bo,exports.OverlayOptionContainer=ta,exports.OverlayOptionItemLabel=la,exports.PageContent=Jl,exports.Pagination=Co,exports.PaginationDefault=So,exports.PasswordInput=Kt,exports.PrimaryButton=Ie,exports.PrimaryStatusChip=Uo,exports.ProgressBar=Vo,exports.ProgressSteps=Ro,exports.RadioInput=al,exports.Rating=Wa,exports.RoundedLoader=Se,exports.SearchInput=sl,exports.SecondaryButton=Te,exports.SecondaryStatusChip=No,exports.Sidebar=Xo,exports.SignatureInput=gl,exports.SlimPrimaryStatusChip=_o,exports.SlimSecondaryStatusChip=lr,exports.StatusCircle=_a,exports.StyledCentralBar=Ql,exports.StyledClearSearch=Yl,exports.StyledCreateRow=Kl,exports.StyledRow=$l,exports.StyledRowSearch=Ul,exports.StyledSearchRow=_l,exports.StyledWarning=Nl,exports.SubmitButtonContainer=ra,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>b.default.createElement(Ie,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>b.default.createElement(Te,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return b.default.createElement(t.Fragment,null,b.default.createElement(ra,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.TabPanel=ar,exports.Table=Ta,exports.Tabs=cr,exports.TextArea=Al,exports.TextInput=cl,exports.TimeInput=Bl,exports.TinyButton=Pe,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t)=>{a((l=>[...l,{id:fr(),content:t,type:e}]))},r=t.useMemo((()=>({open:o})),[]),[i,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),b.default.createElement(ur.Provider,{value:r},e.children,i?p.createPortal(b.default.createElement(pr,null,b.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>b.default.createElement(dr,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,close:()=>{return e=t.id,a((t=>t.filter((t=>t.id!==e))));var e}},t.content))))),document.body):null)},exports.ToggleSwitch=Tl,exports.Tooltip=Xe,exports.Typography=gr,exports.defaultStyles=I,exports.defaultThemeColor=M,exports.getDefaultStyles=W,exports.graphColor=B,exports.hexToRGB=R,exports.neutralColor=z,exports.primaryColor=E,exports.shadeColor=V,exports.uiColor=k,exports.useToast=()=>t.useContext(ur);
|