groundfloor-react-ui 1.2.106 → 1.2.108

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;
@@ -2514,7 +2509,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   display: flex;
   justify-content: center;
   align-items: center;
-`,ni=(e,t,l=1)=>{let o=e;const i=[];for(;o<=t;)i.push(o),o+=l;return i},ci=({totalRecords:e,pageNeighbours:l,onPageChanged:o,currentPageNumber:a,propsDropdownSelect:n,showRowsPerPage:c})=>{let s=n?.selectedValue?.value||10;0==s?s=1:s>e&&(s=e);const[d,p]=i(a),[m,u]=i(Math.ceil(e/s)),[g,f]=i({from:1+(d-1)*s,to:d*s>e?e:d*s}),h=b()||P,{width:y}=Se();l=y<512?0:y<768?1:l,r((()=>{u(Math.ceil(e/s)),x(1)}),[s]),r((()=>{f({from:1+(d-1)*s,to:d*s>e?e:d*s})}),[d]);const x=t=>{const l=Math.max(0,Math.min(t,m));p(l);o({currentPage:l,totalPages:m,totalRecords:e})},C=e=>t=>{t.preventDefault(),x(e)},v=e=>{e.preventDefault(),x(d-2*(l||1)-1)},A=e=>{e.preventDefault(),x(d+2*(l||1)+1)};if(!e||1===m||0===s)return null;const w=(()=>{const e=2*l+3;if(m>e+3){const t=Math.max(2,d-l),o=Math.min(m-1,d+l);let i=ni(t,o);const r=t>2,a=m-o>1,n=e-(i.length+1);switch(!0){case r&&!a:i=["LEFT",...ni(t-n,t-1),...i];break;case!r&&a:{const e=ni(o+1,o+n);i=[...i,...e,"RIGHT"];break}default:i=["LEFT",...i,"RIGHT"]}return[1,...i,m]}return ni(1,m)})();return t.createElement(oi,{theme:h,showRowsPerPage:c},t.createElement(ri,{theme:h},t.createElement(ii,{onClick:1!==d?C(d-1):null,disabled:1===d,theme:h},t.createElement(_,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===d?"not-allowed":"pointer"}}),t.createElement("span",{className:"prev-text"}," PREVIOUS")),w.map(((e,l)=>"LEFT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:v},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:A},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:h.primary["primary-2"],transform:"rotate(-90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:h.primary["primary-2"]})))):t.createElement("li",{key:l,className:"page-item"+(d===e?" active":"")},t.createElement("div",{className:"page-link",onClick:C(e)},e)))),t.createElement(ii,{onClick:d!==m?C(d+1):null,disabled:d===m,theme:h},t.createElement("span",{className:"next-text"}," NEXT"),t.createElement(_,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:d===m?"not-allowed":"pointer"}}))),c&&t.createElement(ai,null,t.createElement("span",{style:{margin:"0 16px",color:h.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),t.createElement(Nt,z({customSelectStyles:{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:"14px",width:"100%",maxWidth:"100px"}),control:(e,t)=>({...e,border:"1px solid  transparent",borderRadius:"6.25391px",height:"31px",minHeight:"31px",boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:"#F2F4FE",maxWidth:"100px",minWidth:"50px"}),singleValue:e=>({...e,fontSize:"12px",marginLeft:"0px",width:"100",marginRight:0})},customWrapperStyles:{marginRight:"16px"},isSearchable:!1,optionArr:[{value:10,label:10},{value:20,label:20},{value:30,label:30}]},n)),t.createElement("span",{style:{color:h.variant["neutral-3"],fontSize:"12px"}},g?.from,"-",g?.to," of"," ",t.createElement("span",{style:{color:h.variant["neutral-1"]}},e)," ","Results")))};ci.propTypes={totalRecords:e.number.isRequired,pageNeighbours:e.number,onPageChanged:e.func,showRowsPerPage:e.bool,currentPageNumber:e.number},ci.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1,currentPageNumber:1};const si=m.div`
+`,ni=(e,t,l=1)=>{let o=e;const i=[];for(;o<=t;)i.push(o),o+=l;return i},ci=({totalRecords:e,pageNeighbours:l,onPageChanged:o,currentPageNumber:a,propsDropdownSelect:n,showRowsPerPage:c})=>{let s=n?.selectedValue?.value||10;0==s?s=1:s>e&&(s=e);const[d,p]=i(a),[m,u]=i(a),[g,f]=i(Math.ceil(e/s)),[h,y]=i({from:0,to:0}),x=b()||P,{width:C}=Se();l=C<512?0:C<768?1:l,r((()=>{f(Math.ceil(e/s)),d?(v(d>g?1:d),p(0)):v(1)}),[s]),r((()=>{y({from:1+(m-1)*s,to:m*s>e?e:m*s})}),[m]);const v=t=>{const l=Math.max(0,Math.min(t,g));u(l);o({currentPage:l,totalPages:g,totalRecords:e})},A=e=>t=>{t.preventDefault(),v(e)},w=e=>{e.preventDefault();let t=m-2*(l||1)-1;v(0===t?1:t)},S=e=>{e.preventDefault(),v(m+2*(l||1)+1)};if(!e||0===s)return null;const k=(()=>{const e=2*l+3;if(g>e+3){const t=Math.max(2,m-l),o=Math.min(g-1,m+l);let i=ni(t,o);const r=t>2,a=g-o>1,n=e-(i.length+1);switch(!0){case r&&!a:i=["LEFT",...ni(t-n,t-1),...i];break;case!r&&a:{const e=ni(o+1,o+n);i=[...i,...e,"RIGHT"];break}default:i=["LEFT",...i,"RIGHT"]}return[1,...i,g]}return ni(1,g)})();return t.createElement(oi,{theme:x,showRowsPerPage:c},t.createElement(ri,{theme:x},t.createElement(ii,{onClick:1!==m?A(m-1):null,disabled:1===m,theme:x},t.createElement(_,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===m?"not-allowed":"pointer"}}),t.createElement("span",{className:"prev-text"}," PREVIOUS")),k.map(((e,l)=>"LEFT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:w},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:S},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:x.primary["primary-2"],transform:"rotate(-90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:x.primary["primary-2"]})))):t.createElement("li",{key:l,className:"page-item"+(m===e?" active":"")},t.createElement("div",{className:"page-link",onClick:A(e)},e)))),t.createElement(ii,{onClick:m!==g?A(m+1):null,disabled:m===g,theme:x},t.createElement("span",{className:"next-text"}," NEXT"),t.createElement(_,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:m===g?"not-allowed":"pointer"}}))),c&&t.createElement(ai,null,t.createElement("span",{style:{margin:"0 16px",color:x.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),t.createElement(Nt,z({customSelectStyles:{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:"14px",width:"100%",maxWidth:"100px"}),control:(e,t)=>({...e,border:"1px solid  transparent",borderRadius:"6.25391px",height:"31px",minHeight:"31px",boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:"#F2F4FE",maxWidth:"100px",minWidth:"50px"}),singleValue:e=>({...e,fontSize:"12px",marginLeft:"0px",width:"100",marginRight:0})},customWrapperStyles:{marginRight:"16px"},isSearchable:!1,optionArr:[{value:10,label:10},{value:20,label:20},{value:30,label:30}]},n)),t.createElement("span",{style:{color:x.variant["neutral-3"],fontSize:"12px"}},h?.from,"-",h?.to," of"," ",t.createElement("span",{style:{color:x.variant["neutral-1"]}},e)," ","Results")))};ci.propTypes={totalRecords:e.number.isRequired,pageNeighbours:e.number,onPageChanged:e.func,showRowsPerPage:e.bool,currentPageNumber:e.number},ci.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1,currentPageNumber:1};const si=m.div`
   display: flex;
   align-items: center;
   color: ${({theme:e})=>e.variant["neutral-2"]};
@@ -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;
@@ -2514,7 +2509,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
   display: flex;
   justify-content: center;
   align-items: center;
-`,to=(e,t,l=1)=>{let a=e;const o=[];for(;a<=t;)o.push(a),a+=l;return o},lo=({totalRecords:e,pageNeighbours:a,onPageChanged:o,currentPageNumber:r,propsDropdownSelect:i,showRowsPerPage:n})=>{let c=i?.selectedValue?.value||10;0==c?c=1:c>e&&(c=e);const[d,s]=t.useState(r),[u,p]=t.useState(Math.ceil(e/c)),[f,m]=t.useState({from:1+(d-1)*c,to:d*c>e?e:d*c}),b=l.useTheme()||H,{width:h}=ve();a=h<512?0:h<768?1:a,t.useEffect((()=>{p(Math.ceil(e/c)),y(1)}),[c]),t.useEffect((()=>{m({from:1+(d-1)*c,to:d*c>e?e:d*c})}),[d]);const y=t=>{const l=Math.max(0,Math.min(t,u));s(l);o({currentPage:l,totalPages:u,totalRecords:e})},x=e=>t=>{t.preventDefault(),y(e)},C=e=>{e.preventDefault(),y(d-2*(a||1)-1)},v=e=>{e.preventDefault(),y(d+2*(a||1)+1)};if(!e||1===u||0===c)return null;const A=(()=>{const e=2*a+3;if(u>e+3){const t=Math.max(2,d-a),l=Math.min(u-1,d+a);let o=to(t,l);const r=t>2,i=u-l>1,n=e-(o.length+1);switch(!0){case r&&!i:o=["LEFT",...to(t-n,t-1),...o];break;case!r&&i:{const e=to(l+1,l+n);o=[...o,...e,"RIGHT"];break}default:o=["LEFT",...o,"RIGHT"]}return[1,...o,u]}return to(1,u)})();return g.default.createElement(Ka,{theme:b,showRowsPerPage:n},g.default.createElement(_a,{theme:b},g.default.createElement($a,{onClick:1!==d?x(d-1):null,disabled:1===d,theme:b},g.default.createElement(Q,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===d?"not-allowed":"pointer"}}),g.default.createElement("span",{className:"prev-text"}," PREVIOUS")),A.map(((e,t)=>"LEFT"===e?g.default.createElement("li",{key:t,className:"page-item"},g.default.createElement("div",{className:"page-link",onClick:C},g.default.createElement("span",{className:"text"},g.default.createElement(Q,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),g.default.createElement("span",{className:"icon"},g.default.createElement(Q,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?g.default.createElement("li",{key:t,className:"page-item"},g.default.createElement("div",{className:"page-link",onClick:v},g.default.createElement("span",{className:"text"},g.default.createElement(Q,{icon:"load-more",color:b.primary["primary-2"],transform:"rotate(-90deg)"})),g.default.createElement("span",{className:"icon"},g.default.createElement(Q,{icon:"ellipses-horizontal",color:b.primary["primary-2"]})))):g.default.createElement("li",{key:t,className:"page-item"+(d===e?" active":"")},g.default.createElement("div",{className:"page-link",onClick:x(e)},e)))),g.default.createElement($a,{onClick:d!==u?x(d+1):null,disabled:d===u,theme:b},g.default.createElement("span",{className:"next-text"}," NEXT"),g.default.createElement(Q,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:d===u?"not-allowed":"pointer"}}))),n&&g.default.createElement(eo,null,g.default.createElement("span",{style:{margin:"0 16px",color:b.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),g.default.createElement(Xt,E({customSelectStyles:{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:"14px",width:"100%",maxWidth:"100px"}),control:(e,t)=>({...e,border:"1px solid  transparent",borderRadius:"6.25391px",height:"31px",minHeight:"31px",boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:"#F2F4FE",maxWidth:"100px",minWidth:"50px"}),singleValue:e=>({...e,fontSize:"12px",marginLeft:"0px",width:"100",marginRight:0})},customWrapperStyles:{marginRight:"16px"},isSearchable:!1,optionArr:[{value:10,label:10},{value:20,label:20},{value:30,label:30}]},i)),g.default.createElement("span",{style:{color:b.variant["neutral-3"],fontSize:"12px"}},f?.from,"-",f?.to," of"," ",g.default.createElement("span",{style:{color:b.variant["neutral-1"]}},e)," ","Results")))};lo.propTypes={totalRecords:b.default.number.isRequired,pageNeighbours:b.default.number,onPageChanged:b.default.func,showRowsPerPage:b.default.bool,currentPageNumber:b.default.number},lo.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1,currentPageNumber:1};const ao=h.default.div`
+`,to=(e,t,l=1)=>{let a=e;const o=[];for(;a<=t;)o.push(a),a+=l;return o},lo=({totalRecords:e,pageNeighbours:a,onPageChanged:o,currentPageNumber:r,propsDropdownSelect:i,showRowsPerPage:n})=>{let c=i?.selectedValue?.value||10;0==c?c=1:c>e&&(c=e);const[d,s]=t.useState(r),[u,p]=t.useState(r),[f,m]=t.useState(Math.ceil(e/c)),[b,h]=t.useState({from:0,to:0}),y=l.useTheme()||H,{width:x}=ve();a=x<512?0:x<768?1:a,t.useEffect((()=>{m(Math.ceil(e/c)),d?(C(d>f?1:d),s(0)):C(1)}),[c]),t.useEffect((()=>{h({from:1+(u-1)*c,to:u*c>e?e:u*c})}),[u]);const C=t=>{const l=Math.max(0,Math.min(t,f));p(l);o({currentPage:l,totalPages:f,totalRecords:e})},v=e=>t=>{t.preventDefault(),C(e)},A=e=>{e.preventDefault();let t=u-2*(a||1)-1;C(0===t?1:t)},w=e=>{e.preventDefault(),C(u+2*(a||1)+1)};if(!e||0===c)return null;const S=(()=>{const e=2*a+3;if(f>e+3){const t=Math.max(2,u-a),l=Math.min(f-1,u+a);let o=to(t,l);const r=t>2,i=f-l>1,n=e-(o.length+1);switch(!0){case r&&!i:o=["LEFT",...to(t-n,t-1),...o];break;case!r&&i:{const e=to(l+1,l+n);o=[...o,...e,"RIGHT"];break}default:o=["LEFT",...o,"RIGHT"]}return[1,...o,f]}return to(1,f)})();return g.default.createElement(Ka,{theme:y,showRowsPerPage:n},g.default.createElement(_a,{theme:y},g.default.createElement($a,{onClick:1!==u?v(u-1):null,disabled:1===u,theme:y},g.default.createElement(Q,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===u?"not-allowed":"pointer"}}),g.default.createElement("span",{className:"prev-text"}," PREVIOUS")),S.map(((e,t)=>"LEFT"===e?g.default.createElement("li",{key:t,className:"page-item"},g.default.createElement("div",{className:"page-link",onClick:A},g.default.createElement("span",{className:"text"},g.default.createElement(Q,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),g.default.createElement("span",{className:"icon"},g.default.createElement(Q,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?g.default.createElement("li",{key:t,className:"page-item"},g.default.createElement("div",{className:"page-link",onClick:w},g.default.createElement("span",{className:"text"},g.default.createElement(Q,{icon:"load-more",color:y.primary["primary-2"],transform:"rotate(-90deg)"})),g.default.createElement("span",{className:"icon"},g.default.createElement(Q,{icon:"ellipses-horizontal",color:y.primary["primary-2"]})))):g.default.createElement("li",{key:t,className:"page-item"+(u===e?" active":"")},g.default.createElement("div",{className:"page-link",onClick:v(e)},e)))),g.default.createElement($a,{onClick:u!==f?v(u+1):null,disabled:u===f,theme:y},g.default.createElement("span",{className:"next-text"}," NEXT"),g.default.createElement(Q,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:u===f?"not-allowed":"pointer"}}))),n&&g.default.createElement(eo,null,g.default.createElement("span",{style:{margin:"0 16px",color:y.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),g.default.createElement(Xt,E({customSelectStyles:{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:"14px",width:"100%",maxWidth:"100px"}),control:(e,t)=>({...e,border:"1px solid  transparent",borderRadius:"6.25391px",height:"31px",minHeight:"31px",boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:"#F2F4FE",maxWidth:"100px",minWidth:"50px"}),singleValue:e=>({...e,fontSize:"12px",marginLeft:"0px",width:"100",marginRight:0})},customWrapperStyles:{marginRight:"16px"},isSearchable:!1,optionArr:[{value:10,label:10},{value:20,label:20},{value:30,label:30}]},i)),g.default.createElement("span",{style:{color:y.variant["neutral-3"],fontSize:"12px"}},b?.from,"-",b?.to," of"," ",g.default.createElement("span",{style:{color:y.variant["neutral-1"]}},e)," ","Results")))};lo.propTypes={totalRecords:b.default.number.isRequired,pageNeighbours:b.default.number,onPageChanged:b.default.func,showRowsPerPage:b.default.bool,currentPageNumber:b.default.number},lo.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1,currentPageNumber:1};const ao=h.default.div`
   display: flex;
   align-items: center;
   color: ${({theme:e})=>e.variant["neutral-2"]};
@@ -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.106",
+  "version": "1.2.108",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,