groundfloor-react-ui 1.3.35 → 1.3.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -3074,13 +3074,13 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let c={};if(e[t]){for(const t in e.c
3074
3074
  width: 7px;
3075
3075
  height: 7px;
3076
3076
  border-radius: 50%;
3077
- background-color: ${({theme:e})=>e.additional.white};
3077
+ background-color: ${({theme:e,customFontColor:t})=>t||e.additional.white};
3078
3078
  flex-shrink: 0;
3079
3079
  }
3080
3080
  p {
3081
3081
  margin: 0;
3082
3082
  }
3083
- `,Ro=({headerContent:e,bodyContent:l,toggleSideBarOpen:c,headerStyles:a,selectedStyle:r,notSelectedStyle:n,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:g,setRouterObject:h,notificationCircleStyles:y,singleLine:C=!0})=>{const x=b()||R,[v,w]=i(null),[A,S]=i(!1),[k,E]=i([]);let V=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;o((()=>{E(m?.split("/")||[]),h({});let e=m?.split("/")||[],t=l&&l.find((t=>e[1]===t.path?.split("/")[1]));M(t),g(t?.id||null)}),[m]),o((()=>{!c&&S(!1),!c&&w(null)}),[c]);const M=e=>{if(e?.path===m){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),h(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>M(e)))};let L=C?Mo:Lo;const B=(e,l,c)=>{let i=e?.path.split("/"),o=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:`${c}px`},onClick:()=>{e?.queryParams?!a&&u(e.path,e.queryParams):!a&&u(e.path,"")}},t.createElement("span",{style:{visibility:3===o&&k[2]===i[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===o&&k[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)=>B(e,t,c+8)))),customStylesAccordionContainer:vo,customStylesAccordionToggle:{cursor:"pointer",...wo},customStylesAccordionContent:Ao,showIconInfo:!1,customWrapperStyles:So})}return t.createElement(Po,{singleLine:C,listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:x},t.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&m===e?.path&&k[k.length-1]?.toLowerCase()===i[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:c-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&m===e?.path?d?.selectedChildBG||x.additional.white:"transparent",fontWeight:o<=3&&m===e?.path&&k[k.length-1]?.toLowerCase()===i[o-1]?.toLowerCase()?"bold":"normal",color:x.variant.white}}," ",e?.link))};return t.createElement(zo,{onClick:()=>S(!0),onMouseEnter:()=>S(!0),onMouseLeave:()=>{w(null),S(!1)},toggleSideBarOpen:c},t.createElement(Io,{theme:x,headerStyles:a,toggleSideBarOpen:c},e),t.createElement(Wo,{toggleSideBarOpen:c,staticLayerNo:V},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,i)=>t.createElement("div",{className:"service-layer",key:e?.value+i,onClick:()=>{w(i)},style:{backgroundColor:e?.value?.toLowerCase()===k[1]?.toLowerCase()?p:"transparent"}},"static"!==e.type.split("-")[0]?t.createElement(le,{index:i,underMaintenance:e.maintenance,isAccordionOpen:i===v||A&&e?.value?.toLowerCase()===k[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===k[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...ko,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Eo},customStylesAccordionContent:Vo,contentToggle:t.createElement(Ze,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:c,customStylesName:{...L,color:e.maintenance?x.variant["neutral-3"]:x.variant.white},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},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()===k[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Bo},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>B(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(Ze,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:L,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()===k[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:t.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?x.variant["neutral-3"]:x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Ho}},e.label)))))))},Fo=m.div`
3083
+ `,Ro=({headerContent:e,bodyContent:l,toggleSideBarOpen:c,headerStyles:a,selectedStyle:r,notSelectedStyle:n,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:g,setRouterObject:h,notificationCircleStyles:y,singleLine:C=!0,customFontColor:x})=>{const v=b()||R,[w,A]=i(null),[S,k]=i(!1),[E,V]=i([]);let M=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;o((()=>{V(m?.split("/")||[]),h({});let e=m?.split("/")||[],t=l&&l.find((t=>e[1]===t.path?.split("/")[1]));L(t),g(t?.id||null)}),[m]),o((()=>{!c&&k(!1),!c&&A(null)}),[c]);const L=e=>{if(e?.path===m){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),h(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>L(e)))};let B=C?Mo:Lo;const z=(e,l,c)=>{let i=e?.path.split("/"),o=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:`${c}px`},onClick:()=>{e?.queryParams?!a&&u(e.path,e.queryParams):!a&&u(e.path,"")}},t.createElement("span",{style:{visibility:3===o&&E[2]===i[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x||v.additional.white,flexShrink:0}}),t.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===o&&E[2]===i[2]?"bold":"normal",color:x||v.variant.white}}," ",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)=>z(e,t,c+8)))),customStylesAccordionContainer:vo,customStylesAccordionToggle:{cursor:"pointer",...wo},customStylesAccordionContent:Ao,showIconInfo:!1,customWrapperStyles:So})}return t.createElement(Po,{singleLine:C,listElementStyle:d,customFontColor:x,key:e?.id+l,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:v},t.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&m===e?.path&&E[E.length-1]?.toLowerCase()===i[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:c-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&m===e?.path?d?.selectedChildBG||v.additional.white:"transparent",fontWeight:o<=3&&m===e?.path&&E[E.length-1]?.toLowerCase()===i[o-1]?.toLowerCase()?"bold":"normal",color:x||v.variant.white}}," ",e?.link))};return t.createElement(zo,{onClick:()=>k(!0),onMouseEnter:()=>k(!0),onMouseLeave:()=>{A(null),k(!1)},toggleSideBarOpen:c},t.createElement(Io,{theme:v,headerStyles:a,toggleSideBarOpen:c},e),t.createElement(Wo,{toggleSideBarOpen:c,staticLayerNo:M},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,i)=>t.createElement("div",{className:"service-layer",key:e?.value+i,onClick:()=>{A(i)},style:{backgroundColor:e?.value?.toLowerCase()===E[1]?.toLowerCase()?p:"transparent"}},"static"!==e.type.split("-")[0]?t.createElement(le,{index:i,underMaintenance:e.maintenance,isAccordionOpen:i===w||S&&e?.value?.toLowerCase()===E[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===E[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...ko,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Eo},customStylesAccordionContent:Vo,contentToggle:t.createElement(Ze,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:c,customStylesName:{...B,color:e.maintenance?v.variant["neutral-3"]:x||v.variant.white},customStylesCircle:{background:x||"inherit"},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:v.variant["neutral-3"]}):l.length-1===i?t.createElement(_,{icon:"person",size:20,color:v.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===E[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Bo},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>z(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(Ze,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:{...B,color:x||"inherit"},customStylesCircle:{background:x||"inherit"},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:v.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===E[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:t.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?v.variant["neutral-3"]:x||v.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Ho}},e.label)))))))},Fo=m.div`
3084
3084
  background-color: ${({theme:e,containerBackgroundColorDynamic:t,containerBackgroundColor:l})=>t?l:e.variant["primary-1"]} !important;
3085
3085
  color: ${({theme:e})=>e.additional.white};
3086
3086
  overflow-y: hidden;
package/dist/index.js CHANGED
@@ -3074,7 +3074,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
3074
3074
  width: 7px;
3075
3075
  height: 7px;
3076
3076
  border-radius: 50%;
3077
- background-color: ${({theme:e})=>e.additional.white};
3077
+ background-color: ${({theme:e,customFontColor:t})=>t||e.additional.white};
3078
3078
  flex-shrink: 0;
3079
3079
  }
3080
3080
  p {
@@ -3333,4 +3333,4 @@ overflow: hidden;
3333
3333
  background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
3334
3334
  font-size: ${({size:e})=>ec[e].fontSize};
3335
3335
  line-height: ${({size:e})=>ec[e].lineHeight};
3336
- `,lc=({size:e,children:t,bg:a,text:o,...r})=>{const c=l.useTheme()||I;return g.default.createElement(tc,E({theme:c,bg:a,text:o,size:e},r),g.default.createElement(wo,{theme:c}),t)};lc.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},lc.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=Aa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=Ae,exports.Avatar=Be,exports.AvatarSB=Pe,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=Bo,exports.Card=Z,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=pr,exports.DateSelect=Lt,exports.DateTime=Ft,exports.Divider=Pa,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||I;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ra,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=ja,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...c})=>{const i=(new Date).getFullYear();return g.default.createElement(Oa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},c),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Premise HQ"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{footerWidth:o},"All Rights Restricted ",i," ©")),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Terms of use"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{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(Ya,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(zl,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Gl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(bl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(El,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(Ot,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Ot,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(_t,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(aa,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(Q,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(se,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(le,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(Te,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(vo,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(J,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(sl,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement($,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ma,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(yo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(ge,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(Ce,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(ve,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(fe,E({},e,a)))(e);case"search":return(e=>g.default.createElement(Hl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(xo,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(xl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:I},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=Va,exports.FormWrapper=Ha,exports.GroupAvatars=ko,exports.GroupButtons=Io,exports.GroupButtonsPopup=To,exports.GroupStatusCircle=Oo,exports.Header=Ya,exports.HeaderComponent=vo,exports.HyperLink=Jo,exports.Icon=Q,exports.Image=ke,exports.ImageUploader=sl,exports.Label=$e,exports.LightSecondaryLink=fr,exports.LinkButton=fe,exports.Loader=ie,exports.ModalComp=_o,exports.MultiColumnDiv=La,exports.MultiColumnWrapper=Ba,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:c,notSelectedStyle:i,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h,singleLine:y=!0})=>{const C=l.useTheme()||I,[x,v]=t.useState(null),[w,A]=t.useState(!1),[S,k]=t.useState([]);let E=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{k(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));V(t),m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&A(!1),!o&&v(null)}),[o]);const V=e=>{if(e?.path===p){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),b(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>V(e)))};let M=y?vr:wr;const B=(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:()=>{e?.queryParams?!r&&u(e.path,e.queryParams):!r&&u(e.path,"")}},g.default.createElement("span",{style:{visibility:3===o&&S[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:C.additional.white,flexShrink:0}}),g.default.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===o&&S[2]===a[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:p.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>B(e,t,l+8)))),customStylesAccordionContainer:mr,customStylesAccordionToggle:{cursor:"pointer",...br},customStylesAccordionContent:gr,showIconInfo:!1,customWrapperStyles:hr})}return g.default.createElement(Mr,{singleLine:y,listElementStyle:d,key:e?.id+t,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:C},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&S[S.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&&p===e?.path?d?.selectedChildBG||C.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&S[S.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:C.variant.white}}," ",e?.link))};return g.default.createElement(Sr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{v(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(Er,{theme:C,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Vr,{toggleSideBarOpen:o,staticLayerNo:E},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{v(t)},style:{backgroundColor:e?.value?.toLowerCase()===S[1]?.toLowerCase()?s:"transparent"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===x||w&&e?.value?.toLowerCase()===S[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...yr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Cr},customStylesAccordionContent:xr,contentToggle:g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...i},toggleName:o,customStylesName:{...M,color:e.maintenance?C.variant["neutral-3"]:C.variant.white},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:C.variant["neutral-3"]}):a.length-1===t?g.default.createElement(Q,{icon:"person",size:20,color:C.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:g.default.createElement("div",{style:Ar},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>B(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...i},toggleName:!1,customStylesName:M,customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:C.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:g.default.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?C.variant["neutral-3"]:C.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...kr}},e.label)))))))},exports.NumericInput=bl,exports.Overlay=tr,exports.OverlayOptionContainer=Sa,exports.OverlayOptionItemLabel=ka,exports.PageContent=ba,exports.Pagination=eo,exports.PaginationDefault=lo,exports.PaginationTypeTwo=po,exports.PasswordInput=xl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Pr,exports.ProgressBar=or,exports.ProgressSteps=dr,exports.RadioInput=El,exports.Rating=yo,exports.RoundedLoader=se,exports.SearchInput=Hl,exports.SecondaryButton=Ce,exports.SecondaryStatusChip=Tr,exports.Sidebar=zr,exports.SignatureInput=Zl,exports.SlimPrimaryStatusChip=jr,exports.SlimSecondaryStatusChip=Or,exports.StatusCircle=Zo,exports.StyledCentralBar=ya,exports.StyledClearSearch=ha,exports.StyledCreateRow=xa,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=wa,exports.StyledWarning=Ca,exports.SubmitButtonContainer=Ma,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const c=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(ge,{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(Ce,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>c(e)))))))},exports.Table=xo,exports.Tabs=Yr,exports.TextArea=Gl,exports.TextInput=zl,exports.TimeInput=$l,exports.TinyButton=ve,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)))),c=t.useMemo((()=>({open:o,close:r})),[]),[i,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),g.default.createElement(Kr.Provider,{value:c},e.children,i?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=aa,exports.Tooltip=Xe,exports.Typography=lc,exports.additionalColors=H,exports.createDarker=T,exports.defaultStyles=P,exports.defaultThemeColor=I,exports.getDefaultStyles=W,exports.graphColor=z,exports.hexToRGB=R,exports.neutralColor=B,exports.primaryColor=V,exports.shadeColor=L,exports.uiColor=M,exports.useToast=()=>t.useContext(Kr);
3336
+ `,lc=({size:e,children:t,bg:a,text:o,...r})=>{const c=l.useTheme()||I;return g.default.createElement(tc,E({theme:c,bg:a,text:o,size:e},r),g.default.createElement(wo,{theme:c}),t)};lc.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},lc.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=Aa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=Ae,exports.Avatar=Be,exports.AvatarSB=Pe,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=Bo,exports.Card=Z,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=pr,exports.DateSelect=Lt,exports.DateTime=Ft,exports.Divider=Pa,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||I;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ra,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=ja,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...c})=>{const i=(new Date).getFullYear();return g.default.createElement(Oa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},c),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Premise HQ"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{footerWidth:o},"All Rights Restricted ",i," ©")),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Terms of use"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{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(Ya,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(zl,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Gl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(bl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(El,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(Ot,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Ot,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(_t,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(aa,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(Q,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(se,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(le,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(Te,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(vo,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(J,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(sl,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement($,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ma,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(yo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(ge,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(Ce,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(ve,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(fe,E({},e,a)))(e);case"search":return(e=>g.default.createElement(Hl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(xo,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(xl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:I},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=Va,exports.FormWrapper=Ha,exports.GroupAvatars=ko,exports.GroupButtons=Io,exports.GroupButtonsPopup=To,exports.GroupStatusCircle=Oo,exports.Header=Ya,exports.HeaderComponent=vo,exports.HyperLink=Jo,exports.Icon=Q,exports.Image=ke,exports.ImageUploader=sl,exports.Label=$e,exports.LightSecondaryLink=fr,exports.LinkButton=fe,exports.Loader=ie,exports.ModalComp=_o,exports.MultiColumnDiv=La,exports.MultiColumnWrapper=Ba,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:c,notSelectedStyle:i,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h,singleLine:y=!0,customFontColor:C})=>{const x=l.useTheme()||I,[v,w]=t.useState(null),[A,S]=t.useState(!1),[k,E]=t.useState([]);let V=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{E(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));M(t),m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&S(!1),!o&&w(null)}),[o]);const M=e=>{if(e?.path===p){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),b(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>M(e)))};let B=y?vr:wr;const L=(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:()=>{e?.queryParams?!r&&u(e.path,e.queryParams):!r&&u(e.path,"")}},g.default.createElement("span",{style:{visibility:3===o&&k[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:C||x.additional.white,flexShrink:0}}),g.default.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===o&&k[2]===a[2]?"bold":"normal",color:C||x.variant.white}}," ",e?.link)),isAccordionOpen:p.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>L(e,t,l+8)))),customStylesAccordionContainer:mr,customStylesAccordionToggle:{cursor:"pointer",...br},customStylesAccordionContent:gr,showIconInfo:!1,customWrapperStyles:hr})}return g.default.createElement(Mr,{singleLine:y,listElementStyle:d,customFontColor:C,key:e?.id+t,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:x},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&k[k.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&&p===e?.path?d?.selectedChildBG||x.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&k[k.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:C||x.variant.white}}," ",e?.link))};return g.default.createElement(Sr,{onClick:()=>S(!0),onMouseEnter:()=>S(!0),onMouseLeave:()=>{w(null),S(!1)},toggleSideBarOpen:o},g.default.createElement(Er,{theme:x,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Vr,{toggleSideBarOpen:o,staticLayerNo:V},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{w(t)},style:{backgroundColor:e?.value?.toLowerCase()===k[1]?.toLowerCase()?s:"transparent"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===v||A&&e?.value?.toLowerCase()===k[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===k[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...yr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Cr},customStylesAccordionContent:xr,contentToggle:g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...i},toggleName:o,customStylesName:{...B,color:e.maintenance?x.variant["neutral-3"]:C||x.variant.white},customStylesCircle:{background:C||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):a.length-1===t?g.default.createElement(Q,{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()===k[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Ar},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>L(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...i},toggleName:!1,customStylesName:{...B,color:C||"inherit"},customStylesCircle:{background:C||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===k[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:g.default.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?x.variant["neutral-3"]:C||x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...kr}},e.label)))))))},exports.NumericInput=bl,exports.Overlay=tr,exports.OverlayOptionContainer=Sa,exports.OverlayOptionItemLabel=ka,exports.PageContent=ba,exports.Pagination=eo,exports.PaginationDefault=lo,exports.PaginationTypeTwo=po,exports.PasswordInput=xl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Pr,exports.ProgressBar=or,exports.ProgressSteps=dr,exports.RadioInput=El,exports.Rating=yo,exports.RoundedLoader=se,exports.SearchInput=Hl,exports.SecondaryButton=Ce,exports.SecondaryStatusChip=Tr,exports.Sidebar=zr,exports.SignatureInput=Zl,exports.SlimPrimaryStatusChip=jr,exports.SlimSecondaryStatusChip=Or,exports.StatusCircle=Zo,exports.StyledCentralBar=ya,exports.StyledClearSearch=ha,exports.StyledCreateRow=xa,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=wa,exports.StyledWarning=Ca,exports.SubmitButtonContainer=Ma,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const c=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(ge,{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(Ce,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>c(e)))))))},exports.Table=xo,exports.Tabs=Yr,exports.TextArea=Gl,exports.TextInput=zl,exports.TimeInput=$l,exports.TinyButton=ve,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)))),c=t.useMemo((()=>({open:o,close:r})),[]),[i,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),g.default.createElement(Kr.Provider,{value:c},e.children,i?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=aa,exports.Tooltip=Xe,exports.Typography=lc,exports.additionalColors=H,exports.createDarker=T,exports.defaultStyles=P,exports.defaultThemeColor=I,exports.getDefaultStyles=W,exports.graphColor=z,exports.hexToRGB=R,exports.neutralColor=B,exports.primaryColor=V,exports.shadeColor=L,exports.uiColor=M,exports.useToast=()=>t.useContext(Kr);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "groundfloor-react-ui",
3
3
  "description": "Official component library for Ground Floor",
4
- "version": "1.3.35",
4
+ "version": "1.3.37",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
7
7
  "private": false,