groundfloor-react-ui 1.2.6 → 1.2.7
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/components/Accordion/AccordionSB.js +6 -4
- package/components/Avatar/AvatarSB.js +2 -2
- package/components/Sidebar/Navbar.js +10 -61
- package/components/Sidebar/Sidebar.js +85 -64
- package/components/constants/defaultStyle.js +23 -32
- package/dist/index.es.js +19 -15
- package/dist/index.js +116 -112
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -13,7 +13,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
13
13
|
|
|
14
14
|
// custom styles
|
|
15
15
|
${({customStyles:e})=>e}
|
|
16
|
-
`,I=({type:e,header:o,content:r,...l})=>{const i=d()||M;return t.createElement(B,w({activeTheme:i},l),o,r)};I.propTypes={header:e.any,content:e.any};const W={common:{color:"blue","background-color":`${M.bgColor}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${M.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},button:{color:"red","border-color":"black"},progressbarLabel:{display:"block","margin-left":"13px","margin-bottom":"7px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${M.neutral["neutral-2"]}`},spinner:{"background-color":`${M.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"100%",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"13px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"12px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"16px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"10px","font-size":"16px"},avatarNameLG:{"margin-left":"12px","font-size":"16px"},"textbox-wrapper":{border:`1px solid ${M.border}`,"border-radius":"4px",padding:"6.5px 7px",display:"flex","align-items":"center","line-height":".5rem","background-color":`${M.bgColor}`},"input-wrapper":{border:"0",outline:"0",color:`${M.variant["primary-2"]}`,margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0"},"textarea-wrapper":{border:"0",outline:"0",color:`${M.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-family":"Averta","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${M.variant["neutral-2"]}`,display:"flex","align-items":"center","justify-content":"center",width:"max-content","background-color":"transparent","margin-bottom":"0px","padding-bottom":"0px"},image:{"border-radius":"0%",width:"100%",height:"100%"},imageAvatar:{"border-radius":"50%","box-sizing":"border-box",position:"absolute"},imageAvatarSM:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"30px",height:"30px"},imageAvatarMD:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"32px",height:"32px"},imageAvatarLG:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"0px",backgroundColor:"transparent"}},checkbox:{style:{maxHeight:"28px",maxWidth:"28px"}},headRow:{style:{background:`${M.variant["neutral-5"]}`,borderLeft:`1px solid ${M.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${M.variant["neutral-5"]}`,borderTop:`1px solid ${M.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${M.variant.bgColor}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${M.variant["neutral-5"]}`,borderRight:`1px solid ${M.variant["neutral-5"]}`,borderBottom:`1px solid ${M.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${M.variant["neutral-5"]}`}}},header:{display:"flex","justify-content":"space-between","align-items":"center",position:"fixed","z-index":"1000",top:"0",right:"0",left:"0","min-height":"51px","padding-left":"39px","font-size":"16px","background-color":`${M.bgColor}`,"border-bottom":`0.5px solid ${M.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"7px","padding-bottom":"0",color:`${M.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"70px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${M.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${M.bgColor}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${M.bgColor}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"7px","padding-bottom":"0px",color:`${M.variant["neutral-2"]}`},"checkbox-option-text":{"font-size":"16px","margin-left":"10px","background-color":`${M.bgColor}`},"toggle-switch-wrapper":{display:"flex","align-items":"center",gap:"7px",width:"fit-content"},"toggle-switch-checkbox-label":{position:"absolute",width:"45px",height:"22px","border-radius":"31px",cursor:"pointer",marginBottom:"0px"},"toggle-switch-option-text":{color:`${M.neutral["neutral-1"]}`,"font-size":"16px","margin-right":"30px"},"dropzone-parent":{height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${M.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${M.textColor}`,"background-color":`${M.bgColor}`,"box-shadow":"0px 5px 15px rgba(33, 55, 71, 0.096946)","border-radius":"5.5px","margin-top":"5px"},"dropzone-text-div":{display:"flex","justify-content":"center","margin-left":"14px",color:`${M.textColor}`,"background-color":"transparent"},"dropzone-file-name":{"margin-left":"5px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap",padding:"2px","font-size":"14px",color:"#494949"},"signature-parent-div":{"border-radius":"5.5px","align-content":"flex-start","justify-content":"center",width:"inherit","max-width":"532px",height:"86px",display:"block","flex-flow":"column wrap","font-size":"17px",color:`${M.textColor}`,"background-color":`${M.bgColor}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${M.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${M.bgColor}`,"font-family":"Beauty","background-clip":"padding-box",color:"#444444","font-style":"normal","font-weight":"normal","font-size":"47px","padding-left":"10px"},"modal-background":{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.6)","z-index":"2000"},"modal-wrapper":{position:"fixed",display:"flex","align-items":"end","justify-content":"center","flex-direction":"column",background:"white",width:"fit-content",height:"fit-content",top:"50%",left:"50%",transform:"translate(-50%, -50%)","border-radius":"5px"},"modal-close-button":{cursor:"pointer",width:"fit-content",height:"fit-content",padding:"0","padding-right":"5px","padding-top":"5px",color:`${M.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"#FFFFFF","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"51px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${M.bgColor}`,"border-radius":"3.6px",border:`1px solid ${M.bgColor}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${M.bgColor} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${M.bgColor} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${M.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${M.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${M.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${M.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${M.bgColor}`,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${M.bgColor}`,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${M.bgColor}`,"border-radius":"3.6px",border:`1px solid ${M.bgColor}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${M.variant["neutral-1"]}`,"border-radius":"6px",border:`1px solid ${M.variant["neutral-1"]}`,color:`${M.bgColor}`,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",transition:"width ease 400ms",display:"flex","flex-direction":"column","z-index":"1001"},"sidebar-container-open":{width:"240px"},"sidebar-container-close":{width:"70px"},"sidebar-container-mobile-open":{width:"240px","z-index":"1001"},"sidebar-container-mobile-close":{width:"0px","z-index":"1001"},"sidebar-pusher":{"min-height":"100%",overflow:"hidden","background-color":"transparent",position:"fixed",transition:"width ease 400ms"},"sidebar-pusher-open":{width:"240px"},"sidebar-pusher-close":{width:"70px"},"sidebar-pusher-mobile":{width:"0px"},"modalComp-custom-style":{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",zIndex:"999"}},"modalComp-modal-close":{position:"absolute",top:"15px",right:"10px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"20px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px","border-top":`1px solid ${M.border}`,padding:"1rem 3rem 0rem 3rem","&:before":{content:"",position:"fixed",display:"inline-block",left:0,right:0,"margin-top":"-0.9rem","z-index":-1},"selectComp-label-wrapper":{paddingBottom:"10px",display:"flex",width:"25vw"}},"popOver-Content":{padding:"16px",color:"white",width:"226px",borderRadius:"3.6px"},"popOver-header":{marginBottom:"8px",fontWeight:"600"},"popOver-body":{marginBottom:"11.5px"},ColorWrapper:{borderRadius:"4.87px",padding:"8px 21px",display:"flex"},"input-color":{borderRadius:"4px",width:"24px",height:"24px"}},R=s.div`
|
|
16
|
+
`,I=({type:e,header:o,content:r,...l})=>{const i=d()||M;return t.createElement(B,w({activeTheme:i},l),o,r)};I.propTypes={header:e.any,content:e.any};const W={common:{color:"blue","background-color":`${M.bgColor}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start","margin-bottom":"0","padding-bottom":"0"},button:{color:"red","border-color":"black"},progressbarLabel:{display:"block","margin-left":"13px","margin-bottom":"7px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${M.neutral["neutral-2"]}`},spinner:{"background-color":`${M.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"100%",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"13px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"12px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"16px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"10px","font-size":"16px"},avatarNameLG:{"margin-left":"12px","font-size":"16px"},"textbox-wrapper":{border:`1px solid ${M.border}`,"border-radius":"4px",padding:"6.5px 7px",display:"flex","align-items":"center","line-height":".5rem","background-color":`${M.bgColor}`},"input-wrapper":{border:"0",outline:"0",color:`${M.variant["primary-2"]}`,margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0"},"textarea-wrapper":{border:"0",outline:"0",color:`${M.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-family":"Averta","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${M.variant["neutral-2"]}`,display:"flex","align-items":"center","justify-content":"center",width:"max-content","background-color":"transparent","margin-bottom":"0px","padding-bottom":"0px"},image:{"border-radius":"0%",width:"100%",height:"100%"},imageAvatar:{"border-radius":"50%","box-sizing":"border-box",position:"absolute"},imageAvatarSM:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"30px",height:"30px"},imageAvatarMD:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"32px",height:"32px"},imageAvatarLG:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"0px",backgroundColor:"transparent"}},checkbox:{style:{maxHeight:"28px",maxWidth:"28px"}},headRow:{style:{background:`${M.variant["neutral-5"]}`,borderLeft:`1px solid ${M.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${M.variant["neutral-5"]}`,borderTop:`1px solid ${M.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${M.variant.bgColor}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${M.variant["neutral-5"]}`,borderRight:`1px solid ${M.variant["neutral-5"]}`,borderBottom:`1px solid ${M.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${M.variant["neutral-5"]}`}}},header:{display:"flex","justify-content":"space-between","align-items":"center",position:"fixed","z-index":"1000",top:"0",right:"0",left:"0","min-height":"51px","padding-left":"39px","font-size":"16px"},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"7px","padding-bottom":"0",color:`${M.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",position:"fixed",color:"white",width:"70px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${M.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${M.bgColor}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${M.bgColor}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"7px","padding-bottom":"0px",color:`${M.variant["neutral-2"]}`},"checkbox-option-text":{"font-size":"16px","margin-left":"10px","background-color":`${M.bgColor}`},"toggle-switch-wrapper":{display:"flex","align-items":"center",gap:"7px",width:"fit-content"},"toggle-switch-checkbox-label":{position:"absolute",width:"45px",height:"22px","border-radius":"31px",cursor:"pointer",marginBottom:"0px"},"toggle-switch-option-text":{color:`${M.neutral["neutral-1"]}`,"font-size":"16px","margin-right":"30px"},"dropzone-parent":{height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${M.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${M.textColor}`,"background-color":`${M.bgColor}`,"box-shadow":"0px 5px 15px rgba(33, 55, 71, 0.096946)","border-radius":"5.5px","margin-top":"5px"},"dropzone-text-div":{display:"flex","justify-content":"center","margin-left":"14px",color:`${M.textColor}`,"background-color":"transparent"},"dropzone-file-name":{"margin-left":"5px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap",padding:"2px","font-size":"14px",color:"#494949"},"signature-parent-div":{"border-radius":"5.5px","align-content":"flex-start","justify-content":"center",width:"inherit","max-width":"532px",height:"86px",display:"block","flex-flow":"column wrap","font-size":"17px",color:`${M.textColor}`,"background-color":`${M.bgColor}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${M.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${M.bgColor}`,"font-family":"Beauty","background-clip":"padding-box",color:"#444444","font-style":"normal","font-weight":"normal","font-size":"47px","padding-left":"10px"},"modal-background":{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.6)","z-index":"2000"},"modal-wrapper":{position:"fixed",display:"flex","align-items":"end","justify-content":"center","flex-direction":"column",background:"white",width:"fit-content",height:"fit-content",top:"50%",left:"50%",transform:"translate(-50%, -50%)","border-radius":"5px"},"modal-close-button":{cursor:"pointer",width:"fit-content",height:"fit-content",padding:"0","padding-right":"5px","padding-top":"5px",color:`${M.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","box-sizing":"border-box",top:"51px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"border-radius":"3.6px","box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-width":"0 15px 0px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-width":"0px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-width":"15px 0px 15px 0"},"tp-cont-right-arrow-after":{"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-width":"15px 0 15px 0px"},"tp-cont-left-arrow-after":{"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"border-radius":"3.6px",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"border-radius":"6px",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"min-height":"100%",overflowX:"hidden",position:"fixed",transition:"width ease 400ms",display:"flex","flex-direction":"column","z-index":"1001"},"sidebar-container-open":{width:"240px"},"sidebar-container-close":{width:"70px"},"sidebar-container-mobile-open":{width:"240px","z-index":"1001"},"sidebar-container-mobile-close":{width:"0px","z-index":"1001"},"sidebar-pusher":{"min-height":"100%",overflow:"hidden","background-color":"transparent",position:"fixed",transition:"width ease 400ms"},"sidebar-pusher-open":{width:"240px"},"sidebar-pusher-close":{width:"70px"},"sidebar-pusher-mobile":{width:"0px"},"modalComp-custom-style":{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",zIndex:"999"}},"modalComp-modal-close":{position:"absolute",top:"15px",right:"10px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"20px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px","border-top":`1px solid ${M.border}`,padding:"1rem 3rem 0rem 3rem","&:before":{content:"",position:"fixed",display:"inline-block",left:0,right:0,"margin-top":"-0.9rem","z-index":-1},"selectComp-label-wrapper":{paddingBottom:"10px",display:"flex",width:"25vw"}},"popOver-Content":{padding:"16px",color:"white",width:"226px",borderRadius:"3.6px"},"popOver-header":{marginBottom:"8px",fontWeight:"600"},"popOver-body":{marginBottom:"11.5px"},ColorWrapper:{borderRadius:"4.87px",padding:"8px 21px",display:"flex"},"input-color":{borderRadius:"4px",width:"24px",height:"24px"}},R=s.div`
|
|
17
17
|
|
|
18
18
|
color: ${({activeTheme:e})=>e.textColor};
|
|
19
19
|
padding-top: 25px;
|
|
@@ -136,7 +136,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
136
136
|
font-size: 12px;
|
|
137
137
|
color: ${({theme:e})=>e.neutral["neutral-3"]};
|
|
138
138
|
}
|
|
139
|
-
`,Z=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:p,contentToggle:m,toggleState:u,contentIsOpen:g,id:b,...f})=>{const h=r(null),y=d()||M;l(0);const[x,A]=l(!1);return i((()=>{A(g)}),[g]),t.createElement(I,w({customStyles:e,type:"accordionContainer"},f,{header:t.createElement(I,w({customStyles:o,type:"accordionToggle"},f,{onClick:()=>{A(!x)},header:m,content:t.createElement(O,{theme:y},t.createElement("span",null,x?"Click to hide":"Click to open"),t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement(X,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(P,w({customStyles:a,type:"accordionContent",ref:h},f,{style:x?{minHeight:h.current.scrollHeight+"px",borderColor:y.borderColor}:{height:"0px",borderBottom:"none"},id:b,content:p}))}))};Z.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,toggleState:e.func,id:e.string},Z.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const J=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:b,id:f,...
|
|
139
|
+
`,Z=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:p,contentToggle:m,toggleState:u,contentIsOpen:g,id:b,...f})=>{const h=r(null),y=d()||M;l(0);const[x,A]=l(!1);return i((()=>{A(g)}),[g]),t.createElement(I,w({customStyles:e,type:"accordionContainer"},f,{header:t.createElement(I,w({customStyles:o,type:"accordionToggle"},f,{onClick:()=>{A(!x)},header:m,content:t.createElement(O,{theme:y},t.createElement("span",null,x?"Click to hide":"Click to open"),t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement(X,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(P,w({customStyles:a,type:"accordionContent",ref:h},f,{style:x?{minHeight:h.current.scrollHeight+"px",borderColor:y.borderColor}:{height:"0px",borderBottom:"none"},id:b,content:p}))}))};Z.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,toggleState:e.func,id:e.string},Z.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const J=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:b,id:f,customSelectCardColor:h,...y})=>{const[x,A]=l(!1),v=r(null),[C,S]=l({}),[E,k]=l({});return i((()=>{m?(S((e=>({...e,backgroundColor:h||"#2444d8",marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),k((e=>({...e,backgroundColor:h||"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(S({}),k({}))}),[m]),i((()=>{A(!!b)}),[b]),t.createElement(I,w({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(I,w({customStyles:{...o,...E},type:"accordionToggle"},y,{onClick:()=>{x||g(u),A(!x)},header:p,content:t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(P,w({customStyles:a,type:"accordionContent",ref:v},y,{style:x?{height:v.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:f,content:d}))}))};J.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},J.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const U=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:b,disable:f,id:h,...y})=>{const[x,A]=l(!1),v=r(null),[C,S]=l({}),[E,k]=l({});return i((()=>{m?(S((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),k((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(S({}),k({}))}),[m]),i((()=>{A(!!b)}),[b]),t.createElement(I,w({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(I,w({customStyles:{...o,...E},type:"accordionToggle"},y,{onClick:()=>{f||(x||g(u),A(!x))},header:p,content:t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(P,w({customStyles:a,type:"accordionContent",ref:v},y,{style:x?{height:v.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};U.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},U.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const Q=s.div`
|
|
140
140
|
color: ${({theme:e,variant:t})=>t?e.variant[t]:"white"};
|
|
141
141
|
${({scroll:e})=>e?p`
|
|
142
142
|
display: flex;
|
|
@@ -251,7 +251,7 @@ ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(co
|
|
|
251
251
|
width: auto;
|
|
252
252
|
`,le=s.div`
|
|
253
253
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
254
|
-
color: ${({theme:e})=>e.bgColor};
|
|
254
|
+
color: ${({theme:e})=>e.bgColor} !important;
|
|
255
255
|
${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const r in e[`${t}${o}`])l[r]=e[`${t}${o}`][r],delete e.common[r]}return{...l,...r}}}}
|
|
256
256
|
${({isSelected:e,selectedStyle:t,notSelectedStyle:o})=>e?p`
|
|
257
257
|
min-width: 42px;
|
|
@@ -263,6 +263,7 @@ ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(co
|
|
|
263
263
|
font-weight: 600;
|
|
264
264
|
`,ie=s.span`
|
|
265
265
|
color: ${({theme:e})=>e.textColor};
|
|
266
|
+
background-color: transparent !important;
|
|
266
267
|
|
|
267
268
|
${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])delete e.common[o],l[o]=e[t][o];for(const r in e[`${t}${o}`])l[r]=e[`${t}${o}`][r],delete e.common[r]}return{...l,...r}}}}
|
|
268
269
|
|
|
@@ -2317,7 +2318,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2317
2318
|
}
|
|
2318
2319
|
|
|
2319
2320
|
p {
|
|
2320
|
-
margin: 8.25px
|
|
2321
|
+
margin: 8.25px 0px;
|
|
2321
2322
|
}
|
|
2322
2323
|
`,tl=s.div`
|
|
2323
2324
|
display: flex;
|
|
@@ -2346,27 +2347,30 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2346
2347
|
}
|
|
2347
2348
|
|
|
2348
2349
|
p {
|
|
2349
|
-
margin: 8.25px
|
|
2350
|
+
margin: 8.25px 31px;
|
|
2350
2351
|
}
|
|
2351
|
-
`,rl=({headerContent:e,bodyContent:o,footerContent:r,selectedApp:i,setApp:n,toggleSideBarOpen:a,headerStyles:c,selectedStyle:s,notSelectedStyle:p,customStylesNameHover:m,listElementStyle:u,...
|
|
2352
|
-
${({theme:e
|
|
2353
|
-
${({
|
|
2352
|
+
`,rl=({headerContent:e,bodyContent:o,footerContent:r,selectedApp:i,setApp:n,toggleSideBarOpen:a,headerStyles:c,selectedStyle:s,notSelectedStyle:p,customStylesNameHover:m,listElementStyle:u,customSelectCardColor:g,user:b,...f})=>{const h=d()||M,[y,x]=l(null),[A,v]=l(null);return t.createElement("div",{onMouseLeave:()=>{x(null),v(null)},style:{display:"flex",flexDirection:"column",height:"98vh"}},t.createElement($r,{theme:h,headerStyles:c},e),t.createElement(_r,null,o?.map(((e,o)=>t.createElement(J,{key:e.id,index:o,handleClick:e=>{!function(e){v(null),x(e)}(e)},isAccordionOpen:o===y,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(ne,{selectedStyle:s,notSelectedStyle:p,toggleName:a,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(el,{listElementStyle:u,key:e.id+o,onClick:()=>{n({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(tl,null,t.createElement(U,{index:0,handleClick:e=>{!function(e){x(null),v(e)}(e)},isAccordionOpen:0===A,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(ne,{selectedStyle:s,notSelectedStyle:p,toggleName:a,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(ol,{listElementStyle:u,onClick:()=>{}},t.createElement("p",null,"Change Password")),t.createElement(ol,{onClick:()=>{}},t.createElement("p",null,"Sign Out")))})))},ll=s.div`
|
|
2353
|
+
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
2354
|
+
color: ${({theme:e})=>e.bgColor};
|
|
2355
|
+
overflow-y: auto;
|
|
2356
|
+
${({inBuiltCss:e,type:t})=>ye(e,"sidebar-container")}
|
|
2357
|
+
${({customStylesContainer:e})=>e}
|
|
2354
2358
|
|
|
2355
|
-
${({isOpen:e,forceOpen:t,
|
|
2359
|
+
${({isOpen:e,forceOpen:t,inBuiltCss:o,type:r,customStylesContainerOpen:l,customStylesContainerClose:i})=>e||t?{...ye(o,"sidebar-container-open"),...l}:{...ye(o,"sidebar-container-close"),...i}}
|
|
2356
2360
|
|
|
2357
2361
|
@media (max-width: 980px) {
|
|
2358
|
-
${({isOpen:e,
|
|
2359
|
-
}
|
|
2362
|
+
${({isOpen:e,inBuiltCss:t,type:o,customStylesContainerMobileOpen:r,customStylesContainerMobileClose:l})=>{}}
|
|
2363
|
+
}
|
|
2360
2364
|
`,il=s.div`
|
|
2361
|
-
${({
|
|
2365
|
+
${({inBuiltCss:e,type:t})=>ye(e,"sidebar-pusher")}
|
|
2362
2366
|
${({customStylesPusher:e})=>e}
|
|
2363
2367
|
|
|
2364
|
-
${({forceOpen:e,
|
|
2368
|
+
${({forceOpen:e,inBuiltCss:t,type:o,customStylesPusherOpen:r,customStylesPusherClose:l})=>e?{...ye(t,"sidebar-pusher-open"),...r}:{...ye(t,"sidebar-pusher-close"),...l}}
|
|
2365
2369
|
|
|
2366
2370
|
@media (max-width: 980px) {
|
|
2367
|
-
${({
|
|
2371
|
+
${({inBuiltCss:e,type:t,customStylesPusherMobile:o})=>({...ye(e,"sidebar-pusher-mobile"),...o})}}
|
|
2368
2372
|
}
|
|
2369
|
-
`,nl=({
|
|
2373
|
+
`,nl=({customStylesContainer:e,customStylesContainerOpen:o,customStylesContainerClose:r,customStylesContainerMobileOpen:l,customStylesContainerMobileClose:i,customStylesPusher:n,customStylesPusherOpen:a,customStylesPusherClose:c,customStylesPusherMobile:s,forceOpen:p,forceClose:m,handleSidebar:u,toggleSideBarOpen:g,pinner:b,...f})=>{function h(e){u(e)}const y=d()||M;return t.createElement(ll,w({theme:y,inBuiltCss:W,customStyles:e,type:"sidebarContainer",onMouseEnter:()=>{p||h(!0)},onMouseLeave:()=>{h(!1),m()},forceOpen:p,isOpen:g},f),t.createElement(il,null),f.children,b)};nl.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};const al={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},cl=s.div`
|
|
2370
2374
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2371
2375
|
color: ${({theme:e})=>e.bgColor};
|
|
2372
2376
|
padding: ${({size:e})=>al[e].padding};
|