groundfloor-react-ui 1.2.15 → 1.2.16

package/dist/index.es.js

@@ -2464,24 +2464,24 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
     margin: 8.25px 31px;
   }
 `,pl=({headerContent:e,bodyContent:o,footerContent:r,selectedApp:i,setApp:a,toggleSideBarOpen:n,headerStyles:c,selectedStyle:s,notSelectedStyle:p,customStylesNameHover:m,listElementStyle:u,customSelectCardColor:g,user:b,firstBottomContent:f,secondBottomContent:h,...y})=>{const x=d()||M,[A,v]=l(null),[C,w]=l(null);return t.createElement("div",{onMouseLeave:()=>{v(null),w(null)},style:{display:"flex",flexDirection:"column",height:"98vh"}},t.createElement(al,{theme:x,headerStyles:c},e),t.createElement(nl,null,o?.map(((e,o)=>t.createElement(Q,{key:e.id,index:o,handleClick:e=>{!function(e){w(null),v(e)}(e)},isAccordionOpen:o===A,isSelected:e.userName===i.lev1,customSelectCardColor:g,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:t.createElement(ce,{selectedStyle:s,notSelectedStyle:p,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":e.userName===i.lev1?"600":"400"},customStylesNameHover:m,size:"LG",user:e,isSelected:e.userName===i.lev1}),content:t.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},e.subdirectory?.map(((o,r)=>t.createElement(cl,{listElementStyle:u,key:e.id+o,onClick:()=>{a({lev1:`${e.userName}`,lev2:`${o}`})}},t.createElement("span",{style:{visibility:i.lev2===o?"visible":"hidden"}}),t.createElement("p",{style:{marginTop:0===r&&"0px"}},o)))))})))),t.createElement(sl,null,t.createElement(K,{index:0,handleClick:e=>{!function(e){v(null),w(e)}(e)},isAccordionOpen:0===C,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:t.createElement(ce,{selectedStyle:s,notSelectedStyle:p,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:m,size:"LG",user:{fullName:b.fullName||"My Account",userName:b.userName||"My Account",url:b.imgUrl}}),content:t.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},t.createElement(dl,{listElementStyle:u},f),t.createElement(dl,{onClick:()=>{}},h))})))},ml=s.div`
-${({theme:e,type:t})=>W(e,"sidebar-container")}
+${({inBuiltCss:e,type:t})=>W(e,"sidebar-container")}
 ${({customStylesContainer:e})=>e}
 
-${({isOpen:e,forceOpen:t,theme:o,type:r,customStylesContainerOpen:l,customStylesContainerClose:i})=>e||t?{...W(o,"sidebar-container-open"),...l}:{...W(o,"sidebar-container-close"),...i}}
+${({isOpen:e,forceOpen:t,inBuiltCss:o,type:r,customStylesContainerOpen:l,customStylesContainerClose:i})=>e||t?{...W(o,"sidebar-container-open"),...l}:{...W(o,"sidebar-container-close"),...i}}
 
 @media (max-width: 980px) {
-    ${({isOpen:e,theme:t,type:o,customStylesContainerMobileOpen:r,customStylesContainerMobileClose:l})=>e?{...W(t,"sidebar-container-mobile-open"),...r}:{...W(t,"sidebar-container-mobile-close"),...l}}
+    ${({isOpen:e,inBuiltCss:t,type:o,customStylesContainerMobileOpen:r,customStylesContainerMobileClose:l})=>e?{...W(t,"sidebar-container-mobile-open"),...r}:{...W(t,"sidebar-container-mobile-close"),...l}}
 }
 `,ul=s.div`
-${({theme:e,type:t})=>W(e,"sidebar-pusher")}
+${({inBuiltCss:e,type:t})=>W(e,"sidebar-pusher")}
 ${({customStylesPusher:e})=>e}
 
-${({forceOpen:e,theme:t,type:o,customStylesPusherOpen:r,customStylesPusherClose:l})=>e?{...W(t,"sidebar-pusher-open"),...r}:{...W(t,"sidebar-pusher-close"),...l}}
+${({forceOpen:e,inBuiltCss:t,type:o,customStylesPusherOpen:r,customStylesPusherClose:l})=>e?{...W(t,"sidebar-pusher-open"),...r}:{...W(t,"sidebar-pusher-close"),...l}}
 
 @media (max-width: 980px) {
-    ${({theme:e,type:t,customStylesPusherMobile:o})=>({...W(e,"sidebar-pusher-mobile"),...o})}}
+    ${({inBuiltCss:e,type:t,customStylesPusherMobile:o})=>({...W(e,"sidebar-pusher-mobile"),...o})}}
 }
-`,gl=({theme:e,customStylesContainer:o,customStylesContainerOpen:r,customStylesContainerClose:l,customStylesContainerMobileOpen:i,customStylesContainerMobileClose:a,customStylesPusher:n,customStylesPusherOpen:c,customStylesPusherClose:s,customStylesPusherMobile:d,forceOpen:p,forceClose:m,handleSidebar:u,toggleSideBarOpen:g,pinner:b,...f})=>{function h(e){u(e)}return t.createElement(t.Fragment,null,t.createElement(ml,w({theme:e,customStyles:o,type:"sidebarContainer",onMouseEnter:()=>{p||h(!0)},onMouseLeave:()=>{h(!1),m()},forceOpen:p,isOpen:g},f),t.createElement(ul,null),f.children,b))};gl.propTypes={theme:e.object,customStylesContainer:e.object,customStylesContainerOpen:e.object,customStylesContainerClose:e.object,customStylesContainerMobileOpen:e.object,customStylesContainerMobileClose:e.object,customStylesPusher:e.object,customStylesPusherOpen:e.object,customStylesPusherClose:e.object,customStylesPusherMobile:e.object,forceOpen:e.bool,forceClose:e.func,handleSidebar:e.func,toggleSideBarOpen:e.bool,pinner:e.any},gl.defaultProps={forceClose:()=>{},forceOpen:!1};const bl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},fl=s.div`
+`,gl=({customStylesContainer:e,customStylesContainerOpen:o,customStylesContainerClose:r,customStylesContainerMobileOpen:l,customStylesContainerMobileClose:i,customStylesPusher:a,customStylesPusherOpen:n,customStylesPusherClose:c,customStylesPusherMobile:s,forceOpen:d,forceClose:p,handleSidebar:m,toggleSideBarOpen:u,pinner:g,...b})=>{function f(e){m(e)}return t.createElement(t.Fragment,null,t.createElement(ml,w({inBuiltCss:B,customStyles:e,type:"sidebarContainer",onMouseEnter:()=>{d||f(!0)},onMouseLeave:()=>{f(!1),p()},forceOpen:d,isOpen:u},b),t.createElement(ul,null),b.children,g))};gl.propTypes={customStylesContainer:e.object,customStylesContainerOpen:e.object,customStylesContainerClose:e.object,customStylesContainerMobileOpen:e.object,customStylesContainerMobileClose:e.object,customStylesPusher:e.object,customStylesPusherOpen:e.object,customStylesPusherClose:e.object,customStylesPusherMobile:e.object,forceOpen:e.bool,forceClose:e.func,handleSidebar:e.func,toggleSideBarOpen:e.bool,pinner:e.any},gl.defaultProps={forceClose:()=>{},forceOpen:!1};const bl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},fl=s.div`
     background: ${({theme:e,variant:t})=>e.variant[t]};
     color: ${({theme:e})=>e.bgColor};
     padding: ${({size:e})=>bl[e].padding};

package/dist/index.js

@@ -2464,24 +2464,24 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
     margin: 8.25px 31px;
   }
 `,ia=m.default.div`
-${({theme:e,type:t})=>B(e,"sidebar-container")}
+${({inBuiltCss:e,type:t})=>B(e,"sidebar-container")}
 ${({customStylesContainer:e})=>e}
 
-${({isOpen:e,forceOpen:t,theme:l,type:o,customStylesContainerOpen:a,customStylesContainerClose:r})=>e||t?{...B(l,"sidebar-container-open"),...a}:{...B(l,"sidebar-container-close"),...r}}
+${({isOpen:e,forceOpen:t,inBuiltCss:l,type:o,customStylesContainerOpen:a,customStylesContainerClose:r})=>e||t?{...B(l,"sidebar-container-open"),...a}:{...B(l,"sidebar-container-close"),...r}}
 
 @media (max-width: 980px) {
-    ${({isOpen:e,theme:t,type:l,customStylesContainerMobileOpen:o,customStylesContainerMobileClose:a})=>e?{...B(t,"sidebar-container-mobile-open"),...o}:{...B(t,"sidebar-container-mobile-close"),...a}}
+    ${({isOpen:e,inBuiltCss:t,type:l,customStylesContainerMobileOpen:o,customStylesContainerMobileClose:a})=>e?{...B(t,"sidebar-container-mobile-open"),...o}:{...B(t,"sidebar-container-mobile-close"),...a}}
 }
 `,na=m.default.div`
-${({theme:e,type:t})=>B(e,"sidebar-pusher")}
+${({inBuiltCss:e,type:t})=>B(e,"sidebar-pusher")}
 ${({customStylesPusher:e})=>e}
 
-${({forceOpen:e,theme:t,type:l,customStylesPusherOpen:o,customStylesPusherClose:a})=>e?{...B(t,"sidebar-pusher-open"),...o}:{...B(t,"sidebar-pusher-close"),...a}}
+${({forceOpen:e,inBuiltCss:t,type:l,customStylesPusherOpen:o,customStylesPusherClose:a})=>e?{...B(t,"sidebar-pusher-open"),...o}:{...B(t,"sidebar-pusher-close"),...a}}
 
 @media (max-width: 980px) {
-    ${({theme:e,type:t,customStylesPusherMobile:l})=>({...B(e,"sidebar-pusher-mobile"),...l})}}
+    ${({inBuiltCss:e,type:t,customStylesPusherMobile:l})=>({...B(e,"sidebar-pusher-mobile"),...l})}}
 }
-`,ca=({theme:e,customStylesContainer:t,customStylesContainerOpen:l,customStylesContainerClose:o,customStylesContainerMobileOpen:a,customStylesContainerMobileClose:r,customStylesPusher:i,customStylesPusherOpen:n,customStylesPusherClose:c,customStylesPusherMobile:s,forceOpen:d,forceClose:u,handleSidebar:p,toggleSideBarOpen:m,pinner:g,...b})=>{function h(e){p(e)}return f.default.createElement(f.default.Fragment,null,f.default.createElement(ia,v({theme:e,customStyles:t,type:"sidebarContainer",onMouseEnter:()=>{d||h(!0)},onMouseLeave:()=>{h(!1),u()},forceOpen:d,isOpen:m},b),f.default.createElement(na,null),b.children,g))};ca.propTypes={theme:p.default.object,customStylesContainer:p.default.object,customStylesContainerOpen:p.default.object,customStylesContainerClose:p.default.object,customStylesContainerMobileOpen:p.default.object,customStylesContainerMobileClose:p.default.object,customStylesPusher:p.default.object,customStylesPusherOpen:p.default.object,customStylesPusherClose:p.default.object,customStylesPusherMobile:p.default.object,forceOpen:p.default.bool,forceClose:p.default.func,handleSidebar:p.default.func,toggleSideBarOpen:p.default.bool,pinner:p.default.any},ca.defaultProps={forceClose:()=>{},forceOpen:!1};const sa={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},da=m.default.div`
+`,ca=({customStylesContainer:e,customStylesContainerOpen:t,customStylesContainerClose:l,customStylesContainerMobileOpen:o,customStylesContainerMobileClose:a,customStylesPusher:r,customStylesPusherOpen:i,customStylesPusherClose:n,customStylesPusherMobile:c,forceOpen:s,forceClose:d,handleSidebar:u,toggleSideBarOpen:p,pinner:m,...g})=>{function b(e){u(e)}return f.default.createElement(f.default.Fragment,null,f.default.createElement(ia,v({inBuiltCss:V,customStyles:e,type:"sidebarContainer",onMouseEnter:()=>{s||b(!0)},onMouseLeave:()=>{b(!1),d()},forceOpen:s,isOpen:p},g),f.default.createElement(na,null),g.children,m))};ca.propTypes={customStylesContainer:p.default.object,customStylesContainerOpen:p.default.object,customStylesContainerClose:p.default.object,customStylesContainerMobileOpen:p.default.object,customStylesContainerMobileClose:p.default.object,customStylesPusher:p.default.object,customStylesPusherOpen:p.default.object,customStylesPusherClose:p.default.object,customStylesPusherMobile:p.default.object,forceOpen:p.default.bool,forceClose:p.default.func,handleSidebar:p.default.func,toggleSideBarOpen:p.default.bool,pinner:p.default.any},ca.defaultProps={forceClose:()=>{},forceOpen:!1};const sa={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},da=m.default.div`
     background: ${({theme:e,variant:t})=>e.variant[t]};
     color: ${({theme:e})=>e.bgColor};
     padding: ${({size:e})=>sa[e].padding};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "groundfloor-react-ui",
   "description": "Official component library for Ground Floor",
-  "version": "1.2.15",
+  "version": "1.2.16",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,
@@ -20,7 +20,7 @@
     "@types/prop-types": "^15.7.3",
     "@types/react": ">=16.14.8",
     "prop-types": ">=15.7.2",
-    "react": ">=16.13.1",
+    "react": ">=16.18.1",
     "react-data-table-component": ">=7.4.7",
     "react-datepicker": ">=4.6.0",
     "react-dom": ">=16.8.0",