groundfloor-react-ui 1.2.95 → 1.2.96

package/dist/index.es.js

@@ -3131,7 +3131,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
   p {
     margin: 0;
   }
-`,Rr=({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()||R,[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(te,{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:Ar,customStylesAccordionToggle:wr,customStylesAccordionContent:Sr,showIconInfo:!1,customWrapperStyles:kr})}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(Lr,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Hr,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Wr,{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(te,{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:{...Er,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Vr},customStylesAccordionContent:Mr,contentToggle:t.createElement(xe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...zr,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"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Br},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(xe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:zr,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",...Ir}},e.label)))))))},Tr=m.div`
+`,Rr=({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()||R,[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(te,{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:Ar,customStylesAccordionToggle:wr,customStylesAccordionContent:Sr,showIconInfo:!1,customWrapperStyles:kr})}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(Lr,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Hr,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Wr,{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(te,{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:{...Er,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Vr},customStylesAccordionContent:Mr,contentToggle:t.createElement(xe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...zr,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:Br},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(xe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:zr,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",...Ir}},e.label)))))))},Tr=m.div`
   background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
   color: ${({theme:e})=>e.additional.white};
   overflow-y: hidden;

package/dist/index.js

@@ -3387,4 +3387,4 @@ overflow: hidden;
     background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
     font-size: ${({size:e})=>ei[e].fontSize};
     line-height: ${({size:e})=>ei[e].lineHeight};
-`,li=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||H;return g.default.createElement(ti,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(wo,{theme:i}),t)};li.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},li.defaultProps={size:"md"},exports.Accordion=K,exports.AccordionSB=$,exports.ActionContainer=Sa,exports.ActionItem=Va,exports.Alert=te,exports.ArrowBar=re,exports.Avatar=ue,exports.AvatarSB=ge,exports.Banner=xe,exports.Breadcrumb=Ke,exports.ButtonPopup=Bo,exports.Card=F,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=it,exports.ColorInput=bt,exports.Comment=fa,exports.Content=ba,exports.CountryCodedPhoneInput=yt,exports.DarkSecondaryLink=pr,exports.DateSelect=Lt,exports.DateTime=jt,exports.Divider=Wa,exports.DocumentCard=X,exports.DotPulseLoader=()=>{const e=l.useTheme()||H;return g.default.createElement(ve,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ta,exports.DropdownSelect=Gt,exports.DropzoneInput=el,exports.EditableInput=il,exports.ErrorBoundary=Fa,exports.FilterChip=Za,exports.Footer=Oa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return g.default.createElement(Ga,E({variant:e,textColor:t,footerWidth:o,customStyles:r},i),g.default.createElement(Xa,{footerWidth:o},g.default.createElement(Ja,{footerWidth:o},"Premise HQ"),g.default.createElement(Ua,{footerWidth:o},"|"),g.default.createElement(Ja,{footerWidth:o},"All Rights Restricted ",n," ©")),g.default.createElement(Xa,{footerWidth:o},g.default.createElement(Ja,{footerWidth:o},"Terms of use"),g.default.createElement(Ua,{footerWidth:o},"|"),g.default.createElement(Ja,{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(Na,E({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement(_e,E({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Il,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Xl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(gl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(Vl,E({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(pt,E({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Gt,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Gt,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Gt,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Gt,E({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(ql,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(el,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Lt,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(po,E({},e,a)))(e);case"toggle":return(e=>g.default.createElement(oa,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(N,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(Ve,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(te,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(xe,E({},e,a)))(e);case"divider":return(e=>g.default.createElement(Wa,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Ao,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(X,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(ul,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement(K,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ba,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(xo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(He,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(Pe,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(Fe,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(Be,E({},e,a)))(e);case"search":return(e=>g.default.createElement(Hl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(vo,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(vl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{defaultThemeColor:H},g.default.createElement(Ha,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(Ba,null,e.map(((t,l)=>g.default.createElement(La,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Ma,exports.FormWrapper=Ha,exports.GroupAvatars=Eo,exports.GroupButtons=Ro,exports.GroupButtonsPopup=Fo,exports.GroupStatusCircle=Go,exports.Header=Na,exports.HeaderComponent=Ao,exports.HyperLink=Uo,exports.Icon=N,exports.Image=ne,exports.ImageUploader=ul,exports.Label=_e,exports.LightSecondaryLink=mr,exports.LinkButton=Be,exports.Loader=Se,exports.ModalComp=er,exports.MultiColumnDiv=La,exports.MultiColumnWrapper=Ba,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:br,customStylesAccordionToggle:gr,customStylesAccordionContent:hr,showIconInfo:!1,customWrapperStyles:yr})}return g.default.createElement(Mr,{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(Sr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{C(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(Er,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Vr,{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:{...xr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Cr},customStylesAccordionContent:vr,contentToggle:g.default.createElement(ge,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...Ar,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(N,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):a.length-1===t?g.default.createElement(N,{icon:"person",size:20,color:y.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:wr},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(ge,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:Ar,customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(N,{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",...kr}},e.label)))))))},exports.NumericInput=gl,exports.Overlay=lr,exports.OverlayOptionContainer=ka,exports.OverlayOptionItemLabel=Ea,exports.PageContent=ga,exports.Pagination=to,exports.PaginationDefault=ao,exports.PaginationTypeTwo=po,exports.PasswordInput=vl,exports.PrimaryButton=He,exports.PrimaryStatusChip=Rr,exports.ProgressBar=rr,exports.ProgressSteps=sr,exports.RadioInput=Vl,exports.Rating=xo,exports.RoundedLoader=Ve,exports.SearchInput=Hl,exports.SecondaryButton=Pe,exports.SecondaryStatusChip=Tr,exports.Sidebar=Lr,exports.SignatureInput=ql,exports.SlimPrimaryStatusChip=qr,exports.SlimSecondaryStatusChip=Or,exports.StatusCircle=qo,exports.StyledCentralBar=xa,exports.StyledClearSearch=ya,exports.StyledCreateRow=va,exports.StyledRow=Aa,exports.StyledRowSearch=ha,exports.StyledSearchRow=wa,exports.StyledWarning=Ca,exports.SubmitButtonContainer=za,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(He,{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(Pe,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(za,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=vo,exports.Tabs=Yr,exports.TextArea=Xl,exports.TextInput=Il,exports.TimeInput=_l,exports.TinyButton=Fe,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||_r(),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(Kr.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(Qr,{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=oa,exports.Tooltip=Je,exports.Typography=li,exports.additionalColors=I,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(Kr);
+`,li=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||H;return g.default.createElement(ti,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(wo,{theme:i}),t)};li.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},li.defaultProps={size:"md"},exports.Accordion=K,exports.AccordionSB=$,exports.ActionContainer=Sa,exports.ActionItem=Va,exports.Alert=te,exports.ArrowBar=re,exports.Avatar=ue,exports.AvatarSB=ge,exports.Banner=xe,exports.Breadcrumb=Ke,exports.ButtonPopup=Bo,exports.Card=F,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=it,exports.ColorInput=bt,exports.Comment=fa,exports.Content=ba,exports.CountryCodedPhoneInput=yt,exports.DarkSecondaryLink=pr,exports.DateSelect=Lt,exports.DateTime=jt,exports.Divider=Wa,exports.DocumentCard=X,exports.DotPulseLoader=()=>{const e=l.useTheme()||H;return g.default.createElement(ve,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ta,exports.DropdownSelect=Gt,exports.DropzoneInput=el,exports.EditableInput=il,exports.ErrorBoundary=Fa,exports.FilterChip=Za,exports.Footer=Oa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return g.default.createElement(Ga,E({variant:e,textColor:t,footerWidth:o,customStyles:r},i),g.default.createElement(Xa,{footerWidth:o},g.default.createElement(Ja,{footerWidth:o},"Premise HQ"),g.default.createElement(Ua,{footerWidth:o},"|"),g.default.createElement(Ja,{footerWidth:o},"All Rights Restricted ",n," ©")),g.default.createElement(Xa,{footerWidth:o},g.default.createElement(Ja,{footerWidth:o},"Terms of use"),g.default.createElement(Ua,{footerWidth:o},"|"),g.default.createElement(Ja,{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(Na,E({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement(_e,E({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Il,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Xl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(gl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(Vl,E({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(pt,E({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Gt,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Gt,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Gt,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Gt,E({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(ql,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(el,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Lt,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(po,E({},e,a)))(e);case"toggle":return(e=>g.default.createElement(oa,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(N,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(Ve,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(te,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(xe,E({},e,a)))(e);case"divider":return(e=>g.default.createElement(Wa,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Ao,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(X,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(ul,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement(K,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ba,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(xo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(He,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(Pe,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(Fe,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(Be,E({},e,a)))(e);case"search":return(e=>g.default.createElement(Hl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(vo,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(vl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{defaultThemeColor:H},g.default.createElement(Ha,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(Ba,null,e.map(((t,l)=>g.default.createElement(La,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Ma,exports.FormWrapper=Ha,exports.GroupAvatars=Eo,exports.GroupButtons=Ro,exports.GroupButtonsPopup=Fo,exports.GroupStatusCircle=Go,exports.Header=Na,exports.HeaderComponent=Ao,exports.HyperLink=Uo,exports.Icon=N,exports.Image=ne,exports.ImageUploader=ul,exports.Label=_e,exports.LightSecondaryLink=mr,exports.LinkButton=Be,exports.Loader=Se,exports.ModalComp=er,exports.MultiColumnDiv=La,exports.MultiColumnWrapper=Ba,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:br,customStylesAccordionToggle:gr,customStylesAccordionContent:hr,showIconInfo:!1,customWrapperStyles:yr})}return g.default.createElement(Mr,{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(Sr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{C(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(Er,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Vr,{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:{...xr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Cr},customStylesAccordionContent:vr,contentToggle:g.default.createElement(ge,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...Ar,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(N,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):a.length-1===t?g.default.createElement(N,{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:wr},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(ge,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:Ar,customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(N,{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",...kr}},e.label)))))))},exports.NumericInput=gl,exports.Overlay=lr,exports.OverlayOptionContainer=ka,exports.OverlayOptionItemLabel=Ea,exports.PageContent=ga,exports.Pagination=to,exports.PaginationDefault=ao,exports.PaginationTypeTwo=po,exports.PasswordInput=vl,exports.PrimaryButton=He,exports.PrimaryStatusChip=Rr,exports.ProgressBar=rr,exports.ProgressSteps=sr,exports.RadioInput=Vl,exports.Rating=xo,exports.RoundedLoader=Ve,exports.SearchInput=Hl,exports.SecondaryButton=Pe,exports.SecondaryStatusChip=Tr,exports.Sidebar=Lr,exports.SignatureInput=ql,exports.SlimPrimaryStatusChip=qr,exports.SlimSecondaryStatusChip=Or,exports.StatusCircle=qo,exports.StyledCentralBar=xa,exports.StyledClearSearch=ya,exports.StyledCreateRow=va,exports.StyledRow=Aa,exports.StyledRowSearch=ha,exports.StyledSearchRow=wa,exports.StyledWarning=Ca,exports.SubmitButtonContainer=za,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(He,{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(Pe,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(za,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=vo,exports.Tabs=Yr,exports.TextArea=Xl,exports.TextInput=Il,exports.TimeInput=_l,exports.TinyButton=Fe,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||_r(),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(Kr.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(Qr,{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=oa,exports.Tooltip=Je,exports.Typography=li,exports.additionalColors=I,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(Kr);

package/package.json

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