groundfloor-react-ui 1.3.5 → 1.3.7

package/README.md

@@ -1,40 +1,40 @@
-# GroundFloor React UI
-
-The official component library for GroundFloor application
-
-## Installation
-
-The package can be installed via [npm](https://github.com/npm/cli):
-
-```
-npm install groundfloor-react-ui --save
-```
-
-## CSS files
-
-```
-1. To use DateSelect component add the below css file to your root
-import 'react-datepicker/dist/react-datepicker.css';
-2. To use Overlay component, Tooltip and ButtonPopup add the below css file to your root
-import 'react-popper-tooltip/dist/styles.css';
-3. To defaultThemeColor, defaultStyles,colors, getDefaultStyles function, hexToRGB function, use import {defaultThemeColor, defaultStyles, colors, getDefaultStyles, hexToRGB} from 'groundfloor-react-ui'
-4. Add import 'react-phone-input-2/lib/style.css' if CountryCodedPhoneInput is needed
-
-
-```
-
-## Documentation And Example
-
-```
-https://groundfloor-react-ui--63f723af2a11e9df1310e721.chromatic.com/
-
-```
-
-## Pre-requisites
-
-The following peer dependencies are required to run in a React Project
-
-- React v16.3 or greater
-- styled-components v5 or greater
-
----
+# GroundFloor React UI
+
+The official component library for GroundFloor application
+
+## Installation
+
+The package can be installed via [npm](https://github.com/npm/cli):
+
+```
+npm install groundfloor-react-ui --save
+```
+
+## CSS files
+
+```
+1. To use DateSelect component add the below css file to your root
+import 'react-datepicker/dist/react-datepicker.css';
+2. To use Overlay component, Tooltip and ButtonPopup add the below css file to your root
+import 'react-popper-tooltip/dist/styles.css';
+3. To defaultThemeColor, defaultStyles,colors, getDefaultStyles function, hexToRGB function, use import {defaultThemeColor, defaultStyles, colors, getDefaultStyles, hexToRGB} from 'groundfloor-react-ui'
+4. Add import 'react-phone-input-2/lib/style.css' if CountryCodedPhoneInput is needed
+
+
+```
+
+## Documentation And Example
+
+```
+https://groundfloor-react-ui--63f723af2a11e9df1310e721.chromatic.com/
+
+```
+
+## Pre-requisites
+
+The following peer dependencies are required to run in a React Project
+
+- React v16.3 or greater
+- styled-components v5 or greater
+
+---

package/dist/index.es.js

@@ -3068,7 +3068,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()||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=>{if(e?.path===m){g(e?.id||null);let t={...e},l=e?.staticDid;l&&(t.path=e.path+`?did=${l}`,t.link=e.link+`?did=${l}`),h(t||null)}else 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:vr,customStylesAccordionToggle:{cursor:"pointer",...Ar},customStylesAccordionContent:wr,showIconInfo:!1,customWrapperStyles:Sr})}return t.createElement(Wr,{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(Br,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Ir,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Hr,{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:{...kr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Er},customStylesAccordionContent:Vr,contentToggle:t.createElement(Te,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...Mr,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:zr},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(Te,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:Mr,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:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?x.variant["neutral-3"]:x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Lr}},e.label)))))))},Pr=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()||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=>{if(e?.path===m){g(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=>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:()=>{e?.queryParams?!a&&u(e.path,e.queryParams):!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:vr,customStylesAccordionToggle:{cursor:"pointer",...Ar},customStylesAccordionContent:wr,showIconInfo:!1,customWrapperStyles:Sr})}return t.createElement(Wr,{listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},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(Br,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Ir,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Hr,{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:{...kr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Er},customStylesAccordionContent:Vr,contentToggle:t.createElement(Te,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...Mr,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:zr},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(Te,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:Mr,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:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?x.variant["neutral-3"]:x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Lr}},e.label)))))))},Pr=m.div`
   background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
   color: ${({theme:e})=>e.additional.white};
   overflow-y: hidden;

package/dist/index.js

@@ -3321,4 +3321,4 @@ overflow: hidden;
     background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
     font-size: ${({size:e})=>_r[e].fontSize};
     line-height: ${({size:e})=>_r[e].lineHeight};
-`,ti=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||H;return g.default.createElement(ei,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(Ao,{theme:i}),t)};ti.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},ti.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=wa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=we,exports.Avatar=ze,exports.AvatarSB=Re,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=zo,exports.Card=j,exports.CardRef=Z,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=pr,exports.DateSelect=Bt,exports.DateTime=Ft,exports.Divider=Ra,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||H;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Pa,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=qa,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return g.default.createElement(Oa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},i),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 ",n," ©")),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(Ll,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(jl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(_t,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Bt,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(Ra,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(xe,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(Il,E({},e,a)))(e);case"table":return(e=>g.default.createElement(Co,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Cl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:H},g.default.createElement(Ia,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(za,null,e.map(((t,l)=>g.default.createElement(Ba,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Va,exports.FormWrapper=Ia,exports.GroupAvatars=ko,exports.GroupButtons=Ho,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=ne,exports.ModalComp=_o,exports.MultiColumnDiv=Ba,exports.MultiColumnWrapper=za,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:n,customStylesNameHover:c,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,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(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));E(t),m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&A(!1),!o&&C(null)}),[o]);const E=e=>{if(e?.path===p){f(e?.id||null);let t={...e},l=e?.staticDid;l&&(t.path=e.path+`?did=${l}`,t.link=e.link+`?did=${l}`),b(t||null)}else 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&&u(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:p.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:mr,customStylesAccordionToggle:{cursor:"pointer",...br},customStylesAccordionContent:gr,showIconInfo:!1,customWrapperStyles:hr})}return g.default.createElement(Vr,{listElementStyle:d,key:e?.id+t,onClick:()=>{u(e.path)},theme:y},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===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&&p===e?.path?d?.selectedChildBG||y.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y.variant.white}}," ",e?.link))};return g.default.createElement(wr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{C(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(kr,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Er,{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:{...yr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...xr},customStylesAccordionContent:Cr,contentToggle:g.default.createElement(Re,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...vr,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:Ar},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(Re,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:vr,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:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?y.variant["neutral-3"]:y.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Sr}},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=Cl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Hr,exports.ProgressBar=or,exports.ProgressSteps=dr,exports.RadioInput=El,exports.Rating=yo,exports.RoundedLoader=se,exports.SearchInput=Il,exports.SecondaryButton=xe,exports.SecondaryStatusChip=Pr,exports.Sidebar=Br,exports.SignatureInput=jl,exports.SlimPrimaryStatusChip=jr,exports.SlimSecondaryStatusChip=Dr,exports.StatusCircle=jo,exports.StyledCentralBar=ya,exports.StyledClearSearch=ha,exports.StyledCreateRow=Ca,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=Aa,exports.StyledWarning=xa,exports.SubmitButtonContainer=Ma,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=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(xe,{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)=>i(e)))))))},exports.Table=Co,exports.Tabs=Ur,exports.TextArea=Gl,exports.TextInput=Ll,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)))),i=t.useMemo((()=>({open:o,close:r})),[]),[n,c]=t.useState(!1);return t.useEffect((()=>(c(!0),()=>c(!1))),[]),g.default.createElement(Qr.Provider,{value:i},e.children,n?f.createPortal(g.default.createElement(Kr,null,g.default.createElement("div",{className:`notification-container  ${e.position}`},l.map((t=>g.default.createElement(Nr,{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=ti,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(Qr);
+`,ti=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||H;return g.default.createElement(ei,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(Ao,{theme:i}),t)};ti.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},ti.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=wa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=we,exports.Avatar=ze,exports.AvatarSB=Re,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=zo,exports.Card=j,exports.CardRef=Z,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=pr,exports.DateSelect=Bt,exports.DateTime=Ft,exports.Divider=Ra,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||H;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Pa,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=qa,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return g.default.createElement(Oa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},i),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 ",n," ©")),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(Ll,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(jl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(_t,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Bt,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(Ra,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(xe,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(Il,E({},e,a)))(e);case"table":return(e=>g.default.createElement(Co,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Cl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:H},g.default.createElement(Ia,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(za,null,e.map(((t,l)=>g.default.createElement(Ba,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Va,exports.FormWrapper=Ia,exports.GroupAvatars=ko,exports.GroupButtons=Ho,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=ne,exports.ModalComp=_o,exports.MultiColumnDiv=Ba,exports.MultiColumnWrapper=za,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:n,customStylesNameHover:c,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,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(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));E(t),m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&A(!1),!o&&C(null)}),[o]);const E=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=>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:()=>{e?.queryParams?!r&&u(e.path,e.queryParams):!r&&u(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:p.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:mr,customStylesAccordionToggle:{cursor:"pointer",...br},customStylesAccordionContent:gr,showIconInfo:!1,customWrapperStyles:hr})}return g.default.createElement(Vr,{listElementStyle:d,key:e?.id+t,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:y},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===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&&p===e?.path?d?.selectedChildBG||y.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y.variant.white}}," ",e?.link))};return g.default.createElement(wr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{C(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(kr,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Er,{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:{...yr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...xr},customStylesAccordionContent:Cr,contentToggle:g.default.createElement(Re,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...vr,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:Ar},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(Re,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:vr,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:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?y.variant["neutral-3"]:y.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Sr}},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=Cl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Hr,exports.ProgressBar=or,exports.ProgressSteps=dr,exports.RadioInput=El,exports.Rating=yo,exports.RoundedLoader=se,exports.SearchInput=Il,exports.SecondaryButton=xe,exports.SecondaryStatusChip=Pr,exports.Sidebar=Br,exports.SignatureInput=jl,exports.SlimPrimaryStatusChip=jr,exports.SlimSecondaryStatusChip=Dr,exports.StatusCircle=jo,exports.StyledCentralBar=ya,exports.StyledClearSearch=ha,exports.StyledCreateRow=Ca,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=Aa,exports.StyledWarning=xa,exports.SubmitButtonContainer=Ma,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=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(xe,{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)=>i(e)))))))},exports.Table=Co,exports.Tabs=Ur,exports.TextArea=Gl,exports.TextInput=Ll,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)))),i=t.useMemo((()=>({open:o,close:r})),[]),[n,c]=t.useState(!1);return t.useEffect((()=>(c(!0),()=>c(!1))),[]),g.default.createElement(Qr.Provider,{value:i},e.children,n?f.createPortal(g.default.createElement(Kr,null,g.default.createElement("div",{className:`notification-container  ${e.position}`},l.map((t=>g.default.createElement(Nr,{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=ti,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(Qr);

package/package.json

@@ -1,40 +1,40 @@
-{
-  "name": "groundfloor-react-ui",
-  "description": "Official component library for Ground Floor",
-  "version": "1.3.5",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
-  "private": false,
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build-lib": "rollup -c"
-  },
-  "peerDependencies": {
-    "@babel/preset-react": "^7.18.6",
-    "@rollup/plugin-babel": "^6.0.0",
-    "@rollup/plugin-image": "^3.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/plugin-url": "^8.0.0",
-    "@types/prop-types": "^15.7.3",
-    "@types/react": ">=16.14.8",
-    "dayjs": "^1.11.6",
-    "prop-types": ">=15.7.2",
-    "react": ">=16.18.1",
-    "react-data-table-component": ">=7.4.7",
-    "react-datepicker": ">=4.6.0",
-    "react-phone-input-2": "^2.15.1",
-    "react-dom": ">=16.8.0",
-    "react-modal": ">=3.15.1",
-    "react-popper": ">=2.2.5",
-    "react-popper-tooltip": ">=4.3.1",
-    "react-select": ">=5.3.2",
-    "react-signature-pad-wrapper": ">=1.3.0",
-    "react-svg": ">=14.1.6",
-    "rollup": "^2.79.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "styled-components": ">=5.2.1",
-    "@rollup/plugin-commonjs": "^23.0.0"
-  }
-}
+{
+  "name": "groundfloor-react-ui",
+  "description": "Official component library for Ground Floor",
+  "version": "1.3.7",
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "private": false,
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build-lib": "rollup -c"
+  },
+  "peerDependencies": {
+    "@babel/preset-react": "^7.18.6",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@rollup/plugin-image": "^3.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-url": "^8.0.0",
+    "@types/prop-types": "^15.7.3",
+    "@types/react": ">=16.14.8",
+    "dayjs": "^1.11.6",
+    "prop-types": ">=15.7.2",
+    "react": ">=16.18.1",
+    "react-data-table-component": ">=7.4.7",
+    "react-datepicker": ">=4.6.0",
+    "react-phone-input-2": "^2.15.1",
+    "react-dom": ">=16.8.0",
+    "react-modal": ">=3.15.1",
+    "react-popper": ">=2.2.5",
+    "react-popper-tooltip": ">=4.3.1",
+    "react-select": ">=5.3.2",
+    "react-signature-pad-wrapper": ">=1.3.0",
+    "react-svg": ">=14.1.6",
+    "rollup": "^2.79.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "styled-components": ">=5.2.1",
+    "@rollup/plugin-commonjs": "^23.0.0"
+  }
+}

package/rollup.config.js

@@ -1,54 +1,54 @@
-import { babel } from '@rollup/plugin-babel';
-import commonjs from '@rollup/plugin-commonjs';
-import image from '@rollup/plugin-image';
-import resolve from '@rollup/plugin-node-resolve';
-import url from '@rollup/plugin-url';
-import external from 'rollup-plugin-peer-deps-external';
-import postcss from 'rollup-plugin-postcss';
-import { terser } from 'rollup-plugin-terser';
-
-const configuration = [
-  {
-    input: '../library/index.js',
-    output: [
-      {
-        file: 'dist/index.js',
-        format: 'cjs',
-      },
-      {
-        file: 'dist/index.es.js',
-        format: 'es',
-        exports: 'named',
-      }
-    ],
-    plugins: [
-      postcss({
-        plugins: [],
-        minimize: true,
-      }),
-      babel({
-        exclude: 'node_modules/**',
-        presets: ['@babel/preset-react']
-
-      }),
-      image(),
-      url({
-        // by default, rollup-plugin-url will not handle font files
-        include: ['**/*.woff', '**/*.woff2'],
-        // setting infinite limit will ensure that the files 
-        // are always bundled with the code, not copied to /dist
-        limit: Infinity,
-      }),
-
-      external(['react', 'react-dom', 'prop-types', 'styled-components',]),
-      resolve(),
-      terser(),
-      commonjs({
-        include: [
-          /node_modules\/prop-types/,
-        ],
-      }),
-    ]
-  }
-]
-export default configuration
+import { babel } from '@rollup/plugin-babel';
+import commonjs from '@rollup/plugin-commonjs';
+import image from '@rollup/plugin-image';
+import resolve from '@rollup/plugin-node-resolve';
+import url from '@rollup/plugin-url';
+import external from 'rollup-plugin-peer-deps-external';
+import postcss from 'rollup-plugin-postcss';
+import { terser } from 'rollup-plugin-terser';
+
+const configuration = [
+  {
+    input: '../library/index.js',
+    output: [
+      {
+        file: 'dist/index.js',
+        format: 'cjs',
+      },
+      {
+        file: 'dist/index.es.js',
+        format: 'es',
+        exports: 'named',
+      }
+    ],
+    plugins: [
+      postcss({
+        plugins: [],
+        minimize: true,
+      }),
+      babel({
+        exclude: 'node_modules/**',
+        presets: ['@babel/preset-react']
+
+      }),
+      image(),
+      url({
+        // by default, rollup-plugin-url will not handle font files
+        include: ['**/*.woff', '**/*.woff2'],
+        // setting infinite limit will ensure that the files 
+        // are always bundled with the code, not copied to /dist
+        limit: Infinity,
+      }),
+
+      external(['react', 'react-dom', 'prop-types', 'styled-components',]),
+      resolve(),
+      terser(),
+      commonjs({
+        include: [
+          /node_modules\/prop-types/,
+        ],
+      }),
+    ]
+  }
+]
+export default configuration