groundfloor-react-ui 1.2.105 → 1.2.107

package/dist/index.es.js

@@ -138,7 +138,7 @@ import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as i,us
 
   // custom styles
   ${({customWrapperStyles:e})=>e}
-`,te=({customStylesAccordionContainer:e,customStylesAccordionToggle:l,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,toggleState:m,contentIsOpen:u,id:g,customWrapperStyles:f,setContentIsOpen:h,showIconInfo:y,...x})=>{const C=o(null),v=b()||P,[A,w]=i(!1);return r((()=>{w(u)}),[u]),t.createElement(D,z({customStyles:e,type:"accordionContainer"},x,{header:t.createElement(D,z({customStyles:{borderRadius:A?"5px 5px 0 0":"5px",...l},type:"accordionToggle"},x,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;h(!A),w(!A)},header:p,content:t.createElement(ee,{theme:v,customWrapperStyles:f},y&&t.createElement("span",null,A?"Click to hide":"Click to open"),t.createElement("div",{style:c&&A?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement(_,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(G,z({customStyles:n,type:"accordionContent",ref:C},x,{style:A?{height:"auto"}:{height:"0px",border:"none"},id:g,content:A?d:null}))}))};te.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionToggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,toggleState:e.func,id:e.string,customWrapperStyles:e.object,showIconInfo:e.bool},te.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${P.additional.border}`,color:`${P.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${P.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const le=({customStylesAccordionContainer:e,customStylesAccordionToggle:l,customStylesAccordionContent:o,toggleIconAnimation:a,content:n,contentToggle:c,isSelected:s,isAccordionOpen:d,id:p,customSelectCardColor:m,showIcon:u,underMaintenance:g})=>{const[f,h]=i(!1),[y,x]=i({}),[C,v]=i({}),A=b()||P;return r((()=>{s?(x((e=>({...e,backgroundColor:m||A.variant["primary-1"]}))),v((e=>({...e,backgroundColor:m||A.variant["primary-1"]})))):(x({}),v({}))}),[s]),r((()=>{h(!(!d||g))}),[d]),t.createElement(D,{customStyles:{...e,...y},header:t.createElement(D,{customStyles:{...l,...C},onClick:()=>{!g&&h(!f)},header:u?t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},c,t.createElement(_,{icon:"chevron-down",color:"white",size:10,customstyles:a&&f?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):c}),content:t.createElement(D,{customStyles:o,style:f?{height:"auto"}:{height:"0px",borderBottom:"none"},id:p,content:f?n:null})})};le.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionToggle:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,content:e.any,contentToggle:e.any,id:e.string,showIcon:e.bool,underMaintenance:e.bool},le.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const oe=m.div`
+`,te=({customStylesAccordionContainer:e,customStylesAccordionToggle:l,customStylesAccordionContent:a,toggleIconAnimation:n,icon:c,content:s,contentToggle:d,toggleState:p,contentIsOpen:m,id:u,customWrapperStyles:g,setContentIsOpen:f,showIconInfo:h,...y})=>{const x=o(null),C=b()||P,[v,A]=i(!1);return r((()=>{A(m)}),[m]),t.createElement(D,z({customStyles:e,type:"accordionContainer"},y,{header:t.createElement(D,z({customStyles:{borderRadius:v?"5px 5px 0 0":"5px",...l},type:"accordionToggle"},y,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;f(!v),A(!v)},header:d,content:t.createElement(ee,{theme:C,customWrapperStyles:g},h&&t.createElement("span",null,v?"Click to hide":"Click to open"),t.createElement("div",{style:n&&v?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},c||t.createElement(_,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(G,z({customStyles:a,type:"accordionContent",ref:x},y,{style:v?{height:"auto"}:{height:"0px",border:"none"},id:u,content:v?s:null}))}))};te.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionToggle:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,toggleState:e.func,id:e.string,customWrapperStyles:e.object,showIconInfo:e.bool},te.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${P.additional.border}`,color:`${P.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${P.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const le=({customStylesAccordionContainer:e,customStylesAccordionToggle:l,customStylesAccordionContent:o,toggleIconAnimation:a,content:n,contentToggle:c,isSelected:s,isAccordionOpen:d,id:p,customSelectCardColor:m,showIcon:u,underMaintenance:g})=>{const[f,h]=i(!1),[y,x]=i({}),[C,v]=i({}),A=b()||P;return r((()=>{s?(x((e=>({...e,backgroundColor:m||A.variant["primary-1"]}))),v((e=>({...e,backgroundColor:m||A.variant["primary-1"]})))):(x({}),v({}))}),[s]),r((()=>{h(!(!d||g))}),[d]),t.createElement(D,{customStyles:{...e,...y},header:t.createElement(D,{customStyles:{...l,...C},onClick:()=>{!g&&h(!f)},header:u?t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},c,t.createElement(_,{icon:"chevron-down",color:"white",size:10,customstyles:a&&f?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):c}),content:t.createElement(D,{customStyles:o,style:f?{height:"auto"}:{height:"0px",borderBottom:"none"},id:p,content:f?n:null})})};le.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionToggle:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,content:e.any,contentToggle:e.any,id:e.string,showIcon:e.bool,underMaintenance:e.bool},le.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const oe=m.div`
   display: ${({alertIsOpen:e})=>e?"block":"none"};
   background-color: ${({theme:e})=>j(e.variant["graph-4"],.05)};
   color: ${({theme:e})=>e.variant["primary-2"]};
@@ -1415,7 +1415,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   margin-top: -15.5px;
   cursor: pointer;
   line-height: normal !important;
-`,Yt=({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"))},Nt=({label:e,labelStyle:l,optionArr:o,selectedValue:i,setSelectedValue:r,placeHolder:a,isClearable:n,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:u,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:C,id:v,iconName:A,iconStyles:S,iconColor:k,iconSize:E,showIndicator:V,leftIcon:M,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:H,indicatorBackgroundColor:W,inputColor:R,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=b()||P,O=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??D.primary["primary-1"]}},t.createElement(_,{icon:"check-icon",color:"white"})),i=t.createElement("div",{style:{...l,backgroundColor:"#e0e7ff"}});return t.createElement(w.Option,e,t.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?o:i,t.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},X={control:(e,t)=>({...e,border:c?I&&c?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:H||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:W||"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,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",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:d+"px",color:R||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.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}),...j},J={DropdownIndicator:e=>{const l=t.createElement(w.DropdownIndicator,e,t.createElement(Ut,{"data-accordion":"contentClickFalse"},t.createElement(_,{icon:A,color:k,size:E,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===V?l:null},ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(w.ClearIndicator,e,n?t.createElement(Ut,{onClick:()=>{u(),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;return t.createElement(w.MenuList,z({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&l,e.children,e.children.length&&o)},MenuListFooter:F};let U=null;switch(y){case"multiSelect":U=t.createElement(Qt,z({type:"multiSelect",MultiValue:G,Option:O,value:i,CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z));break;case"asyncSingleSelect":U=t.createElement(Kt,z({CommonRenderedComponent:J,loadOptions:p,onInputChange:m,styles:X,placeholder:a,onChange:r,isLoading:C,isDisabled:x,id:v,value:i,isClearable:n},Z));break;case"asyncMultiSelect":U=t.createElement(Kt,z({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:a,styles:X,isDisabled:x,isLoading:C,loadOptions:p,onInputChange:m,id:v,isClearable:n,value:i},Z));break;default:U=t.createElement(Qt,z({type:"singleSelect",value:{value:i?i.value:"",label:i?i.label:""},CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z))}return t.createElement(Xt,{style:g,backgroundColor:I,isValid:c,fontSize:d,theme:D,isDisabled:x},e&&t.createElement(Jt,{inBuiltCss:T,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(it,{customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!c&&q)},Qt=({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))},Kt=({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))};Nt.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},Nt.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:{}};const $t=m.div`
+`,Yt=({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"))},Nt=({label:e,labelStyle:l,optionArr:o,selectedValue:i,setSelectedValue:r,placeHolder:a,isClearable:n,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:u,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:C,id:v,iconName:A,iconStyles:S,iconColor:k,iconSize:E,showIndicator:V,leftIcon:M,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:H,indicatorBackgroundColor:W,inputColor:R,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=b()||P,O=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??D.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)))},G=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},X={control:(e,t)=>({...e,border:c?I&&c?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:H||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:W||"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,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",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:d+"px",color:R||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.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}),...j},J={DropdownIndicator:e=>{const l=t.createElement(w.DropdownIndicator,e,t.createElement(Ut,{"data-accordion":"contentClickFalse"},t.createElement(_,{icon:A,color:k,size:E,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===V?l:null},ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(w.ClearIndicator,e,n?t.createElement(Ut,{onClick:()=>{u(),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;return t.createElement(w.MenuList,z({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&l,e.children,e.children.length&&o)},MenuListFooter:F};let U=null;switch(y){case"multiSelect":U=t.createElement(Qt,z({type:"multiSelect",MultiValue:G,Option:O,value:i,CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z));break;case"asyncSingleSelect":U=t.createElement(Kt,z({CommonRenderedComponent:J,loadOptions:p,onInputChange:m,styles:X,placeholder:a,onChange:r,isLoading:C,isDisabled:x,id:v,value:i,isClearable:n},Z));break;case"asyncMultiSelect":U=t.createElement(Kt,z({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:a,styles:X,isDisabled:x,isLoading:C,loadOptions:p,onInputChange:m,id:v,isClearable:n,value:i},Z));break;default:U=t.createElement(Qt,z({type:"singleSelect",value:{value:i?i.value:"",label:i?i.label:""},CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z))}return t.createElement(Xt,{style:g,backgroundColor:I,isValid:c,fontSize:d,theme:D,isDisabled:x},e&&t.createElement(Jt,{inBuiltCss:T,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(it,{customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!c&&q)},Qt=({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))},Kt=({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))};Nt.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},Nt.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:{}};const $t=m.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>F(e,t)}
 
@@ -1514,11 +1514,10 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   min-height: 100vh;
   padding: 0 0.5rem;
   cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
-
 `,ul=m.div`
   height: 49px;
   width: 49px;
-  background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white}; 
+  background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1529,7 +1528,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   ${({IconWrapperStyle:e})=>e}
 `,gl=m.div`
   // background-color: ${({theme:e})=>e.additional.white};
-  background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white}; 
+  background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white};
   width: 134px;
   height: 134px;
   border-radius: 50%;
@@ -1545,31 +1544,27 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   background-repeat: no-repeat;
   cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
 
-
   .icon-on-preview {
     display: none;
   }
   .icon-on-not-preview {
-    display:  block;
+    display: block;
   }
 
   &:hover {
     // background-color: rgb(51 51 51 / 30%);
-    background-color: ${({isDisabled:e})=>!e&&" rgb(51 51 51 / 30%)"}; 
-
+    background-color: ${({isDisabled:e})=>!e&&" rgb(51 51 51 / 30%)"};
 
     .icon-on-preview {
-      display: ${({isDisabled:e})=>!e&&"block"}; 
-
+      display: ${({isDisabled:e})=>!e&&"block"};
     }
     .icon-on-not-preview {
       // display: none;
-      display: ${({isDisabled:e})=>!e&&"none"}; 
-
+      display: ${({isDisabled:e})=>!e&&"none"};
     }
   }
   ${({MainDivStyle:e})=>e};
-`,fl=({image:e,setImage:l,WrapperDivStyle:a,MainDivStyle:n,IconWrapperStyle:c,iconSize:s,iconColor:d,isDisabled:p,id:m})=>{const[u,g]=i(),f=o(),h=b()||P,[y,x]=i(),[C,v]=i(!1);function A(e){e.preventDefault(),e.stopPropagation()}r((()=>{if(e&&C){const t=new FileReader;t.onloadend=()=>{g(t.result)},t.readAsDataURL(e)}else g(e)}),[e]);const w=e=>{e&&"image"===e.type.substr(0,5)?(v(!0),l(e)):v(!1)};return t.createElement(ml,{onDragLeave:function(e){A(e),x(!1)},onDragOver:function(e){A(e),x(!0)},onDrop:function(e){A(e);const{files:t}=e.dataTransfer;w(t[0])},WrapperDivStyle:a,isDisabled:p},t.createElement(gl,{isDisabled:p,theme:h,MainDivStyle:n,style:{backgroundImage:`url(${u})`},onClick:e=>{e.preventDefault(),f.current.click()}},!u&&t.createElement("div",{className:"icon-on-not-preview"},t.createElement(ul,{IconWrapperStyle:c,theme:h,isDisabled:p},t.createElement("img",{src:Q,alt:"",height:"40px",width:"48px"}))),t.createElement("div",{className:"icon-on-preview"},t.createElement(ul,{IconWrapperStyle:c,isDisabled:p,theme:h},t.createElement(_,{icon:"camera-icon",size:s,color:d||h.variant["primary-1"]})))),t.createElement(bl,{id:m,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png",onChange:e=>{v(!0),l(e.target.files[0])},disabled:p,isDisabled:p}))};fl.propTypes={image:e.any,setImage:e.func,WrapperDivStyle:e.object,MainDivStyle:e.object,IconWrapperStyle:e.object,iconSize:e.number},fl.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const hl=m.div`
+`,fl=({image:e,setImage:l,WrapperDivStyle:a,MainDivStyle:n,IconWrapperStyle:c,iconSize:s,iconColor:d,isDisabled:p,id:m})=>{const[u,g]=i(),f=o(),h=b()||P,[y,x]=i(),[C,v]=i(!1);function A(e){e.preventDefault(),e.stopPropagation()}r((()=>{if(e&&C){const t=new FileReader;t.onloadend=()=>{g(t.result)},t.readAsDataURL(e)}else g(e)}),[e]);const w=e=>{e&&"image"===e.type.substr(0,5)?(v(!0),l(e)):v(!1)};return t.createElement(ml,{onDragLeave:function(e){A(e),x(!1)},onDragOver:function(e){A(e),x(!0)},onDrop:function(e){A(e);const{files:t}=e.dataTransfer;w(t[0])},WrapperDivStyle:a,isDisabled:p},t.createElement(gl,{isDisabled:p,theme:h,MainDivStyle:n,style:{backgroundImage:`url(${u})`},onClick:e=>{e.preventDefault(),f.current.click()}},!u&&t.createElement("div",{className:"icon-on-not-preview"},t.createElement(ul,{IconWrapperStyle:c,theme:h,isDisabled:p},t.createElement("img",{src:Q,alt:"",height:"40px",width:"48px"}))),t.createElement("div",{className:"icon-on-preview"},t.createElement(ul,{IconWrapperStyle:c,isDisabled:p,theme:h},t.createElement(_,{icon:"camera-icon",size:s,color:d||h.variant["primary-1"]})))),t.createElement(bl,{id:m,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png,image/webp",onChange:e=>{v(!0),l(e.target.files[0])},disabled:p,isDisabled:p}))};fl.propTypes={image:e.any,setImage:e.func,WrapperDivStyle:e.object,MainDivStyle:e.object,IconWrapperStyle:e.object,iconSize:e.number},fl.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const hl=m.div`
   border: 1px solid ${({theme:e})=>e.additional.border};
   border-radius: 4px;
   padding: 5.5px 12px;
@@ -1723,7 +1718,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   display: ${({inline:e})=>e?"flex":"inline-block"};
   width: max-content;
   margin: 0;
-`,Il=({radioOuterCircleStyle:e,radioInnerCircleStyle:l,labelStyle:o,label:i,optionStyle:r,options:a,selectedCircleColor:n,selectedOptionTextColor:c,onChange:s,selected:d,width:p,height:m,inline:u,defaultBorderColor:g,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=b()||P;return t.createElement("div",null,t.createElement(it,{customStyles:o,type:"radio-label",text:i}),t.createElement(Ll,{inline:u},a.map(((o,i)=>t.createElement(Bl,{WrapperDivStyle:h,key:i+101*Math.random(),id:o.id,inline:u,onClick:()=>{!o?.disabled&&s(o.value)}},t.createElement(Vl,{theme:x,inBuiltCss:T,defaultBorderColor:g,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:o?.disabled?"not-allowed ":" pointer",borderColor:o?.disabled&&o?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:o.value,selected:d},t.createElement(Ml,{inBuiltCss:T,theme:x,width:p,height:m,selectedCircleColor:n,radioInnerCircleStyle:{...l,cursor:o?.disabled?"not-allowed ":" pointer",backgroundColor:o?.disabled&&o?.disabledColor?o?.disabledColor:o?.value===d?l?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:o.value,selected:d})),t.createElement(zl,{defaultOptionColor:f,optionStyle:{...r,cursor:o?.disabled?"not-allowed ":" pointer",color:o?.disabled&&o?.disabledColor},inBuiltCss:T,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!o?.disabled&&o.value===d},o.label))))))};Il.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},Il.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const Hl=m.div`
+`,Il=({radioOuterCircleStyle:e,radioInnerCircleStyle:l,labelStyle:o,label:i,optionStyle:r,options:a,selectedCircleColor:n,selectedOptionTextColor:c,onChange:s,selected:d,width:p,height:m,inline:u,defaultBorderColor:g,defaultOptionColor:f,WrapperDivStyle:h,required:y,onFocus:x,...C})=>{const v=b()||P;return t.createElement("div",null,t.createElement(it,{customStyles:o,type:"label-text",text:i,required:y,style:{display:"flex",marginBottom:"'8px",paddingBottom:"0px"}}),t.createElement(Ll,{inline:u},a.map(((o,i)=>t.createElement(Bl,{WrapperDivStyle:h,key:i+101*Math.random(),id:o.id,inline:u,onClick:()=>{!o?.disabled&&s(o.value)},onFocus:()=>{!o?.disabled&&x(o.value)}},t.createElement(Vl,{theme:v,inBuiltCss:T,defaultBorderColor:g,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:o?.disabled?"not-allowed ":" pointer",borderColor:o?.disabled&&o?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:o.value,selected:d},t.createElement(Ml,{inBuiltCss:T,theme:v,width:p,height:m,selectedCircleColor:n,radioInnerCircleStyle:{...l,cursor:o?.disabled?"not-allowed ":" pointer",backgroundColor:o?.disabled&&o?.disabledColor?o?.disabledColor:o?.value===d?l?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:o.value,selected:d})),t.createElement(zl,{defaultOptionColor:f,optionStyle:{...r,cursor:o?.disabled?"not-allowed ":" pointer",color:o?.disabled&&o?.disabledColor},inBuiltCss:T,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:v,selected:!o?.disabled&&o.value===d},o.label))))))};Il.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},Il.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const Hl=m.div`
   background-color: ${({theme:e})=>e.additional.white};
 
   //Set the styles from the default styles object
@@ -3078,7 +3073,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
   @media (max-width: 428px) {
     height: ${({toggleSideBarOpen:e})=>e?"100vh":"56px"};
   }
-`,Hr={fontWeight:"600",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",margin:"0 16px "},Wr=m.div`
+`,Hr={fontWeight:"600",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",margin:"0 16px ",textDecoration:"none"},Wr=m.div`
   min-height: 56px;
   display: flex;
   align-items: center;
@@ -3158,7 +3153,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
   p {
     margin: 0;
   }
-`,Tr=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:y})=>{const x=b()||P,[C,v]=i(null),[A,w]=i(!1),[S,k]=i([]);let E=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;r((()=>{k(m.split("/"));let e=m.split("/"),t=l&&l.find((t=>e[1]===t.path.split("/")[1]));V(t),f(t?.id||null)}),[m]),r((()=>{!o&&w(!1),!o&&v(null)}),[o]);const V=e=>{e?.path===m?(g(e?.id||null),h(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>V(e)))},M=(e,l,o)=>{let i=e?.path.split("/"),r=i.length;if(e.routes&&e.routes.length>0){let a=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return t.createElement(le,{key:e?.id+l,showIcon:!!a,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`},onClick:()=>{!a&&u(e.path)}},t.createElement("span",{style:{visibility:3===r&&S[2]===i[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{style:{fontWeight:3===r&&S[2]===i[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:m.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:t.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,o+8)))),customStylesAccordionContainer:wr,customStylesAccordionToggle:{cursor:"pointer",...Sr},customStylesAccordionContent:kr,showIconInfo:!1,customWrapperStyles:Er})}return t.createElement(Pr,{listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path)},theme:x},t.createElement("span",{className:"selected-disk",style:{visibility:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:o-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:r>3&&m===e?.path?d?.selectedChildBG||x.additional.white:"transparent",fontWeight:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"bold":"normal",color:x.variant.white}}," ",e?.link))};return t.createElement(Ir,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Wr,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Rr,{toggleSideBarOpen:o,staticLayerNo:E},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,i)=>t.createElement("div",{className:"service-layer",key:e?.value+i,onClick:()=>{v(i)},style:{backgroundColor:e?.value?.toLowerCase()===S[1]?.toLowerCase()?p:"transparent"}},"static"!==e.type.split("-")[0]?t.createElement(le,{index:i,underMaintenance:e.maintenance,isAccordionOpen:i===C||A&&e?.value?.toLowerCase()===S[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...Vr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Mr},customStylesAccordionContent:zr,contentToggle:t.createElement(Ce,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...Br,color:e.maintenance?x.variant["neutral-3"]:x.variant.white},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):l.length-1===i?t.createElement(_,{icon:"person",size:20,color:x.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Lr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(Ce,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:Br,customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:t.createElement("a",{href:e.path,target:"_blank",rel:"noreferrer",style:{color:e.maintenance?x.variant["neutral-3"]:x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Hr}},e.label)))))))},Fr=m.div`
+`,Tr=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:y})=>{const x=b()||P,[C,v]=i(null),[A,w]=i(!1),[S,k]=i([]);let E=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;r((()=>{k(m?.split("/")||[]),h({});let e=m?.split("/")||[],t=l&&l.find((t=>e[1]===t.path?.split("/")[1]));V(t),f(t?.id||null)}),[m]),r((()=>{!o&&w(!1),!o&&v(null)}),[o]);const V=e=>{e?.path===m?(g(e?.id||null),h(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>V(e)))},M=(e,l,o)=>{let i=e?.path.split("/"),r=i.length;if(e.routes&&e.routes.length>0){let a=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return t.createElement(le,{key:e?.id+l,showIcon:!!a,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`},onClick:()=>{!a&&u(e.path)}},t.createElement("span",{style:{visibility:3===r&&S[2]===i[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{style:{fontWeight:3===r&&S[2]===i[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:m.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:t.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,o+8)))),customStylesAccordionContainer:wr,customStylesAccordionToggle:{cursor:"pointer",...Sr},customStylesAccordionContent:kr,showIconInfo:!1,customWrapperStyles:Er})}return t.createElement(Pr,{listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path)},theme:x},t.createElement("span",{className:"selected-disk",style:{visibility:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:o-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:r>3&&m===e?.path?d?.selectedChildBG||x.additional.white:"transparent",fontWeight:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"bold":"normal",color:x.variant.white}}," ",e?.link))};return t.createElement(Ir,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Wr,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Rr,{toggleSideBarOpen:o,staticLayerNo:E},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,i)=>t.createElement("div",{className:"service-layer",key:e?.value+i,onClick:()=>{v(i)},style:{backgroundColor:e?.value?.toLowerCase()===S[1]?.toLowerCase()?p:"transparent"}},"static"!==e.type.split("-")[0]?t.createElement(le,{index:i,underMaintenance:e.maintenance,isAccordionOpen:i===C||A&&e?.value?.toLowerCase()===S[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...Vr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Mr},customStylesAccordionContent:zr,contentToggle:t.createElement(Ce,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...Br,color:e.maintenance?x.variant["neutral-3"]:x.variant.white},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):l.length-1===i?t.createElement(_,{icon:"person",size:20,color:x.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Lr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(Ce,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:Br,customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:t.createElement("a",{href:e.path,target:"_blank",rel:"noreferrer",style:{color:e.maintenance?x.variant["neutral-3"]:x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Hr}},e.label)))))))},Fr=m.div`
   background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
   color: ${({theme:e})=>e.additional.white};
   overflow-y: hidden;

package/dist/index.js

@@ -138,7 +138,7 @@
 
   // custom styles
   ${({customWrapperStyles:e})=>e}
-`,$=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionIcon:o,customStylesAccordionContent:r,toggleIconAnimation:i,icon:n,content:c,contentToggle:d,toggleState:s,contentIsOpen:u,id:p,customWrapperStyles:f,setContentIsOpen:m,showIconInfo:b,...h})=>{const y=t.useRef(null),x=l.useTheme()||H,[C,v]=t.useState(!1);return t.useEffect((()=>{v(u)}),[u]),g.default.createElement(j,E({customStyles:e,type:"accordionContainer"},h,{header:g.default.createElement(j,E({customStyles:{borderRadius:C?"5px 5px 0 0":"5px",...a},type:"accordionToggle"},h,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;m(!C),v(!C)},header:d,content:g.default.createElement(K,{theme:x,customWrapperStyles:f},b&&g.default.createElement("span",null,C?"Click to hide":"Click to open"),g.default.createElement("div",{style:i&&C?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},n||g.default.createElement(Q,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:g.default.createElement(Z,E({customStyles:r,type:"accordionContent",ref:y},h,{style:C?{height:"auto"}:{height:"0px",border:"none"},id:p,content:C?c:null}))}))};$.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionIcon:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,icon:b.default.any,content:b.default.any,contentToggle:b.default.any,toggleState:b.default.func,id:b.default.string,customWrapperStyles:b.default.object,showIconInfo:b.default.bool},$.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${H.additional.border}`,color:`${H.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${H.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const _=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:r,content:i,contentToggle:n,isSelected:c,isAccordionOpen:d,id:s,customSelectCardColor:u,showIcon:p,underMaintenance:f})=>{const[m,b]=t.useState(!1),[h,y]=t.useState({}),[x,C]=t.useState({}),v=l.useTheme()||H;return t.useEffect((()=>{c?(y((e=>({...e,backgroundColor:u||v.variant["primary-1"]}))),C((e=>({...e,backgroundColor:u||v.variant["primary-1"]})))):(y({}),C({}))}),[c]),t.useEffect((()=>{b(!(!d||f))}),[d]),g.default.createElement(j,{customStyles:{...e,...h},header:g.default.createElement(j,{customStyles:{...a,...x},onClick:()=>{!f&&b(!m)},header:p?g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},n,g.default.createElement(Q,{icon:"chevron-down",color:"white",size:10,customstyles:r&&m?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):n}),content:g.default.createElement(j,{customStyles:o,style:m?{height:"auto"}:{height:"0px",borderBottom:"none"},id:s,content:m?i:null})})};_.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,content:b.default.any,contentToggle:b.default.any,id:b.default.string,showIcon:b.default.bool,underMaintenance:b.default.bool},_.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const ee=h.default.div`
+`,$=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:r,icon:i,content:n,contentToggle:c,toggleState:d,contentIsOpen:s,id:u,customWrapperStyles:p,setContentIsOpen:f,showIconInfo:m,...b})=>{const h=t.useRef(null),y=l.useTheme()||H,[x,C]=t.useState(!1);return t.useEffect((()=>{C(s)}),[s]),g.default.createElement(j,E({customStyles:e,type:"accordionContainer"},b,{header:g.default.createElement(j,E({customStyles:{borderRadius:x?"5px 5px 0 0":"5px",...a},type:"accordionToggle"},b,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;f(!x),C(!x)},header:c,content:g.default.createElement(K,{theme:y,customWrapperStyles:p},m&&g.default.createElement("span",null,x?"Click to hide":"Click to open"),g.default.createElement("div",{style:r&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},i||g.default.createElement(Q,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:g.default.createElement(Z,E({customStyles:o,type:"accordionContent",ref:h},b,{style:x?{height:"auto"}:{height:"0px",border:"none"},id:u,content:x?n:null}))}))};$.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,icon:b.default.any,content:b.default.any,contentToggle:b.default.any,toggleState:b.default.func,id:b.default.string,customWrapperStyles:b.default.object,showIconInfo:b.default.bool},$.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${H.additional.border}`,color:`${H.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${H.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const _=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:r,content:i,contentToggle:n,isSelected:c,isAccordionOpen:d,id:s,customSelectCardColor:u,showIcon:p,underMaintenance:f})=>{const[m,b]=t.useState(!1),[h,y]=t.useState({}),[x,C]=t.useState({}),v=l.useTheme()||H;return t.useEffect((()=>{c?(y((e=>({...e,backgroundColor:u||v.variant["primary-1"]}))),C((e=>({...e,backgroundColor:u||v.variant["primary-1"]})))):(y({}),C({}))}),[c]),t.useEffect((()=>{b(!(!d||f))}),[d]),g.default.createElement(j,{customStyles:{...e,...h},header:g.default.createElement(j,{customStyles:{...a,...x},onClick:()=>{!f&&b(!m)},header:p?g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},n,g.default.createElement(Q,{icon:"chevron-down",color:"white",size:10,customstyles:r&&m?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):n}),content:g.default.createElement(j,{customStyles:o,style:m?{height:"auto"}:{height:"0px",borderBottom:"none"},id:s,content:m?i:null})})};_.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,content:b.default.any,contentToggle:b.default.any,id:b.default.string,showIcon:b.default.bool,underMaintenance:b.default.bool},_.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const ee=h.default.div`
   display: ${({alertIsOpen:e})=>e?"block":"none"};
   background-color: ${({theme:e})=>P(e.variant["graph-4"],.05)};
   color: ${({theme:e})=>e.variant["primary-2"]};
@@ -1415,7 +1415,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   margin-top: -15.5px;
   cursor: pointer;
   line-height: normal !important;
-`,Gt=({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"))},Xt=({label:e,labelStyle:t,optionArr:a,selectedValue:o,setSelectedValue:r,placeHolder:i,isClearable:n,isValid:d,height:s,fontSize:u,loadOptions:p,onInputChange:f,clearSelected:m,customWrapperStyles:b,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:C,isLoading:v,id:A,iconName:w,iconStyles:S,iconColor:k,iconSize:V,showIndicator:M,leftIcon:z,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:W,indicatorBackgroundColor:P,inputColor:T,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=l.useTheme()||H,O=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??D.primary["primary-1"]}},g.default.createElement(Q,{icon:"check-icon",color:"white"})),a=g.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return g.default.createElement(c.components.Option,e,g.default.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?l:a,g.default.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&g.default.createElement("span",{className:"text-main-alt-value"},l)},X={control:(e,t)=>({...e,border:d?I&&d?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:u+"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:`${s}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:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,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",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:u+"px",color:T||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.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}),...j},J={DropdownIndicator:e=>{const t=g.default.createElement(c.components.DropdownIndicator,e,g.default.createElement(Ot,{"data-accordion":"contentClickFalse"},g.default.createElement(Q,{icon:w,color:k,size:V,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===M?t:null},ValueContainer:Gt,IndicatorSeparator:()=>null,ClearIndicator:e=>g.default.createElement(c.components.ClearIndicator,e,n?g.default.createElement(Ot,{onClick:()=>{m(),e.clearValue()},"data-accordion":"contentClickFalse"},g.default.createElement(Q,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:t=null,MenuListFooter:l=null}=e.selectProps.components;return g.default.createElement(c.components.MenuList,E({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&t,e.children,e.children.length&&l)},MenuListFooter:F};let U=null;switch(x){case"multiSelect":U=g.default.createElement(Jt,E({type:"multiSelect",MultiValue:G,Option:O,value:o,CommonRenderedComponent:J,optionArr:a,placeHolder:i,isDisabled:C,stylesComp:X,setSelectedValue:r,isLoading:v,id:A,isClearable:n},Z));break;case"asyncSingleSelect":U=g.default.createElement(Ut,E({CommonRenderedComponent:J,loadOptions:p,onInputChange:f,styles:X,placeholder:i,onChange:r,isLoading:v,isDisabled:C,id:A,value:o,isClearable:n},Z));break;case"asyncMultiSelect":U=g.default.createElement(Ut,E({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:i,styles:X,isDisabled:C,isLoading:v,loadOptions:p,onInputChange:f,id:A,isClearable:n,value:o},Z));break;default:U=g.default.createElement(Jt,E({type:"singleSelect",value:{value:o?o.value:"",label:o?o.label:""},CommonRenderedComponent:J,optionArr:a,placeHolder:i,isDisabled:C,stylesComp:X,setSelectedValue:r,isLoading:v,id:A,isClearable:n},Z))}return g.default.createElement(Zt,{style:b,backgroundColor:I,isValid:d,fontSize:u,theme:D,isDisabled:C},e&&g.default.createElement(Dt,{inBuiltCss:R,labelWrapperStyle:"selectComp-label-wrapper",style:h},g.default.createElement(et,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),y&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!d&&q)},Jt=({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))},Ut=({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))};Xt.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},Xt.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:{}};const Yt=h.default.div`
+`,Gt=({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"))},Xt=({label:e,labelStyle:t,optionArr:a,selectedValue:o,setSelectedValue:r,placeHolder:i,isClearable:n,isValid:d,height:s,fontSize:u,loadOptions:p,onInputChange:f,clearSelected:m,customWrapperStyles:b,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:C,isLoading:v,id:A,iconName:w,iconStyles:S,iconColor:k,iconSize:V,showIndicator:M,leftIcon:z,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:W,indicatorBackgroundColor:P,inputColor:T,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=l.useTheme()||H,O=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??D.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)))},G=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&g.default.createElement("span",{className:"text-main-alt-value"},l)},X={control:(e,t)=>({...e,border:d?I&&d?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:u+"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:`${s}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:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,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",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:u+"px",color:T||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.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}),...j},J={DropdownIndicator:e=>{const t=g.default.createElement(c.components.DropdownIndicator,e,g.default.createElement(Ot,{"data-accordion":"contentClickFalse"},g.default.createElement(Q,{icon:w,color:k,size:V,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===M?t:null},ValueContainer:Gt,IndicatorSeparator:()=>null,ClearIndicator:e=>g.default.createElement(c.components.ClearIndicator,e,n?g.default.createElement(Ot,{onClick:()=>{m(),e.clearValue()},"data-accordion":"contentClickFalse"},g.default.createElement(Q,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:t=null,MenuListFooter:l=null}=e.selectProps.components;return g.default.createElement(c.components.MenuList,E({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&t,e.children,e.children.length&&l)},MenuListFooter:F};let U=null;switch(x){case"multiSelect":U=g.default.createElement(Jt,E({type:"multiSelect",MultiValue:G,Option:O,value:o,CommonRenderedComponent:J,optionArr:a,placeHolder:i,isDisabled:C,stylesComp:X,setSelectedValue:r,isLoading:v,id:A,isClearable:n},Z));break;case"asyncSingleSelect":U=g.default.createElement(Ut,E({CommonRenderedComponent:J,loadOptions:p,onInputChange:f,styles:X,placeholder:i,onChange:r,isLoading:v,isDisabled:C,id:A,value:o,isClearable:n},Z));break;case"asyncMultiSelect":U=g.default.createElement(Ut,E({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:i,styles:X,isDisabled:C,isLoading:v,loadOptions:p,onInputChange:f,id:A,isClearable:n,value:o},Z));break;default:U=g.default.createElement(Jt,E({type:"singleSelect",value:{value:o?o.value:"",label:o?o.label:""},CommonRenderedComponent:J,optionArr:a,placeHolder:i,isDisabled:C,stylesComp:X,setSelectedValue:r,isLoading:v,id:A,isClearable:n},Z))}return g.default.createElement(Zt,{style:b,backgroundColor:I,isValid:d,fontSize:u,theme:D,isDisabled:C},e&&g.default.createElement(Dt,{inBuiltCss:R,labelWrapperStyle:"selectComp-label-wrapper",style:h},g.default.createElement(et,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),y&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!d&&q)},Jt=({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))},Ut=({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))};Xt.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},Xt.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:{}};const Yt=h.default.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>W(e,t)}
 
@@ -1514,11 +1514,10 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   min-height: 100vh;
   padding: 0 0.5rem;
   cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
-
 `,sl=h.default.div`
   height: 49px;
   width: 49px;
-  background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white}; 
+  background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1529,7 +1528,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   ${({IconWrapperStyle:e})=>e}
 `,ul=h.default.div`
   // background-color: ${({theme:e})=>e.additional.white};
-  background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white}; 
+  background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white};
   width: 134px;
   height: 134px;
   border-radius: 50%;
@@ -1545,31 +1544,27 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   background-repeat: no-repeat;
   cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
 
-
   .icon-on-preview {
     display: none;
   }
   .icon-on-not-preview {
-    display:  block;
+    display: block;
   }
 
   &:hover {
     // background-color: rgb(51 51 51 / 30%);
-    background-color: ${({isDisabled:e})=>!e&&" rgb(51 51 51 / 30%)"}; 
-
+    background-color: ${({isDisabled:e})=>!e&&" rgb(51 51 51 / 30%)"};
 
     .icon-on-preview {
-      display: ${({isDisabled:e})=>!e&&"block"}; 
-
+      display: ${({isDisabled:e})=>!e&&"block"};
     }
     .icon-on-not-preview {
       // display: none;
-      display: ${({isDisabled:e})=>!e&&"none"}; 
-
+      display: ${({isDisabled:e})=>!e&&"none"};
     }
   }
   ${({MainDivStyle:e})=>e};
-`,pl=({image:e,setImage:a,WrapperDivStyle:o,MainDivStyle:r,IconWrapperStyle:i,iconSize:n,iconColor:c,isDisabled:d,id:s})=>{const[u,p]=t.useState(),f=t.useRef(),m=l.useTheme()||H,[b,h]=t.useState(),[y,x]=t.useState(!1);function C(e){e.preventDefault(),e.stopPropagation()}t.useEffect((()=>{if(e&&y){const t=new FileReader;t.onloadend=()=>{p(t.result)},t.readAsDataURL(e)}else p(e)}),[e]);const v=e=>{e&&"image"===e.type.substr(0,5)?(x(!0),a(e)):x(!1)};return g.default.createElement(cl,{onDragLeave:function(e){C(e),h(!1)},onDragOver:function(e){C(e),h(!0)},onDrop:function(e){C(e);const{files:t}=e.dataTransfer;v(t[0])},WrapperDivStyle:o,isDisabled:d},g.default.createElement(ul,{isDisabled:d,theme:m,MainDivStyle:r,style:{backgroundImage:`url(${u})`},onClick:e=>{e.preventDefault(),f.current.click()}},!u&&g.default.createElement("div",{className:"icon-on-not-preview"},g.default.createElement(sl,{IconWrapperStyle:i,theme:m,isDisabled:d},g.default.createElement("img",{src:U,alt:"",height:"40px",width:"48px"}))),g.default.createElement("div",{className:"icon-on-preview"},g.default.createElement(sl,{IconWrapperStyle:i,isDisabled:d,theme:m},g.default.createElement(Q,{icon:"camera-icon",size:n,color:c||m.variant["primary-1"]})))),g.default.createElement(dl,{id:s,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png",onChange:e=>{x(!0),a(e.target.files[0])},disabled:d,isDisabled:d}))};pl.propTypes={image:b.default.any,setImage:b.default.func,WrapperDivStyle:b.default.object,MainDivStyle:b.default.object,IconWrapperStyle:b.default.object,iconSize:b.default.number},pl.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const fl=h.default.div`
+`,pl=({image:e,setImage:a,WrapperDivStyle:o,MainDivStyle:r,IconWrapperStyle:i,iconSize:n,iconColor:c,isDisabled:d,id:s})=>{const[u,p]=t.useState(),f=t.useRef(),m=l.useTheme()||H,[b,h]=t.useState(),[y,x]=t.useState(!1);function C(e){e.preventDefault(),e.stopPropagation()}t.useEffect((()=>{if(e&&y){const t=new FileReader;t.onloadend=()=>{p(t.result)},t.readAsDataURL(e)}else p(e)}),[e]);const v=e=>{e&&"image"===e.type.substr(0,5)?(x(!0),a(e)):x(!1)};return g.default.createElement(cl,{onDragLeave:function(e){C(e),h(!1)},onDragOver:function(e){C(e),h(!0)},onDrop:function(e){C(e);const{files:t}=e.dataTransfer;v(t[0])},WrapperDivStyle:o,isDisabled:d},g.default.createElement(ul,{isDisabled:d,theme:m,MainDivStyle:r,style:{backgroundImage:`url(${u})`},onClick:e=>{e.preventDefault(),f.current.click()}},!u&&g.default.createElement("div",{className:"icon-on-not-preview"},g.default.createElement(sl,{IconWrapperStyle:i,theme:m,isDisabled:d},g.default.createElement("img",{src:U,alt:"",height:"40px",width:"48px"}))),g.default.createElement("div",{className:"icon-on-preview"},g.default.createElement(sl,{IconWrapperStyle:i,isDisabled:d,theme:m},g.default.createElement(Q,{icon:"camera-icon",size:n,color:c||m.variant["primary-1"]})))),g.default.createElement(dl,{id:s,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png,image/webp",onChange:e=>{x(!0),a(e.target.files[0])},disabled:d,isDisabled:d}))};pl.propTypes={image:b.default.any,setImage:b.default.func,WrapperDivStyle:b.default.object,MainDivStyle:b.default.object,IconWrapperStyle:b.default.object,iconSize:b.default.number},pl.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const fl=h.default.div`
   border: 1px solid ${({theme:e})=>e.additional.border};
   border-radius: 4px;
   padding: 5.5px 12px;
@@ -1723,7 +1718,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   display: ${({inline:e})=>e?"flex":"inline-block"};
   width: max-content;
   margin: 0;
-`,Ml=({radioOuterCircleStyle:e,radioInnerCircleStyle:t,labelStyle:a,label:o,optionStyle:r,options:i,selectedCircleColor:n,selectedOptionTextColor:c,onChange:d,selected:s,width:u,height:p,inline:f,defaultBorderColor:m,defaultOptionColor:b,WrapperDivStyle:h,...y})=>{const x=l.useTheme()||H;return g.default.createElement("div",null,g.default.createElement(et,{customStyles:a,type:"radio-label",text:o}),g.default.createElement(Vl,{inline:f},i.map(((l,a)=>g.default.createElement(El,{WrapperDivStyle:h,key:a+101*Math.random(),id:l.id,inline:f,onClick:()=>{!l?.disabled&&d(l.value)}},g.default.createElement(wl,{theme:x,inBuiltCss:R,defaultBorderColor:m,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:l?.disabled?"not-allowed ":" pointer",borderColor:l?.disabled&&l?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:l.value,selected:s},g.default.createElement(Sl,{inBuiltCss:R,theme:x,width:u,height:p,selectedCircleColor:n,radioInnerCircleStyle:{...t,cursor:l?.disabled?"not-allowed ":" pointer",backgroundColor:l?.disabled&&l?.disabledColor?l?.disabledColor:l?.value===s?t?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:l.value,selected:s})),g.default.createElement(kl,{defaultOptionColor:b,optionStyle:{...r,cursor:l?.disabled?"not-allowed ":" pointer",color:l?.disabled&&l?.disabledColor},inBuiltCss:R,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!l?.disabled&&l.value===s},l.label))))))};Ml.propTypes={label:b.default.string,labelStyle:b.default.object,inline:b.default.bool,options:b.default.array,optionStyle:b.default.object,WrapperDivStyle:b.default.object,selected:b.default.string,onChange:b.default.func,defaultOptionColor:b.default.string,defaultBorderColor:b.default.string,radioOuterCircleStyle:b.default.object,radioInnerCircleStyle:b.default.object,width:b.default.string,height:b.default.string,selectedCircleColor:b.default.string,selectedOptionTextColor:b.default.string},Ml.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const zl=h.default.div`
+`,Ml=({radioOuterCircleStyle:e,radioInnerCircleStyle:t,labelStyle:a,label:o,optionStyle:r,options:i,selectedCircleColor:n,selectedOptionTextColor:c,onChange:d,selected:s,width:u,height:p,inline:f,defaultBorderColor:m,defaultOptionColor:b,WrapperDivStyle:h,required:y,onFocus:x,...C})=>{const v=l.useTheme()||H;return g.default.createElement("div",null,g.default.createElement(et,{customStyles:a,type:"label-text",text:o,required:y,style:{display:"flex",marginBottom:"'8px",paddingBottom:"0px"}}),g.default.createElement(Vl,{inline:f},i.map(((l,a)=>g.default.createElement(El,{WrapperDivStyle:h,key:a+101*Math.random(),id:l.id,inline:f,onClick:()=>{!l?.disabled&&d(l.value)},onFocus:()=>{!l?.disabled&&x(l.value)}},g.default.createElement(wl,{theme:v,inBuiltCss:R,defaultBorderColor:m,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:l?.disabled?"not-allowed ":" pointer",borderColor:l?.disabled&&l?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:l.value,selected:s},g.default.createElement(Sl,{inBuiltCss:R,theme:v,width:u,height:p,selectedCircleColor:n,radioInnerCircleStyle:{...t,cursor:l?.disabled?"not-allowed ":" pointer",backgroundColor:l?.disabled&&l?.disabledColor?l?.disabledColor:l?.value===s?t?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:l.value,selected:s})),g.default.createElement(kl,{defaultOptionColor:b,optionStyle:{...r,cursor:l?.disabled?"not-allowed ":" pointer",color:l?.disabled&&l?.disabledColor},inBuiltCss:R,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:v,selected:!l?.disabled&&l.value===s},l.label))))))};Ml.propTypes={label:b.default.string,labelStyle:b.default.object,inline:b.default.bool,options:b.default.array,optionStyle:b.default.object,WrapperDivStyle:b.default.object,selected:b.default.string,onChange:b.default.func,defaultOptionColor:b.default.string,defaultBorderColor:b.default.string,radioOuterCircleStyle:b.default.object,radioInnerCircleStyle:b.default.object,width:b.default.string,height:b.default.string,selectedCircleColor:b.default.string,selectedOptionTextColor:b.default.string},Ml.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const zl=h.default.div`
   background-color: ${({theme:e})=>e.additional.white};
 
   //Set the styles from the default styles object
@@ -3078,7 +3073,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
   @media (max-width: 428px) {
     height: ${({toggleSideBarOpen:e})=>e?"100vh":"56px"};
   }
-`,Er={fontWeight:"600",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",margin:"0 16px "},Vr=h.default.div`
+`,Er={fontWeight:"600",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",margin:"0 16px ",textDecoration:"none"},Vr=h.default.div`
   min-height: 56px;
   display: flex;
   align-items: center;
@@ -3411,4 +3406,4 @@ overflow: hidden;
     background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
     font-size: ${({size:e})=>ti[e].fontSize};
     line-height: ${({size:e})=>ti[e].lineHeight};
-`,ai=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||H;return g.default.createElement(li,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(So,{theme:i}),t)};ai.propTypes={size:b.default.oneOf(["xs","sm","md","lg"]),text:b.default.string,bg:b.default.string,children:b.default.any,theme:b.default.object},ai.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=ka,exports.ActionItem=Ma,exports.Alert=le,exports.ArrowBar=ie,exports.Avatar=pe,exports.AvatarSB=he,exports.Banner=Ce,exports.Breadcrumb=$e,exports.ButtonPopup=Lo,exports.Card=j,exports.CardRef=Z,exports.CheckBoxInput=ft,exports.ChipsInput=nt,exports.ColorInput=gt,exports.Comment=ma,exports.Content=ga,exports.CountryCodedPhoneInput=xt,exports.DarkSecondaryLink=fr,exports.DateSelect=It,exports.DateTime=qt,exports.Divider=Pa,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||H;return g.default.createElement(Ae,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Fa,exports.DropdownSelect=Xt,exports.DropzoneInput=tl,exports.EditableInput=nl,exports.ErrorBoundary=ja,exports.FilterChip=Da,exports.Footer=Ga,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return g.default.createElement(Xa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},i),g.default.createElement(Ja,{footerWidth:o},g.default.createElement(Ua,{footerWidth:o},"Premise HQ"),g.default.createElement(Ya,{footerWidth:o},"|"),g.default.createElement(Ua,{footerWidth:o},"All Rights Restricted ",n," ©")),g.default.createElement(Ja,{footerWidth:o},g.default.createElement(Ua,{footerWidth:o},"Terms of use"),g.default.createElement(Ya,{footerWidth:o},"|"),g.default.createElement(Ua,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>g.default.createElement(t.Fragment,null,g.default.createElement(Qa,E({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement(et,E({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Hl,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Jl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(hl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(Ml,E({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(ft,E({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Xt,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Xt,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Xt,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Xt,E({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(Zl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(tl,E({},e,a)))(e);case"date":return(e=>g.default.createElement(It,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(fo,E({},e,a)))(e);case"toggle":return(e=>g.default.createElement(ra,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(Q,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(Me,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(le,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(Ce,E({},e,a)))(e);case"divider":return(e=>g.default.createElement(Pa,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(wo,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(J,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(pl,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement($,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ga,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(Co,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(Re,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(Te,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(je,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(Le,E({},e,a)))(e);case"search":return(e=>g.default.createElement(Rl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(Ao,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Al,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(za,{defaultThemeColor:H},g.default.createElement(Ra,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(La,null,e.map(((t,l)=>g.default.createElement(Ia,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=za,exports.FormWrapper=Ra,exports.GroupAvatars=Vo,exports.GroupButtons=Wo,exports.GroupButtonsPopup=jo,exports.GroupStatusCircle=Xo,exports.Header=Qa,exports.HeaderComponent=wo,exports.HyperLink=Yo,exports.Icon=Q,exports.Image=ce,exports.ImageUploader=pl,exports.Label=et,exports.LightSecondaryLink=br,exports.LinkButton=Le,exports.Loader=ke,exports.ModalComp=tr,exports.MultiColumnDiv=Ia,exports.MultiColumnWrapper=La,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:n,customStylesNameHover:c,listElementStyle:d,customSelectCardColor:s,selectedAppPath:u,setSelectedAppPath:p,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h})=>{const y=l.useTheme()||H,[x,C]=t.useState(null),[v,A]=t.useState(!1),[w,S]=t.useState([]);let k=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{S(u.split("/"));let e=u.split("/"),t=a&&a.find((t=>e[1]===t.path.split("/")[1]));E(t),m(t?.id||null)}),[u]),t.useEffect((()=>{!o&&A(!1),!o&&C(null)}),[o]);const E=e=>{e?.path===u?(f(e?.id||null),b(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>E(e)))},V=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;if(e.routes&&e.routes.length>0){let r=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return g.default.createElement(_,{key:e?.id+t,showIcon:!!r,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`},onClick:()=>{!r&&p(e.path)}},g.default.createElement("span",{style:{visibility:3===o&&w[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y.additional.white,flexShrink:0}}),g.default.createElement("span",{style:{fontWeight:3===o&&w[2]===a[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:u.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,l+8)))),customStylesAccordionContainer:gr,customStylesAccordionToggle:{cursor:"pointer",...hr},customStylesAccordionContent:yr,showIconInfo:!1,customWrapperStyles:xr})}return g.default.createElement(zr,{listElementStyle:d,key:e?.id+t,onClick:()=>{p(e.path)},theme:y},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&u===e?.path&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),g.default.createElement("span",{className:"link",style:{marginLeft:l-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&u===e?.path?d?.selectedChildBG||y.additional.white:"transparent",fontWeight:o<=3&&u===e?.path&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y.variant.white}}," ",e?.link))};return g.default.createElement(kr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{C(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(Vr,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Mr,{toggleSideBarOpen:o,staticLayerNo:k},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{C(t)},style:{backgroundColor:e?.value?.toLowerCase()===w[1]?.toLowerCase()?s:"transparent"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===x||v&&e?.value?.toLowerCase()===w[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...Cr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...vr},customStylesAccordionContent:Ar,contentToggle:g.default.createElement(he,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...wr,color:e.maintenance?y.variant["neutral-3"]:y.variant.white},customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):a.length-1===t?g.default.createElement(Q,{icon:"person",size:20,color:y.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Sr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(he,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:wr,customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:g.default.createElement("a",{href:e.path,target:"_blank",rel:"noreferrer",style:{color:e.maintenance?y.variant["neutral-3"]:y.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Er}},e.label)))))))},exports.NumericInput=hl,exports.Overlay=ar,exports.OverlayOptionContainer=Ea,exports.OverlayOptionItemLabel=Va,exports.PageContent=ha,exports.Pagination=lo,exports.PaginationDefault=oo,exports.PaginationTypeTwo=fo,exports.PasswordInput=Al,exports.PrimaryButton=Re,exports.PrimaryStatusChip=Wr,exports.ProgressBar=ir,exports.ProgressSteps=ur,exports.RadioInput=Ml,exports.Rating=Co,exports.RoundedLoader=Me,exports.SearchInput=Rl,exports.SecondaryButton=Te,exports.SecondaryStatusChip=Fr,exports.Sidebar=Ir,exports.SignatureInput=Zl,exports.SlimPrimaryStatusChip=Zr,exports.SlimSecondaryStatusChip=Gr,exports.StatusCircle=Zo,exports.StyledCentralBar=Ca,exports.StyledClearSearch=xa,exports.StyledCreateRow=Aa,exports.StyledRow=wa,exports.StyledRowSearch=ya,exports.StyledSearchRow=Sa,exports.StyledWarning=va,exports.SubmitButtonContainer=Ba,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(Re,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>g.default.createElement(Te,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ba,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=Ao,exports.Tabs=Nr,exports.TextArea=Jl,exports.TextInput=Hl,exports.TimeInput=ea,exports.TinyButton=je,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||ei(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),i=t.useMemo((()=>({open:o,close:r})),[]),[n,c]=t.useState(!1);return t.useEffect((()=>(c(!0),()=>c(!1))),[]),g.default.createElement($r.Provider,{value:i},e.children,n?f.createPortal(g.default.createElement(_r,null,g.default.createElement("div",{className:`notification-container  ${e.position}`},l.map((t=>g.default.createElement(Kr,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=ra,exports.Tooltip=Ue,exports.Typography=ai,exports.additionalColors=I,exports.createDarker=T,exports.defaultStyles=R,exports.defaultThemeColor=H,exports.getDefaultStyles=W,exports.graphColor=L,exports.hexToRGB=P,exports.neutralColor=z,exports.primaryColor=V,exports.shadeColor=B,exports.uiColor=M,exports.useToast=()=>t.useContext($r);
+`,ai=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||H;return g.default.createElement(li,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(So,{theme:i}),t)};ai.propTypes={size:b.default.oneOf(["xs","sm","md","lg"]),text:b.default.string,bg:b.default.string,children:b.default.any,theme:b.default.object},ai.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=ka,exports.ActionItem=Ma,exports.Alert=le,exports.ArrowBar=ie,exports.Avatar=pe,exports.AvatarSB=he,exports.Banner=Ce,exports.Breadcrumb=$e,exports.ButtonPopup=Lo,exports.Card=j,exports.CardRef=Z,exports.CheckBoxInput=ft,exports.ChipsInput=nt,exports.ColorInput=gt,exports.Comment=ma,exports.Content=ga,exports.CountryCodedPhoneInput=xt,exports.DarkSecondaryLink=fr,exports.DateSelect=It,exports.DateTime=qt,exports.Divider=Pa,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||H;return g.default.createElement(Ae,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Fa,exports.DropdownSelect=Xt,exports.DropzoneInput=tl,exports.EditableInput=nl,exports.ErrorBoundary=ja,exports.FilterChip=Da,exports.Footer=Ga,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return g.default.createElement(Xa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},i),g.default.createElement(Ja,{footerWidth:o},g.default.createElement(Ua,{footerWidth:o},"Premise HQ"),g.default.createElement(Ya,{footerWidth:o},"|"),g.default.createElement(Ua,{footerWidth:o},"All Rights Restricted ",n," ©")),g.default.createElement(Ja,{footerWidth:o},g.default.createElement(Ua,{footerWidth:o},"Terms of use"),g.default.createElement(Ya,{footerWidth:o},"|"),g.default.createElement(Ua,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>g.default.createElement(t.Fragment,null,g.default.createElement(Qa,E({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement(et,E({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Hl,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Jl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(hl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(Ml,E({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(ft,E({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Xt,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Xt,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Xt,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Xt,E({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(Zl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(tl,E({},e,a)))(e);case"date":return(e=>g.default.createElement(It,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(fo,E({},e,a)))(e);case"toggle":return(e=>g.default.createElement(ra,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(Q,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(Me,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(le,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(Ce,E({},e,a)))(e);case"divider":return(e=>g.default.createElement(Pa,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(wo,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(J,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(pl,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement($,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ga,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(Co,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(Re,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(Te,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(je,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(Le,E({},e,a)))(e);case"search":return(e=>g.default.createElement(Rl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(Ao,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Al,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(za,{defaultThemeColor:H},g.default.createElement(Ra,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(La,null,e.map(((t,l)=>g.default.createElement(Ia,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=za,exports.FormWrapper=Ra,exports.GroupAvatars=Vo,exports.GroupButtons=Wo,exports.GroupButtonsPopup=jo,exports.GroupStatusCircle=Xo,exports.Header=Qa,exports.HeaderComponent=wo,exports.HyperLink=Yo,exports.Icon=Q,exports.Image=ce,exports.ImageUploader=pl,exports.Label=et,exports.LightSecondaryLink=br,exports.LinkButton=Le,exports.Loader=ke,exports.ModalComp=tr,exports.MultiColumnDiv=Ia,exports.MultiColumnWrapper=La,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:n,customStylesNameHover:c,listElementStyle:d,customSelectCardColor:s,selectedAppPath:u,setSelectedAppPath:p,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h})=>{const y=l.useTheme()||H,[x,C]=t.useState(null),[v,A]=t.useState(!1),[w,S]=t.useState([]);let k=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{S(u?.split("/")||[]),b({});let e=u?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));E(t),m(t?.id||null)}),[u]),t.useEffect((()=>{!o&&A(!1),!o&&C(null)}),[o]);const E=e=>{e?.path===u?(f(e?.id||null),b(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>E(e)))},V=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;if(e.routes&&e.routes.length>0){let r=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return g.default.createElement(_,{key:e?.id+t,showIcon:!!r,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`},onClick:()=>{!r&&p(e.path)}},g.default.createElement("span",{style:{visibility:3===o&&w[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y.additional.white,flexShrink:0}}),g.default.createElement("span",{style:{fontWeight:3===o&&w[2]===a[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:u.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,l+8)))),customStylesAccordionContainer:gr,customStylesAccordionToggle:{cursor:"pointer",...hr},customStylesAccordionContent:yr,showIconInfo:!1,customWrapperStyles:xr})}return g.default.createElement(zr,{listElementStyle:d,key:e?.id+t,onClick:()=>{p(e.path)},theme:y},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&u===e?.path&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),g.default.createElement("span",{className:"link",style:{marginLeft:l-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&u===e?.path?d?.selectedChildBG||y.additional.white:"transparent",fontWeight:o<=3&&u===e?.path&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y.variant.white}}," ",e?.link))};return g.default.createElement(kr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{C(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(Vr,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Mr,{toggleSideBarOpen:o,staticLayerNo:k},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{C(t)},style:{backgroundColor:e?.value?.toLowerCase()===w[1]?.toLowerCase()?s:"transparent"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===x||v&&e?.value?.toLowerCase()===w[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...Cr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...vr},customStylesAccordionContent:Ar,contentToggle:g.default.createElement(he,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...wr,color:e.maintenance?y.variant["neutral-3"]:y.variant.white},customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):a.length-1===t?g.default.createElement(Q,{icon:"person",size:20,color:y.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Sr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(he,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:wr,customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:g.default.createElement("a",{href:e.path,target:"_blank",rel:"noreferrer",style:{color:e.maintenance?y.variant["neutral-3"]:y.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Er}},e.label)))))))},exports.NumericInput=hl,exports.Overlay=ar,exports.OverlayOptionContainer=Ea,exports.OverlayOptionItemLabel=Va,exports.PageContent=ha,exports.Pagination=lo,exports.PaginationDefault=oo,exports.PaginationTypeTwo=fo,exports.PasswordInput=Al,exports.PrimaryButton=Re,exports.PrimaryStatusChip=Wr,exports.ProgressBar=ir,exports.ProgressSteps=ur,exports.RadioInput=Ml,exports.Rating=Co,exports.RoundedLoader=Me,exports.SearchInput=Rl,exports.SecondaryButton=Te,exports.SecondaryStatusChip=Fr,exports.Sidebar=Ir,exports.SignatureInput=Zl,exports.SlimPrimaryStatusChip=Zr,exports.SlimSecondaryStatusChip=Gr,exports.StatusCircle=Zo,exports.StyledCentralBar=Ca,exports.StyledClearSearch=xa,exports.StyledCreateRow=Aa,exports.StyledRow=wa,exports.StyledRowSearch=ya,exports.StyledSearchRow=Sa,exports.StyledWarning=va,exports.SubmitButtonContainer=Ba,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(Re,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>g.default.createElement(Te,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ba,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=Ao,exports.Tabs=Nr,exports.TextArea=Jl,exports.TextInput=Hl,exports.TimeInput=ea,exports.TinyButton=je,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||ei(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),i=t.useMemo((()=>({open:o,close:r})),[]),[n,c]=t.useState(!1);return t.useEffect((()=>(c(!0),()=>c(!1))),[]),g.default.createElement($r.Provider,{value:i},e.children,n?f.createPortal(g.default.createElement(_r,null,g.default.createElement("div",{className:`notification-container  ${e.position}`},l.map((t=>g.default.createElement(Kr,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=ra,exports.Tooltip=Ue,exports.Typography=ai,exports.additionalColors=I,exports.createDarker=T,exports.defaultStyles=R,exports.defaultThemeColor=H,exports.getDefaultStyles=W,exports.graphColor=L,exports.hexToRGB=P,exports.neutralColor=z,exports.primaryColor=V,exports.shadeColor=B,exports.uiColor=M,exports.useToast=()=>t.useContext($r);

package/package.json

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