groundfloor-react-ui 1.2.7 → 1.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js
CHANGED
|
@@ -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","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`
|
|
16
|
+
`,W=({type:e,header:o,content:r,...l})=>{const i=d()||M;return t.createElement(B,w({activeTheme:i},l),o,r)};W.propTypes={header:e.any,content:e.any};const I={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}`,minWidth:"20px",width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${M.bgColor}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",minWidth:"20px",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;
|
|
@@ -32,7 +32,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
32
32
|
|
|
33
33
|
// custom styles
|
|
34
34
|
${({customStyles:e})=>e}
|
|
35
|
-
`,P=o((({type:e,header:o,content:r,...l},i)=>{const n=d()||M;return t.createElement(R,w({inBuiltCss:
|
|
35
|
+
`,P=o((({type:e,header:o,content:r,...l},i)=>{const n=d()||M;return t.createElement(R,w({inBuiltCss:I,activeTheme:n},l,{ref:i}),o,r)}));P.propTypes={type:e.string,header:e.any,content:e.any};const L={sm:{cardWidth:"178px",cardMinHeight:"88px",borderRadius:"4px",border:"0.7px",bodyHeight:"55px",footerFontSize:"10px",footerMinHeight:"31px",footerPadding:"10.5px 16px",footerLineHeight:"16px",lineHeight:"12px"},md:{cardWidth:"215px",cardMinHeight:"123px",borderRadius:"6px",border:"1px",bodyHeight:"67px",footerFontSize:"14px",footerMinHeight:"54px",footerPadding:"18px 19px",footerLineHeight:"12px",lineHeight:"16px"}},q=s.div`
|
|
36
36
|
${({trimFileName:e})=>e?p`
|
|
37
37
|
height: ${({size:e})=>L[e].cardMinHeight};
|
|
38
38
|
`:p`
|
|
@@ -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(
|
|
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(W,w({customStyles:e,type:"accordionContainer"},f,{header:t.createElement(W,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(W,w({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(W,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(W,w({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(W,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;
|
|
@@ -234,7 +234,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
234
234
|
`,Y=({variant:e,data:o,scroll:n,onClick:a,clickable:c,...s})=>{const p=d()||M,m=r(null),u=r(null),[g,b]=l(void 0),[f,h]=l(void 0);let y={fontSize:"",display:""},x={fontSize:"",display:""};const A=()=>{m&&h(m?.current?.offsetWidth)};i((()=>{A()}),[o,f]),i((()=>{if(!n)return window.addEventListener("resize",A),()=>window.removeEventListener("resize",A)}),[]),i((()=>{n||b(u?.current.offsetWidth)}),[o,f,g]);const v=o.reduce((function(e,t){return 9*e.label.length+13*e.value.toString().length>9*t.label.length+13*t.value.toString().length?e:t}));if(!n){const e=function(e){return{step1:15+13*e.value.toString().length+5+9*e.label.length+15,step2:15+13*e.value.toString().length+5+7*e.label.length+15,step3:15+13*e.value.toString().length+5+15}}(v);g<e.step3?(x.display="none",y.display="none"):g<e.step2?y.display="none":g<e.step1?y.fontSize="12px":y.fontSize="14px"}return t.createElement(Q,{theme:p,variant:e,ref:n?null:m,arrowNumber:o.length,scroll:n},o.map(((e,r)=>{return t.createElement(K,{id:e.id,theme:p,onClick:c?t=>a(t,e):null,clickable:c,scroll:n,ref:n?null:e.label===v.label?u:null,key:"fa"+r+"-"+e.label,index:r,dataLength:o.length,color:e.color},(l=e.value,i=e.label,t.createElement(N,{styleArrowContentP:y,styleArrowContentSpan:x,scroll:n},t.createElement("span",null,l),t.createElement("p",null,i))));var l,i})))};Y.propTypes={variant:e.string,data:e.array,scroll:e.bool,onClick:e.func,clickable:e.bool},Y.defaultProps={variant:null,data:[],scroll:!0,onClick:void 0,clickable:!1};const D=s.img`
|
|
235
235
|
//Set the styles from the default styles object
|
|
236
236
|
${({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}}}}
|
|
237
|
-
`,$=({customStyles:e,type:o,size:n,alt:a,src:c,handleImageStatus:s,...d})=>{const[p,m]=l("loading"),u=r(null),g=()=>{m("loaded"),s&&s("loaded")},b=()=>{m("failed"),s&&s("failed")};return i((()=>{const e=u.current;if(e)return e.addEventListener("load",g),e.addEventListener("error",b),()=>{e.removeEventListener("load",g),e.removeEventListener("error",b)}}),[p]),t.createElement(D,w({},d,{inBuiltCss:
|
|
237
|
+
`,$=({customStyles:e,type:o,size:n,alt:a,src:c,handleImageStatus:s,...d})=>{const[p,m]=l("loading"),u=r(null),g=()=>{m("loaded"),s&&s("loaded")},b=()=>{m("failed"),s&&s("failed")};return i((()=>{const e=u.current;if(e)return e.addEventListener("load",g),e.addEventListener("error",b),()=>{e.removeEventListener("load",g),e.removeEventListener("error",b)}}),[p]),t.createElement(D,w({},d,{inBuiltCss:I,customStyles:e,type:o,alt:a,src:c,ref:u,size:n}))};$.propTypes={customStyles:e.object,type:e.string,size:e.oneOf(["SM","MD","LG"]),alt:e.string,src:e.string,handleImageStatus:e.func},$.defaultProps={customStyles:null,type:"image",alt:"image alternative",src:null,handleImageStatus:null};const _=s.span`
|
|
238
238
|
${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
|
|
239
239
|
`,ee=s.div`
|
|
240
240
|
|
|
@@ -246,7 +246,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
246
246
|
color:${({theme:e})=>e.textColor};
|
|
247
247
|
|
|
248
248
|
${({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}}}}
|
|
249
|
-
`,oe=({customStylesContainer:e,customStylesImage:o,customStylesCircle:r,customStylesName:i,size:n,toggleName:a,user:c,border:s,...p})=>{const[m,u]=l("loading"),g=d()||M;return t.createElement(_,w({inBuiltCss:
|
|
249
|
+
`,oe=({customStylesContainer:e,customStylesImage:o,customStylesCircle:r,customStylesName:i,size:n,toggleName:a,user:c,border:s,...p})=>{const[m,u]=l("loading"),g=d()||M;return t.createElement(_,w({inBuiltCss:I,border:s,theme:g,customStyles:e,type:"avatarContainer"},p),c?.url&&t.createElement($,w({},p,{customStyles:o,type:"imageAvatar",size:n,alt:"user-picture",src:c.url,handleImageStatus:e=>{u(e)},style:{visibility:"loaded"!==m?"hidden":"visible"}})),t.createElement(ee,w({},p,{theme:g,inBuiltCss:I,type:"avatarCircle",customStyles:r,size:n,style:{visibility:"loaded"!==m?"visible":"hidden"}}),c?.userName&&c?.userName.split(" ").length>=2?c?.userName.split(" ")[0].charAt(0).toUpperCase()+c?.userName.split(" ")[1].charAt(0).toUpperCase():c?.userName&&1===c?.userName.split(" ").length&&c?.userName.split(" ")[0].charAt(0).toUpperCase()),a&&t.createElement(te,w({inBuiltCss:I},p,{theme:g,type:"avatarName",customStyles:i,size:n}),c.userName," "))};oe.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},oe.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const re=s.span`
|
|
250
250
|
${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
|
|
251
251
|
width: auto;
|
|
252
252
|
`,le=s.div`
|
|
@@ -270,7 +270,7 @@ ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(co
|
|
|
270
270
|
&:hover {
|
|
271
271
|
${({inBuiltCss:e,type:t,size:o,customStylesHover:r})=>{if(e){return{...{},...r}}}}
|
|
272
272
|
}
|
|
273
|
-
`,ne=({customStylesContainer:e,customStylesImage:o,customStylesCircle:r,customStylesName:i,customStylesNameHover:n,size:a,toggleName:c,user:s,border:p,isSelected:m,selectedStyle:u,notSelectedStyle:g,...b})=>{const f=d()||M,[h,y]=l("loading");return t.createElement(re,w({border:p,inBuiltCss:
|
|
273
|
+
`,ne=({customStylesContainer:e,customStylesImage:o,customStylesCircle:r,customStylesName:i,customStylesNameHover:n,size:a,toggleName:c,user:s,border:p,isSelected:m,selectedStyle:u,notSelectedStyle:g,...b})=>{const f=d()||M,[h,y]=l("loading");return t.createElement(re,w({border:p,inBuiltCss:I,customStyles:e,type:"avatarContainer"},b),s?.url&&t.createElement($,w({},b,{inBuiltCss:I,customStyles:o,type:"imageAvatar",size:a,alt:"user-picture",src:s.url,handleImageStatus:e=>{y(e)},style:{visibility:"loaded"!==h?"hidden":"visible"}})),t.createElement(le,w({},b,{theme:f,selectedStyle:u,notSelectedStyle:g,inBuiltCss:I,type:"avatarCircle",customStyles:r,size:a,style:{visibility:"loaded"!==h?"visible":"hidden"},isSelected:m}),s?.userName&&s?.userName.split(" ").length>=2?s?.userName.split(" ")[0].charAt(0).toUpperCase()+s?.userName.split(" ")[1].charAt(0).toUpperCase():s?.userName&&1===s?.userName.split(" ").length&&s?.userName.split(" ")[0].charAt(0).toUpperCase()),c&&t.createElement(ie,w({theme:f},b,{inBuiltCss:I,type:"avatarName",customStyles:i,customStylesHover:n,size:a}),s.userName," "))};ne.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object,customStylesNameHover:e.object},ne.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const ae=s.span`
|
|
274
274
|
|
|
275
275
|
${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
|
|
276
276
|
width: auto;
|
|
@@ -299,7 +299,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
299
299
|
&:hover {
|
|
300
300
|
${({inBuiltCss:e,type:t,size:o,customStylesHover:r})=>{if(e){return{...{},...r}}}}
|
|
301
301
|
}
|
|
302
|
-
`,de=({inBuiltCss:e,customStylesContainer:o,customStylesImage:r,customStylesCircle:i,customStylesName:n,customStylesNameHover:a,size:c,toggleName:s,user:p,border:m,selectedStyle:u,notSelectedStyle:g,isSelected:b,value:f,...h})=>{const y=d()||M,[x,A]=l("loading");return t.createElement(ae,w({border:m,theme:y,inBuiltCss:
|
|
302
|
+
`,de=({inBuiltCss:e,customStylesContainer:o,customStylesImage:r,customStylesCircle:i,customStylesName:n,customStylesNameHover:a,size:c,toggleName:s,user:p,border:m,selectedStyle:u,notSelectedStyle:g,isSelected:b,value:f,...h})=>{const y=d()||M,[x,A]=l("loading");return t.createElement(ae,w({border:m,theme:y,inBuiltCss:I,customStyles:o,type:"avatarContainer"},h),p?.url&&t.createElement($,w({},h,{inBuiltCss:I,customStyles:r,type:"imageAvatar",size:c,alt:"user-picture",src:p.url,handleImageStatus:e=>{A(e)},style:{visibility:"loaded"!==x?"hidden":"visible"}})),t.createElement(ce,w({},h,{theme:y,inBuiltCss:I,type:"avatarCircle",customStyles:i,size:c,style:{visibility:"loaded"!==x?"visible":"hidden"},isSelected:b,selectedStyle:u,notSelectedStyle:g}),f),s&&t.createElement(se,w({theme:y},h,{inBuiltCss:I,type:"avatarName",customStyles:n,customStylesHover:a,size:c}),p.userName," "))};de.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},de.defaultProps={inBuiltCss:e.object},de.defaultProps={inBuiltCss:I,block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const pe=s.div`
|
|
303
303
|
color: ${({theme:e})=>e.textColor};
|
|
304
304
|
display: flex;
|
|
305
305
|
background-color: ${({backgroundColor:e,theme:t})=>e||t.variant["insight-purple"]};
|
|
@@ -470,7 +470,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
`}
|
|
473
|
-
`,Ce=({size:e,thickness:o,propellerHeight:r,customStyles:l})=>{const i=
|
|
473
|
+
`,Ce=({size:e,thickness:o,propellerHeight:r,customStyles:l})=>{const i=I;return t.createElement(ve,{theme:i,size:e,thickness:o,propellerHeight:r,customStyles:l,type:"spinner"},t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null))};ve.defaultProps={theme:I},Ce.propTypes={size:e.number,thickness:e.number,propellerHeight:e.number,customStyles:e.object},Ce.defaultProps={size:20,thickness:2,propellerHeight:25,customStyles:null};const we={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},Se=({theme:e,variant:t})=>xe(e.variant[t],.6),Ee=s.button`
|
|
474
474
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
475
475
|
color: ${({theme:e})=>e.bgColor};
|
|
476
476
|
padding: ${({size:e})=>we[e].padding};
|
|
@@ -541,7 +541,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
541
541
|
|
|
542
542
|
//Set the styles from the default styles object
|
|
543
543
|
${({theme:e,defaultStyle:t})=>ye(e,t)}
|
|
544
|
-
`,
|
|
544
|
+
`,We=({block:e,style:o,variant:r,disabled:l,type:i,id:n,...a})=>(d(),t.createElement(Be,w({id:n,block:e,variant:r,defaultStyle:"button",type:i,style:o,disabled:l},a),a.children));We.propTypes={variant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object,type:e.string,id:e.string},Be.defaultProps={theme:M},We.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,onClick:void 0,id:""};const Ie=s.div`
|
|
545
545
|
//Set the styles from the default styles object
|
|
546
546
|
${({theme:e,type:t})=>ye(e,t)}
|
|
547
547
|
@media (max-width: 980px) {
|
|
@@ -549,7 +549,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
549
549
|
}
|
|
550
550
|
// custom styles
|
|
551
551
|
${({customStyles:e})=>e}
|
|
552
|
-
`,Re=({theme:e,type:o,customStyles:r,...l})=>t.createElement(
|
|
552
|
+
`,Re=({theme:e,type:o,customStyles:r,...l})=>t.createElement(Ie,w({theme:e,customStyles:r,type:o},l),l.children);Re.propTypes={theme:e.object,customStyles:e.object,type:e.string},Re.defaultProps={theme:I,customStyles:null,type:"content"};const Pe=s.div`
|
|
553
553
|
width: 100%;
|
|
554
554
|
display: flex;
|
|
555
555
|
flex-direction: column;
|
|
@@ -839,7 +839,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
839
839
|
`,_e=({vertical:e,borderColor:o,thickness:r,height:l,...i})=>{const n=d()||M;return t.createElement($e,w({theme:n,borderColor:o,thickness:r,vertical:e,height:l},i))};_e.propTypes={thickness:e.string,borderColor:e.string,vertical:e.bool,height:e.string},_e.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const et=s.div`
|
|
840
840
|
//Set the styles from the default styles object
|
|
841
841
|
${({inBuiltCss:e,type:t,drawerOpen: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];l=o?{...l,...e["drawer-open"]}:{...l,...e["drawer-close"]}}return{...l,...r}}}}
|
|
842
|
-
`,tt=({customStyles:e,drawerOpen:o,children:r,...l})=>t.createElement(et,w({inBuiltCss:
|
|
842
|
+
`,tt=({customStyles:e,drawerOpen:o,children:r,...l})=>t.createElement(et,w({inBuiltCss:I,customStyles:e,type:"drawer",drawerOpen:o},l),r);tt.propTypes={customStyles:e.object,drawerOpen:e.bool};class ot extends n{constructor(e){super(e),this.state={hasError:!1},this.refreshPage=this.refreshPage.bind(this)}componentDidCatch(e,t){this.setState({hasError:!0})}refreshPage(){window.location.reload()}render(){const{hasError:e}=this.state;return e?t.createElement(a,null,t.createElement("h3",null,t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1.12em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1856 1664"},t.createElement("path",{d:"M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49z",fill:"currentColor"})),"We have experienced an issue. We generated a support ticket on our end to investigate this issue We are sorry about the inconvenience."),t.createElement(ke,{onClick:()=>this.refreshPage()},"Click to refresh")):this.props.children}}ot.propTypes={children:e.any};const rt=p`
|
|
843
843
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
844
844
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
845
845
|
background: ${({theme:e})=>xe(e.primary["primary-1"],.04)};
|
|
@@ -863,7 +863,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
863
863
|
${({theme:e,type:t})=>ye(e,t)}
|
|
864
864
|
// custom styles
|
|
865
865
|
${({customStyles:e})=>e}
|
|
866
|
-
`,at=o((({theme:e,customStyles:o,...r},l)=>t.createElement(nt,w({ref:l,theme:e,type:"footer",customStyles:o},r),r.children)));at.propTypes={theme:e.object,customStyles:e.object,type:e.string},nt.defaultProps={theme:e.object},at.defaultProps={theme:
|
|
866
|
+
`,at=o((({theme:e,customStyles:o,...r},l)=>t.createElement(nt,w({ref:l,theme:e,type:"footer",customStyles:o},r),r.children)));at.propTypes={theme:e.object,customStyles:e.object,type:e.string},nt.defaultProps={theme:e.object},at.defaultProps={theme:I,customStyles:null};const ct=s.div`
|
|
867
867
|
font-size: 14px;
|
|
868
868
|
background-color: transparent;
|
|
869
869
|
display: flex;
|
|
@@ -905,13 +905,13 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
905
905
|
${({theme:e,type:t})=>ye(e,t)}
|
|
906
906
|
// custom styles
|
|
907
907
|
${({customStyles:e})=>e}
|
|
908
|
-
`,gt=({theme:e,type:o,customStyles:r,...l})=>t.createElement(ut,w({theme:e,type:"header",customStyles:r},l),l.children);gt.propTypes={theme:e.object,customStyles:e.object,type:e.string},ut.defaultProps={theme:e.object},gt.defaultProps={theme:
|
|
908
|
+
`,gt=({theme:e,type:o,customStyles:r,...l})=>t.createElement(ut,w({theme:e,type:"header",customStyles:r},l),l.children);gt.propTypes={theme:e.object,customStyles:e.object,type:e.string},ut.defaultProps={theme:e.object},gt.defaultProps={theme:I,type:"header",customStyles:null};const bt=s.label`
|
|
909
909
|
//Set the styles from the default styles object
|
|
910
910
|
${({theme:e,type:t})=>ye(e,t)}
|
|
911
911
|
|
|
912
912
|
// custom styles
|
|
913
913
|
${({customStyles:e})=>e}
|
|
914
|
-
`,ft=({customStyles:e,text:o,className:r,required:l,...i})=>{const n=
|
|
914
|
+
`,ft=({customStyles:e,text:o,className:r,required:l,...i})=>{const n=I;return t.createElement(bt,w({required:l,theme:n,customStyles:e,type:"label"},i),o,l&&t.createElement("div",{style:{marginLeft:"4px",color:`${M.variant.error}`}},"*"))};ft.propTypes={customStyles:e.object,text:e.string},ft.defaultProps={text:""};const ht=s.div`
|
|
915
915
|
box-sizing: initial;
|
|
916
916
|
|
|
917
917
|
//Set the styles from the default styles object
|
|
@@ -943,7 +943,7 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
943
943
|
|
|
944
944
|
color: ${({theme:e,checked:t,defaultTextColor:o,checkedTextColor:r})=>t&&r?r:t&&!r?e.neutral["neutral-1"]:!t&&o?o:t||o?void 0:e.neutral["neutral-2"]};
|
|
945
945
|
|
|
946
|
-
margin-right: ${({inline:e})=>e?"30px":"
|
|
946
|
+
margin-right: ${({inline:e})=>e?"30px":"10px"};
|
|
947
947
|
|
|
948
948
|
// custom styles
|
|
949
949
|
${({optionTextStyle:e})=>e}
|
|
@@ -951,16 +951,16 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
951
951
|
width: fit-content;
|
|
952
952
|
margin-bottom: ${({inline:e})=>e?"":"18px !important"};
|
|
953
953
|
cursor: pointer;
|
|
954
|
-
align-items: center;
|
|
955
954
|
display: flex;
|
|
956
955
|
gap: 10px;
|
|
956
|
+
align-items: start;
|
|
957
957
|
|
|
958
958
|
// custom styles
|
|
959
959
|
${({wrapperStyles:e})=>e}
|
|
960
960
|
`,vt=s.div`
|
|
961
961
|
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
962
962
|
width: ${({inline:e})=>e?"initial":"auto"};
|
|
963
|
-
`,Ct=({getCheckedArr:e,checkBoxOuterStyle:o,checkBoxInnerStyle:r,optionTextStyle:l,defaultBorderColor:n,defaultTextColor:a,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:p,label:m,options:u,setOptions:g,wrapperStyles:b,inline:f,wrapperStyle:h,isRequired:y,...x})=>{const A=d()||M;i((()=>{v(u)}),[]);const v=t=>{let o=t.filter((e=>!1!==e.checked));e(o)},C=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",w({style:C},x),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:p,type:"check-label",text:m},x)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),t.createElement(vt,w({style:{display:"flex",flexWrap:"wrap"},inline:f},x),u?.map(((e,i)=>t.createElement(At,w({inline:f,id:e.id,key:`${e.name}-${i}`,onClick:()=>{((e,t)=>{let o=[...u];o[t].checked=!e.checked,g(o),v(o)})(e,i)},wrapperStyles:b},x),e.checked?t.createElement(yt,w({theme:A,inBuiltCss:
|
|
963
|
+
`,Ct=({getCheckedArr:e,checkBoxOuterStyle:o,checkBoxInnerStyle:r,optionTextStyle:l,defaultBorderColor:n,defaultTextColor:a,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:p,label:m,options:u,setOptions:g,wrapperStyles:b,inline:f,wrapperStyle:h,isRequired:y,...x})=>{const A=d()||M;i((()=>{v(u)}),[]);const v=t=>{let o=t.filter((e=>!1!==e.checked));e(o)},C=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",w({style:C},x),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:p,type:"check-label",text:m},x)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),t.createElement(vt,w({style:{display:"flex",flexWrap:"wrap"},inline:f},x),u?.map(((e,i)=>t.createElement(At,w({inline:f,id:e.id,key:`${e.name}-${i}`,onClick:()=>{((e,t)=>{let o=[...u];o[t].checked=!e.checked,g(o),v(o)})(e,i)},wrapperStyles:b},x),e.checked?t.createElement(yt,w({theme:A,inBuiltCss:I,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:n,checkedCheckBoxColor:s,checked:!e?.disabled&&e.checked},x),t.createElement(X,{icon:"check-icon",size:18,color:"white"})):t.createElement(ht,w({inBuiltCss:I,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:n,theme:A},x)),t.createElement(xt,{theme:A,inline:f,optionTextStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:a,checkedTextColor:c},e.label))))))};Ct.propTypes={wrapperStyle:e.object,label:e.string,labelStyle:e.object,checkBoxOuterStyle:e.object,checkBoxInnerStyle:e.object,optionTextStyle:e.object,defaultTextColor:e.string,checkedTextColor:e.string,defaultBorderColor:e.string,checkedCheckBoxColor:e.string,inline:e.bool,options:e.array,setOptions:e.func,getCheckedArr:e.func,isRequired:e.bool,wrapperStyles:e.object},Ct.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const wt=s.div`
|
|
964
964
|
border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
965
965
|
background-color: ${({theme:e})=>e.bgColor};
|
|
966
966
|
|
|
@@ -993,7 +993,7 @@ padding: 0;
|
|
|
993
993
|
${({inBuiltCss:e,defaultInputColorStyle:t})=>ye(e,t)}
|
|
994
994
|
// custom styles
|
|
995
995
|
${({customInputColorStyle:e})=>e}
|
|
996
|
-
`,Et=({label:e,labelStyle:o,value:r,setValue:l,customInputColorStyle:i,customColorWrapperStyle:n,id:a,...c})=>{const s=d()||M;return t.createElement(wt,w({customColorWrapperStyle:n,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:
|
|
996
|
+
`,Et=({label:e,labelStyle:o,value:r,setValue:l,customInputColorStyle:i,customColorWrapperStyle:n,id:a,...c})=>{const s=d()||M;return t.createElement(wt,w({customColorWrapperStyle:n,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:I},c),t.createElement(St,w({id:a,customInputColorStyle:i,defaultInputColorStyle:"input-color",inBuiltCss:I,theme:s},c,{type:"color",value:r,onChange:e=>{l(e.target.value)}})),t.createElement(ft,w({themeColor:M,customStyles:o,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};Et.propTypes={label:e.string,labelStyle:e.object,value:e.string,setValue:e.func,customInputColorStyle:e.object,customColorWrapperStyle:e.object,id:e.string},Et.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const kt=s.div`
|
|
997
997
|
display: flex;
|
|
998
998
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
999
999
|
|
|
@@ -1149,7 +1149,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1149
1149
|
display: flex;
|
|
1150
1150
|
flex-direction: row;
|
|
1151
1151
|
cursor: pointer;
|
|
1152
|
-
`,
|
|
1152
|
+
`,Wt=s("div")`
|
|
1153
1153
|
margin-top: 8px;
|
|
1154
1154
|
position: absolute;
|
|
1155
1155
|
z-index: 100;
|
|
@@ -1160,7 +1160,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1160
1160
|
background: white;
|
|
1161
1161
|
box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
|
|
1162
1162
|
border-radius: 4px;
|
|
1163
|
-
`,
|
|
1163
|
+
`,It=s("ul")`
|
|
1164
1164
|
list-style: none;
|
|
1165
1165
|
padding: 0;
|
|
1166
1166
|
margin: 12px;
|
|
@@ -1187,7 +1187,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1187
1187
|
background-color: ${({theme:e})=>e.neutral["neutral-4"]};
|
|
1188
1188
|
border-radius: 10px;
|
|
1189
1189
|
}
|
|
1190
|
-
`;
|
|
1190
|
+
`;It.defaultProps={theme:M};const Rt=s("li")`
|
|
1191
1191
|
text-align: left;
|
|
1192
1192
|
font-style: normal;
|
|
1193
1193
|
font-weight: normal;
|
|
@@ -1196,7 +1196,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1196
1196
|
padding-left: 12px;
|
|
1197
1197
|
padding-bottom: 12px;
|
|
1198
1198
|
cursor: pointer;
|
|
1199
|
-
`,Pt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=d()||M,p=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var m=[],u=2010;u<=(new Date).getFullYear()+10;u++)m.push(u);const g=r(null),f=r(null),[h,y]=l(!1),[x,A]=l(!1),[v,C]=l(!1),[S,E]=l(!1),[k,z]=l(e.getFullYear()),[V,B]=l(p[e.getMonth()]);i((()=>{B(p[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",
|
|
1199
|
+
`,Pt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=d()||M,p=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var m=[],u=2010;u<=(new Date).getFullYear()+10;u++)m.push(u);const g=r(null),f=r(null),[h,y]=l(!1),[x,A]=l(!1),[v,C]=l(!1),[S,E]=l(!1),[k,z]=l(e.getFullYear()),[V,B]=l(p[e.getMonth()]);i((()=>{B(p[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",W,!0),()=>{document.removeEventListener("click",W,!0)})),[]);const W=e=>{g.current&&!g.current.contains(e.target)&&y(!1)},I=e=>{f.current&&!f.current.contains(e.target)&&A(!1)};return i((()=>(document.addEventListener("click",I,!0),()=>{document.removeEventListener("click",I,!0)})),[]),t.createElement(kt,w({disabled:n,theme:a},c),t.createElement(b,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:n,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:o,changeMonth:r})=>t.createElement(zt,null,t.createElement("div",{style:{display:"flex"}},t.createElement(Mt,{ref:g},t.createElement(Bt,{onClick:()=>{y(!h),A(!1)}},t.createElement("span",{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{color:`${v?s.variant["primary-1"]:s.textColor}`}},p[e.getMonth()]),t.createElement(Vt,null,t.createElement(X,{icon:"triangle-down",color:v?s.variant["primary-1"]:s.textColor,size:7}))),h&&t.createElement(Wt,null,t.createElement(It,{theme:a,onMouseEnter:()=>C(!0)},p.map(((e,o)=>t.createElement(Rt,{selectedMonth:V,onClick:()=>{C(!1),r(o),y(!1),B(p[o])},key:Math.random()},t.createElement("span",{style:{color:`${V===e?s.variant["primary-1"]:s.textColor}`}},e))))))),t.createElement(Mt,{ref:f},t.createElement(Bt,{style:{marginLeft:"28px"},onClick:()=>{A(!x),y(!1)}},t.createElement("span",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:{color:`${S?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(Vt,null,t.createElement(X,{icon:"triangle-down",color:S?s.variant["primary-1"]:s.textColor,size:7}))),x&&t.createElement(Wt,null,t.createElement(It,{onMouseEnter:()=>E(!0)},m.map(((e,r)=>t.createElement(Rt,{onClick:()=>{E(!1),o(e),z(e),A(!1)},key:Math.random()},t.createElement("span",{style:{color:`${k===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};Pt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},Pt.defaultProps={theme:M,startDate:"",setStartDate:()=>{},disabled:!1};const Lt=s.div`
|
|
1200
1200
|
|
|
1201
1201
|
.master-dropdown,
|
|
1202
1202
|
.new-select {
|
|
@@ -1355,7 +1355,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1355
1355
|
margin-left: 6px;
|
|
1356
1356
|
margin-top: -14px;
|
|
1357
1357
|
cursor: pointer;
|
|
1358
|
-
`,Tt=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:B,leftIcon:
|
|
1358
|
+
`,Tt=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:B,leftIcon:W,leftIconColor:R,leftIconSize:P,...L})=>{const q=d()||M,H=e=>{const o=t.createElement(h.DropdownIndicator,e,t.createElement(Ht,null,t.createElement(X,{icon:k,color:z,size:V})));return!0===B?o:null},T=e=>t.createElement(h.ClearIndicator,e,a?t.createElement(Ht,{onClick:()=>{g(),e.clearValue()}},t.createElement(X,{icon:"cross-icon",color:"black",size:8})):null),j=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(h.ValueContainer,r,""===W?null:t.createElement(Ht,{style:{paddingTop:"10px",paddingRight:"8px",marginLeft:"0",marginTop:"-16px"}},t.createElement(X,{icon:W,color:R,size:P})),o,l>1&&t.createElement("span",{className:"text-more-alt"},"& ",l-1," more"))},F=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(X,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(h.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},O={control:(e,t)=>({...e,border:c?"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"226px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:p+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:p+"px",width:"100%",minWidth:"226px"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:p+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...L.styles};return t.createElement(Lt,{style:b,isValid:c,fontSize:p,theme:q},e&&t.createElement(qt,{inBuiltCss:I,labelWrapperStyle:"selectComp-label-wrapper",style:x},t.createElement(ft,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),"multiSelect"===v?t.createElement(f,w({components:{DropdownIndicator:H,MultiValue:G,Option:F,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:E,isClearable:a},L)):"asyncSingleSelect"===v?t.createElement(y,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:H,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C,id:E,isClearable:a},L)):"asyncMultiSelect"===v?t.createElement(y,w({components:{DropdownIndicator:H,MultiValue:G,ValueContainer:j,Option:F,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:E,isClearable:a},L)):t.createElement(f,w({components:{DropdownIndicator:H,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:E,isClearable:a},L)))};Tt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool},Tt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:()=>{},customLabelStyles:()=>{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const jt=s.div`
|
|
1359
1359
|
//Set the styles from the default styles object
|
|
1360
1360
|
${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
|
|
1361
1361
|
|
|
@@ -1413,7 +1413,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1413
1413
|
align-items: center;
|
|
1414
1414
|
margin: 20px 0px;
|
|
1415
1415
|
font-size: 14px;
|
|
1416
|
-
`,Kt=({isValid:e,label:o,labelStyle:r,labelInline:i,required:n,message:a,fileArr:s,setFileArr:p,deleteFile:m,customDropzoneStyles:u,customFileStyles:g,customTextStyles:b,customFileNameStyles:f,backgroundColor:h,singleFile:y,messageSize:x,additionalText:A,id:v,...C})=>{const S=d()||M,[E,k]=l(!1),z=c();function V(e){e.preventDefault(),e.stopPropagation()}function B(e,t){let o=1==t?[]:[...s];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),p(o),k(!1),o}function
|
|
1416
|
+
`,Kt=({isValid:e,label:o,labelStyle:r,labelInline:i,required:n,message:a,fileArr:s,setFileArr:p,deleteFile:m,customDropzoneStyles:u,customFileStyles:g,customTextStyles:b,customFileNameStyles:f,backgroundColor:h,singleFile:y,messageSize:x,additionalText:A,id:v,...C})=>{const S=d()||M,[E,k]=l(!1),z=c();function V(e){e.preventDefault(),e.stopPropagation()}function B(e,t){let o=1==t?[]:[...s];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),p(o),k(!1),o}function W(e,t){if(e instanceof File){const t=s.filter((t=>t.name!==e.name));p(t)}else!function(e,t){const o=s.filter((t=>t.name!==e.name));p(o),m(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(ft,w({customStyles:r,type:"label-text",labelInline:i,text:o,style:{display:"flex",marginBottom:""+(i?"":"7px"),paddingBottom:"0px"}},C)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),t.createElement(jt,{theme:S,inBuiltCss:I,defaultStyles:"dropzone-parent",backgroundColor:h,customDropzoneStyles:u,onDragLeave:function(e){V(e),k(!1)},onDragOver:function(e){V(e),k(!0)},onDrop:function(e){V(e);const{files:t}=e.dataTransfer;k(!0),C.onFilesAdded(B(t,y))},onClick:function(){z.current.click()},hover:E,isValid:e,fileArr:s},t.createElement(Gt,w({ref:z,type:"file",id:v,multiple:1!=y,onChange:function(e){const{files:t}=e.target;k(!1),C.onFilesAdded(B(t,y))},onClick:e=>e.target.value=null},C)),e?t.createElement(X,{icon:"file-upload",color:E?S.bgColor:S.primary["primary-1"],size:24}):null,t.createElement(Xt,{isValid:e,hover:E,customTextStyles:b,inBuiltCss:I,defaultStyles:"dropzone-text-div"},e?t.createElement("div",null,t.createElement("span",{style:{color:E?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:E?S.bgColor:S.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:E?S.bgColor:S.textColor}},"drag ",y?"it":"them"," here")):t.createElement("div",null,t.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:S.textColor}},a.length>x?a.slice(0,x):a)))),A.length>0&&t.createElement(Qt,null,A)," ",s?.map(((e,o)=>t.createElement(Ft,{inBuiltCss:I,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:g},t.createElement(Jt,null,t.createElement(X,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?t.createElement(Ot,{inBuiltCss:I,type:"dropzone-file-name",customFileNameStyles:f},e.name):t.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),t.createElement(Ut,null,e?.otherInfo),t.createElement(Zt,{key:101*Math.random()|0,onClick:()=>W(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(X,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),t.createElement(X,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Kt.propTypes={onFilesAdded:e.func,isValid:e.bool,message:e.string,fileArr:e.array,setFileArr:e.func,customDropzoneStyles:e.object,customFileStyles:e.object,customTextStyles:e.object,customFileNameStyles:e.object,backgroundColor:e.string,messageSize:e.number,additionalText:e.string,id:e.string},Kt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Nt=s.div`
|
|
1417
1417
|
border: 1px solid
|
|
1418
1418
|
${({theme:e})=>e.border};
|
|
1419
1419
|
border-radius: 4px;
|
|
@@ -1520,7 +1520,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1520
1520
|
margin-top: 5px;
|
|
1521
1521
|
font-size: 10px;
|
|
1522
1522
|
}
|
|
1523
|
-
`;lo.defaultProps={theme:M};const io=({theme:e,passwordRules:o,textBoxStyle:r,labelStyle:i,inputStyle:n,errMsg:a,required:c,label:s,labelInline:d,isValid:p,rulesStyle:m,id:u,showHideIcon:g,...b})=>{const[f,h]=l(!1);return t.createElement(lo,w({labelInline:d,inBuiltCss:
|
|
1523
|
+
`;lo.defaultProps={theme:M};const io=({theme:e,passwordRules:o,textBoxStyle:r,labelStyle:i,inputStyle:n,errMsg:a,required:c,label:s,labelInline:d,isValid:p,rulesStyle:m,id:u,showHideIcon:g,...b})=>{const[f,h]=l(!1);return t.createElement(lo,w({labelInline:d,inBuiltCss:I},b),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:i,type:"label-text",text:s,errMsg:a,style:{display:"flex",marginBottom:""+(d?"0px":"7px"),paddingBottom:"0px"}},b)),c&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${e.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"start"}},t.createElement(to,w({required:c,theme:e,textBoxStyle:r,isValid:p,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:I},b),t.createElement(oo,w({inputStyle:n,type:"text",id:u,showEye:f,theme:e,defaultInputStyle:"input-wrapper",inBuiltCss:I},b)),!0===g?t.createElement("div",{className:"input-icon",onClick:()=>h(!f)},f?t.createElement(X,{icon:"eye-show"}):t.createElement(X,{icon:"eye-hide"})):""),o?t.createElement("div",{style:{...m,marginLeft:"5px"}},o):""),a.length>0&&t.createElement("div",{className:"err-text"},a))};io.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,passwordRules:e.string,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},io.defaultProps={theme:M,inBuiltCss:I,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const no=s.div`
|
|
1524
1524
|
box-sizing: initial;
|
|
1525
1525
|
|
|
1526
1526
|
//Set the styles from the default styles object
|
|
@@ -1563,7 +1563,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1563
1563
|
display: ${({inline:e})=>e?"flex":"inline-block"};
|
|
1564
1564
|
width: max-content;
|
|
1565
1565
|
margin: 0;
|
|
1566
|
-
`,mo=({radioOuterCircleStyle:e,radioInnerCircleStyle:o,labelStyle:r,label:l,optionStyle:i,options:n,selectedCircleColor:a,selectedOptionTextColor:c,onChange:s,selected:p,width:m,height:u,inline:g,defaultBorderColor:b,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=d()||M;return t.createElement("div",null,t.createElement(ft,{customStyles:r,type:"radio-label",text:l}),t.createElement(po,{inline:g},n.map(((r,l)=>t.createElement(so,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(no,{theme:x,inBuiltCss:
|
|
1566
|
+
`,mo=({radioOuterCircleStyle:e,radioInnerCircleStyle:o,labelStyle:r,label:l,optionStyle:i,options:n,selectedCircleColor:a,selectedOptionTextColor:c,onChange:s,selected:p,width:m,height:u,inline:g,defaultBorderColor:b,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=d()||M;return t.createElement("div",null,t.createElement(ft,{customStyles:r,type:"radio-label",text:l}),t.createElement(po,{inline:g},n.map(((r,l)=>t.createElement(so,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(no,{theme:x,inBuiltCss:I,defaultBorderColor:b,selectedCircleColor:a,radioOuterCircleStyle:{...e,cursor:r?.disabled?"not-allowed ":" pointer",borderColor:r?.disabled&&r?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:r.value,selected:!r?.disabled&&p},t.createElement(ao,{inBuiltCss:I,theme:x,width:m,height:u,selectedCircleColor:a,radioInnerCircleStyle:{...o,cursor:r?.disabled?"not-allowed ":" pointer",backgroundColor:r?.disabled?"transparent":r?.value===p?o?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:r.value,selected:p})),t.createElement(co,{defaultOptionColor:f,optionStyle:{...i,cursor:r?.disabled?"not-allowed ":" pointer",color:r?.disabled&&r?.disabledColor},inBuiltCss:I,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!r?.disabled&&r.value===p},r.label))))))};mo.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},mo.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const uo=s.div`
|
|
1567
1567
|
//Set the styles from the default styles object
|
|
1568
1568
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
|
|
1569
1569
|
|
|
@@ -1609,7 +1609,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1609
1609
|
margin-top: 5px;
|
|
1610
1610
|
font-size: 10px;
|
|
1611
1611
|
}
|
|
1612
|
-
`;fo.defaultProps={theme:M};const ho=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:n,labelInline:a,iconBefore:c,iconAfter:s,isValid:d,type:p,theme:m,isDisabled:u,id:g,...b})=>t.createElement(fo,w({labelInline:a},b,{theme:m}),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:o,type:"label-text",labelInline:a,text:n,errMsg:l,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},b)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${m.variant.error}`}},"*")),t.createElement(uo,w({required:i,isDisabled:u,theme:m,textBoxStyle:e,isValid:d,inBuiltCss:
|
|
1612
|
+
`;fo.defaultProps={theme:M};const ho=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:n,labelInline:a,iconBefore:c,iconAfter:s,isValid:d,type:p,theme:m,isDisabled:u,id:g,...b})=>t.createElement(fo,w({labelInline:a},b,{theme:m}),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:o,type:"label-text",labelInline:a,text:n,errMsg:l,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},b)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${m.variant.error}`}},"*")),t.createElement(uo,w({required:i,isDisabled:u,theme:m,textBoxStyle:e,isValid:d,inBuiltCss:I,defaultWrapperStyle:"textbox-wrapper"},b),t.createElement("div",{className:"input-icon"},c),t.createElement(go,w({inputStyle:r,type:p,theme:m,id:g,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u},b)),t.createElement("div",{className:"input-icon"},s)),l.length>0&&t.createElement("div",{className:"err-text"},l));ho.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,theme:e.object,id:e.string},go.defaultProps={theme:M},uo.defaultProps={theme:M},fo.defaultProps={theme:M},ho.defaultProps={theme:M,inBuiltCss:I,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:""};const yo=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,id:c,...s})=>t.createElement(ho,w({iconAfter:t.createElement(X,{icon:"magnifier-icon"}),label:e,textBoxStyle:a,placeholder:o,ref:l,onChange:r,id:c},s)),xo=s.div`
|
|
1613
1613
|
//Set the styles from the default styles object
|
|
1614
1614
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>ye(e,t)}
|
|
1615
1615
|
|
|
@@ -1675,7 +1675,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1675
1675
|
display: flex;
|
|
1676
1676
|
justify-content: center;
|
|
1677
1677
|
cursor: pointer;
|
|
1678
|
-
`,Eo=({onChange:e,activeColor:o,defaultColor:n,placeholderColor:a,placeholderText:c,customInputStyle:s,pointsArray:p,setPointsArray:m,value:u,setValue:g,valueForSignatureDrawing:b,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:A,...v})=>{const C=d()||M,[w,S]=l("default"),[E,k]=l(!1),[z,V]=l(!1),B=r(null);i((()=>{z&&(R(),f(B.current))}),[!0===z]);const
|
|
1678
|
+
`,Eo=({onChange:e,activeColor:o,defaultColor:n,placeholderColor:a,placeholderText:c,customInputStyle:s,pointsArray:p,setPointsArray:m,value:u,setValue:g,valueForSignatureDrawing:b,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:A,...v})=>{const C=d()||M,[w,S]=l("default"),[E,k]=l(!1),[z,V]=l(!1),B=r(null);i((()=>{z&&(R(),f(B.current))}),[!0===z]);const W=()=>{g(""),f(B.current),B.current&&B.current.clear(),k(!1),V(!1)},R=()=>(m(B.current.toData()),y(B.current.toDataURL("image/png")),[h,p]);return t.createElement(xo,{inBuiltCss:I,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:E,selected:w,activeColor:o,defaultColor:n,theme:C},t.createElement(Ao,{inBuiltCss:I,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,selected:w,isMyInputFocused:E,signIcon:!0,theme:C},t.createElement(vo,{activeColor:o,defaultColor:n,isMyInputFocused:E,theme:C,penIcon:!0,onClick:()=>{S("default"),W()}},t.createElement(X,{icon:"pen-icon",color:"default"===w?o||C.primary["primary-1"]:C.black})),t.createElement(vo,{activeColor:o,defaultColor:n,theme:C,isMyInputFocused:E,penIcon:!1,onClick:()=>{S("sign"),W()}},t.createElement(X,{icon:"sign-icon",color:"default"!==w?o||C.primary["primary-1"]:C.black}))),t.createElement(Ao,{inBuiltCss:I,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,theme:C,selected:w,isMyInputFocused:E,signIcon:!1,onTouchStart:()=>{}},"default"===w?t.createElement(Co,{inBuiltCss:I,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:a,customInputStyle:s,onBlur:()=>k(!1),onFocus:()=>k(!0),id:A,value:u,defaultColor:n,theme:C,onChange:e=>g(e.target.value)}):t.createElement(wo,{onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),onClick:()=>{V(!0),R()}},t.createElement(x,{ref:B,id:A,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(u||z)&&t.createElement(So,{selected:w,onClick:()=>W()},t.createElement(X,{icon:"cross-icon",color:n||C.neutral["neutral-3"]}))))};Eo.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},Eo.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const ko=s.div`
|
|
1679
1679
|
//Set the styles from the default styles object
|
|
1680
1680
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
|
|
1681
1681
|
|
|
@@ -1716,7 +1716,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1716
1716
|
margin-top: 5px;
|
|
1717
1717
|
font-size: 10px;
|
|
1718
1718
|
}
|
|
1719
|
-
`,Bo=t.forwardRef((({customStylesForm:e,textAreaStyle:o,labelStyle:r,inputStyle:l,errMsg:i,required:n,label:a,labelInline:c,iconBefore:s,iconAfter:p,isValid:m,rows:u,cols:g,id:b,...f},h)=>{const y=d()||M;return t.createElement(Mo,w({labelInline:c,customStylesForm:e,theme:y},f),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:r,type:"label-text",labelInline:c,text:a,errMsg:i,style:{display:"flex",marginBottom:""+(c?"":"7px"),paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${y.variant.error}`}},"*")),t.createElement(ko,w({theme:y,required:n,textAreaStyle:o,isValid:m,inBuiltCss:
|
|
1719
|
+
`,Bo=t.forwardRef((({customStylesForm:e,textAreaStyle:o,labelStyle:r,inputStyle:l,errMsg:i,required:n,label:a,labelInline:c,iconBefore:s,iconAfter:p,isValid:m,rows:u,cols:g,id:b,...f},h)=>{const y=d()||M;return t.createElement(Mo,w({labelInline:c,customStylesForm:e,theme:y},f),t.createElement("div",{style:{display:"flex"}},t.createElement(ft,w({customStyles:r,type:"label-text",labelInline:c,text:a,errMsg:i,style:{display:"flex",marginBottom:""+(c?"":"7px"),paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${y.variant.error}`}},"*")),t.createElement(ko,w({theme:y,required:n,textAreaStyle:o,isValid:m,inBuiltCss:I,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},s),t.createElement(zo,w({ref:h,inputStyle:l,defaultInputStyle:"textarea-wrapper",cols:g,rows:u,inBuiltCss:I,id:b},f,{size:"1"})),t.createElement("div",{className:"input-icon"},p)),t.createElement("div",{className:"err-text"},i))}));Bo.propTypes={rows:e.number,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textAreaStyle:e.object,labelStyle:e.object,inputStyle:e.object,id:e.string},Bo.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const Wo=s.div`
|
|
1720
1720
|
color: #a9b1b8;
|
|
1721
1721
|
font-size: 21px;
|
|
1722
1722
|
border: 1px solid
|
|
@@ -1730,7 +1730,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1730
1730
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1731
1731
|
outline: none;
|
|
1732
1732
|
}
|
|
1733
|
-
`,
|
|
1733
|
+
`,Io=s.input`
|
|
1734
1734
|
border: 0;
|
|
1735
1735
|
outline: 0;
|
|
1736
1736
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -1775,7 +1775,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1775
1775
|
padding: 5px 6px;
|
|
1776
1776
|
font-size: 18px;
|
|
1777
1777
|
cursor: pointer;
|
|
1778
|
-
`,To=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=d()||M;return t.createElement(qo,w({theme:s},c),t.createElement(Po,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(
|
|
1778
|
+
`,To=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=d()||M;return t.createElement(qo,w({theme:s},c),t.createElement(Po,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(Wo,w({theme:s,id:a},c),t.createElement(Io,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:l,period:i})}}),":",t.createElement(Io,{theme:s,value:l,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:r,minute:t,period:i})}}),t.createElement(Ho,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};To.propTypes={label:e.string,hour:e.number.isRequired,minute:e.number.isRequired,period:e.string.isRequired,required:e.bool,labelInline:e.bool,isValid:e.bool,errMsg:e.string,id:e.string},To.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const jo=s.div`
|
|
1779
1779
|
${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>ye(e,t)}
|
|
1780
1780
|
`,Fo=s.label`
|
|
1781
1781
|
//Set the styles from the default styles object
|
|
@@ -1810,7 +1810,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1810
1810
|
|
|
1811
1811
|
// custom styles
|
|
1812
1812
|
${({optionStyle:e})=>e}
|
|
1813
|
-
`,Oo=({checked:e,customSwitchStyle:o,customToggleBoxStyle:r,backgroundColor:l,disabledColor:i,switchColor:n,onClick:a,trueLabel:c,falseLabel:s,optionStyle:p,id:m,...u})=>{const g=d()||M;return t.createElement(jo,w({inBuiltCss:
|
|
1813
|
+
`,Oo=({checked:e,customSwitchStyle:o,customToggleBoxStyle:r,backgroundColor:l,disabledColor:i,switchColor:n,onClick:a,trueLabel:c,falseLabel:s,optionStyle:p,id:m,...u})=>{const g=d()||M;return t.createElement(jo,w({inBuiltCss:I,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},u),t.createElement(Go,w({},u,{id:"checkbox",inBuiltCss:I,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{a(!e)},isChecked:e})),t.createElement(Fo,w({},u,{htmlFor:"checkbox",customToggleBoxStyle:r,customSwitchStyle:o,disabledColor:i,backgroundColor:l,switchColor:n,inBuiltCss:I,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:g})),t.createElement(Xo,w({optionStyle:p,inBuiltCss:I,defaultOptionTextStyle:"toggle-switch-option-text"},u),e?c:s))};Oo.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,backgroundColor:e.string,checked:e.bool,trueLabel:e.string,falseLabel:e.string,id:e.string},Oo.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:""};const Zo=s.div`
|
|
1814
1814
|
box-sizing: border-box;
|
|
1815
1815
|
display: flex;
|
|
1816
1816
|
justify-content: center;
|
|
@@ -1852,7 +1852,7 @@ svg {
|
|
|
1852
1852
|
.form-check-input {
|
|
1853
1853
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
1854
1854
|
}
|
|
1855
|
-
`,$o=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:p,progressComponent:m,responsive:u,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const v=d()||M,C=t.forwardRef((({onClick:e,...o},r)=>t.createElement(Do,{theme:v},t.createElement("input",w({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(A,w({responsive:u,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:m||void 0,sortServer:p,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:C},y))};$o.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},$o.defaultProps={inBuiltCss:
|
|
1855
|
+
`,$o=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:p,progressComponent:m,responsive:u,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const v=d()||M,C=t.forwardRef((({onClick:e,...o},r)=>t.createElement(Do,{theme:v},t.createElement("input",w({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(A,w({responsive:u,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:m||void 0,sortServer:p,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:C},y))};$o.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},$o.defaultProps={inBuiltCss:I,sortIcon:t.createElement(X,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,o)=>{console.log(e,t,o)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const _o=({title:e,subtitle:o,wrapperStyle:r,imgLink:l,imgStyle:i,iconSize:n})=>{const a=d()||M,c={fontSize:"26px",fontWeight:"bold",color:`${a.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${a.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:r},t.createElement("div",{style:c},l?t.createElement("img",{src:l,alt:"userIcon",srcset:"",style:i}):t.createElement(X,{icon:"user-icon",size:n,color:a.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,o)))};_o.propTypes={size:e.number},_o.defaultProps={iconSize:23};const er=({formData:e,customStyles:o,...r})=>{const l=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(gt,w({},e,r),e.children),e))(e);case"label":return(e=>t.createElement(ft,w({style:{marginBottom:"7px",paddingBottom:"0"}},e,r)))(e);case"text":return(e=>t.createElement(ho,w({},e,r)))(e);case"textArea":return(e=>t.createElement(Bo,w({},e,r)))(e);case"number":return(e=>t.createElement(eo,w({},e,r)))(e);case"radio":return(e=>t.createElement(mo,w({key:101*Math.random()|0},e,r)))(e);case"checkBox":return(e=>t.createElement(Ct,w({},e,r)))(e);case"singleSelect":return(e=>t.createElement(Tt,w({dropdownType:"singleSelect"},e,r)))(e);case"multiSelect":return(e=>t.createElement(Tt,w({dropdownType:"multiSelect"},e,r)))(e);case"asyncSingleSelect":return(e=>t.createElement(Tt,w({dropdownType:"asyncSingleSelect"},e,r)))(e);case"asyncMultiSelect":return(e=>t.createElement(Tt,w({dropdownType:"asyncMultiSelect"},e,r)))(e);case"signature":return(e=>t.createElement(Eo,w({},e,r)))(e);case"fileUpload":return(e=>t.createElement(Kt,w({},e,r)))(e);case"date":return(e=>t.createElement(Pt,w({},e,r)))(e);case"toggle":return(e=>t.createElement(Oo,w({},e,r)))(e);case"rating":return(e=>t.createElement(Yo,w({},e,r)))(e);case"buttonPrimary":return(e=>t.createElement(ke,w({},e,r)))(e);case"buttonSecondary":return(e=>t.createElement(Me,w({},e,r)))(e);case"buttonTiny":return(e=>t.createElement(We,w({},e,r)))(e);case"search":return(e=>t.createElement(yo,w({},e,r)))(e);case"table":return(e=>t.createElement($o,w({},e,r)))(e);case"passwordInput":return(e=>t.createElement(io,w({},e,r)))(e);case"headerComponent":return(e=>t.createElement(_o,w({},e,r)))(e)}};return t.createElement(a,null,t.createElement(Ue,{defaultThemeColor:M},t.createElement(De,{onSubmit:()=>{console.log("form submit")},customStyles:o},e.map(((e,o)=>e.length>1?t.createElement(Ke,null,e.map(((o,r)=>t.createElement(Ne,{cols:e.length},l(o))))):l(e[0]))))))},tr=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(ke,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>t.createElement(Me,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Qe,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const or=u`
|
|
1856
1856
|
@font-face {
|
|
1857
1857
|
font-family: "Averta";
|
|
1858
1858
|
font-weight: 100;
|
|
@@ -2139,12 +2139,12 @@ svg {
|
|
|
2139
2139
|
`,Br=s.div`
|
|
2140
2140
|
max-height: 60vh;
|
|
2141
2141
|
overflow-y: auto;
|
|
2142
|
-
`,
|
|
2142
|
+
`,Wr=s.div`
|
|
2143
2143
|
//Set the styles from the default styles object
|
|
2144
2144
|
${({theme:e,type:t})=>ye(e,t)}
|
|
2145
2145
|
// custom styles
|
|
2146
2146
|
${({customModalFooterStyle:e})=>e}
|
|
2147
|
-
`,
|
|
2147
|
+
`,Ir=s.div`
|
|
2148
2148
|
padding: 0.5rem 3rem 0rem 3rem;
|
|
2149
2149
|
`,Rr=s.div`
|
|
2150
2150
|
position: sticky;
|
|
@@ -2152,10 +2152,10 @@ svg {
|
|
|
2152
2152
|
width: 100%;
|
|
2153
2153
|
top: 0px;
|
|
2154
2154
|
border-bottom: 1px solid ${({theme:e})=>e.border};
|
|
2155
|
-
`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Pr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalCloseStyle:a,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:p,customWidth:m,customMinWidth:u,customMaxWidth:g,...b})=>{const f=d()||M,h={overlay:{zIndex:"999999",backgroundColor:"rgb(0 0 0 / 30%)"},content:{borderColor:M.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",padding:"0px",transform:"translate(-50%, -50%)",minWidth:u,maxHeight:"85vh",overflow:"hidden",width:m&&m,maxWidth:g&&g}};return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:h,contentLabel:"Modal"},b),t.createElement(Rr,{theme:f},t.createElement(zr,{theme:
|
|
2155
|
+
`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Pr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalCloseStyle:a,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:p,customWidth:m,customMinWidth:u,customMaxWidth:g,...b})=>{const f=d()||M,h={overlay:{zIndex:"999999",backgroundColor:"rgb(0 0 0 / 30%)"},content:{borderColor:M.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",padding:"0px",transform:"translate(-50%, -50%)",minWidth:u,maxHeight:"85vh",overflow:"hidden",width:m&&m,maxWidth:g&&g}};return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:h,contentLabel:"Modal"},b),t.createElement(Rr,{theme:f},t.createElement(zr,{theme:I,type:"modalComp-modal-close",style:a,onClick:o},t.createElement(X,{icon:"cross-icon",color:M.neutral["neutral-2"],size:15})),t.createElement(Vr,{style:c},t.createElement(Ir,null,l))),t.createElement(Br,null,t.createElement(Mr,{theme:I,type:"modalComp-modal-body",style:s},t.createElement(Ir,null," ",i)),t.createElement(Wr,{theme:I,type:"modalComp-modal-footer",style:p},n)))};Pr.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalCloseStyle:e.object,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string},Pr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:""};const Lr=s.div`
|
|
2156
2156
|
${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
|
|
2157
2157
|
}
|
|
2158
|
-
`,qr=({theme:e,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:n,customStyles:a,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...n};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:b}=v({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),b&&t.createElement(Lr,w({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};qr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},qr.defaultProps={theme:
|
|
2158
|
+
`,qr=({theme:e,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:n,customStyles:a,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...n};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:b}=v({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),b&&t.createElement(Lr,w({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};qr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},qr.defaultProps={theme:I,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const Hr=s.div`
|
|
2159
2159
|
display: flex;
|
|
2160
2160
|
align-items: center;
|
|
2161
2161
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
@@ -2194,7 +2194,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2194
2194
|
${({progressBarStyle:e})=>e}
|
|
2195
2195
|
width: ${({now:e})=>e+"%"};
|
|
2196
2196
|
background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
|
|
2197
|
-
`,Xr=({labelStyle:e,progressBarStyle:o,label:r,now:l,color:i,...n})=>{const a=d()||M;return t.createElement("div",null,t.createElement(ft,w({inBuiltCss:
|
|
2197
|
+
`,Xr=({labelStyle:e,progressBarStyle:o,label:r,now:l,color:i,...n})=>{const a=d()||M;return t.createElement("div",null,t.createElement(ft,w({inBuiltCss:I,customStyles:e,type:"progressbarLabel",text:r},n)),t.createElement(Fr,w({progressBarStyle:o,theme:a,color:i},n),t.createElement(Gr,w({progressBarStyle:o,now:l,theme:a,color:i},n))))};Xr.propTypes={labelStyle:e.object,progressBarStyle:e.object,color:e.string,label:e.string,now:e.number},Xr.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const Or=s.div`
|
|
2198
2198
|
background: transparent;
|
|
2199
2199
|
display: flex;
|
|
2200
2200
|
align-items: center;
|
|
@@ -2349,7 +2349,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2349
2349
|
p {
|
|
2350
2350
|
margin: 8.25px 31px;
|
|
2351
2351
|
}
|
|
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,...
|
|
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,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($r,{theme:x,headerStyles:c},e),t.createElement(_r,null,o?.map(((e,o)=>t.createElement(J,{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(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){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(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},f),t.createElement(ol,{onClick:()=>{}},h))})))},ll=s.div`
|
|
2353
2353
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
2354
2354
|
color: ${({theme:e})=>e.bgColor};
|
|
2355
2355
|
overflow-y: auto;
|
|
@@ -2370,7 +2370,7 @@ ${({forceOpen:e,inBuiltCss:t,type:o,customStylesPusherOpen:r,customStylesPusherC
|
|
|
2370
2370
|
@media (max-width: 980px) {
|
|
2371
2371
|
${({inBuiltCss:e,type:t,customStylesPusherMobile:o})=>({...ye(e,"sidebar-pusher-mobile"),...o})}}
|
|
2372
2372
|
}
|
|
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:
|
|
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:I,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},nl.defaultProps={forceClose:()=>{},forceOpen:!1};const al={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},cl=s.div`
|
|
2374
2374
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2375
2375
|
color: ${({theme:e})=>e.bgColor};
|
|
2376
2376
|
padding: ${({size:e})=>al[e].padding};
|
|
@@ -2501,9 +2501,9 @@ overflow: hidden;
|
|
|
2501
2501
|
// custom styles
|
|
2502
2502
|
${({customBodyStyle:e})=>e}
|
|
2503
2503
|
`,Sl=s.div`
|
|
2504
|
-
`,El=({inBuiltCss:e,contentTrigger:o,contentTooltip:r,popperOptionsP:l,settings:i,customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x,customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:S,customTooltipContentStyle:E,customContentStyle:k,customHeaderStyle:z,customBodyStyle:V,headerTooltip:B,footerTooltip:
|
|
2504
|
+
`,El=({inBuiltCss:e,contentTrigger:o,contentTooltip:r,popperOptionsP:l,settings:i,customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x,customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:S,customTooltipContentStyle:E,customContentStyle:k,customHeaderStyle:z,customBodyStyle:V,headerTooltip:B,footerTooltip:W,...R})=>{const P=d()||M,L={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...l},{getArrowProps:q,getTooltipProps:H,setTooltipRef:T,setTriggerRef:j,visible:F}=v({...i},L);return t.createElement(t.Fragment,null,t.createElement("div",{ref:j,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},o),F&&t.createElement(xl,w({inBuiltCss:I,theme:P,ref:T},H({className:"tooltip-container"}),{customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x}),t.createElement(Al,w({inBuiltCss:I},q({className:"tooltip-arrow"}),{customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:S})),t.createElement(vl,w({defaultTooltipContentStyle:"popOver-Content",theme:P,inBuiltCss:I},R,{customContentStyle:k}),t.createElement(Cl,w({defaultTooltipHeaderStyle:"popOver-header",theme:P,inBuiltCss:I},R,{customHeaderStyle:z}),B),t.createElement(wl,w({defaultTooltipBodyStyle:"popOver-body",theme:P,inBuiltCss:I},R,{customBodyStyle:V}),r),t.createElement(Sl,null,W))))};El.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings:e.object,customHeaderStyle:e.object,customBodyStyle:e.object,customStylesTPContainer:e.object,customStylesTPAbottom:e.object,customStylesTPAbottomBefore:e.object,customStylesTPAbottomAfter:e.object,customStylesTPAtop:e.object,customStylesTPAtopBefore:e.object,customStylesTPAtopAfter:e.object,customStylesTPAright:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object,customStylesTPAleft:e.object,customStylesTPAleftBefore:e.object,customStylesTPAleftAfter:e.object,customStylesTPArrow:e.object,customStylesTPAbefore:e.object,customStylesTPAafter:e.object},El.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"",footerTooltip:"",customStylesTPContainer:{border:"none"}};const kl={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},zl=s.div`
|
|
2505
2505
|
color: ${({theme:e,text:t})=>t?e.variant[t]:e.textColor};
|
|
2506
2506
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
2507
2507
|
font-size: ${({size:e})=>kl[e].fontSize};
|
|
2508
2508
|
line-height: ${({size:e})=>kl[e].lineHeight};
|
|
2509
|
-
`,Vl=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(zl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(or,{theme:n}),o)};Vl.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Vl.defaultProps={size:"md"};export{Z as Accordion,J as AccordionSB,U as AccordionSBfooter,Xe as ActionContainer,Je as ActionItem,Y as ArrowBar,oe as Avatar,ne as AvatarSB,de as AvatarSBfooter,ue as Banner,he as Breadcrumb,sr as ButtonPopup,
|
|
2509
|
+
`,Vl=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(zl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(or,{theme:n}),o)};Vl.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Vl.defaultProps={size:"md"};export{Z as Accordion,J as AccordionSB,U as AccordionSBfooter,Xe as ActionContainer,Je as ActionItem,Y as ArrowBar,oe as Avatar,ne as AvatarSB,de as AvatarSBfooter,ue as Banner,he as Breadcrumb,sr as ButtonPopup,W as Card,P as CardRef,Ct as CheckBoxInput,Et as ColorInput,Re as Content,Nr as DarkSecondaryLink,Pt as DateSelect,_e as Divider,j as DocumentCard,tt as Drawer,Tt as DropdownSelect,Kt as DropzoneInput,ot as ErrorBoundary,it as FilterChip,at as Footer,mt as FooterContent,er as FormComponent,Ue as FormContainer,De as FormWrapper,ir as GroupAvatars,ur as GroupButtons,hr as GroupButtonsPopup,wr as GroupStatusCircle,gt as Header,_o as HeaderComponent,kr as HyperLink,X as Icon,$ as Image,ft as Label,Dr as LightSecondaryLink,Ce as Loader,Pr as ModalComp,Ne as MultiColumnDiv,Ke as MultiColumnWrapper,rl as Navbar,eo as NumericInput,qr as Overlay,Oe as OverlayOptionContainer,Ze as OverlayOptionItemLabel,Pe as PageContent,Tr as Pagination,io as PasswordInput,ke as PrimaryButton,sl as PrimaryStatusChip,Xr as ProgressBar,Qr as ProgressSteps,mo as RadioInput,Yo as Rating,yo as SearchInput,Me as SecondaryButton,ml as SecondaryStatusChip,nl as Sidebar,Eo as SignatureInput,bl as SlimPrimaryStatusChip,yl as SlimSecondaryStatusChip,xr as StatusCircle,He as StyledCentralBar,qe as StyledClearSearch,je as StyledCreateRow,Fe as StyledRow,Le as StyledRowSearch,Ge as StyledSearchRow,Te as StyledWarning,Qe as SubmitButtonContainer,tr as SubmitComponent,$o as Table,Bo as TextArea,ho as TextInput,To as TimeInput,We as TinyButton,Oo as ToggleSwitch,El as Tooltip,Vl as Typography,V as graphColor,xe as hexToRGB,k as neutralColor,S as primaryColor,z as shadeColor,E as uiColor};
|