groundfloor-react-ui 1.2.7 → 1.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Inputs/CheckBoxInput.js +16 -2
- package/components/Inputs/DropdownSelect.js +30 -31
- package/components/Inputs/NumericInput.js +16 -5
- package/components/Inputs/PasswordInput.js +57 -32
- package/components/Inputs/TextInput.js +28 -12
- package/components/Inputs/ToggleSwitch.js +41 -9
- package/components/Sidebar/Navbar.js +6 -3
- package/components/Sidebar/Sidebar.js +6 -0
- package/components/constants/defaultStyle.js +6 -1
- package/dist/index.es.js +169 -148
- package/dist/index.js +200 -179
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -13,7 +13,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
13
13
|
|
|
14
14
|
// custom styles
|
|
15
15
|
${({customStyles:e})=>e}
|
|
16
|
-
`,I=({type:e,header:o,content:r,...l})=>{const i=d()||M;return t.createElement(B,w({activeTheme:i},l),o,r)};I.propTypes={header:e.any,content:e.any};const W={common:{color:"blue","background-color":`${M.bgColor}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start","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}`,position:"relative"},"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","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"},"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"},"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
|
|
@@ -938,12 +938,14 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
938
938
|
// custom styles
|
|
939
939
|
${({checkBoxInnerStyle:e})=>e}
|
|
940
940
|
`;yt.defaultProps={theme:M};const xt=s.span`
|
|
941
|
+
word-break: break-all;
|
|
942
|
+
|
|
941
943
|
//Set the styles from the default styles object
|
|
942
944
|
${({inBuiltCss:e,type:t})=>ye(e,t)}
|
|
943
945
|
|
|
944
946
|
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
947
|
|
|
946
|
-
margin-right: ${({inline:e})=>e?"30px":"
|
|
948
|
+
margin-right: ${({inline:e})=>e?"30px":"10px"};
|
|
947
949
|
|
|
948
950
|
// custom styles
|
|
949
951
|
${({optionTextStyle:e})=>e}
|
|
@@ -951,16 +953,16 @@ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){
|
|
|
951
953
|
width: fit-content;
|
|
952
954
|
margin-bottom: ${({inline:e})=>e?"":"18px !important"};
|
|
953
955
|
cursor: pointer;
|
|
954
|
-
align-items: center;
|
|
955
956
|
display: flex;
|
|
956
957
|
gap: 10px;
|
|
958
|
+
align-items: start;
|
|
957
959
|
|
|
958
960
|
// custom styles
|
|
959
961
|
${({wrapperStyles:e})=>e}
|
|
960
962
|
`,vt=s.div`
|
|
961
963
|
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
962
964
|
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:
|
|
965
|
+
`,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
966
|
border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
965
967
|
background-color: ${({theme:e})=>e.bgColor};
|
|
966
968
|
|
|
@@ -993,7 +995,7 @@ padding: 0;
|
|
|
993
995
|
${({inBuiltCss:e,defaultInputColorStyle:t})=>ye(e,t)}
|
|
994
996
|
// custom styles
|
|
995
997
|
${({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:
|
|
998
|
+
`,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
999
|
display: flex;
|
|
998
1000
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
999
1001
|
|
|
@@ -1149,7 +1151,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1149
1151
|
display: flex;
|
|
1150
1152
|
flex-direction: row;
|
|
1151
1153
|
cursor: pointer;
|
|
1152
|
-
`,
|
|
1154
|
+
`,Wt=s("div")`
|
|
1153
1155
|
margin-top: 8px;
|
|
1154
1156
|
position: absolute;
|
|
1155
1157
|
z-index: 100;
|
|
@@ -1160,7 +1162,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1160
1162
|
background: white;
|
|
1161
1163
|
box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
|
|
1162
1164
|
border-radius: 4px;
|
|
1163
|
-
`,
|
|
1165
|
+
`,It=s("ul")`
|
|
1164
1166
|
list-style: none;
|
|
1165
1167
|
padding: 0;
|
|
1166
1168
|
margin: 12px;
|
|
@@ -1187,7 +1189,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1187
1189
|
background-color: ${({theme:e})=>e.neutral["neutral-4"]};
|
|
1188
1190
|
border-radius: 10px;
|
|
1189
1191
|
}
|
|
1190
|
-
`;
|
|
1192
|
+
`;It.defaultProps={theme:M};const Rt=s("li")`
|
|
1191
1193
|
text-align: left;
|
|
1192
1194
|
font-style: normal;
|
|
1193
1195
|
font-weight: normal;
|
|
@@ -1196,7 +1198,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1196
1198
|
padding-left: 12px;
|
|
1197
1199
|
padding-bottom: 12px;
|
|
1198
1200
|
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",
|
|
1201
|
+
`,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
1202
|
|
|
1201
1203
|
.master-dropdown,
|
|
1202
1204
|
.new-select {
|
|
@@ -1217,6 +1219,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1217
1219
|
padding-top:0px;
|
|
1218
1220
|
}
|
|
1219
1221
|
|
|
1222
|
+
|
|
1220
1223
|
.master-dropdown__single-value {
|
|
1221
1224
|
.input-label {
|
|
1222
1225
|
max-width: 250px;
|
|
@@ -1310,7 +1313,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1310
1313
|
white-space: nowrap;
|
|
1311
1314
|
overflow: hidden;
|
|
1312
1315
|
text-overflow: ellipsis;
|
|
1313
|
-
|
|
1316
|
+
width: 57%;
|
|
1314
1317
|
}
|
|
1315
1318
|
.text-more-alt{
|
|
1316
1319
|
font-size:12px;
|
|
@@ -1343,6 +1346,11 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1343
1346
|
.new-select__control--is-focused {
|
|
1344
1347
|
border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
|
|
1345
1348
|
}
|
|
1349
|
+
|
|
1350
|
+
.css-ry76bm-singleValue {
|
|
1351
|
+
margin-right: 5px;
|
|
1352
|
+
max-width: 80%;
|
|
1353
|
+
}
|
|
1346
1354
|
`;Lt.defaultProps={theme:M};const qt=s.div`
|
|
1347
1355
|
// Default style
|
|
1348
1356
|
display: flex;
|
|
@@ -1355,7 +1363,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1355
1363
|
margin-left: 6px;
|
|
1356
1364
|
margin-top: -14px;
|
|
1357
1365
|
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:
|
|
1366
|
+
`,Tt=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(h.ValueContainer,r,o,l>1&&t.createElement("span",{className:"text-more-alt"},"& ",l-1," more"))},jt=({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=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)))},F=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},G={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:F,Option:j,ValueContainer:Tt,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:G,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:G,components:{DropdownIndicator:H,ValueContainer:Tt,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:F,ValueContainer:Tt,Option:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:G,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:Tt,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:G,onChange:i,isLoading:S,id:E,isClearable:a},L)))};jt.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},jt.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 Ft=s.div`
|
|
1359
1367
|
//Set the styles from the default styles object
|
|
1360
1368
|
${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
|
|
1361
1369
|
|
|
@@ -1372,48 +1380,48 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1372
1380
|
|
|
1373
1381
|
// custom styles
|
|
1374
1382
|
${({customDropzoneStyles:e})=>e}
|
|
1375
|
-
`,
|
|
1383
|
+
`,Gt=s.div`
|
|
1376
1384
|
//Set the styles from the default styles object
|
|
1377
1385
|
${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
|
|
1378
1386
|
|
|
1379
1387
|
// custom styles
|
|
1380
1388
|
${({customFileStyles:e})=>e}
|
|
1381
|
-
`,
|
|
1389
|
+
`,Xt=s.input`
|
|
1382
1390
|
display: none;
|
|
1383
|
-
`,
|
|
1391
|
+
`,Ot=s.div`
|
|
1384
1392
|
//Set the styles from the default styles object
|
|
1385
1393
|
${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
|
|
1386
1394
|
|
|
1387
1395
|
// custom styles
|
|
1388
1396
|
${({customTextStyles:e})=>e}
|
|
1389
|
-
`,
|
|
1397
|
+
`,Zt=s.span`
|
|
1390
1398
|
//Set the styles from the default styles object
|
|
1391
1399
|
${({inBuiltCss:e,type:t})=>ye(e,t)}
|
|
1392
1400
|
|
|
1393
1401
|
// custom styles
|
|
1394
1402
|
${({customFileNameStyles:e})=>e}
|
|
1395
|
-
`,
|
|
1403
|
+
`,Jt=s.div`
|
|
1396
1404
|
cursor: pointer;
|
|
1397
1405
|
padding-left: 1px;
|
|
1398
1406
|
margin-left: auto;
|
|
1399
1407
|
margin-right: 10px;
|
|
1400
1408
|
display: flex;
|
|
1401
1409
|
justify-content: center;
|
|
1402
|
-
`,
|
|
1410
|
+
`,Ut=s.div`
|
|
1403
1411
|
margin-left: 11px;
|
|
1404
1412
|
padding-left: 2px;
|
|
1405
|
-
`,
|
|
1413
|
+
`,Qt=s.div`
|
|
1406
1414
|
color: #494949;
|
|
1407
1415
|
margin-left: 11px;
|
|
1408
1416
|
padding-left: 2px;
|
|
1409
|
-
`,
|
|
1417
|
+
`,Kt=s.p`
|
|
1410
1418
|
color: #494949;
|
|
1411
1419
|
display: flex;
|
|
1412
1420
|
justify-content: center;
|
|
1413
1421
|
align-items: center;
|
|
1414
1422
|
margin: 20px 0px;
|
|
1415
1423
|
font-size: 14px;
|
|
1416
|
-
`,
|
|
1424
|
+
`,Nt=({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(Ft,{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(Xt,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(Ot,{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(Kt,null,A)," ",s?.map(((e,o)=>t.createElement(Gt,{inBuiltCss:I,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:g},t.createElement(Ut,null,t.createElement(X,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?t.createElement(Zt,{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(Qt,null,e?.otherInfo),t.createElement(Jt,{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}))))))};Nt.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},Nt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Yt=s.div`
|
|
1417
1425
|
border: 1px solid
|
|
1418
1426
|
${({theme:e})=>e.border};
|
|
1419
1427
|
border-radius: 4px;
|
|
@@ -1433,7 +1441,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1433
1441
|
fill: ${({theme:e})=>e.variant["primary-1"]};
|
|
1434
1442
|
}
|
|
1435
1443
|
}
|
|
1436
|
-
`;
|
|
1444
|
+
`;Yt.defaultProps={theme:M};const Dt=s.input`
|
|
1437
1445
|
width: 85%;
|
|
1438
1446
|
border: 0;
|
|
1439
1447
|
outline: 0;
|
|
@@ -1446,12 +1454,12 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1446
1454
|
|
|
1447
1455
|
// custom styles
|
|
1448
1456
|
${({inputStyle:e})=>e}
|
|
1449
|
-
`;
|
|
1457
|
+
`;Dt.defaultProps={theme:M},p`
|
|
1450
1458
|
&:after {
|
|
1451
1459
|
content: ' *';
|
|
1452
1460
|
color: ${({theme:e})=>e.variant.error};
|
|
1453
1461
|
}
|
|
1454
|
-
`;const
|
|
1462
|
+
`;const $t=s.label`
|
|
1455
1463
|
display: flex;
|
|
1456
1464
|
margin-right: 10px;
|
|
1457
1465
|
align-content: center;
|
|
@@ -1462,16 +1470,18 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1462
1470
|
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1463
1471
|
padding-bottom: 0px;
|
|
1464
1472
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1465
|
-
|
|
1473
|
+
|
|
1474
|
+
${({labelStyle:e})=>e}
|
|
1475
|
+
`;$t.defaultProps={theme:M};const _t=p`
|
|
1466
1476
|
display: flex;
|
|
1467
1477
|
align-items: center;
|
|
1468
|
-
`,
|
|
1469
|
-
${({labelInline:e})=>e
|
|
1478
|
+
`,eo=s.div`
|
|
1479
|
+
${({labelInline:e})=>e?_t:null}
|
|
1470
1480
|
|
|
1471
1481
|
> div {
|
|
1472
1482
|
flex: 1 0 auto;
|
|
1473
1483
|
}
|
|
1474
|
-
`;
|
|
1484
|
+
`;eo.defaultProps={theme:M};const to=({label:e,inputValue:o,inputStyle:r,iconBefore:l,iconAfter:i,onChange:n,theme:a,id:c,labelStyle:s,...d})=>(console.log(s),t.createElement(eo,d,e.length>0&&t.createElement($t,{labelStyle:s},e),t.createElement("div",null,t.createElement(Yt,d,t.createElement("div",{className:"input-icon"},l),t.createElement(Dt,w({},d,{inputStyle:r,value:o,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&n(t)},type:"number",id:c})),t.createElement("div",{className:"input-icon",style:{position:"absolute",right:"7px"}},i)))));to.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string,labelStyle:e.object},to.defaultProps={theme:M,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:"",labelStyle:{}};const oo=s.div`
|
|
1475
1485
|
//Set the styles from the default styles object
|
|
1476
1486
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
|
|
1477
1487
|
|
|
@@ -1495,9 +1505,9 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1495
1505
|
|
|
1496
1506
|
// custom styles
|
|
1497
1507
|
${({textBoxStyle:e})=>e}
|
|
1498
|
-
`;
|
|
1508
|
+
`;oo.defaultProps={theme:M};const ro=s.input`
|
|
1499
1509
|
width: 85%;
|
|
1500
|
-
-webkit-text-security: ${({showEye:e})=>e?"none":"disc"}
|
|
1510
|
+
-webkit-text-security: ${({showEye:e})=>e?"none":"disc"};
|
|
1501
1511
|
|
|
1502
1512
|
//Set the styles from the default styles object
|
|
1503
1513
|
${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
|
|
@@ -1508,19 +1518,18 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1508
1518
|
.sc-furwcr bxRAoq {
|
|
1509
1519
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
1510
1520
|
}
|
|
1511
|
-
|
|
1512
|
-
`;oo.defaultProps={theme:M};const ro=p`
|
|
1521
|
+
`;ro.defaultProps={theme:M};const lo=p`
|
|
1513
1522
|
display: flex;
|
|
1514
1523
|
gap: 7px;
|
|
1515
1524
|
align-items: start;
|
|
1516
|
-
`,
|
|
1517
|
-
${({labelInline:e})=>e?
|
|
1525
|
+
`,io=s.div`
|
|
1526
|
+
${({labelInline:e})=>e?lo:null}
|
|
1518
1527
|
.err-text {
|
|
1519
|
-
color: ${({
|
|
1528
|
+
color: ${({errMsgColor:e})=>e};
|
|
1520
1529
|
margin-top: 5px;
|
|
1521
1530
|
font-size: 10px;
|
|
1522
1531
|
}
|
|
1523
|
-
`;
|
|
1532
|
+
`;io.defaultProps={theme:M};const no=({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,errMsgColor:b,...f})=>{const[h,y]=l(!1);return t.createElement(io,w({onPaste:e=>(e.preventDefault(),!1),onCopy:e=>(e.preventDefault(),!1),labelInline:d,inBuiltCss:I,errMsgColor:b},f),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"}},f)),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("div",{style:{width:"100%"}},t.createElement(oo,w({required:c,theme:e,textBoxStyle:r,isValid:p,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:I},f),t.createElement(ro,w({inputStyle:n,type:"text",id:u,showEye:h,theme:e,defaultInputStyle:"input-wrapper",inBuiltCss:I},f)),!0===g?t.createElement("div",{className:"input-icon",onClick:()=>y(!h),style:{position:"absolute",right:"7px"}},h?t.createElement(X,{icon:"eye-show"}):t.createElement(X,{icon:"eye-hide"})):""),a.length>0&&t.createElement("div",{className:"err-text"},a)),o?t.createElement("div",{style:{...m,marginLeft:"5px"}},o):""))};no.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},no.defaultProps={theme:M,inBuiltCss:I,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0,errMsgColor:M.variant.error};const ao=s.div`
|
|
1524
1533
|
box-sizing: initial;
|
|
1525
1534
|
|
|
1526
1535
|
//Set the styles from the default styles object
|
|
@@ -1530,7 +1539,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1530
1539
|
|
|
1531
1540
|
// custom styles
|
|
1532
1541
|
${({radioOuterCircleStyle:e})=>e}
|
|
1533
|
-
`;
|
|
1542
|
+
`;ao.defaultProps={theme:M};const co=s.div`
|
|
1534
1543
|
box-sizing: initial;
|
|
1535
1544
|
|
|
1536
1545
|
//Set the styles from the default styles object
|
|
@@ -1542,7 +1551,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1542
1551
|
|
|
1543
1552
|
// custom styles
|
|
1544
1553
|
${({radioInnerCircleStyle:e})=>e}
|
|
1545
|
-
`;
|
|
1554
|
+
`;co.defaultProps={theme:M};const so=s.div`
|
|
1546
1555
|
//Set the styles from the default styles object
|
|
1547
1556
|
${({inBuiltCss:e,defaultOptionStyle:t})=>ye(e,t)}
|
|
1548
1557
|
margin-right: ${({inline:e})=>e?"":"30px"};
|
|
@@ -1550,7 +1559,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1550
1559
|
|
|
1551
1560
|
// custom styles
|
|
1552
1561
|
${({optionStyle:e})=>e}
|
|
1553
|
-
`;
|
|
1562
|
+
`;so.defaultProps={theme:M};const po=s.div`
|
|
1554
1563
|
margin-bottom: ${({inline:e})=>e?"":"14px"};
|
|
1555
1564
|
cursor: pointer;
|
|
1556
1565
|
align-items: center;
|
|
@@ -1559,11 +1568,11 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1559
1568
|
|
|
1560
1569
|
// custom styles
|
|
1561
1570
|
${({WrapperDivStyle:e})=>e}
|
|
1562
|
-
`,
|
|
1571
|
+
`,mo=s.div`
|
|
1563
1572
|
display: ${({inline:e})=>e?"flex":"inline-block"};
|
|
1564
1573
|
width: max-content;
|
|
1565
1574
|
margin: 0;
|
|
1566
|
-
`,
|
|
1575
|
+
`,uo=({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(mo,{inline:g},n.map(((r,l)=>t.createElement(po,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(ao,{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(co,{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(so,{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))))))};uo.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},uo.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const go=s.div`
|
|
1567
1576
|
//Set the styles from the default styles object
|
|
1568
1577
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
|
|
1569
1578
|
|
|
@@ -1586,7 +1595,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1586
1595
|
${({textBoxStyle:e})=>e}
|
|
1587
1596
|
|
|
1588
1597
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
|
|
1589
|
-
`,
|
|
1598
|
+
`,bo=s.input`
|
|
1590
1599
|
width: 85%;
|
|
1591
1600
|
//Set the styles from the default styles object
|
|
1592
1601
|
${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
|
|
@@ -1597,19 +1606,19 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1597
1606
|
.sc-furwcr bxRAoq {
|
|
1598
1607
|
color: ${M.variant["neutral-3"]};
|
|
1599
1608
|
}
|
|
1600
|
-
background-color:
|
|
1601
|
-
`,
|
|
1609
|
+
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor};
|
|
1610
|
+
`,fo=p`
|
|
1602
1611
|
display: flex;
|
|
1603
1612
|
gap: 7px;
|
|
1604
1613
|
align-items: center;
|
|
1605
|
-
`,
|
|
1606
|
-
${({labelInline:e})=>e?
|
|
1614
|
+
`,ho=s.div`
|
|
1615
|
+
${({labelInline:e})=>e?fo:null}
|
|
1607
1616
|
.err-text {
|
|
1608
|
-
color: ${({
|
|
1617
|
+
color: ${({errMsgColor:e})=>e};
|
|
1609
1618
|
margin-top: 5px;
|
|
1610
1619
|
font-size: 10px;
|
|
1611
1620
|
}
|
|
1612
|
-
`;
|
|
1621
|
+
`;ho.defaultProps={theme:M};const yo=({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,errMsgColor:b,...f})=>t.createElement(ho,w({labelInline:a},f,{theme:m,errMsgColor:b}),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"}},f)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${m.variant.error}`}},"*")),t.createElement(go,w({required:i,isDisabled:u,theme:m,textBoxStyle:e,isValid:d,inBuiltCss:I,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},c),t.createElement(bo,w({inputStyle:r,type:p,theme:m,id:g,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u},f)),t.createElement("div",{className:"input-icon",style:{position:"absolute",right:"7px"}},s)),l.length>0&&t.createElement("div",{className:"err-text"},l));yo.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,errMsgColor:e.string},bo.defaultProps={theme:M},go.defaultProps={theme:M},ho.defaultProps={theme:M},yo.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:"",errMsgColor:M.variant.error};const xo=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,id:c,...s})=>t.createElement(yo,w({iconAfter:t.createElement(X,{icon:"magnifier-icon"}),label:e,textBoxStyle:a,placeholder:o,ref:l,onChange:r,id:c},s)),Ao=s.div`
|
|
1613
1622
|
//Set the styles from the default styles object
|
|
1614
1623
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>ye(e,t)}
|
|
1615
1624
|
|
|
@@ -1618,7 +1627,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1618
1627
|
&:focus-within {
|
|
1619
1628
|
border-color: ${({activeColor:e,theme:t})=>e||t.primary["primary-1"]};
|
|
1620
1629
|
}
|
|
1621
|
-
`,
|
|
1630
|
+
`,vo=s.div`
|
|
1622
1631
|
//Set the styles from the default styles object
|
|
1623
1632
|
${({inBuiltCss:e,defaultWrapperDivStyle:t})=>ye(e,t)}
|
|
1624
1633
|
|
|
@@ -1630,7 +1639,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1630
1639
|
border-left: ${({signIcon:e})=>e?"":"none"};
|
|
1631
1640
|
margin-left: ${({signIcon:e})=>e?"":"42px"};
|
|
1632
1641
|
position: ${({signIcon:e})=>e?"absolute":""};
|
|
1633
|
-
`,
|
|
1642
|
+
`,Co=s.div`
|
|
1634
1643
|
width: 39px;
|
|
1635
1644
|
height: 44px;
|
|
1636
1645
|
display: flex;
|
|
@@ -1640,7 +1649,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1640
1649
|
border-bottom: ${({penIcon:e,isMyInputFocused:t,activeColor:o,defaultColor:r,theme:l})=>e?t?`1px solid ${o||l.primary["primary-1"]}`:`1px solid ${r||l.neutral["neutral-3"]}`:""};
|
|
1641
1650
|
background-color: rgba(255, 255, 255, 0.05);
|
|
1642
1651
|
cursor: pointer;
|
|
1643
|
-
`,
|
|
1652
|
+
`,wo=s.input`
|
|
1644
1653
|
${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
|
|
1645
1654
|
|
|
1646
1655
|
border-bottom: ${({value:e,defaultColor:t,theme:o})=>e.length>0?"none":t};
|
|
@@ -1665,17 +1674,17 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1665
1674
|
|
|
1666
1675
|
// custom styles
|
|
1667
1676
|
${({customInputStyle:e})=>e}
|
|
1668
|
-
`,
|
|
1677
|
+
`,So=s.div`
|
|
1669
1678
|
position: relative;
|
|
1670
1679
|
width: inherit;
|
|
1671
1680
|
display: flex;
|
|
1672
1681
|
margin: 4px;
|
|
1673
|
-
`,
|
|
1682
|
+
`,Eo=s.div`
|
|
1674
1683
|
padding-left: 2px;
|
|
1675
1684
|
display: flex;
|
|
1676
1685
|
justify-content: center;
|
|
1677
1686
|
cursor: pointer;
|
|
1678
|
-
`,
|
|
1687
|
+
`,ko=({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(Ao,{inBuiltCss:I,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:E,selected:w,activeColor:o,defaultColor:n,theme:C},t.createElement(vo,{inBuiltCss:I,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,selected:w,isMyInputFocused:E,signIcon:!0,theme:C},t.createElement(Co,{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(Co,{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(vo,{inBuiltCss:I,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,theme:C,selected:w,isMyInputFocused:E,signIcon:!1,onTouchStart:()=>{}},"default"===w?t.createElement(wo,{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(So,{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(Eo,{selected:w,onClick:()=>W()},t.createElement(X,{icon:"cross-icon",color:n||C.neutral["neutral-3"]}))))};ko.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},ko.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const zo=s.div`
|
|
1679
1688
|
//Set the styles from the default styles object
|
|
1680
1689
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
|
|
1681
1690
|
|
|
@@ -1696,19 +1705,19 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1696
1705
|
|
|
1697
1706
|
// custom styles
|
|
1698
1707
|
${({textAreaStyle:e})=>e}
|
|
1699
|
-
`,
|
|
1708
|
+
`,Vo=s.textarea`
|
|
1700
1709
|
//Set the styles from the default styles object
|
|
1701
1710
|
${({inBuiltCss:e,defaultInputStyle:t})=>ye(e,t)}
|
|
1702
1711
|
margin: 0;
|
|
1703
1712
|
overflow: auto;
|
|
1704
1713
|
resize: vertical // custom styles
|
|
1705
1714
|
${({inputStyle:e})=>e};
|
|
1706
|
-
`,
|
|
1715
|
+
`,Mo=p`
|
|
1707
1716
|
display: flex;
|
|
1708
1717
|
gap: 7px;
|
|
1709
1718
|
align-items: center;
|
|
1710
|
-
`,
|
|
1711
|
-
${({labelInline:e})=>e?
|
|
1719
|
+
`,Bo=s.div`
|
|
1720
|
+
${({labelInline:e})=>e?Mo:null}
|
|
1712
1721
|
${({customStylesForm:e})=>{if(e)return{...e}}}
|
|
1713
1722
|
position: relative;
|
|
1714
1723
|
.err-text {
|
|
@@ -1716,7 +1725,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1716
1725
|
margin-top: 5px;
|
|
1717
1726
|
font-size: 10px;
|
|
1718
1727
|
}
|
|
1719
|
-
`,
|
|
1728
|
+
`,Wo=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(Bo,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(zo,w({theme:y,required:n,textAreaStyle:o,isValid:m,inBuiltCss:I,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},s),t.createElement(Vo,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))}));Wo.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},Wo.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const Io=s.div`
|
|
1720
1729
|
color: #a9b1b8;
|
|
1721
1730
|
font-size: 21px;
|
|
1722
1731
|
border: 1px solid
|
|
@@ -1730,7 +1739,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1730
1739
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1731
1740
|
outline: none;
|
|
1732
1741
|
}
|
|
1733
|
-
`,
|
|
1742
|
+
`,Ro=s.input`
|
|
1734
1743
|
border: 0;
|
|
1735
1744
|
outline: 0;
|
|
1736
1745
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -1740,23 +1749,23 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1740
1749
|
width: 24px;
|
|
1741
1750
|
text-align:center;
|
|
1742
1751
|
background-color: ${({theme:e})=>e.bgColor};
|
|
1743
|
-
`,
|
|
1752
|
+
`,Po=p`
|
|
1744
1753
|
&:after {
|
|
1745
1754
|
content: ' *';
|
|
1746
1755
|
color: ${({theme:e})=>e.variant.error};
|
|
1747
1756
|
}
|
|
1748
|
-
`,
|
|
1757
|
+
`,Lo=s.label`
|
|
1749
1758
|
display: block;
|
|
1750
1759
|
margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"7px"};
|
|
1751
1760
|
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1752
1761
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1753
|
-
${({required:e})=>e?
|
|
1762
|
+
${({required:e})=>e?Po:null}
|
|
1754
1763
|
padding-bottom: 0px;
|
|
1755
|
-
`,
|
|
1764
|
+
`,qo=p`
|
|
1756
1765
|
display: flex;
|
|
1757
1766
|
align-items: center;
|
|
1758
|
-
`,
|
|
1759
|
-
${({labelInline:e})=>e?
|
|
1767
|
+
`,Ho=s.div`
|
|
1768
|
+
${({labelInline:e})=>e?qo:null}
|
|
1760
1769
|
.err-text {
|
|
1761
1770
|
color: ${({theme:e})=>e.variant.error};
|
|
1762
1771
|
margin-top: 5px;
|
|
@@ -1766,7 +1775,7 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1766
1775
|
> div {
|
|
1767
1776
|
flex: 1 0 auto;
|
|
1768
1777
|
}
|
|
1769
|
-
`,
|
|
1778
|
+
`,To=s.button`
|
|
1770
1779
|
border: none;
|
|
1771
1780
|
outline: none;
|
|
1772
1781
|
border-radius: 4px;
|
|
@@ -1775,9 +1784,14 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1775
1784
|
padding: 5px 6px;
|
|
1776
1785
|
font-size: 18px;
|
|
1777
1786
|
cursor: pointer;
|
|
1778
|
-
`,
|
|
1787
|
+
`,jo=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=d()||M;return t.createElement(Ho,w({theme:s},c),t.createElement(Lo,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(Io,w({theme:s,id:a},c),t.createElement(Ro,{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(Ro,{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(To,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};jo.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},jo.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const Fo=s.div`
|
|
1779
1788
|
${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>ye(e,t)}
|
|
1780
|
-
`,
|
|
1789
|
+
`,Go=s.label`
|
|
1790
|
+
|
|
1791
|
+
left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
|
|
1792
|
+
margin-right: ${({labelPosition:e})=>"left"===e?"30px":"0px"};
|
|
1793
|
+
|
|
1794
|
+
|
|
1781
1795
|
//Set the styles from the default styles object
|
|
1782
1796
|
${({inBuiltCss:e,defaultCheckBoxLabelStyle:t})=>ye(e,t)}
|
|
1783
1797
|
background-color: ${({checked:e,backgroundColor:t,disabledColor:o,theme:r})=>e&&t?t:e&&!t?r.primary["primary-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-2"]};
|
|
@@ -1797,20 +1811,27 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1797
1811
|
// custom styles
|
|
1798
1812
|
${({customSwitchStyle:e})=>e}
|
|
1799
1813
|
}
|
|
1800
|
-
`,
|
|
1814
|
+
`,Xo=s.input.attrs({type:"checkbox"})`
|
|
1801
1815
|
opacity: 0;
|
|
1802
1816
|
z-index: 1;
|
|
1803
1817
|
border-radius: 31px;
|
|
1804
1818
|
width: 45px;
|
|
1805
1819
|
height: 22px;
|
|
1806
1820
|
cursor: pointer;
|
|
1807
|
-
|
|
1821
|
+
position: ${({labelPosition:e})=>"right"===e?"initial":"absolute"};
|
|
1822
|
+
left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
|
|
1823
|
+
|
|
1824
|
+
|
|
1825
|
+
`,Oo=s.span`
|
|
1826
|
+
|
|
1827
|
+
margin-right: ${({labelPosition:e})=>"30px"};
|
|
1828
|
+
z-index:10000;
|
|
1808
1829
|
//Set the styles from the default styles object
|
|
1809
1830
|
${({inBuiltCss:e,defaultOptionTextStyle:t})=>ye(e,t)}
|
|
1810
1831
|
|
|
1811
1832
|
// custom styles
|
|
1812
1833
|
${({optionStyle:e})=>e}
|
|
1813
|
-
`,
|
|
1834
|
+
`,Zo=({checked:e,customSwitchStyle:t,customToggleBoxStyle:o,backgroundColor:r,disabledColor:l,switchColor:i,onClick:n,trueLabel:a,falseLabel:c,optionStyle:s,labelPosition:p,id:m,...u})=>{const g=d()||M;return React.createElement(Fo,w({inBuiltCss:I,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},u),"left"===p&&React.createElement(Oo,w({optionStyle:s,inBuiltCss:I,labelPosition:p,defaultOptionTextStyle:"toggle-switch-option-text"},u),e?a:c),React.createElement(Xo,w({},u,{labelPosition:p,id:m,inBuiltCss:I,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{n(!e)},isChecked:e})),React.createElement(Go,w({},u,{labelPosition:p,htmlFor:m,customToggleBoxStyle:o,customSwitchStyle:t,disabledColor:l,backgroundColor:r,switchColor:i,inBuiltCss:I,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:g})),"right"===p&&React.createElement(Oo,w({optionStyle:s,inBuiltCss:I,labelPosition:p,defaultOptionTextStyle:"toggle-switch-option-text"},u),e?a:c))};Zo.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,backgroundColor:e.string,checked:e.bool,trueLabel:e.string,falseLabel:e.string,id:e.string,labelPosition:e.string},Zo.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:"",labelPosition:"right"};const Jo=s.div`
|
|
1814
1835
|
box-sizing: border-box;
|
|
1815
1836
|
display: flex;
|
|
1816
1837
|
justify-content: center;
|
|
@@ -1818,8 +1839,8 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1818
1839
|
width: auto;
|
|
1819
1840
|
|
|
1820
1841
|
${({size:e})=>p`height: ${e}px;`}
|
|
1821
|
-
`,Jo=s.div`
|
|
1822
1842
|
`,Uo=s.div`
|
|
1843
|
+
`,Qo=s.div`
|
|
1823
1844
|
box-sizing: border-box;
|
|
1824
1845
|
display: flex;
|
|
1825
1846
|
justify-content: center;
|
|
@@ -1848,11 +1869,11 @@ svg {
|
|
|
1848
1869
|
`}
|
|
1849
1870
|
}
|
|
1850
1871
|
}
|
|
1851
|
-
`,
|
|
1872
|
+
`,Ko=({theme:e,toggleSet:o,slide:r,color:l,size:i,transform:n,ratingValue:a,starVal:c,hover:s,...d})=>t.createElement(Qo,w({theme:e,ratingValue:a,starVal:c,hover:s,toggleSet:o,color:l,size:i,transform:n},d),t.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",id:"star_filled","data-name":"star filled",xmlns:"http://www.w3.org/2000/svg"},t.createElement("defs",null,t.createElement("clipPath",{id:"starFilled"},t.createElement("path",{id:"Star",d:"M10,15,4.122,18.09l1.123-6.545L.489,6.91l6.572-.955L10,0l2.939,5.955,6.572.955-4.755,4.635,1.123,6.545Z",transform:"translate(2 3)",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"1.5"}))),t.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),t.createElement("rect",{x:r,y:"0",fill:l,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function No(e,t){let o=5*e/t;const r=[],l=o;for(let e=0;e<5;e++){if(o-1>=0)r.push("0");else if(o-1<0&&o-1>-1){const e=(24*o-24).toString();r.push(e)}else r.push("-24");o-=1}return{array:r,value:l}}function Yo(e,t){return 100*e/t}const Do=({type:e,customStylesContainer:o,customStylesStar:r,customStylesPercentage:n,color:a,size:c,handleClick:s,transform:p,maxRange:m,value:u,toggleStar:g,toggleSet:b,identifier:f,...h})=>{d();const[y,x]=l(void 0),[A,v]=l(void 0),[C,S]=l(void 0),[E,k]=l(void 0);i((()=>{x(No(u,m).array),v(No(u,m).value),S(Yo(u,m))}),[u,m]),i((()=>{E?x(No(E,m).array):(x(No(u,m).array),v(No(u,m).value),S(Yo(u,m)))}),[E]);const z=t.createElement(t.Fragment,null,y?.map(((e,o)=>{const l=20*(o+1);return t.createElement(Ko,{ratingValue:l,starVal:A,hover:E,toggleSet:b,onClick:b?()=>s(l):null,onMouseEnter:b?()=>{k(l)}:null,onMouseLeave:b?()=>{k(null)}:null,slide:e,color:a,className:"star",size:c,transform:p,key:f?.concat(o),customStyles:r})})));return t.createElement(Jo,w({customStyles:o,type:e,size:c},h,{className:"container"}),g?z:t.createElement(Uo,{type:e,customStyles:n},C,"%"))};Do.propTypes={customStylesContainer:e.object,customStylesStar:e.object,customStylesPercentage:e.object,type:e.string,color:e.string,size:e.number,transform:e.object,handleClick:e.func,maxRange:e.number,value:e.number,toggleStar:e.bool,toggleSet:e.bool,identifier:e.string},Do.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const $o=s.div`
|
|
1852
1873
|
.form-check-input {
|
|
1853
1874
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
1854
1875
|
}
|
|
1855
|
-
|
|
1876
|
+
`,_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($o,{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 er=({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)))};er.propTypes={size:e.number},er.defaultProps={iconSize:23};const tr=({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(yo,w({},e,r)))(e);case"textArea":return(e=>t.createElement(Wo,w({},e,r)))(e);case"number":return(e=>t.createElement(to,w({},e,r)))(e);case"radio":return(e=>t.createElement(uo,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(jt,w({dropdownType:"singleSelect"},e,r)))(e);case"multiSelect":return(e=>t.createElement(jt,w({dropdownType:"multiSelect"},e,r)))(e);case"asyncSingleSelect":return(e=>t.createElement(jt,w({dropdownType:"asyncSingleSelect"},e,r)))(e);case"asyncMultiSelect":return(e=>t.createElement(jt,w({dropdownType:"asyncMultiSelect"},e,r)))(e);case"signature":return(e=>t.createElement(ko,w({},e,r)))(e);case"fileUpload":return(e=>t.createElement(Nt,w({},e,r)))(e);case"date":return(e=>t.createElement(Pt,w({},e,r)))(e);case"toggle":return(e=>t.createElement(Zo,w({},e,r)))(e);case"rating":return(e=>t.createElement(Do,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(xo,w({},e,r)))(e);case"table":return(e=>t.createElement(_o,w({},e,r)))(e);case"passwordInput":return(e=>t.createElement(no,w({},e,r)))(e);case"headerComponent":return(e=>t.createElement(er,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]))))))},or=({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 rr=u`
|
|
1856
1877
|
@font-face {
|
|
1857
1878
|
font-family: "Averta";
|
|
1858
1879
|
font-weight: 100;
|
|
@@ -1960,7 +1981,7 @@ svg {
|
|
|
1960
1981
|
* {
|
|
1961
1982
|
font-family: "Averta";
|
|
1962
1983
|
}
|
|
1963
|
-
`,
|
|
1984
|
+
`,lr=s.span`
|
|
1964
1985
|
background: transparent;
|
|
1965
1986
|
position: relative;
|
|
1966
1987
|
display: flex;
|
|
@@ -1969,12 +1990,12 @@ svg {
|
|
|
1969
1990
|
&>span:not(:first-of-type){
|
|
1970
1991
|
margin-left: -13px;
|
|
1971
1992
|
}
|
|
1972
|
-
`,
|
|
1993
|
+
`,ir=s.p`
|
|
1973
1994
|
color: ${({theme:e,variantQty:t})=>e.variant[t]};
|
|
1974
1995
|
margin: 0;
|
|
1975
1996
|
margin-left: 7px;
|
|
1976
1997
|
font-size: 16px;
|
|
1977
|
-
`,
|
|
1998
|
+
`,nr=({items:e,block:o,size:r,variantCircle:l,variantName:i,variantQty:n,flagName:a,user:c,colorCircle:s,colorBorderCircle:p,...m})=>{const u=d()||M;return t.createElement(lr,w({block:o},m),e?.map(((o,n)=>{let a={},c={};return a.backgroundColor=s?`${u.variant[s]}`:`${u.variant[l]}`,0!==n&&(a.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`,c.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`),1===e.length?t.createElement(oe,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!0,user:o,customStylesCircle:a,customStylesImage:c}):n<=3?t.createElement(oe,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!1,user:o,customStylesCircle:a,customStylesImage:c}):null})),e.length-4>0?t.createElement(ir,{theme:u,variantQty:n},"+",e.length-4):null)};nr.propTypes={variantCircle:e.string,variantName:e.string,size:e.oneOf(["SM","MD","LG"]),user:e.object,theme:e.object,colorCircle:e.string,colorBorderCircle:e.string,variantQty:e.string},nr.defaultProps={variantCircle:"primary-1",variantName:"primary-2",block:!1,size:"MD",flagName:!1,user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const ar=s.div`
|
|
1978
1999
|
max-width: inherit;
|
|
1979
2000
|
width: inherit;
|
|
1980
2001
|
font-size: 14px;
|
|
@@ -2000,7 +2021,7 @@ svg {
|
|
|
2000
2021
|
&[data-popper-placement*='top'] .tooltip-arrow::after {
|
|
2001
2022
|
border-color: ${({theme:e,variantTPbg:t})=>t?e.variant[t]:"#6b747f"} transparent transparent transparent;
|
|
2002
2023
|
}
|
|
2003
|
-
`,
|
|
2024
|
+
`,cr=s.div`
|
|
2004
2025
|
display: flex;
|
|
2005
2026
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2006
2027
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2015,24 +2036,24 @@ svg {
|
|
|
2015
2036
|
svg path {
|
|
2016
2037
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2017
2038
|
}
|
|
2018
|
-
`,
|
|
2039
|
+
`,sr=s.div`
|
|
2019
2040
|
display: flex;
|
|
2020
2041
|
justify-content: space-evenly;
|
|
2021
2042
|
flex-grow: 1;
|
|
2022
2043
|
align-items: stretch;
|
|
2023
|
-
`,
|
|
2044
|
+
`,dr=({label:e,index:o,style:r,items:l,variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,divider:m,indexPrefix:u,onClick:g,icon:b,variantTPtext:f,variantTPbg:h,...y})=>{d();const{getArrowProps:x,getTooltipProps:A,setTooltipRef:C,setTriggerRef:S,visible:E}=v();return t.createElement(t.Fragment,null,t.createElement(sr,{ref:S},t.createElement(cr,{variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,onClick:p?null:()=>{g(g)}},b),m),E&&t.createElement(ar,w({variantTPtext:f,variantTPbg:h,ref:C},A({className:"tooltip-container"})),e,t.createElement("div",x({className:"tooltip-arrow"}))))};dr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},sr.defaultProps={theme:M},cr.defaultProps={theme:M},ar.defaultProps={theme:M},dr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const pr=s.div`
|
|
2024
2045
|
display: flex;
|
|
2025
2046
|
justify-content: space-evenly;
|
|
2026
2047
|
align-items: stretch;
|
|
2027
2048
|
height: 42px;
|
|
2028
2049
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
2029
2050
|
border-radius: 3px;
|
|
2030
|
-
`,
|
|
2051
|
+
`,mr=s.div`
|
|
2031
2052
|
display: flex;
|
|
2032
2053
|
justify-content: space-evenly;
|
|
2033
2054
|
flex-grow: 1;
|
|
2034
2055
|
align-items: stretch;
|
|
2035
|
-
`,
|
|
2056
|
+
`,ur=s.div`
|
|
2036
2057
|
display: flex;
|
|
2037
2058
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2038
2059
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2047,19 +2068,19 @@ svg {
|
|
|
2047
2068
|
svg path {
|
|
2048
2069
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2049
2070
|
}
|
|
2050
|
-
`,
|
|
2071
|
+
`,gr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,...u})=>(d(),t.createElement(pr,w({variant:r,borderVariant:l},u),o?.map(((e,d)=>t.createElement(mr,{key:p.concat(d)},t.createElement(ur,{variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,title:e.label,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>m(e.label)},e.icon),o?.length-1!==d&&s)))));gr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func},pr.defaultProps={theme:M},mr.defaultProps={theme:M},ur.defaultProps={theme:M},gr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor"};const br=s.div`
|
|
2051
2072
|
display: flex;
|
|
2052
2073
|
justify-content: space-evenly;
|
|
2053
2074
|
align-items: stretch;
|
|
2054
2075
|
height: 42px;
|
|
2055
2076
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
2056
2077
|
border-radius: 3px;
|
|
2057
|
-
`,
|
|
2078
|
+
`,fr=s.div`
|
|
2058
2079
|
display: flex;
|
|
2059
2080
|
justify-content: space-evenly;
|
|
2060
2081
|
flex-grow: 1;
|
|
2061
2082
|
align-items: stretch;
|
|
2062
|
-
`,
|
|
2083
|
+
`,hr=s.div`
|
|
2063
2084
|
display: flex;
|
|
2064
2085
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2065
2086
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2074,28 +2095,28 @@ svg {
|
|
|
2074
2095
|
svg path {
|
|
2075
2096
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2076
2097
|
}
|
|
2077
|
-
`,
|
|
2098
|
+
`,yr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,variantTPtext:u,variantTPbg:g,...b})=>(d(),t.createElement(br,w({variant:r,borderVariant:l},b),o?.map(((e,d)=>t.createElement(dr,{key:p.concat(d),variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>{m(e.label)},divider:o?.length-1!==d&&s,icon:e.icon,index:d,label:e.label,variantTPtext:u,variantTPbg:g})))));yr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},br.defaultProps={theme:M},fr.defaultProps={theme:M},hr.defaultProps={theme:M},yr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const xr=s.div`
|
|
2078
2099
|
background: ${({theme:e,variant:t,bgColor:o})=>o||e.variant[t]};
|
|
2079
2100
|
border: 1.3px solid ${({theme:e,variant:t,borderColor:o})=>o||e.variant[t]};
|
|
2080
2101
|
border-radius: 50%;
|
|
2081
2102
|
width: ${({size:e})=>e}px;
|
|
2082
2103
|
height: ${({size:e})=>e}px;
|
|
2083
2104
|
box-sizing: border-box;
|
|
2084
|
-
`,
|
|
2105
|
+
`,Ar=({variant:e,bgColor:o,borderColor:r,...l})=>(d(),t.createElement(xr,w({variant:e,borderColor:r,bgColor:o},l)));Ar.propTypes={variant:e.string,size:e.number,theme:e.object,borderColor:e.string,bgColor:e.string},xr.defaultProps={theme:M},Ar.defaultProps={theme:M,variant:"primary-1",size:11};const vr=s.div`
|
|
2085
2106
|
display: inline-flex;
|
|
2086
2107
|
align-items: center;
|
|
2087
2108
|
background-color: transparent;
|
|
2088
2109
|
min-height: 24px;
|
|
2089
|
-
`,
|
|
2110
|
+
`,Cr=s.div`
|
|
2090
2111
|
display: flex;
|
|
2091
2112
|
justify-content: space-evenly;
|
|
2092
2113
|
width: 69px;
|
|
2093
|
-
`,
|
|
2114
|
+
`,wr=s.p`
|
|
2094
2115
|
display: flex;
|
|
2095
2116
|
color: ${({theme:e,variantText:t,colorText:o})=>o||e.variant[t]};
|
|
2096
2117
|
font-size: 16px;
|
|
2097
2118
|
margin: 0 5px;
|
|
2098
|
-
`,
|
|
2119
|
+
`,Sr=({style:e,variantCircle:o,variantText:r,level:l,textArray:i,colorArray:n,indexPrefix:a,colorText:c,...s})=>(d(),t.createElement(vr,s,t.createElement(Cr,null,[1,2,3,4].map(((e,r)=>{let i="#D4D7E3",c=null,s=null;return l<=0&&(l=0),l>=4&&(l=4),n?l>=e?(c=n[l],i=n[l]):c=n[0]:l>=e?(s=o,i=o):s="#FFFFFF",t.createElement(Ar,{key:a.concat(r),variant:s,borderColor:i,bgColor:c,size:11})}))),i&&t.createElement(wr,{variantText:r,colorText:c},i[l])));Sr.propTypes={variantCircle:e.string,variantText:e.string,level:e.number,indexPrefix:e.string,theme:e.object,block:e.bool,textArray:e.array,colorArray:e.array,colorText:e.string},wr.defaultProps={theme:M},Sr.defaultProps={theme:M,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const Er={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},kr=s.button`
|
|
2099
2120
|
${({underlined:e})=>e?null:p`&:hover {text-decoration: underline}`};
|
|
2100
2121
|
background: transparent;
|
|
2101
2122
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
@@ -2106,7 +2127,7 @@ svg {
|
|
|
2106
2127
|
justify-content: start;
|
|
2107
2128
|
border: none;
|
|
2108
2129
|
cursor: pointer;
|
|
2109
|
-
font-size: ${({size:e})=>
|
|
2130
|
+
font-size: ${({size:e})=>Er[e].fontSize};
|
|
2110
2131
|
|
|
2111
2132
|
&:disabled {
|
|
2112
2133
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
@@ -2116,7 +2137,7 @@ svg {
|
|
|
2116
2137
|
* {
|
|
2117
2138
|
outline: none;
|
|
2118
2139
|
}
|
|
2119
|
-
`,
|
|
2140
|
+
`,zr=({block:e,size:o,style:r,variant:l,disabled:i,underlined:n,...a})=>(d(),t.createElement(kr,w({block:e,variant:l,type:"button",style:r,size:o,disabled:i,underlined:n},a),a.children));zr.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,underlined:e.bool},kr.defaultProps={theme:M},zr.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const Vr=s.button`
|
|
2120
2141
|
//Set the styles from the default styles object
|
|
2121
2142
|
${({theme:e,type:t})=>ye(e,t)}
|
|
2122
2143
|
// custom styles
|
|
@@ -2126,17 +2147,17 @@ svg {
|
|
|
2126
2147
|
outline: none;
|
|
2127
2148
|
border: none;
|
|
2128
2149
|
}
|
|
2129
|
-
`,
|
|
2150
|
+
`,Mr=s.div`
|
|
2130
2151
|
margin-top: 10px;
|
|
2131
2152
|
|
|
2132
2153
|
// custom styles
|
|
2133
2154
|
${({customModalHeaderStyle:e})=>e}
|
|
2134
|
-
`,
|
|
2155
|
+
`,Br=s.div`
|
|
2135
2156
|
//Set the styles from the default styles object
|
|
2136
2157
|
${({theme:e,type:t})=>ye(e,t)}
|
|
2137
2158
|
// custom styles
|
|
2138
2159
|
${({customModalBodyStyle:e})=>e}
|
|
2139
|
-
`,
|
|
2160
|
+
`,Wr=s.div`
|
|
2140
2161
|
max-height: 60vh;
|
|
2141
2162
|
overflow-y: auto;
|
|
2142
2163
|
`,Ir=s.div`
|
|
@@ -2144,22 +2165,22 @@ svg {
|
|
|
2144
2165
|
${({theme:e,type:t})=>ye(e,t)}
|
|
2145
2166
|
// custom styles
|
|
2146
2167
|
${({customModalFooterStyle:e})=>e}
|
|
2147
|
-
`,Wr=s.div`
|
|
2148
|
-
padding: 0.5rem 3rem 0rem 3rem;
|
|
2149
2168
|
`,Rr=s.div`
|
|
2169
|
+
padding: 0.5rem 3rem 0rem 3rem;
|
|
2170
|
+
`,Pr=s.div`
|
|
2150
2171
|
position: sticky;
|
|
2151
2172
|
background-color: ${({theme:e})=>e.bgColor};
|
|
2152
2173
|
width: 100%;
|
|
2153
2174
|
top: 0px;
|
|
2154
2175
|
border-bottom: 1px solid ${({theme:e})=>e.border};
|
|
2155
|
-
`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const
|
|
2176
|
+
`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Lr=({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(Pr,{theme:f},t.createElement(Vr,{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(Mr,{style:c},t.createElement(Rr,null,l))),t.createElement(Wr,null,t.createElement(Br,{theme:I,type:"modalComp-modal-body",style:s},t.createElement(Rr,null," ",i)),t.createElement(Ir,{theme:I,type:"modalComp-modal-footer",style:p},n)))};Lr.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},Lr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:""};const qr=s.div`
|
|
2156
2177
|
${({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
2178
|
}
|
|
2158
|
-
`,
|
|
2179
|
+
`,Hr=({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(qr,w({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};Hr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},Hr.defaultProps={theme:I,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const Tr=s.div`
|
|
2159
2180
|
display: flex;
|
|
2160
2181
|
align-items: center;
|
|
2161
2182
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2162
|
-
`,
|
|
2183
|
+
`,jr=({...e})=>{const o=d()||M;return t.createElement(Tr,{theme:o},e.children)},Fr=s.div`
|
|
2163
2184
|
font-size: 14px;
|
|
2164
2185
|
color: ${({selected:e,theme:t})=>e?t.variant["primary-1"]:null};
|
|
2165
2186
|
|
|
@@ -2175,7 +2196,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2175
2196
|
&:not(:first-child):not(:last-child) {
|
|
2176
2197
|
margin: 0 22px;
|
|
2177
2198
|
}
|
|
2178
|
-
`;(
|
|
2199
|
+
`;(jr.PageItem=function({selected:e,...o}){const r=d()||M;return t.createElement(Fr,w({selected:e,theme:r},o),o.children)}).propTypes={selected:e.bool},jr.PageItem.defaultProps={selected:!1};const Gr=s.div`
|
|
2179
2200
|
height: 10px;
|
|
2180
2201
|
border-radius: 10px;
|
|
2181
2202
|
margin-top: 13px;
|
|
@@ -2183,7 +2204,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2183
2204
|
margin-right: 13px;
|
|
2184
2205
|
width: inherit;
|
|
2185
2206
|
background-color: ${({color:e,theme:t})=>xe(e||t.primary["primary-1"],.5)};
|
|
2186
|
-
`,
|
|
2207
|
+
`,Xr=s.div`
|
|
2187
2208
|
height: inherit;
|
|
2188
2209
|
width: inherit;
|
|
2189
2210
|
transition: width 1s ease-in-out;
|
|
@@ -2194,12 +2215,12 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2194
2215
|
${({progressBarStyle:e})=>e}
|
|
2195
2216
|
width: ${({now:e})=>e+"%"};
|
|
2196
2217
|
background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
|
|
2197
|
-
`,
|
|
2218
|
+
`,Or=({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(Gr,w({progressBarStyle:o,theme:a,color:i},n),t.createElement(Xr,w({progressBarStyle:o,now:l,theme:a,color:i},n))))};Or.propTypes={labelStyle:e.object,progressBarStyle:e.object,color:e.string,label:e.string,now:e.number},Or.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const Zr=s.div`
|
|
2198
2219
|
background: transparent;
|
|
2199
2220
|
display: flex;
|
|
2200
2221
|
align-items: center;
|
|
2201
2222
|
width: ${({block:e})=>e?"100%":"fit-content"};
|
|
2202
|
-
`,
|
|
2223
|
+
`,Jr=s.div`
|
|
2203
2224
|
margin: 0;
|
|
2204
2225
|
color: ${({theme:e,variantOff:t})=>e.variant[t]};
|
|
2205
2226
|
white-space: nowrap;
|
|
@@ -2217,16 +2238,16 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2217
2238
|
&>div:first-of-type{
|
|
2218
2239
|
color: ${({theme:e,variantOn:t})=>e.variant[t]};
|
|
2219
2240
|
}
|
|
2220
|
-
`,
|
|
2241
|
+
`,Ur=s.div`
|
|
2221
2242
|
display: flex;
|
|
2222
2243
|
margin-left: 20px;
|
|
2223
|
-
`,
|
|
2244
|
+
`,Qr=s.div`
|
|
2224
2245
|
height: 6px;
|
|
2225
2246
|
width: ${({widthStep:e})=>e}px;
|
|
2226
2247
|
margin: 0 3px;
|
|
2227
2248
|
background-color: ${({theme:e,isActive:t,variantOn:o,variantOff:r})=>t?e.variant[o]:e.variant[r]};
|
|
2228
2249
|
border-radius: 19px;
|
|
2229
|
-
`,
|
|
2250
|
+
`,Kr=({block:e,variantOn:o,variantOff:r,currentStep:l,totalSteps:i,widthStep:n,style:a,...c})=>(d(),t.createElement(Zr,w({block:e},c,{style:a}),t.createElement(Jr,w({},c,{variantOn:o,variantOff:r}),"Page ",t.createElement("div",null,l)," of ",t.createElement("div",null,i)),t.createElement(Ur,c,Array.from(Array(i).keys()).map((e=>t.createElement(Qr,{key:"formSteps".concat(e),isActive:l===e+1,variantOn:o,variantOff:r,widthStep:n}))))));Kr.propTypes={variantOn:e.string,variantOff:e.string,block:e.bool,theme:e.object,currentStep:e.number,totalSteps:e.number,widthStep:e.number},Zr.defaultProps={theme:M},Jr.defaultProps={theme:M},Ur.defaultProps={theme:M},Qr.defaultProps={theme:M},Kr.defaultProps={theme:M,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const Nr=s.button`
|
|
2230
2251
|
background: ${({disabled:e,theme:t,bgVariant:o})=>e?"#BBC4CF":t.variant[o]};
|
|
2231
2252
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2232
2253
|
padding: 6px 17px;
|
|
@@ -2253,7 +2274,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2253
2274
|
* {
|
|
2254
2275
|
outline: none;
|
|
2255
2276
|
}
|
|
2256
|
-
`,
|
|
2277
|
+
`,Yr=({block:e,style:o,variant:r,bgVariant:l,disabled:i,...n})=>(d(),t.createElement(Nr,w({block:e,variant:r,bgVariant:l,type:"button",style:o,disabled:i},n),n.children));Yr.propTypes={variant:e.string,bgVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Nr.defaultProps={theme:M},Yr.defaultProps={theme:M,variant:"primary-2",bgVariant:"neutral-4",block:!1,disabled:!1,onClick:void 0};const Dr=s.button`
|
|
2257
2278
|
background: ${({disabled:e,theme:t})=>e?"#BBC4CF":t.bgColor};
|
|
2258
2279
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2259
2280
|
padding: 6px 17px;
|
|
@@ -2276,7 +2297,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2276
2297
|
fill: #929EAC;
|
|
2277
2298
|
}
|
|
2278
2299
|
}
|
|
2279
|
-
|
|
2300
|
+
`,$r=({block:e,style:o,variant:r,borderVariant:l,disabled:i,...n})=>(d(),t.createElement(Dr,w({block:e,variant:r,borderVariant:l,type:"button",style:o,disabled:i},n),n.children));$r.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Dr.defaultProps={theme:M},$r.defaultProps={theme:M,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const _r=s.div`
|
|
2280
2301
|
min-height: 51px;
|
|
2281
2302
|
display: flex;
|
|
2282
2303
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
@@ -2292,13 +2313,13 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2292
2313
|
}
|
|
2293
2314
|
|
|
2294
2315
|
${({headerStyles:e})=>e}
|
|
2295
|
-
`,
|
|
2316
|
+
`,el=s.div`
|
|
2296
2317
|
display: flex;
|
|
2297
2318
|
background-color: transparent;
|
|
2298
2319
|
flex-direction: column;
|
|
2299
2320
|
align-items: center;
|
|
2300
2321
|
width: 100%;
|
|
2301
|
-
`,
|
|
2322
|
+
`,tl=s.div`
|
|
2302
2323
|
display: flex;
|
|
2303
2324
|
align-items: center;
|
|
2304
2325
|
cursor: pointer;
|
|
@@ -2320,14 +2341,14 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2320
2341
|
p {
|
|
2321
2342
|
margin: 8.25px 0px;
|
|
2322
2343
|
}
|
|
2323
|
-
`,
|
|
2344
|
+
`,ol=s.div`
|
|
2324
2345
|
display: flex;
|
|
2325
2346
|
background-color: transparent;
|
|
2326
2347
|
flex-direction: column;
|
|
2327
2348
|
align-items: center;
|
|
2328
2349
|
width: 100%;
|
|
2329
2350
|
margin-top: auto;
|
|
2330
|
-
`,
|
|
2351
|
+
`,rl=s.div`
|
|
2331
2352
|
display: flex;
|
|
2332
2353
|
align-items: center;
|
|
2333
2354
|
cursor: pointer;
|
|
@@ -2349,7 +2370,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2349
2370
|
p {
|
|
2350
2371
|
margin: 8.25px 31px;
|
|
2351
2372
|
}
|
|
2352
|
-
`,
|
|
2373
|
+
`,ll=({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(el,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(tl,{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(ol,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(rl,{listElementStyle:u},f),t.createElement(rl,{onClick:()=>{}},h))})))},il=s.div`
|
|
2353
2374
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
2354
2375
|
color: ${({theme:e})=>e.bgColor};
|
|
2355
2376
|
overflow-y: auto;
|
|
@@ -2361,7 +2382,7 @@ ${({isOpen:e,forceOpen:t,inBuiltCss:o,type:r,customStylesContainerOpen:l,customS
|
|
|
2361
2382
|
@media (max-width: 980px) {
|
|
2362
2383
|
${({isOpen:e,inBuiltCss:t,type:o,customStylesContainerMobileOpen:r,customStylesContainerMobileClose:l})=>{}}
|
|
2363
2384
|
}
|
|
2364
|
-
`,
|
|
2385
|
+
`,nl=s.div`
|
|
2365
2386
|
${({inBuiltCss:e,type:t})=>ye(e,"sidebar-pusher")}
|
|
2366
2387
|
${({customStylesPusher:e})=>e}
|
|
2367
2388
|
|
|
@@ -2370,33 +2391,33 @@ ${({forceOpen:e,inBuiltCss:t,type:o,customStylesPusherOpen:r,customStylesPusherC
|
|
|
2370
2391
|
@media (max-width: 980px) {
|
|
2371
2392
|
${({inBuiltCss:e,type:t,customStylesPusherMobile:o})=>({...ye(e,"sidebar-pusher-mobile"),...o})}}
|
|
2372
2393
|
}
|
|
2373
|
-
`,
|
|
2394
|
+
`,al=({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(il,w({theme:y,inBuiltCss:I,customStyles:e,type:"sidebarContainer",onMouseEnter:()=>{p||h(!0)},onMouseLeave:()=>{h(!1),m()},forceOpen:p,isOpen:g},f),t.createElement(nl,null),f.children,b)};al.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},al.defaultProps={forceClose:()=>{},forceOpen:!1};const cl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},sl=s.div`
|
|
2374
2395
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2375
2396
|
color: ${({theme:e})=>e.bgColor};
|
|
2376
|
-
padding: ${({size:e})=>
|
|
2397
|
+
padding: ${({size:e})=>cl[e].padding};
|
|
2377
2398
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
2378
2399
|
border-radius: 42px;
|
|
2379
|
-
font-size: ${({size:e})=>
|
|
2400
|
+
font-size: ${({size:e})=>cl[e].fontSize};
|
|
2380
2401
|
font-weight: 600;
|
|
2381
2402
|
display: flex;
|
|
2382
2403
|
align-items: center;
|
|
2383
2404
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
2384
2405
|
box-sizing: border-box;
|
|
2385
2406
|
|
|
2386
|
-
`,
|
|
2407
|
+
`,dl=({block:e,style:o,variant:r,...l})=>(d(),t.createElement(sl,w({block:e,variant:r,style:o},l),l.children));dl.propTypes={variant:e.string,block:e.bool,theme:e.object},sl.defaultProps={theme:M},dl.defaultProps={theme:M,variant:"primary-1",block:!1};const pl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},ml=s.div`
|
|
2387
2408
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2388
2409
|
background: ${({theme:e})=>e.bgColor};
|
|
2389
|
-
padding: ${({size:e})=>
|
|
2410
|
+
padding: ${({size:e})=>pl[e].padding};
|
|
2390
2411
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
2391
2412
|
border-radius: 42px;
|
|
2392
|
-
font-size: ${({size:e})=>
|
|
2413
|
+
font-size: ${({size:e})=>pl[e].fontSize};
|
|
2393
2414
|
font-weight: 600;
|
|
2394
2415
|
display: flex;
|
|
2395
2416
|
align-items: center;
|
|
2396
2417
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
2397
2418
|
box-sizing: border-box;
|
|
2398
2419
|
|
|
2399
|
-
`,
|
|
2420
|
+
`,ul=({block:e,style:o,variant:r,...l})=>(d(),t.createElement(ml,w({block:e,variant:r,style:o},l),l.children));ul.propTypes={variant:e.string,block:e.bool,theme:e.object},ml.defaultProps={theme:M},ul.defaultProps={theme:M,variant:"primary-1",block:!1};const gl={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},bl=s.div`
|
|
2400
2421
|
background: ${({theme:e,variant:t,bgColor:o})=>o||e.variant[t]};
|
|
2401
2422
|
color: ${({theme:e,textColor:t})=>t||e.bgColor};
|
|
2402
2423
|
border-radius: 13.5px;
|
|
@@ -2404,11 +2425,11 @@ font-size: 14px;
|
|
|
2404
2425
|
display: flex;
|
|
2405
2426
|
align-items: center;
|
|
2406
2427
|
justify-content: center;
|
|
2407
|
-
width: ${({block:e,size:t})=>e?"auto":
|
|
2428
|
+
width: ${({block:e,size:t})=>e?"auto":gl[t].width};
|
|
2408
2429
|
height: 28px;
|
|
2409
2430
|
box-sizing: border-box;
|
|
2410
2431
|
overflow: hidden;
|
|
2411
|
-
`,
|
|
2432
|
+
`,fl=({block:e,style:o,variant:r,textColor:l,bgColor:i,...n})=>(d(),t.createElement(bl,w({block:e,variant:r,textColor:l,bgColor:i,style:o},n),n.children));fl.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,bgColor:e.string},bl.defaultProps={theme:M},fl.defaultProps={theme:M,variant:"primary-1",block:!1,size:"sm"};const hl={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},yl=s.div`
|
|
2412
2433
|
background: ${({theme:e})=>e.bgColor};
|
|
2413
2434
|
color: ${({theme:e,variant:t,textColor:o})=>o||e.variant[t]};
|
|
2414
2435
|
border: 1px solid ${({theme:e,variant:t,borderColor:o})=>o||e.variant[t]};
|
|
@@ -2417,11 +2438,11 @@ font-size: 14px;
|
|
|
2417
2438
|
display: flex;
|
|
2418
2439
|
align-items: center;
|
|
2419
2440
|
justify-content: center;
|
|
2420
|
-
width: ${({block:e,size:t})=>e?"auto":
|
|
2441
|
+
width: ${({block:e,size:t})=>e?"auto":hl[t].width};
|
|
2421
2442
|
height: 27px;
|
|
2422
2443
|
box-sizing: border-box;
|
|
2423
2444
|
overflow: hidden;
|
|
2424
|
-
`,
|
|
2445
|
+
`,xl=({block:e,style:o,variant:r,textColor:l,borderColor:i,...n})=>(d(),t.createElement(yl,w({block:e,variant:r,textColor:l,borderColor:i,style:o},n),n.children));xl.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,borderColor:e.string},yl.defaultProps={theme:M},xl.defaultProps={theme:M,variant:"primary-1",block:!1,size:"sm"};const Al=s.div`
|
|
2425
2446
|
background-color: ${({theme:e})=>e.bgColor};
|
|
2426
2447
|
border: 1px solid ${({theme:e})=>e.bgColor};
|
|
2427
2448
|
color: ${({theme:e})=>e.black},
|
|
@@ -2474,7 +2495,7 @@ overflow: hidden;
|
|
|
2474
2495
|
border-color: transparent transparent transparent ${({theme:e})=>e.bgColor};
|
|
2475
2496
|
${({inBuiltCss:e,type:t,customStylesTPAleftAfter:o,theme:r})=>{if(e){let t={};if(e["tp-cont-left-arrow-before"]){for(const o in e.common)t[o]=e.common[o];for(const o in e["tp-cont-left-arrow-after"])t[o]=e["tp-cont-left-arrow-after"][o],delete e.common[o]}let l=o||{borderColor:`transparent transparent transparent ${r.primary["primary-1"]} `};return{...t,...l}}}}
|
|
2476
2497
|
}
|
|
2477
|
-
`,
|
|
2498
|
+
`,vl=s.div`
|
|
2478
2499
|
|
|
2479
2500
|
${({inBuiltCss:e,type:t,customStylesTPArrow:o})=>{if(e){let t={};if(e["tooltip-arrow"]){for(const o in e.common)t[o]=e.common[o];for(const o in e["tooltip-arrow"])t[o]=e["tooltip-arrow"][o],delete e.common[o]}return{...t,...o}}}}
|
|
2480
2501
|
|
|
@@ -2486,24 +2507,24 @@ overflow: hidden;
|
|
|
2486
2507
|
&::after{
|
|
2487
2508
|
${({inBuiltCss:e,type:t,customStylesTPAafter:o})=>{if(e){let t={};if(e["tooltip-arrow-after"]){for(const o in e.common)t[o]=e.common[o];for(const o in e["tooltip-arrow-after"])t[o]=e["tooltip-arrow-after"][o],delete e.common[o]}return{...t,...o}}}}
|
|
2488
2509
|
}
|
|
2489
|
-
`,
|
|
2510
|
+
`,Cl=s.div`
|
|
2490
2511
|
|
|
2491
2512
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
2492
2513
|
${({inBuiltCss:e,defaultTooltipContentStyle:t})=>ye(e,t)}
|
|
2493
2514
|
// custom styles
|
|
2494
2515
|
${({customContentStyle:e})=>e}
|
|
2495
|
-
`,
|
|
2516
|
+
`,wl=s.div`
|
|
2496
2517
|
${({inBuiltCss:e,defaultTooltipHeaderStyle:t})=>ye(e,t)}
|
|
2497
2518
|
// custom styles
|
|
2498
2519
|
${({customHeaderStyle:e})=>e}
|
|
2499
|
-
`,
|
|
2520
|
+
`,Sl=s.div`
|
|
2500
2521
|
${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>ye(e,t)}
|
|
2501
2522
|
// custom styles
|
|
2502
2523
|
${({customBodyStyle:e})=>e}
|
|
2503
|
-
`,
|
|
2504
|
-
`,
|
|
2524
|
+
`,El=s.div`
|
|
2525
|
+
`,kl=({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(Al,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(vl,w({inBuiltCss:I},q({className:"tooltip-arrow"}),{customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:S})),t.createElement(Cl,w({defaultTooltipContentStyle:"popOver-Content",theme:P,inBuiltCss:I},R,{customContentStyle:k}),t.createElement(wl,w({defaultTooltipHeaderStyle:"popOver-header",theme:P,inBuiltCss:I},R,{customHeaderStyle:z}),B),t.createElement(Sl,w({defaultTooltipBodyStyle:"popOver-body",theme:P,inBuiltCss:I},R,{customBodyStyle:V}),r),t.createElement(El,null,W))))};kl.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},kl.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"",footerTooltip:"",customStylesTPContainer:{border:"none"}};const zl={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},Vl=s.div`
|
|
2505
2526
|
color: ${({theme:e,text:t})=>t?e.variant[t]:e.textColor};
|
|
2506
2527
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
2507
|
-
font-size: ${({size:e})=>
|
|
2508
|
-
line-height: ${({size:e})=>
|
|
2509
|
-
`,
|
|
2528
|
+
font-size: ${({size:e})=>zl[e].fontSize};
|
|
2529
|
+
line-height: ${({size:e})=>zl[e].lineHeight};
|
|
2530
|
+
`,Ml=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(Vl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(rr,{theme:n}),o)};Ml.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Ml.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,dr as ButtonPopup,W as Card,P as CardRef,Ct as CheckBoxInput,Et as ColorInput,Re as Content,Yr as DarkSecondaryLink,Pt as DateSelect,_e as Divider,j as DocumentCard,tt as Drawer,jt as DropdownSelect,Nt as DropzoneInput,ot as ErrorBoundary,it as FilterChip,at as Footer,mt as FooterContent,tr as FormComponent,Ue as FormContainer,De as FormWrapper,nr as GroupAvatars,gr as GroupButtons,yr as GroupButtonsPopup,Sr as GroupStatusCircle,gt as Header,er as HeaderComponent,zr as HyperLink,X as Icon,$ as Image,ft as Label,$r as LightSecondaryLink,Ce as Loader,Lr as ModalComp,Ne as MultiColumnDiv,Ke as MultiColumnWrapper,ll as Navbar,to as NumericInput,Hr as Overlay,Oe as OverlayOptionContainer,Ze as OverlayOptionItemLabel,Pe as PageContent,jr as Pagination,no as PasswordInput,ke as PrimaryButton,dl as PrimaryStatusChip,Or as ProgressBar,Kr as ProgressSteps,uo as RadioInput,Do as Rating,xo as SearchInput,Me as SecondaryButton,ul as SecondaryStatusChip,al as Sidebar,ko as SignatureInput,fl as SlimPrimaryStatusChip,xl as SlimSecondaryStatusChip,Ar 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,or as SubmitComponent,_o as Table,Wo as TextArea,yo as TextInput,jo as TimeInput,We as TinyButton,Zo as ToggleSwitch,kl as Tooltip,Ml as Typography,V as graphColor,xe as hexToRGB,k as neutralColor,S as primaryColor,z as shadeColor,E as uiColor};
|