groundfloor-react-ui 1.2.97 → 1.2.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +28 -31
- package/dist/index.js +6 -9
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as i,useEffect as r,createRef as a,Component as n,Fragment as c,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as b,css as u,keyframes as g,createGlobalStyle as f}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as y}from"react-popper-tooltip";import x from"react-phone-input-2";import C from"dayjs";import"dayjs/locale/es";import v from"react-datepicker";import A,{components as w}from"react-select";import S from"react-select/async";import k from"react-signature-pad-wrapper";import E from"react-data-table-component";import V from"react-modal";import{createPortal as M}from"react-dom";function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var o in l)Object.prototype.hasOwnProperty.call(l,o)&&(e[o]=l[o])}return e},z.apply(this,arguments)}const B={"primary-1":"#2A50FD","primary-2":"#081348"},L={error:"#DD0000",success:"#00B904 "},H={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},I={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},W={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},P={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:H["neutral-3"]},R={primary:{...B},ui:{...L},neutral:{...H},shade:{...I},graph:{...W},additional:{...P},variant:{...B,...L,...H,...I,...W,...P}},T={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${R.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},"progressBar-label":{display:"block","margin-bottom":"8px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.neutral["neutral-2"]}`},spinner:{"background-color":`${R.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"auto",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"12px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"16px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"18px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"16px","font-size":"16px"},avatarNameLG:{"margin-left":"16px","font-size":"16px"},"textbox-wrapper":{"border-radius":"4px",padding:"5.5px 7px",display:"flex","align-items":"center","line-height":".5rem",position:"relative"},"input-wrapper":{border:"0",outline:"0",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:`${R.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.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:`${R.variant["neutral-5"]}`,borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${R.variant["neutral-5"]}`,borderTop:`1px solid ${R.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:`${R.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px solid ${R.variant["neutral-5"]}`,borderBottom:`1px solid ${R.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${R.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":"56px","margin-left":"48px","font-size":"16px","background-color":`${R.additional.white}`,"border-bottom":`0.5px solid ${R.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"8px","padding-bottom":0,color:`${R.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"48px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${R.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${R.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${R.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${R.variant["neutral-2"]}`},"toggle-switch-wrapper":{display:"inline-flex","align-items":"center",width:"fit-content"},"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:` ${R.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${R.textColor}`,"background-color":`${R.additional.white}`,"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:`${R.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:`${R.textColor}`,"background-color":`${R.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${R.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${R.additional.white}`,"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":"flex-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:`${R.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"white","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"56px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${R.additional.white}`,"border-radius":"3.6px",border:`1px solid ${R.additional.white}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${R.additional.white} `,"border-radius":"3.6px",border:`1px solid ${R.additional.white} `,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${R.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${R.variant["neutral-1"]} `,color:`${R.additional.white} `,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"background-color":"#2e56f4",position:"fixed",color:"white",display:"flex","flex-direction":"column","z-index":"999999"},"sidebar-container-open":{width:"256px"},"sidebar-container-close":{width:"48px"},"sidebar-container-mobile-open":{width:"256px","z-index":"9999999"},"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",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 !important",width:"24px !important",height:"24px !important",cursor:"pointer"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},F=(e,t)=>{if(e){let l={};if(e[t]){for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const t in e.common)l[t]=e.common[t]}return l}};function j(e,t){var l=parseInt(e.slice(1,3),16),o=parseInt(e.slice(3,5),16),i=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+o+", "+i+", "+t+")":"rgb("+l+", "+o+", "+i+")"}j("#FF0000",.5);const q=m.div`
|
|
1
|
+
import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as i,useEffect as r,createRef as a,Component as n,Fragment as c,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as b,css as u,keyframes as g,createGlobalStyle as f}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as y}from"react-popper-tooltip";import x from"react-phone-input-2";import C from"dayjs";import"dayjs/locale/es";import v from"react-datepicker";import A,{components as w}from"react-select";import S from"react-select/async";import k from"react-signature-pad-wrapper";import E from"react-data-table-component";import V from"react-modal";import{createPortal as M}from"react-dom";function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var o in l)Object.prototype.hasOwnProperty.call(l,o)&&(e[o]=l[o])}return e},z.apply(this,arguments)}const B={"primary-1":"#2A50FD","primary-2":"#081348"},L={error:"#DD0000",success:"#00B904 "},I={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},H={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},W={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},P={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:I["neutral-3"]},R={primary:{...B},ui:{...L},neutral:{...I},shade:{...H},graph:{...W},additional:{...P},variant:{...B,...L,...I,...H,...W,...P}},T={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${R.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},"progressBar-label":{display:"block","margin-bottom":"8px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.neutral["neutral-2"]}`},spinner:{"background-color":`${R.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"auto",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"12px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"16px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"18px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"16px","font-size":"16px"},avatarNameLG:{"margin-left":"16px","font-size":"16px"},"textbox-wrapper":{"border-radius":"4px",padding:"5.5px 7px",display:"flex","align-items":"center","line-height":".5rem",position:"relative"},"input-wrapper":{border:"0",outline:"0",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:`${R.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.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:`${R.variant["neutral-5"]}`,borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${R.variant["neutral-5"]}`,borderTop:`1px solid ${R.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:`${R.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px solid ${R.variant["neutral-5"]}`,borderBottom:`1px solid ${R.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${R.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":"56px","margin-left":"48px","font-size":"16px","background-color":`${R.additional.white}`,"border-bottom":`0.5px solid ${R.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"8px","padding-bottom":0,color:`${R.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"48px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${R.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${R.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${R.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${R.variant["neutral-2"]}`},"toggle-switch-wrapper":{display:"inline-flex","align-items":"center",width:"fit-content"},"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:` ${R.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${R.textColor}`,"background-color":`${R.additional.white}`,"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:`${R.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:`${R.textColor}`,"background-color":`${R.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${R.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${R.additional.white}`,"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":"flex-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:`${R.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"white","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"56px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${R.additional.white}`,"border-radius":"3.6px",border:`1px solid ${R.additional.white}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${R.additional.white} `,"border-radius":"3.6px",border:`1px solid ${R.additional.white} `,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${R.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${R.variant["neutral-1"]} `,color:`${R.additional.white} `,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"background-color":"#2e56f4",position:"fixed",color:"white",display:"flex","flex-direction":"column","z-index":"999999"},"sidebar-container-open":{width:"256px"},"sidebar-container-close":{width:"48px"},"sidebar-container-mobile-open":{width:"256px","z-index":"9999999"},"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",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 !important",width:"24px !important",height:"24px !important",cursor:"pointer"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},F=(e,t)=>{if(e){let l={};if(e[t]){for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const t in e.common)l[t]=e.common[t]}return l}};function j(e,t){var l=parseInt(e.slice(1,3),16),o=parseInt(e.slice(3,5),16),i=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+o+", "+i+", "+t+")":"rgb("+l+", "+o+", "+i+")"}j("#FF0000",.5);const q=m.div`
|
|
2
2
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
3
3
|
padding-top: 24px;
|
|
4
4
|
padding-bottom: 24px;
|
|
@@ -138,7 +138,7 @@ import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as i,us
|
|
|
138
138
|
|
|
139
139
|
// custom styles
|
|
140
140
|
${({customWrapperStyles:e})=>e}
|
|
141
|
-
`,ee=({customStylesAccordionContainer:e,customStylesAccordionToggle:l,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,toggleState:m,contentIsOpen:u,id:g,customWrapperStyles:f,setContentIsOpen:h,showIconInfo:y,...x})=>{const C=o(null),v=b()||R,[A,w]=i(!1);return r((()=>{w(u)}),[u]),t.createElement(Z,z({customStyles:e,type:"accordionContainer"},x,{header:t.createElement(Z,z({customStyles:{borderRadius:A?"5px 5px 0 0":"5px",...l},type:"accordionToggle"},x,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;h(!A),w(!A)},header:p,content:t.createElement(_,{theme:v,customWrapperStyles:f},y&&t.createElement("span",null,A?"Click to hide":"Click to open"),t.createElement("div",{style:c&&A?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement($,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(O,z({customStyles:n,type:"accordionContent",ref:C},x,{style:A?{height:"auto"}:{height:"0px",border:"none"},id:g,content:d}))}))};ee.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionToggle: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,customWrapperStyles:e.object,showIconInfo:e.bool},ee.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${R.additional.border}`,color:`${R.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${R.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const te=({customStylesAccordionContainer:e,customStylesAccordionToggle:l,customStylesAccordionContent:o,toggleIconAnimation:a,content:n,contentToggle:c,isSelected:s,isAccordionOpen:d,id:p,customSelectCardColor:m,showIcon:u,underMaintenance:g})=>{const[f,h]=i(!1),[y,x]=i({}),[C,v]=i({}),A=b()||R;return r((()=>{s?(x((e=>({...e,backgroundColor:m||A.variant["primary-1"]}))),v((e=>({...e,backgroundColor:m||A.variant["primary-1"]})))):(x({}),v({}))}),[s]),r((()=>{h(!(!d||g))}),[d]),t.createElement(Z,{customStyles:{...e,...y},header:t.createElement(Z,{customStyles:{...l,...C},onClick:()=>{!g&&h(!f)},header:u?t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},c,t.createElement($,{icon:"chevron-down",color:"white",size:10,customstyles:a&&f?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):c}),content:t.createElement(Z,{customStyles:o,style:f?{height:"auto"}:{height:"0px",borderBottom:"none"},id:p,content:n})})};te.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionToggle:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,content:e.any,contentToggle:e.any,id:e.string,showIcon:e.bool,underMaintenance:e.bool},te.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const le=m.div`
|
|
141
|
+
`,ee=({customStylesAccordionContainer:e,customStylesAccordionToggle:l,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,toggleState:m,contentIsOpen:u,id:g,customWrapperStyles:f,setContentIsOpen:h,showIconInfo:y,...x})=>{const C=o(null),v=b()||R,[A,w]=i(!1);return r((()=>{w(u)}),[u]),t.createElement(Z,z({customStyles:e,type:"accordionContainer"},x,{header:t.createElement(Z,z({customStyles:{borderRadius:A?"5px 5px 0 0":"5px",...l},type:"accordionToggle"},x,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;h(!A),w(!A)},header:p,content:t.createElement(_,{theme:v,customWrapperStyles:f},y&&t.createElement("span",null,A?"Click to hide":"Click to open"),t.createElement("div",{style:c&&A?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement($,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(O,z({customStyles:n,type:"accordionContent",ref:C},x,{style:A?{height:"auto"}:{height:"0px",border:"none"},id:g,content:A?d:null}))}))};ee.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionToggle: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,customWrapperStyles:e.object,showIconInfo:e.bool},ee.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${R.additional.border}`,color:`${R.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${R.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const te=({customStylesAccordionContainer:e,customStylesAccordionToggle:l,customStylesAccordionContent:o,toggleIconAnimation:a,content:n,contentToggle:c,isSelected:s,isAccordionOpen:d,id:p,customSelectCardColor:m,showIcon:u,underMaintenance:g})=>{const[f,h]=i(!1),[y,x]=i({}),[C,v]=i({}),A=b()||R;return r((()=>{s?(x((e=>({...e,backgroundColor:m||A.variant["primary-1"]}))),v((e=>({...e,backgroundColor:m||A.variant["primary-1"]})))):(x({}),v({}))}),[s]),r((()=>{h(!(!d||g))}),[d]),t.createElement(Z,{customStyles:{...e,...y},header:t.createElement(Z,{customStyles:{...l,...C},onClick:()=>{!g&&h(!f)},header:u?t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},c,t.createElement($,{icon:"chevron-down",color:"white",size:10,customstyles:a&&f?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):c}),content:t.createElement(Z,{customStyles:o,style:f?{height:"auto"}:{height:"0px",borderBottom:"none"},id:p,content:f?n:null})})};te.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionToggle:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,content:e.any,contentToggle:e.any,id:e.string,showIcon:e.bool,underMaintenance:e.bool},te.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const le=m.div`
|
|
142
142
|
display: ${({alertIsOpen:e})=>e?"block":"none"};
|
|
143
143
|
background-color: ${({theme:e})=>j(e.variant["graph-4"],.05)};
|
|
144
144
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -531,13 +531,13 @@ width: ${({size:e})=>e+"px"};
|
|
|
531
531
|
animation: ${ze} 1s linear infinite;
|
|
532
532
|
|
|
533
533
|
${({customStyles:e})=>e}
|
|
534
|
-
`,Le=({size:e,thickness:l,customStyles:o})=>{const i=b()||R;return t.createElement(Be,{theme:i,size:e,thickness:l,customStyles:o})};Le.propTypes={size:e.number,thickness:e.number,customStyles:e.object},Le.defaultProps={size:20,thickness:3,customStyles:null};const
|
|
534
|
+
`,Le=({size:e,thickness:l,customStyles:o})=>{const i=b()||R;return t.createElement(Be,{theme:i,size:e,thickness:l,customStyles:o})};Le.propTypes={size:e.number,thickness:e.number,customStyles:e.object},Le.defaultProps={size:20,thickness:3,customStyles:null};const Ie={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},He=m.button`
|
|
535
535
|
background: transparent;
|
|
536
536
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
537
|
-
padding: ${({size:e})=>
|
|
537
|
+
padding: ${({size:e})=>Ie[e].padding};
|
|
538
538
|
border: none;
|
|
539
539
|
border-radius: 5px;
|
|
540
|
-
font-size: ${({size:e})=>
|
|
540
|
+
font-size: ${({size:e})=>Ie[e].fontSize};
|
|
541
541
|
display: flex;
|
|
542
542
|
align-items: center;
|
|
543
543
|
width: ${({block:e})=>e?"100%":"auto"};
|
|
@@ -557,7 +557,7 @@ ${({customStyles:e})=>e}
|
|
|
557
557
|
|
|
558
558
|
// custom styles
|
|
559
559
|
${({btnStyle:e})=>e}
|
|
560
|
-
`,We=({btnStyle:e,block:l,size:o,style:i,disabled:r,isLoading:a,type:n,id:c,...s})=>{const d=b()||R;return t.createElement(
|
|
560
|
+
`,We=({btnStyle:e,block:l,size:o,style:i,disabled:r,isLoading:a,type:n,id:c,...s})=>{const d=b()||R;return t.createElement(He,z({id:c,block:l,defaultStyle:"button",type:n,style:i,size:o,theme:d,disabled:r,btnStyle:e},s),a&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(Me,{customStyles:{"background-color":d.additional.white},size:16})),s.children)};We.propTypes={disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,isLoading:e.bool,onClick:e.func,type:e.string,btnStyle:e.object,id:e.string},We.defaultProps={block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const Pe={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},Re=m.button`
|
|
561
561
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
562
562
|
color: ${({theme:e})=>e.additional.white};
|
|
563
563
|
padding: ${({size:e})=>Pe[e].padding};
|
|
@@ -704,7 +704,7 @@ ${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>F(e,t)}
|
|
|
704
704
|
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>F(e,t)}
|
|
705
705
|
// custom styles
|
|
706
706
|
${({customTriggerStyle:e})=>e}
|
|
707
|
-
`,Qe=({inBuiltCss:e,contentTrigger:l,contentTooltip:o,popperOptionsP:i,settings:r,customStylesTPContainer:a,customStylesTPAbottom:n,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:C,customStylesTPArrow:v,customStylesTPAbefore:A,customStylesTPAafter:w,customTooltipContentStyle:S,customContentStyle:k,customHeaderStyle:E,customBodyStyle:V,customTriggerStyle:M,headerTooltip:B,footerTooltip:L,...
|
|
707
|
+
`,Qe=({inBuiltCss:e,contentTrigger:l,contentTooltip:o,popperOptionsP:i,settings:r,customStylesTPContainer:a,customStylesTPAbottom:n,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:C,customStylesTPArrow:v,customStylesTPAbefore:A,customStylesTPAafter:w,customTooltipContentStyle:S,customContentStyle:k,customHeaderStyle:E,customBodyStyle:V,customTriggerStyle:M,headerTooltip:B,footerTooltip:L,...I})=>{const H=b()||R,W={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...i},{getArrowProps:P,getTooltipProps:F,setTooltipRef:j,setTriggerRef:q,visible:Z}=y({interactive:!0,...r},W);return t.createElement(t.Fragment,null,t.createElement(Ne,{ref:q,inBuiltCss:T,customTriggerStyle:M,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},l),Z&&t.createElement(Oe,z({inBuiltCss:T,theme:H,ref:j},F({className:"tooltip-container"}),{customStylesTPContainer:a,customStylesTPAbottom:n,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:C}),t.createElement(Ge,z({inBuiltCss:T},P({className:"tooltip-arrow"}),{customStylesTPArrow:v,customStylesTPAbefore:A,customStylesTPAafter:w})),t.createElement(Xe,z({defaultTooltipContentStyle:"popOver-Content",theme:H,inBuiltCss:T},I,{customContentStyle:k}),t.createElement(Je,z({defaultTooltipHeaderStyle:"popOver-header",theme:H,inBuiltCss:T},I,{customHeaderStyle:E}),B),t.createElement(Ue,z({defaultTooltipBodyStyle:"popOver-body",theme:H,inBuiltCss:T},I,{customBodyStyle:V}),o),t.createElement(Ye,null,L))))};Qe.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings:e.object,customContentStyle: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,customTriggerStyle:e.object},Qe.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"",contentTooltip:"",footerTooltip:t.createElement(qe,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Ke=m.div`
|
|
708
708
|
background: transparent;
|
|
709
709
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
710
710
|
font-size: ${({isPrimary:e})=>e?"16px":"14px"};
|
|
@@ -1200,7 +1200,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1200
1200
|
cursor: pointer;
|
|
1201
1201
|
`,Lt=m.div`
|
|
1202
1202
|
width: 100%;
|
|
1203
|
-
`,
|
|
1203
|
+
`,It=m.button`
|
|
1204
1204
|
background-color: ${({theme:e,disabled:t})=>t?e.variant["secondary-5"]:e.additional.white};
|
|
1205
1205
|
padding: 5.5px 12px;
|
|
1206
1206
|
padding-right: 7px;
|
|
@@ -1220,14 +1220,14 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1220
1220
|
|
|
1221
1221
|
// custom styles
|
|
1222
1222
|
${({timeBtnStyle:e})=>e};
|
|
1223
|
-
`,
|
|
1223
|
+
`,Ht=m.span`
|
|
1224
1224
|
margin-top: -1px;
|
|
1225
1225
|
margin-left: 7px;
|
|
1226
1226
|
float: right;
|
|
1227
1227
|
|
|
1228
1228
|
// custom styles
|
|
1229
1229
|
${({customIconContainerStyle:e})=>e};
|
|
1230
|
-
`,Wt=["January","February","March","April","May","June","July","August","September","October","November","December"],Pt=({selectedDate:e,setSelectedDate:l,disabled:a,startYear:n,endYearRange:c,format:s,customIconContainerStyle:d,placeHolder:p,value:m,timeBtnStyle:u,onClick:g,onChange:f,wrapperStyle:h,iconProps:y,labelProps:x,...A})=>{const w=b()||R;let S=[],k=c||10;for(let e=n||(new Date).getFullYear();e<=(new Date).getFullYear()+k;e++)S.push(e);const E=o(null),V=o(null),[M,B]=i(!1),[L,
|
|
1230
|
+
`,Wt=["January","February","March","April","May","June","July","August","September","October","November","December"],Pt=({selectedDate:e,setSelectedDate:l,disabled:a,startYear:n,endYearRange:c,format:s,customIconContainerStyle:d,placeHolder:p,value:m,timeBtnStyle:u,onClick:g,onChange:f,wrapperStyle:h,iconProps:y,labelProps:x,...A})=>{const w=b()||R;let S=[],k=c||10;for(let e=n||(new Date).getFullYear();e<=(new Date).getFullYear()+k;e++)S.push(e);const E=o(null),V=o(null),[M,B]=i(!1),[L,I]=i(!1),[H,W]=i(!1),[P,T]=i(!1),[F,j]=i(e.getFullYear()),[q,Z]=i(Wt[e.getMonth()]);r((()=>{Z(Wt[e.getMonth()]),j(e.getFullYear())}),[e]),r((()=>(D(document,"click","add",O(E,(()=>B(!1)))),D(document,"click","add",O(V,(()=>I(!1)))),()=>{D(document,"click","remove",O(E,(()=>B(!1)))),D(document,"click","remove",O(V,(()=>I(!1))))})),[]);const D=(e,t,l,o,i)=>{"add"===l?e.addEventListener(t,o,i||!1):e.removeEventListener(t,o,i||!1)},O=(e,t)=>l=>{e.current&&!e.current.contains(l.target)&&t()},G={icon:"calender",color:"black",size:"16",...y};return t.createElement(wt,z({disabled:a,theme:w},A,{wrapperStyle:h}),t.createElement(ot,z({customStyles:{marginBottom:"7px",padding:0}},x)),t.createElement(v,z({selected:m===e?e:m,useWeekdaysShort:!0,onChange:e=>{l(e),f(e)},adjustDateOnChange:!0,disabled:a,dropdownMode:"select",customInput:t.createElement(Lt,{value:m,onClick:g,placeholder:p,theme:w},t.createElement(It,z({theme:w,value:m,onClick:g,timeBtnStyle:u},A),t.createElement("div",null,m?C(m).format(s||"DD/MM/YYYY"):p||"select a date"),t.createElement(Ht,z({theme:w},A,{customIconContainerStyle:d,className:"input-icon"}),G.icon?t.createElement($,G):null))),renderCustomHeader:({date:e,changeYear:l,changeMonth:o})=>t.createElement(St,null,t.createElement("div",{style:{display:"flex"}},t.createElement(Et,{ref:E},t.createElement(Vt,{onClick:()=>{B(!M),I(!1)}},t.createElement("span",{onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),style:{color:`${H?w.variant["primary-1"]:w.additional["text-color"]}`}},Wt[e.getMonth()]),t.createElement(kt,null,t.createElement($,{icon:"triangle-down",color:H?w.variant["primary-1"]:w.additional["text-color"],size:7}))),M&&t.createElement(Mt,null,t.createElement(zt,{theme:w,onMouseEnter:()=>W(!0)},Wt.map(((e,l)=>t.createElement(Bt,{selectedMonth:q,onClick:()=>{W(!1),o(l),B(!1),Z(Wt[l])},key:Math.random()},t.createElement("span",{style:{color:`${q===e?w.variant["primary-1"]:w.additional["text-color"]}`}},e))))))),t.createElement(Et,{ref:V},t.createElement(Vt,{style:{marginLeft:"28px"},onClick:()=>{I(!L),B(!1)}},t.createElement("span",{onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),style:{color:`${P?w.variant["primary-1"]:w.additional["text-color"]}`}},e.getFullYear()),t.createElement(kt,null,t.createElement($,{icon:"triangle-down",color:P?w.variant["primary-1"]:w.additional["text-color"],size:7}))),L&&t.createElement(Mt,null,t.createElement(zt,{onMouseEnter:()=>T(!0),theme:w},S.map(((e,o)=>t.createElement(Bt,{onClick:()=>{T(!1),l(e),j(e),I(!1)},key:Math.random()+o},t.createElement("span",{style:{color:`${F===e?w.variant["primary-1"]:w.additional["text-color"]}`}},e)))))))))},A)))};Pt.propTypes={selectedDate:e.any,setSelectedDate:e.func,disabled:e.bool,startYear:e.number,endYearRange:e.number,format:e.string,placeHolder:e.string,onChange:e.func,timeBtnStyle:e.object,wrapperStyle:e.object,customIconContainerStyle:e.object,iconProps:e.object,value:e.any,onClick:e.func,labelProps:e.object},Pt.defaultProps={selectedDate:new Date,setSelectedDate:()=>{},disabled:!1,onChange:()=>{},value:"",onClick:()=>{}};const Rt=m.div`
|
|
1231
1231
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1232
1232
|
.react-datepicker__tab-loop{
|
|
1233
1233
|
position: absolute;
|
|
@@ -1350,7 +1350,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1350
1350
|
margin-top: 5px;
|
|
1351
1351
|
font-size: 10px;
|
|
1352
1352
|
}
|
|
1353
|
-
`,Ot=({defaultValue:e,onChange:l,inputType:o,onClick:r,placeHolder:a,value:n,disabled:c,startYear:s,endYearRange:d,iconProps:p,customHeaderStyle:m,timeBtnStyle:u,wrapperStyle:g,customIconContainerStyle:f,label:h,labelInline:y,labelStyle:x,required:A,errMsg:w,errMsgColor:S,isValid:k,...E})=>{const[V,M]=i(e);let B=V?new Date(V):null;for(var L=[],
|
|
1353
|
+
`,Ot=({defaultValue:e,onChange:l,inputType:o,onClick:r,placeHolder:a,value:n,disabled:c,startYear:s,endYearRange:d,iconProps:p,customHeaderStyle:m,timeBtnStyle:u,wrapperStyle:g,customIconContainerStyle:f,label:h,labelInline:y,labelStyle:x,required:A,errMsg:w,errMsgColor:S,isValid:k,...E})=>{const[V,M]=i(e);let B=V?new Date(V):null;for(var L=[],I=d||10,H=s||(new Date).getFullYear();H<=(new Date).getFullYear()+I;H++)L.push(H);let W={};switch(o){case"date":default:W.dateFormat="dd MMM, yyyy";break;case"month":W.dateFormat="MMMM yyyy",W.showMonthYearPicker=!0;break;case"year":W.dateFormat="yyyy",W.showYearPicker=!0;break;case"datetime-local":W.dateFormat="dd MMM yyyy, hh:mm a",W.showTimeSelect=!0,W.timeFormat="hh:mm a",W.timeIntervals=15,W.timeCaption="Time";break;case"time":W.showTimeSelect=!0,W.showTimeSelectOnly=!0,W.dateFormat="hh:mm a"}const P=b()||R,T={icon:"calender",color:P.variant["primary-1"],size:"16",...p};return t.createElement(Dt,z({labelInline:y,errMsgColor:S,theme:P},E),t.createElement("div",{style:{display:"flex"}},t.createElement(ot,z({customStyles:x,type:"label-text",labelInline:y,errMsg:w,text:h,style:{display:"flex",marginBottom:""+(y?"":"7px"),paddingBottom:"0px"}},E)),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${P.variant.error}`}},"*")),t.createElement(Rt,z({theme:P},E,{wrapperStyle:g,isValid:k,disabled:c}),t.createElement(v,z({selected:B,disabled:c,customInput:t.createElement(Tt,{value:n,onClick:r,placeholder:a,theme:P},t.createElement(Ft,z({theme:P,value:n,onClick:r,timeBtnStyle:u,disabled:c},E),t.createElement("div",null,n||(a||"-- : -- --")),t.createElement(qt,z({theme:P},E,{customIconContainerStyle:f,className:"input-icon"}),T.icon?t.createElement($,T):null))),onChange:e=>{M(e);var t=null;t="datetime-local"==o?C(e).format("DD MMM YYYY, hh:mm A"):"date"==o?C(e).format("DD MMM, YYYY"):"year"==o?C(e).format("YYYY"):"month"==o?C(e).format("MMMM YYYY"):"time"==o?C(e).format("hh:mm A"):C(e).format("DD MMM, YYYY"),l(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:a},W,{renderCustomHeader:({date:e,changeYear:l,decreaseMonth:i,increaseMonth:r})=>{let a=C(e).format("MMMM");return t.createElement(jt,z({theme:P},E,{inputType:o,customHeaderStyle:m}),"year"!==o?t.createElement("span",{style:{paddingLeft:"10px"},onClick:i},t.createElement($,{icon:"chevron-left",color:"white",size:16})):null,t.createElement("b",null,"year"!==o?t.createElement("span",{style:{paddingRight:"5px"}},a):null," ",t.createElement("span",{className:"calender-year"},t.createElement("select",{value:e.getFullYear(),onChange:({target:{value:e}})=>l(e)},L.map((e=>t.createElement("option",{key:e,value:e},e)))))),"year"!==o?t.createElement("span",{style:{paddingRight:"10px"},onClick:r},t.createElement($,{icon:"chevron-right",color:"white",size:16})):null)}}))),w.length>0&&t.createElement("div",{className:"err-text"},w))};Ot.propTypes={defaultValue:e.string,onChange:e.func,inputType:e.string,onClick:e.func,placeHolder:e.string,value:e.string,disabled:e.bool,startYear:e.number,endYearRange:e.number,iconProps:e.object,customHeaderStyle:e.object,timeBtnStyle:e.object,wrapperStyle:e.object,customIconContainerStyle:e.object,label:e.string,labelStyle:e.object,labelInline:e.bool,errMsg:e.string,errMsgColor:e.string,isValid:e.bool},Ot.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const Gt=m.div`
|
|
1354
1354
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"initial"} !important;
|
|
1355
1355
|
|
|
1356
1356
|
.text-main-alt {
|
|
@@ -1390,7 +1390,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1390
1390
|
margin-top: -15.5px;
|
|
1391
1391
|
cursor: pointer;
|
|
1392
1392
|
line-height: normal !important;
|
|
1393
|
-
`,Ut=({getValue:e,children:l,...o})=>{const i=e().length;return t.createElement(w.ValueContainer,z({"data-accordion":"contentClickFalse"},o),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,i>1&&t.createElement("span",{className:"text-more-alt"},"& ",i-1," more"))},Yt=({label:e,labelStyle:l,optionArr:o,selectedValue:i,setSelectedValue:r,placeHolder:a,isClearable:n,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:u,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:C,id:v,iconName:A,iconStyles:S,iconColor:k,iconSize:E,showIndicator:V,leftIcon:M,leftIconColor:B,leftIconSize:L,backgroundColor:
|
|
1393
|
+
`,Ut=({getValue:e,children:l,...o})=>{const i=e().length;return t.createElement(w.ValueContainer,z({"data-accordion":"contentClickFalse"},o),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,i>1&&t.createElement("span",{className:"text-more-alt"},"& ",i-1," more"))},Yt=({label:e,labelStyle:l,optionArr:o,selectedValue:i,setSelectedValue:r,placeHolder:a,isClearable:n,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:u,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:C,id:v,iconName:A,iconStyles:S,iconColor:k,iconSize:E,showIndicator:V,leftIcon:M,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:H,indicatorBackgroundColor:W,inputColor:P,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=b()||R,O=e=>{const l={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},o=t.createElement("div",{style:{...l,backgroundColor:e?.data?.color??D.primary["primary-1"]}},t.createElement($,{icon:"check-icon",color:"white"})),i=t.createElement("div",{style:{...l,backgroundColor:"#e0e7ff"}});return t.createElement(w.Option,e,t.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?o:i,t.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},X={control:(e,t)=>({...e,border:c?I&&c?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:H||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:W||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:d+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),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:d+"px",width:"100%",minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:d+"px",color:P||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.additional.white,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...j},J={DropdownIndicator:e=>{const l=t.createElement(w.DropdownIndicator,e,t.createElement(Jt,{"data-accordion":"contentClickFalse"},t.createElement($,{icon:A,color:k,size:E,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===V?l:null},ValueContainer:Ut,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(w.ClearIndicator,e,n?t.createElement(Jt,{onClick:()=>{u(),e.clearValue()},"data-accordion":"contentClickFalse"},t.createElement($,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:o=null}=e.selectProps.components;return t.createElement(w.MenuList,z({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&l,e.children,e.children.length&&o)},MenuListFooter:F};console.log(j,X);let U=null;switch(y){case"multiSelect":U=t.createElement(Nt,z({type:"multiSelect",MultiValue:G,Option:O,value:i,CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z));break;case"asyncSingleSelect":U=t.createElement(Qt,z({CommonRenderedComponent:J,loadOptions:p,onInputChange:m,styles:X,placeholder:a,onChange:r,isLoading:C,isDisabled:x,id:v,value:i,isClearable:n},Z));break;case"asyncMultiSelect":U=t.createElement(Qt,z({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:a,styles:X,isDisabled:x,isLoading:C,loadOptions:p,onInputChange:m,id:v,isClearable:n},Z));break;default:U=t.createElement(Nt,z({type:"singleSelect",value:{value:i?i.value:"",label:i?i.label:""},CommonRenderedComponent:J,optionArr:o,placeHolder:a,isDisabled:x,stylesComp:X,setSelectedValue:r,isLoading:C,id:v,isClearable:n},Z))}return t.createElement(Gt,{style:g,backgroundColor:I,isValid:c,fontSize:d,theme:D,isDisabled:x},e&&t.createElement(Xt,{inBuiltCss:T,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(ot,{customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!c&&q)},Nt=({type:e,Option:l,value:o,CommonRenderedComponent:i,MultiValue:r,optionArr:a,placeHolder:n,isDisabled:c,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:b,...u})=>{let g={...i};return"multiSelect"===e&&(g.MultiValue=r,g.Option=l),t.createElement(A,z({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:g,options:a,placeholder:n,isDisabled:c,value:o,styles:s,onChange:d,isLoading:p,id:m,isClearable:b,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},u))},Qt=({CommonRenderedComponent:e,MultiValue:l,Option:o,type:i,id:r,styles:a,...n})=>{let c={...e};return"asyncMultiSelect"===i&&(c.MultiValue=l,c.Option=o),t.createElement(S,z({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:c,isMulti:"asyncMultiSelect"===i,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==i,isSearchable:!0,styles:a,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},n))};Yt.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,backgroundColor:e.string,placeHolderColor:e.string,inputColor:e.string,menuListFooter:e.any,customSelectStyles:e.object},Yt.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,customSelectStyles:{}};const Kt=m.div`
|
|
1394
1394
|
//Set the styles from the default styles object
|
|
1395
1395
|
${({inBuiltCss:e,defaultStyles:t})=>F(e,t)}
|
|
1396
1396
|
|
|
@@ -1449,7 +1449,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1449
1449
|
align-items: center;
|
|
1450
1450
|
margin: 20px 0px;
|
|
1451
1451
|
font-size: 14px;
|
|
1452
|
-
`;const il=({label:e,labelStyle:l,labelInline:o,required:r,message:n,fileArr:c,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:u,customFileNameStyles:g,backgroundColor:f,singleFile:h,messageSize:y,showSupportedFormats:x,file_extensions:C,maxFilesAmount:v,minFilesAmount:A,fileSizeLimit:w,fileSizeNamingConvention:S,errorMessages:k,suggesionMessage:E,MessagelabelStyle:V,dropValid:M,setDropValid:B,errorDetails:L,setErrorDetails:
|
|
1452
|
+
`;const il=({label:e,labelStyle:l,labelInline:o,required:r,message:n,fileArr:c,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:u,customFileNameStyles:g,backgroundColor:f,singleFile:h,messageSize:y,showSupportedFormats:x,file_extensions:C,maxFilesAmount:v,minFilesAmount:A,fileSizeLimit:w,fileSizeNamingConvention:S,errorMessages:k,suggesionMessage:E,MessagelabelStyle:V,dropValid:M,setDropValid:B,errorDetails:L,setErrorDetails:I,dropzoneContent:H,dropIcon:W,iconColor:P,id:F,customTooltipContentStyle:j,customStylesTPArightBefore:q,customStylesTPArightAfter:Z,...D})=>{const O=b()||R,[G,X]=i(!1),J=a(),[U,Y]=i(M),[N,Q]=i("");let K;var _=C;let ee=new Map(_.map((e=>[e.toLowerCase(),e])));ee=Array.from(ee.values()).join(", ");var te=!1,le=x?"All file formats cannot be used with the files you provided.":"",oe="";1==h&&(A=1,v=1);var ie="Please upload (min."+A+" to max."+v+")files",re=e=>{oe="";let t=[],l=[];var o=c.length;if(o+e.length<A||o+e.length>v){var i=`Please upload (minimum ${A} to maximum ${v} files)`;oe=k?.amount,oe=void 0!==oe?oe:i}if(""==oe)for(const[o,n]of Object.entries(e)){te=!0,n.name;let e=n.size,o=n.name.split(".");o=o[o.length-1],te=_.includes(o.toLowerCase());var r=1024;("MB"===S||"GB"===S||"TB"===S)&&(r*=1024);var a=e/r;if(!1===te&&(oe=k?.format,oe=oe||le),a>w&&te){te=!1;i="Each file must be under "+w+" "+S;oe=k?.size,oe=void 0!==oe?oe:i}te?(K=URL.createObjectURL(n),n.path=K,t.push(n)):l.push(n)}return oe.length>0?(B(!1),I({valid:!1,errorMessage:oe,errorFiles:l}),Y(M),Q(oe)):(B(!0),Y(M),Q(""),I({valid:!0,errorMessage:"",errorFiles:[]})),t};function ae(e){e.preventDefault(),e.stopPropagation()}function ne(e,t){let l=[...c,...e];return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),s(l),X(!1),l}function ce(e,t){if(e instanceof File){const t=c.findIndex((t=>t.name===e.name));let l=c[t].path;URL.revokeObjectURL(l);const o=c.filter((t=>t.name!==e.name));s(o)}else!function(e,t){const l=c.filter((t=>t.name!==e.name));s(l),d(e)}(e)}const se=t.createElement("div",null,ee);return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(ot,z({customStyles:l,type:"label-text",labelInline:o,text:e,style:{display:"flex",marginBottom:`${o?0:"8px"}`,paddingBottom:"0px"}},D)),r&&t.createElement("div",{style:{marginLeft:"4px",color:`${O.variant.error}`}},"*")),t.createElement(Kt,{theme:O,inBuiltCss:T,defaultStyles:"dropzone-parent",backgroundColor:f,customDropzoneStyles:M?p:{},onDragLeave:function(e){ae(e),X(!1)},onDragOver:function(e){ae(e),X(!0)},onDrop:function(e){ae(e);const{files:t}=e.dataTransfer;var l=re(t);X(!0),D.onFilesAdded(ne(l,h))},onClick:function(){J.current.click()},hover:G,dropValid:M,fileArr:c},t.createElement(_t,z({ref:J,valid:U,dropValid:M,type:"file",id:F,multiple:!h,onChange:function(e){let{files:t}=e.target;X(!1);var l=re(t);l&&D.onFilesAdded(ne(l,h))},onClick:e=>e.target.value=null},D)),M?t.createElement(t.Fragment,null,W?t.createElement($,{icon:W,color:G?O.additional.white:P,size:24}):t.createElement($,{icon:"file-upload",color:G?O.additional.white:O.primary["primary-1"],size:24})):null,t.createElement(el,{dropValid:M,valid:U,hover:G,backgroundColor:f,customTextStyles:u,inBuiltCss:T,defaultStyles:"dropzone-text-div"},M?t.createElement(t.Fragment,null,H?t.createElement("div",{style:{color:G?O.additional.white:null}},H):t.createElement("div",null,t.createElement("span",{style:{color:G?O.additional.white:O.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:G?O.additional.white:O.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:G?O.additional.white:O.additional["text-color"]}},"drag ",h?"it":"them"," here"))):t.createElement("div",null,t.createElement("span",{style:{color:O.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:O.additional["text-color"]}},N||n)))),N===le||k.format?t.createElement("div",{style:{display:"flex"}},t.createElement(ot,z({themeColor:R,customStyles:V,type:"label-text",labelInline:o,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},D)),t.createElement(Qe,{contentTrigger:t.createElement("span",{style:{cursor:"pointer"}},"Click here to view the supported file types"),headerTooltip:"",contentTooltip:se,footerTooltip:"",popperOptionsP:{placement:"bottom"},settings:{closeOnOutsideClick:!0,trigger:"click"},customTriggerStyle:{marginTop:"8px",marginLeft:"4px",textDecoration:"underline",color:O.variant["primary-1"]},customBodyStyle:{wordWrap:"break-word"},customContentStyle:j,customStylesTPArightBefore:q,customStylesTPArightAfter:Z})):"The file size is not uploaded"===N?t.createElement(ot,z({themeColor:R,customStyles:V,type:"label-text",labelInline:o,text:ie,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},D)):"",c?.map(((e,l)=>t.createElement($t,{inBuiltCss:T,defaultStyles:"dropzone-file-div",key:`${e}-${l}`,customFileStyles:m},t.createElement(ll,null,t.createElement($,{icon:"file-icon",color:O.primary["primary-1"]})),(File,t.createElement("a",{style:{color:O.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer",download:e.name}," ",e.name)),t.createElement(ol,null,e?.otherInfo),t.createElement(tl,{key:101*Math.random()|0},t.createElement("div",{style:{marginRight:"7px"}},t.createElement($,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:O.primary["primary-1"]})),t.createElement($,{icon:"cross-icon",color:O.neutral["neutral-2"],size:13,onClick:()=>ce(e),customstyles:{cursor:"pointer"}}))))))};il.propTypes={onFilesAdded:e.func,dropValid:e.bool,setDropValid:e.func,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,maxFilesAmount:e.number,minFilesAmount:e.number,fileSizeLimit:e.number,fileSizeNamingConvention:e.string,showSupportedFormats:e.bool,file_extensions:e.array,errorMessages:e.object,suggesionMessage:e.any,MessagelabelStyle:e.object,id:e.string,dropzoneContent:e.any,dropIcon:e.string,iconColor:e.string,singleFile:e.bool,customTooltipContentStyle:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object},il.defaultProps={onFilesAdded:()=>null,dropValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},errorDetails:{},setErrorDetails:()=>{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",maxFilesAmount:5,minFilesAmount:1,fileSizeLimit:10,fileSizeNamingConvention:"MB",showSupportedFormats:!0,file_extensions:["doc","docx","jpg","JPG","pdf","png","xlsx","xlsr","xls"],errorMessages:{},MessagelabelStyle:{},suggesionMessage:"doc, docx, jpg, pdf, png, xlsx, xlsr, xls (Max 10MB)",id:"",iconColor:"black"};const rl=u`
|
|
1453
1453
|
pointer-events: none;
|
|
1454
1454
|
`,al=m.input`
|
|
1455
1455
|
background-color: transparent;
|
|
@@ -1698,7 +1698,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1698
1698
|
display: ${({inline:e})=>e?"flex":"inline-block"};
|
|
1699
1699
|
width: max-content;
|
|
1700
1700
|
margin: 0;
|
|
1701
|
-
`,Ll=({radioOuterCircleStyle:e,radioInnerCircleStyle:l,labelStyle:o,label:i,optionStyle:r,options:a,selectedCircleColor:n,selectedOptionTextColor:c,onChange:s,selected:d,width:p,height:m,inline:u,defaultBorderColor:g,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=b()||R;return t.createElement("div",null,t.createElement(ot,{customStyles:o,type:"radio-label",text:i}),t.createElement(Bl,{inline:u},a.map(((o,i)=>t.createElement(zl,{WrapperDivStyle:h,key:i+101*Math.random(),id:o.id,inline:u,onClick:()=>{!o?.disabled&&s(o.value)}},t.createElement(El,{theme:x,inBuiltCss:T,defaultBorderColor:g,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:o?.disabled?"not-allowed ":" pointer",borderColor:o?.disabled&&o?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:o.value,selected:d},t.createElement(Vl,{inBuiltCss:T,theme:x,width:p,height:m,selectedCircleColor:n,radioInnerCircleStyle:{...l,cursor:o?.disabled?"not-allowed ":" pointer",backgroundColor:o?.disabled&&o?.disabledColor?o?.disabledColor:o?.value===d?l?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:o.value,selected:d})),t.createElement(Ml,{defaultOptionColor:f,optionStyle:{...r,cursor:o?.disabled?"not-allowed ":" pointer",color:o?.disabled&&o?.disabledColor},inBuiltCss:T,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!o?.disabled&&o.value===d},o.label))))))};Ll.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},Ll.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const
|
|
1701
|
+
`,Ll=({radioOuterCircleStyle:e,radioInnerCircleStyle:l,labelStyle:o,label:i,optionStyle:r,options:a,selectedCircleColor:n,selectedOptionTextColor:c,onChange:s,selected:d,width:p,height:m,inline:u,defaultBorderColor:g,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=b()||R;return t.createElement("div",null,t.createElement(ot,{customStyles:o,type:"radio-label",text:i}),t.createElement(Bl,{inline:u},a.map(((o,i)=>t.createElement(zl,{WrapperDivStyle:h,key:i+101*Math.random(),id:o.id,inline:u,onClick:()=>{!o?.disabled&&s(o.value)}},t.createElement(El,{theme:x,inBuiltCss:T,defaultBorderColor:g,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:o?.disabled?"not-allowed ":" pointer",borderColor:o?.disabled&&o?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:o.value,selected:d},t.createElement(Vl,{inBuiltCss:T,theme:x,width:p,height:m,selectedCircleColor:n,radioInnerCircleStyle:{...l,cursor:o?.disabled?"not-allowed ":" pointer",backgroundColor:o?.disabled&&o?.disabledColor?o?.disabledColor:o?.value===d?l?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:o.value,selected:d})),t.createElement(Ml,{defaultOptionColor:f,optionStyle:{...r,cursor:o?.disabled?"not-allowed ":" pointer",color:o?.disabled&&o?.disabledColor},inBuiltCss:T,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!o?.disabled&&o.value===d},o.label))))))};Ll.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},Ll.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const Il=m.div`
|
|
1702
1702
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1703
1703
|
|
|
1704
1704
|
//Set the styles from the default styles object
|
|
@@ -1719,7 +1719,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1719
1719
|
${({textBoxStyle:e})=>e}
|
|
1720
1720
|
|
|
1721
1721
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white}
|
|
1722
|
-
`,
|
|
1722
|
+
`,Hl=m.input`
|
|
1723
1723
|
color: ${({theme:e})=>e.additional.black};
|
|
1724
1724
|
width: 85%;
|
|
1725
1725
|
white-space: nowrap;
|
|
@@ -1748,7 +1748,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1748
1748
|
margin-top: 5px;
|
|
1749
1749
|
font-size: 10px;
|
|
1750
1750
|
}
|
|
1751
|
-
`,Rl=({textBoxStyle:e,labelStyle:l,inputStyle:o,errMsg:i,required:r,label:a,labelInline:n,iconBefore:c,iconAfter:s,isValid:d,type:p,isDisabled:m,id:u,errMsgColor:g,iconAfterStyle:f,iconBeforeStyle:h,ref:y,pattern:x,iconColorOnFocus:C,...v})=>{const A=b()||R;return t.createElement(Pl,z({labelInline:n,theme:A,errMsgColor:g},v),t.createElement(ot,z({customStyles:l,type:"label-text",labelInline:n,text:a,errMsg:i,style:{display:"flex",marginBottom:`${n?0:"8px"}`,paddingBottom:"0px"},required:r},v)),t.createElement(
|
|
1751
|
+
`,Rl=({textBoxStyle:e,labelStyle:l,inputStyle:o,errMsg:i,required:r,label:a,labelInline:n,iconBefore:c,iconAfter:s,isValid:d,type:p,isDisabled:m,id:u,errMsgColor:g,iconAfterStyle:f,iconBeforeStyle:h,ref:y,pattern:x,iconColorOnFocus:C,...v})=>{const A=b()||R;return t.createElement(Pl,z({labelInline:n,theme:A,errMsgColor:g},v),t.createElement(ot,z({customStyles:l,type:"label-text",labelInline:n,text:a,errMsg:i,style:{display:"flex",marginBottom:`${n?0:"8px"}`,paddingBottom:"0px"},required:r},v)),t.createElement(Il,z({required:r,isDisabled:m,theme:A,textBoxStyle:e,isValid:d,inBuiltCss:T,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:C},v),t.createElement("div",{className:"input-icon",style:{...h}},c),t.createElement(Hl,z({inputStyle:o,type:p,theme:A,id:u,defaultInputStyle:"input-wrapper",isDisabled:m,disabled:m,ref:y,pattern:x},v)),t.createElement("div",{className:"input-icon",style:{...f}},s)),i.length>0&&t.createElement("div",{className:"err-text"},i))};Rl.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,id:e.string,errMsgColor:e.string,iconAfterStyle:e.object,iconBeforeStyle:e.object,iconColorOnFocus:e.string},Rl.defaultProps={inBuiltCss:T,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:""};const Tl=({label:e,placeholder:l,handleSearch:o,searchInput:i,customStylesForm:r,customStyleObject:a,textBoxStyle:n,id:c,...s})=>t.createElement(Rl,z({iconAfter:t.createElement($,{icon:"magnifier-icon"}),label:e,textBoxStyle:n,placeholder:l,ref:i,onChange:o,id:c},s)),Fl=m.div`
|
|
1752
1752
|
//Set the styles from the default styles object
|
|
1753
1753
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>F(e,t)}
|
|
1754
1754
|
|
|
@@ -1937,7 +1937,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1937
1937
|
margin-top: 3px;
|
|
1938
1938
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1939
1939
|
transition: 0.2s;
|
|
1940
|
-
margin-left: ${({checked:e,labelPosition:t})=>e?"
|
|
1940
|
+
margin-left: ${({checked:e,labelPosition:t})=>e?"inside"===t?"calc(100% - 18px)":"calc(100% - 20px)":"4px"};
|
|
1941
1941
|
|
|
1942
1942
|
// custom styles
|
|
1943
1943
|
${({customSwitchStyle:e})=>e}
|
|
@@ -1958,7 +1958,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1958
1958
|
color: ${({theme:e,labelPosition:t})=>"inside"===t?e.neutral["neutral-5"]:e.additional["text-color"]};
|
|
1959
1959
|
font-size: ${({labelPosition:e})=>"inside"===e?"10px":"16px"};
|
|
1960
1960
|
position: ${({labelPosition:e})=>"inside"===e?"absolute":"initial"};
|
|
1961
|
-
left: ${({checked:e})=>e?"
|
|
1961
|
+
left: ${({checked:e})=>e?"22px":"36px"};
|
|
1962
1962
|
margin-right:${({labelPosition:e})=>"inside"===e?0:"8px"};
|
|
1963
1963
|
// custom styles
|
|
1964
1964
|
${({optionStyle:e})=>e};
|
|
@@ -2188,7 +2188,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2188
2188
|
`,Lo=m.div`
|
|
2189
2189
|
margin: 10.5px 13px;
|
|
2190
2190
|
padding: 0;
|
|
2191
|
-
`,
|
|
2191
|
+
`,Io=m.div`
|
|
2192
2192
|
color: #081348;
|
|
2193
2193
|
padding: 7.7px 6.5px 7.7px 24px;
|
|
2194
2194
|
margin: 2.5px 13px;
|
|
@@ -2206,7 +2206,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2206
2206
|
background: #eaeefe;
|
|
2207
2207
|
border-radius: 5px;
|
|
2208
2208
|
}
|
|
2209
|
-
`,
|
|
2209
|
+
`,Ho=m.div`
|
|
2210
2210
|
position: relative;
|
|
2211
2211
|
display: flex;
|
|
2212
2212
|
width: 100%;
|
|
@@ -2612,7 +2612,7 @@ svg {
|
|
|
2612
2612
|
.form-check-input {
|
|
2613
2613
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
2614
2614
|
}
|
|
2615
|
-
`,Ei=({customStyles:e,inBuiltCss:l,type:o="table",sortIcon:i,data:r,tableColumns:a,progressPending:n,defaultSortFieldId:c,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:u,fixedHeader:g,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(l&&l[o]&&(x=l[o]),e)for(const t in e)x[t]=e[t];const C=b()||R,v=t.forwardRef((({onClick:e,...l},o)=>t.createElement(ki,{theme:C},t.createElement("input",z({type:"checkbox",className:"form-check-input",ref:o,onClick:e},l)))));return t.createElement(E,z({responsive:m,data:r,columns:a,noHeader:!0,highlightOnHover:!0,sortIcon:i,progressPending:n,customStyles:x,defaultSortFieldId:c,progressComponent:p||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:u,fixedHeader:g,fixedHeaderScrollHeight:f,selectableRowsComponent:v},y))};Ei.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},Ei.defaultProps={inBuiltCss:T,sortIcon:t.createElement($,{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,l)=>{},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100%"};const Vi=({title:e,subtitle:l,wrapperStyle:o,imgLink:i,imgStyle:r,iconSize:a})=>{const n=b()||R,c={fontSize:"26px",fontWeight:"bold",color:`${n.additional["text-color"]}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${n.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:o},t.createElement("div",{style:c},i?t.createElement("img",{src:i,alt:"userIcon",style:r}):t.createElement($,{icon:"user-icon",size:a,color:n.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,l)))};Vi.propTypes={size:e.number},Vi.defaultProps={iconSize:23};const Mi=({formData:e,customStyles:l,...o})=>{const i=e=>{switch(e.type){case"header":return(e=>t.createElement(c,null,t.createElement(ti,z({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(ot,z({style:{marginBottom:"8px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(Rl,z({},e,o)))(e);case"textArea":return(e=>t.createElement(Nl,z({},e,o)))(e);case"number":return(e=>t.createElement(Cl,z({},e,o)))(e);case"radio":return(e=>t.createElement(Ll,z({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(ft,z({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Yt,z({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Yt,z({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Yt,z({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Yt,z({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(Gl,z({},e,o)))(e);case"fileUpload":return(e=>t.createElement(il,z({},e,o)))(e);case"date":return(e=>t.createElement(Pt,z({},e,o)))(e);case"paginationTypeTwo":return(e=>t.createElement(hi,z({},e,o)))(e);case"toggle":return(e=>t.createElement(co,z({},e,o)))(e);case"icon":return(e=>t.createElement($,z({},e,o)))(e);case"roundedLoader":return(e=>t.createElement(Le,z({},e,o)))(e);case"alert":return(e=>t.createElement(ie,z({},e,o)))(e);case"banner":return(e=>t.createElement(Ae,z({},e,o)))(e);case"divider":return(e=>t.createElement(qo,z({},e,o)))(e);case"headerComponent":case"headerComponent":return(e=>t.createElement(Vi,z({},e,o)))(e);case"documentCard":return(e=>t.createElement(Y,z({},e,o)))(e);case"imageUploader":return(e=>t.createElement(gl,z({},e,o)))(e);case"accordion":return(e=>t.createElement(ee,z({},e,o)))(e);case"content":return(e=>t.createElement(Co,z({},e,o)))(e);case"rating":return(e=>t.createElement(Si,z({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(Te,z({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(qe,z({},e,o)))(e);case"buttonTiny":return(e=>t.createElement(De,z({},e,o)))(e);case"buttonLink":return(e=>t.createElement(We,z({},e,o)))(e);case"search":return(e=>t.createElement(Tl,z({},e,o)))(e);case"table":return(e=>t.createElement(Ei,z({},e,o)))(e);case"passwordInput":return(e=>t.createElement(kl,z({},e,o)))(e)}};return t.createElement(c,null,t.createElement(
|
|
2615
|
+
`,Ei=({customStyles:e,inBuiltCss:l,type:o="table",sortIcon:i,data:r,tableColumns:a,progressPending:n,defaultSortFieldId:c,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:u,fixedHeader:g,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(l&&l[o]&&(x=l[o]),e)for(const t in e)x[t]=e[t];const C=b()||R,v=t.forwardRef((({onClick:e,...l},o)=>t.createElement(ki,{theme:C},t.createElement("input",z({type:"checkbox",className:"form-check-input",ref:o,onClick:e},l)))));return t.createElement(E,z({responsive:m,data:r,columns:a,noHeader:!0,highlightOnHover:!0,sortIcon:i,progressPending:n,customStyles:x,defaultSortFieldId:c,progressComponent:p||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:u,fixedHeader:g,fixedHeaderScrollHeight:f,selectableRowsComponent:v},y))};Ei.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},Ei.defaultProps={inBuiltCss:T,sortIcon:t.createElement($,{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,l)=>{},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100%"};const Vi=({title:e,subtitle:l,wrapperStyle:o,imgLink:i,imgStyle:r,iconSize:a})=>{const n=b()||R,c={fontSize:"26px",fontWeight:"bold",color:`${n.additional["text-color"]}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${n.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:o},t.createElement("div",{style:c},i?t.createElement("img",{src:i,alt:"userIcon",style:r}):t.createElement($,{icon:"user-icon",size:a,color:n.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,l)))};Vi.propTypes={size:e.number},Vi.defaultProps={iconSize:23};const Mi=({formData:e,customStyles:l,...o})=>{const i=e=>{switch(e.type){case"header":return(e=>t.createElement(c,null,t.createElement(ti,z({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(ot,z({style:{marginBottom:"8px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(Rl,z({},e,o)))(e);case"textArea":return(e=>t.createElement(Nl,z({},e,o)))(e);case"number":return(e=>t.createElement(Cl,z({},e,o)))(e);case"radio":return(e=>t.createElement(Ll,z({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(ft,z({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Yt,z({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Yt,z({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Yt,z({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Yt,z({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(Gl,z({},e,o)))(e);case"fileUpload":return(e=>t.createElement(il,z({},e,o)))(e);case"date":return(e=>t.createElement(Pt,z({},e,o)))(e);case"paginationTypeTwo":return(e=>t.createElement(hi,z({},e,o)))(e);case"toggle":return(e=>t.createElement(co,z({},e,o)))(e);case"icon":return(e=>t.createElement($,z({},e,o)))(e);case"roundedLoader":return(e=>t.createElement(Le,z({},e,o)))(e);case"alert":return(e=>t.createElement(ie,z({},e,o)))(e);case"banner":return(e=>t.createElement(Ae,z({},e,o)))(e);case"divider":return(e=>t.createElement(qo,z({},e,o)))(e);case"headerComponent":case"headerComponent":return(e=>t.createElement(Vi,z({},e,o)))(e);case"documentCard":return(e=>t.createElement(Y,z({},e,o)))(e);case"imageUploader":return(e=>t.createElement(gl,z({},e,o)))(e);case"accordion":return(e=>t.createElement(ee,z({},e,o)))(e);case"content":return(e=>t.createElement(Co,z({},e,o)))(e);case"rating":return(e=>t.createElement(Si,z({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(Te,z({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(qe,z({},e,o)))(e);case"buttonTiny":return(e=>t.createElement(De,z({},e,o)))(e);case"buttonLink":return(e=>t.createElement(We,z({},e,o)))(e);case"search":return(e=>t.createElement(Tl,z({},e,o)))(e);case"table":return(e=>t.createElement(Ei,z({},e,o)))(e);case"passwordInput":return(e=>t.createElement(kl,z({},e,o)))(e)}};return t.createElement(c,null,t.createElement(Ho,{defaultThemeColor:R},t.createElement(Fo,{onSubmit:()=>{},customStyles:l},e.map(((e,l)=>e.length>1?t.createElement(Po,null,e.map(((l,o)=>t.createElement(Ro,{cols:e.length},i(l))))):i(e[0]))))))},zi=({formData:e,onSubmit:l,onReset:o,style:i,...r})=>{const a=e=>{switch(e.type){case"submit":return(e=>t.createElement(Te,{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(qe,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(c,null,t.createElement(Wo,{style:i},e&&e.map(((e,t)=>e.map(((e,t)=>a(e)))))))};const Bi=f`
|
|
2616
2616
|
@font-face {
|
|
2617
2617
|
font-family: "Averta";
|
|
2618
2618
|
font-weight: 100;
|
|
@@ -2729,12 +2729,12 @@ svg {
|
|
|
2729
2729
|
&>span:not(:first-of-type){
|
|
2730
2730
|
margin-left: -13px;
|
|
2731
2731
|
}
|
|
2732
|
-
`,
|
|
2732
|
+
`,Ii=m.p`
|
|
2733
2733
|
color: ${({theme:e,variantQty:t})=>e.variant[t]};
|
|
2734
2734
|
margin: 0;
|
|
2735
2735
|
margin-left: 7px;
|
|
2736
2736
|
font-size: 16px;
|
|
2737
|
-
`,
|
|
2737
|
+
`,Hi=({items:e,size:l,variantCircle:o,variantName:i,variantQty:r,user:a,colorCircle:n,colorBorderCircle:c,...s})=>{const d=b()||R;return t.createElement(Li,s,e?.map(((r,a)=>{let s={},p={};return s.backgroundColor=n?`${d.variant[n]}`:`${d.variant[o]}`,0!==a&&(s.border=c?`2px solid ${c}`:`2px solid ${d.variant[o]}`,p.border=c?`2px solid ${c}`:`2px solid ${d.variant[o]}`),1===e.length?t.createElement(ue,{key:r.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${d.variant[{variantName:i}]}`},size:l,toggleName:!0,user:r,customStylesCircle:s,customStylesImage:p}):a<=3?t.createElement(ue,{key:r.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${d.variant[{variantName:i}]}`},size:l,toggleName:!1,user:r,customStylesCircle:s,customStylesImage:p}):null})),e.length-4>0?t.createElement(Ii,{theme:d,variantQty:r},"+",e.length-4):null)};Hi.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},Hi.defaultProps={variantCircle:"primary-1",variantName:"primary-2",size:"MD",user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const Wi=m.div`
|
|
2738
2738
|
max-width: inherit;
|
|
2739
2739
|
width: inherit;
|
|
2740
2740
|
font-size: 14px;
|
|
@@ -3052,7 +3052,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3052
3052
|
@media (max-width: 428px) {
|
|
3053
3053
|
height: ${({toggleSideBarOpen:e})=>e?"100vh":"56px"};
|
|
3054
3054
|
}
|
|
3055
|
-
`,
|
|
3055
|
+
`,Ir={fontWeight:"600",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",margin:"0 16px "},Hr=m.div`
|
|
3056
3056
|
min-height: 56px;
|
|
3057
3057
|
display: flex;
|
|
3058
3058
|
align-items: center;
|
|
@@ -3132,7 +3132,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3132
3132
|
p {
|
|
3133
3133
|
margin: 0;
|
|
3134
3134
|
}
|
|
3135
|
-
`,Rr=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:y})=>{const x=b()||R,[C,v]=i(null),[A,w]=i(!1),[S,k]=i([]);let E=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;r((()=>{k(m.split("/"));let e=m.split("/"),t=l&&l.find((t=>e[1]===t.path.split("/")[1]));V(t),f(t?.id||null)}),[m]),r((()=>{!o&&w(!1),!o&&v(null)}),[o]);const V=e=>{e?.path===m?(g(e?.id||null),h(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>V(e)))},M=(e,l,o)=>{let i=e?.path.split("/"),r=i.length;if(e.routes&&e.routes.length>0){let a=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return t.createElement(te,{key:e?.id+l,showIcon:!!a,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`},onClick:()=>{!a&&u(e.path)}},t.createElement("span",{style:{visibility:3===r&&S[2]===i[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{style:{fontWeight:3===r&&S[2]===i[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:m.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:t.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,o+8)))),customStylesAccordionContainer:Ar,customStylesAccordionToggle:wr,customStylesAccordionContent:Sr,showIconInfo:!1,customWrapperStyles:kr})}return t.createElement(Pr,{listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path)},theme:x},t.createElement("span",{className:"selected-disk",style:{visibility:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:o-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:r>3&&m===e?.path?d?.selectedChildBG||x.additional.white:"transparent",fontWeight:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"bold":"normal",color:x.variant.white}}," ",e?.link))};return t.createElement(Lr,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(
|
|
3135
|
+
`,Rr=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:y})=>{const x=b()||R,[C,v]=i(null),[A,w]=i(!1),[S,k]=i([]);let E=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;r((()=>{k(m.split("/"));let e=m.split("/"),t=l&&l.find((t=>e[1]===t.path.split("/")[1]));V(t),f(t?.id||null)}),[m]),r((()=>{!o&&w(!1),!o&&v(null)}),[o]);const V=e=>{e?.path===m?(g(e?.id||null),h(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>V(e)))},M=(e,l,o)=>{let i=e?.path.split("/"),r=i.length;if(e.routes&&e.routes.length>0){let a=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return t.createElement(te,{key:e?.id+l,showIcon:!!a,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`},onClick:()=>{!a&&u(e.path)}},t.createElement("span",{style:{visibility:3===r&&S[2]===i[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{style:{fontWeight:3===r&&S[2]===i[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:m.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:t.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,o+8)))),customStylesAccordionContainer:Ar,customStylesAccordionToggle:wr,customStylesAccordionContent:Sr,showIconInfo:!1,customWrapperStyles:kr})}return t.createElement(Pr,{listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path)},theme:x},t.createElement("span",{className:"selected-disk",style:{visibility:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:o-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:r>3&&m===e?.path?d?.selectedChildBG||x.additional.white:"transparent",fontWeight:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"bold":"normal",color:x.variant.white}}," ",e?.link))};return t.createElement(Lr,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Hr,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Wr,{toggleSideBarOpen:o,staticLayerNo:E},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,i)=>t.createElement("div",{className:"service-layer",key:e?.value+i,onClick:()=>{v(i)},style:{backgroundColor:e?.value?.toLowerCase()===S[1]?.toLowerCase()?p:"transparent"}},"static"!==e.type.split("-")[0]?t.createElement(te,{index:i,underMaintenance:e.maintenance,isAccordionOpen:i===C||A&&e?.value?.toLowerCase()===S[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...Er,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Vr},customStylesAccordionContent:Mr,contentToggle:t.createElement(xe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...zr,color:e.maintenance?x.variant["neutral-3"]:x.variant.white},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement($,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):l.length-1===i?t.createElement($,{icon:"person",size:20,color:x.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Br},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(xe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:zr,customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement($,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:t.createElement("a",{href:e.path,target:"_blank",rel:"noreferrer",style:{color:e.maintenance?x.variant["neutral-3"]:x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Ir}},e.label)))))))},Tr=m.div`
|
|
3136
3136
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
3137
3137
|
color: ${({theme:e})=>e.additional.white};
|
|
3138
3138
|
overflow-y: hidden;
|
|
@@ -3225,16 +3225,13 @@ overflow: hidden;
|
|
|
3225
3225
|
`,ea=m.div`
|
|
3226
3226
|
font-size: 16px;
|
|
3227
3227
|
padding: 7px 20px;
|
|
3228
|
-
background-color: ${({isActive:e,activeHeaderStyle:t})=>e?j(t?.backgroundColor,t?.opacity):"transparent"};
|
|
3229
3228
|
cursor: pointer;
|
|
3230
|
-
color: ${({theme:e,isActive:t,activeHeaderStyle:l})=>t?l.color:e.variant["primary-2"]};
|
|
3231
3229
|
border-radius: 5px;
|
|
3232
|
-
font-weight: ${({isActive:e,activeHeaderStyle:t})=>e?t.fontWeight:"normal"};
|
|
3233
3230
|
|
|
3234
|
-
${({headerStyle:
|
|
3231
|
+
${({isActive:e,headerStyle:t,activeHeaderStyle:l})=>e?l:t}
|
|
3235
3232
|
`,ta=m.div`
|
|
3236
3233
|
${({tabContentStyle:e})=>e}
|
|
3237
|
-
`,la=({tabs:e,activeTab:l,setActiveTab:o,tabWrapperStyle:i,headerWrapperStyle:r,headerStyle:a,dividerProps:n,tabContentStyle:c,extraContent:s,activeHeaderStyle:d})=>{const p=b()||R;return t.createElement($r,{tabWrapperStyle:i},t.createElement(_r,{theme:p,headerWrapperStyle:r},e.map(((e,i)=>t.createElement(ea,{theme:p,onClick:()=>o(i),active:i===l,key:e?.title+i,isActive:i===l,headerStyle:a,activeHeaderStyle:d},e.title))),s),t.createElement(qo,n),e.map(((e,o)=>o===l&&t.createElement(ta,{tabContentStyle:c,key:o},e.content))))};la.propTypes={tabs:e.array,tabWrapperStyle:e.object,headerWrapperStyle:e.object,headerStyle:e.object,dividerProps:e.object,tabContentStyle:e.object,activeTab:e.number,setActiveTab:e.func,activeHeaderStyle:e.object},la.defaultProps={tabs:[],activeTab:0,tabWrapperStyle:{},headerStyle:{},tabContentStyle:{},headerWrapperStyle:{},dividerProps:{},activeHeaderStyle:{color:"
|
|
3234
|
+
`,la=({tabs:e,activeTab:l,setActiveTab:o,tabWrapperStyle:i,headerWrapperStyle:r,headerStyle:a,dividerProps:n,tabContentStyle:c,extraContent:s,activeHeaderStyle:d})=>{const p=b()||R;return t.createElement($r,{tabWrapperStyle:i},t.createElement(_r,{theme:p,headerWrapperStyle:r},e.map(((e,i)=>t.createElement(ea,{theme:p,onClick:()=>o(i),active:i===l,key:e?.title+i,isActive:i===l,headerStyle:a,activeHeaderStyle:d},e.title))),s),t.createElement(qo,n),e.map(((e,o)=>o===l&&t.createElement(ta,{tabContentStyle:c,key:o},e.content))))};la.propTypes={tabs:e.array,tabWrapperStyle:e.object,headerWrapperStyle:e.object,headerStyle:e.object,dividerProps:e.object,tabContentStyle:e.object,activeTab:e.number,setActiveTab:e.func,activeHeaderStyle:e.object},la.defaultProps={tabs:[],activeTab:0,tabWrapperStyle:{},headerStyle:{backgroundColor:"transparent",color:R.variant["primary-2"],fontWeight:"normal"},tabContentStyle:{},headerWrapperStyle:{},dividerProps:{},activeHeaderStyle:{color:R.variant["primary-1"],backgroundColor:j("#2A50FD",.05),fontWeight:"bold"}};const oa=m.div`
|
|
3238
3235
|
.notification {
|
|
3239
3236
|
background: ${({theme:e})=>e.additional.white};
|
|
3240
3237
|
transition: 0.3s ease;
|
|
@@ -3388,4 +3385,4 @@ overflow: hidden;
|
|
|
3388
3385
|
background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
|
|
3389
3386
|
font-size: ${({size:e})=>da[e].fontSize};
|
|
3390
3387
|
line-height: ${({size:e})=>da[e].lineHeight};
|
|
3391
|
-
`,ma=({size:e,children:l,bg:o,text:i,...r})=>{const a=b()||R;return t.createElement(pa,z({theme:a,bg:o,text:i,size:e},r),t.createElement(Bi,{theme:a}),l)};ma.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},ma.defaultProps={size:"md"};export{ee as Accordion,te as AccordionSB,zo as ActionContainer,
|
|
3388
|
+
`,ma=({size:e,children:l,bg:o,text:i,...r})=>{const a=b()||R;return t.createElement(pa,z({theme:a,bg:o,text:i,size:e},r),t.createElement(Bi,{theme:a}),l)};ma.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},ma.defaultProps={size:"md"};export{ee as Accordion,te as AccordionSB,zo as ActionContainer,Io as ActionItem,ie as Alert,ce as ArrowBar,ue as Avatar,xe as AvatarSB,Ae as Banner,tt as Breadcrumb,Ti as ButtonPopup,Z as Card,O as CardRef,ft as CheckBoxInput,dt as ChipsInput,xt as ColorInput,yo as Comment,Co as Content,At as CountryCodedPhoneInput,xr as DarkSecondaryLink,Pt as DateSelect,Ot as DateTime,qo as Divider,Y as DocumentCard,ke as DotPulseLoader,Do as Drawer,Yt as DropdownSelect,il as DropzoneInput,dl as EditableInput,Oo as ErrorBoundary,Jo as FilterChip,Yo as Footer,_o as FooterContent,Mi as FormComponent,Ho as FormContainer,Fo as FormWrapper,Hi as GroupAvatars,Zi as GroupButtons,Xi as GroupButtonsPopup,Ki as GroupStatusCircle,ti as Header,Vi as HeaderComponent,er as HyperLink,$ as Icon,de as Image,gl as ImageUploader,ot as Label,vr as LightSecondaryLink,We as LinkButton,Me as Loader,nr as ModalComp,Ro as MultiColumnDiv,Po as MultiColumnWrapper,Rr as Navbar,Cl as NumericInput,sr as Overlay,Bo as OverlayOptionContainer,Lo as OverlayOptionItemLabel,vo as PageContent,ni as Pagination,si as PaginationDefault,hi as PaginationTypeTwo,kl as PasswordInput,Te as PrimaryButton,Dr as PrimaryStatusChip,mr as ProgressBar,hr as ProgressSteps,Ll as RadioInput,Si as Rating,Le as RoundedLoader,Tl as SearchInput,qe as SecondaryButton,Xr as SecondaryStatusChip,jr as Sidebar,Gl as SignatureInput,Yr as SlimPrimaryStatusChip,Kr as SlimSecondaryStatusChip,Ui as StatusCircle,So as StyledCentralBar,wo as StyledClearSearch,Eo as StyledCreateRow,Vo as StyledRow,Ao as StyledRowSearch,Mo as StyledSearchRow,ko as StyledWarning,Wo as SubmitButtonContainer,zi as SubmitComponent,Ei as Table,la as Tabs,Nl as TextArea,Rl as TextInput,oo as TimeInput,De as TinyButton,ca as ToastProvider,co as ToggleSwitch,Qe as Tooltip,ma as Typography,P as additionalColors,T as defaultStyles,R as defaultThemeColor,F as getDefaultStyles,W as graphColor,j as hexToRGB,I as neutralColor,B as primaryColor,H as shadeColor,L as uiColor,sa as useToast};
|
package/dist/index.js
CHANGED
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
|
|
139
139
|
// custom styles
|
|
140
140
|
${({customWrapperStyles:e})=>e}
|
|
141
|
-
`,K=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionIcon:o,customStylesAccordionContent:r,toggleIconAnimation:i,icon:n,content:c,contentToggle:d,toggleState:s,contentIsOpen:u,id:p,customWrapperStyles:f,setContentIsOpen:m,showIconInfo:b,...h})=>{const y=t.useRef(null),x=l.useTheme()||H,[C,v]=t.useState(!1);return t.useEffect((()=>{v(u)}),[u]),g.default.createElement(F,E({customStyles:e,type:"accordionContainer"},h,{header:g.default.createElement(F,E({customStyles:{borderRadius:C?"5px 5px 0 0":"5px",...a},type:"accordionToggle"},h,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;m(!C),v(!C)},header:d,content:g.default.createElement(Q,{theme:x,customWrapperStyles:f},b&&g.default.createElement("span",null,C?"Click to hide":"Click to open"),g.default.createElement("div",{style:i&&C?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},n||g.default.createElement(N,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:g.default.createElement(q,E({customStyles:r,type:"accordionContent",ref:y},h,{style:C?{height:"auto"}:{height:"0px",border:"none"},id:p,content:c}))}))};K.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionIcon:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,icon:b.default.any,content:b.default.any,contentToggle:b.default.any,toggleState:b.default.func,id:b.default.string,customWrapperStyles:b.default.object,showIconInfo:b.default.bool},K.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${H.additional.border}`,color:`${H.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${H.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const $=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:r,content:i,contentToggle:n,isSelected:c,isAccordionOpen:d,id:s,customSelectCardColor:u,showIcon:p,underMaintenance:f})=>{const[m,b]=t.useState(!1),[h,y]=t.useState({}),[x,C]=t.useState({}),v=l.useTheme()||H;return t.useEffect((()=>{c?(y((e=>({...e,backgroundColor:u||v.variant["primary-1"]}))),C((e=>({...e,backgroundColor:u||v.variant["primary-1"]})))):(y({}),C({}))}),[c]),t.useEffect((()=>{b(!(!d||f))}),[d]),g.default.createElement(F,{customStyles:{...e,...h},header:g.default.createElement(F,{customStyles:{...a,...x},onClick:()=>{!f&&b(!m)},header:p?g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},n,g.default.createElement(N,{icon:"chevron-down",color:"white",size:10,customstyles:r&&m?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):n}),content:g.default.createElement(F,{customStyles:o,style:m?{height:"auto"}:{height:"0px",borderBottom:"none"},id:s,content:i})})};$.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,content:b.default.any,contentToggle:b.default.any,id:b.default.string,showIcon:b.default.bool,underMaintenance:b.default.bool},$.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const _=h.default.div`
|
|
141
|
+
`,K=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionIcon:o,customStylesAccordionContent:r,toggleIconAnimation:i,icon:n,content:c,contentToggle:d,toggleState:s,contentIsOpen:u,id:p,customWrapperStyles:f,setContentIsOpen:m,showIconInfo:b,...h})=>{const y=t.useRef(null),x=l.useTheme()||H,[C,v]=t.useState(!1);return t.useEffect((()=>{v(u)}),[u]),g.default.createElement(F,E({customStyles:e,type:"accordionContainer"},h,{header:g.default.createElement(F,E({customStyles:{borderRadius:C?"5px 5px 0 0":"5px",...a},type:"accordionToggle"},h,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;m(!C),v(!C)},header:d,content:g.default.createElement(Q,{theme:x,customWrapperStyles:f},b&&g.default.createElement("span",null,C?"Click to hide":"Click to open"),g.default.createElement("div",{style:i&&C?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},n||g.default.createElement(N,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:g.default.createElement(q,E({customStyles:r,type:"accordionContent",ref:y},h,{style:C?{height:"auto"}:{height:"0px",border:"none"},id:p,content:C?c:null}))}))};K.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionIcon:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,icon:b.default.any,content:b.default.any,contentToggle:b.default.any,toggleState:b.default.func,id:b.default.string,customWrapperStyles:b.default.object,showIconInfo:b.default.bool},K.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${H.additional.border}`,color:`${H.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${H.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const $=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:r,content:i,contentToggle:n,isSelected:c,isAccordionOpen:d,id:s,customSelectCardColor:u,showIcon:p,underMaintenance:f})=>{const[m,b]=t.useState(!1),[h,y]=t.useState({}),[x,C]=t.useState({}),v=l.useTheme()||H;return t.useEffect((()=>{c?(y((e=>({...e,backgroundColor:u||v.variant["primary-1"]}))),C((e=>({...e,backgroundColor:u||v.variant["primary-1"]})))):(y({}),C({}))}),[c]),t.useEffect((()=>{b(!(!d||f))}),[d]),g.default.createElement(F,{customStyles:{...e,...h},header:g.default.createElement(F,{customStyles:{...a,...x},onClick:()=>{!f&&b(!m)},header:p?g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},n,g.default.createElement(N,{icon:"chevron-down",color:"white",size:10,customstyles:r&&m?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):n}),content:g.default.createElement(F,{customStyles:o,style:m?{height:"auto"}:{height:"0px",borderBottom:"none"},id:s,content:m?i:null})})};$.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,content:b.default.any,contentToggle:b.default.any,id:b.default.string,showIcon:b.default.bool,underMaintenance:b.default.bool},$.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const _=h.default.div`
|
|
142
142
|
display: ${({alertIsOpen:e})=>e?"block":"none"};
|
|
143
143
|
background-color: ${({theme:e})=>P(e.variant["graph-4"],.05)};
|
|
144
144
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -1390,7 +1390,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1390
1390
|
margin-top: -15.5px;
|
|
1391
1391
|
cursor: pointer;
|
|
1392
1392
|
line-height: normal !important;
|
|
1393
|
-
`,Ot=({getValue:e,children:t,...l})=>{const a=e().length;return g.default.createElement(c.components.ValueContainer,E({"data-accordion":"contentClickFalse"},l),g.default.createElement("span",{"data-accordion":"contentClickFalse"}),t,a>1&&g.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Gt=({label:e,labelStyle:t,optionArr:a,selectedValue:o,setSelectedValue:r,placeHolder:i,isClearable:n,isValid:d,height:s,fontSize:u,loadOptions:p,onInputChange:f,clearSelected:m,customWrapperStyles:b,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:C,isLoading:v,id:A,iconName:w,iconStyles:S,iconColor:k,iconSize:V,showIndicator:M,leftIcon:z,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:W,indicatorBackgroundColor:P,inputColor:T,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=l.useTheme()||H,O=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=g.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??D.primary["primary-1"]}},g.default.createElement(N,{icon:"check-icon",color:"white"})),a=g.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return g.default.createElement(c.components.Option,e,g.default.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?l:a,g.default.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&g.default.createElement("span",{className:"text-main-alt-value"},l)},X={control:(e,t)=>({...e,border:d?I&&d?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:W||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:P||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:u+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),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:u+"px",width:"100%",minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:u+"px",color:T||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.additional.white,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...j},J={DropdownIndicator:e=>{const t=g.default.createElement(c.components.DropdownIndicator,e,g.default.createElement(Dt,{"data-accordion":"contentClickFalse"},g.default.createElement(N,{icon:w,color:k,size:V,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===M?t:null},ValueContainer:Ot,IndicatorSeparator:()=>null,ClearIndicator:e=>g.default.createElement(c.components.ClearIndicator,e,n?g.default.createElement(Dt,{onClick:()=>{m(),e.clearValue()},"data-accordion":"contentClickFalse"},g.default.createElement(N,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:t=null,MenuListFooter:l=null}=e.selectProps.components;return g.default.createElement(c.components.MenuList,E({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&t,e.children,e.children.length&&l)},MenuListFooter:F};let U=null;switch(x){case"multiSelect":U=g.default.createElement(Xt,E({type:"multiSelect",MultiValue:G,Option:O,value:o,CommonRenderedComponent:J,optionArr:a,placeHolder:i,isDisabled:C,stylesComp:X,setSelectedValue:r,isLoading:v,id:A,isClearable:n},Z));break;case"asyncSingleSelect":U=g.default.createElement(Jt,E({CommonRenderedComponent:J,loadOptions:p,onInputChange:f,styles:X,placeholder:i,onChange:r,isLoading:v,isDisabled:C,id:A,value:o,isClearable:n},Z));break;case"asyncMultiSelect":U=g.default.createElement(Jt,E({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:i,styles:X,isDisabled:C,isLoading:v,loadOptions:p,onInputChange:f,id:A,isClearable:n},Z));break;default:U=g.default.createElement(Xt,E({type:"singleSelect",value:{value:o?o.value:"",label:o?o.label:""},CommonRenderedComponent:J,optionArr:a,placeHolder:i,isDisabled:C,stylesComp:X,setSelectedValue:r,isLoading:v,id:A,isClearable:n},Z))}return g.default.createElement(qt,{style:b,backgroundColor:I,isValid:d,fontSize:u,theme:D,isDisabled:C},e&&g.default.createElement(Zt,{inBuiltCss:R,labelWrapperStyle:"selectComp-label-wrapper",style:h},g.default.createElement(_e,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),y&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!d&&q)},Xt=({type:e,Option:t,value:l,CommonRenderedComponent:a,MultiValue:o,optionArr:r,placeHolder:i,isDisabled:n,stylesComp:c,setSelectedValue:d,isLoading:s,id:u,isClearable:p,...f})=>{let m={...a};return"multiSelect"===e&&(m.MultiValue=o,m.Option=t),g.default.createElement(v.default,E({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:m,options:r,placeholder:i,isDisabled:n,value:l,styles:c,onChange:d,isLoading:s,id:u,isClearable:p,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},f))},Jt=({CommonRenderedComponent:e,MultiValue:t,Option:l,type:a,id:o,styles:r,...i})=>{let n={...e};return"asyncMultiSelect"===a&&(n.MultiValue=t,n.Option=l),g.default.createElement(A.default,E({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:n,isMulti:"asyncMultiSelect"===a,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==a,isSearchable:!0,styles:r,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},i))};Gt.propTypes={label:b.default.string,labelStyle:b.default.object,optionArr:b.default.array,selectedValue:b.default.object,setSelectedValue:b.default.func,placeHolder:b.default.string,fontSize:b.default.number,clearSelected:b.default.func,loadOptions:b.default.func,onInputChange:b.default.func,customWrapperStyles:b.default.object,customLabelStyles:b.default.object,isRequired:b.default.bool,dropdownType:b.default.string,isDisabled:b.default.bool,isLoading:b.default.bool,isValid:b.default.bool,height:b.default.number,isClearable:b.default.bool,id:b.default.string,iconName:b.default.string,iconColor:b.default.string,iconSize:b.default.number,leftIcon:b.default.string,leftIconColor:b.default.string,leftIconSize:b.default.number,showIndicator:b.default.bool,backgroundColor:b.default.string,placeHolderColor:b.default.string,inputColor:b.default.string,menuListFooter:b.default.any,customSelectStyles:b.default.object},Gt.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,customSelectStyles:{}};const Ut=h.default.div`
|
|
1393
|
+
`,Ot=({getValue:e,children:t,...l})=>{const a=e().length;return g.default.createElement(c.components.ValueContainer,E({"data-accordion":"contentClickFalse"},l),g.default.createElement("span",{"data-accordion":"contentClickFalse"}),t,a>1&&g.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Gt=({label:e,labelStyle:t,optionArr:a,selectedValue:o,setSelectedValue:r,placeHolder:i,isClearable:n,isValid:d,height:s,fontSize:u,loadOptions:p,onInputChange:f,clearSelected:m,customWrapperStyles:b,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:C,isLoading:v,id:A,iconName:w,iconStyles:S,iconColor:k,iconSize:V,showIndicator:M,leftIcon:z,leftIconColor:B,leftIconSize:L,backgroundColor:I,placeHolderColor:W,indicatorBackgroundColor:P,inputColor:T,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=l.useTheme()||H,O=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},l=g.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??D.primary["primary-1"]}},g.default.createElement(N,{icon:"check-icon",color:"white"})),a=g.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return g.default.createElement(c.components.Option,e,g.default.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?l:a,g.default.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&g.default.createElement("span",{className:"text-main-alt-value"},l)},X={control:(e,t)=>({...e,border:d?I&&d?"1px solid "+I:"1px solid "+D.border:"1px solid "+D.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?D.variant["neutral-5"]:I||D.additional.white}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:W||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:P||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:u+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),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:u+"px",width:"100%",minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:u+"px",color:T||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?D.neutral["neutral-5"]:D.additional.white,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...j},J={DropdownIndicator:e=>{const t=g.default.createElement(c.components.DropdownIndicator,e,g.default.createElement(Dt,{"data-accordion":"contentClickFalse"},g.default.createElement(N,{icon:w,color:k,size:V,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===M?t:null},ValueContainer:Ot,IndicatorSeparator:()=>null,ClearIndicator:e=>g.default.createElement(c.components.ClearIndicator,e,n?g.default.createElement(Dt,{onClick:()=>{m(),e.clearValue()},"data-accordion":"contentClickFalse"},g.default.createElement(N,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:t=null,MenuListFooter:l=null}=e.selectProps.components;return g.default.createElement(c.components.MenuList,E({},e,{"data-accordion":"contentClickFalse"}),e.children.length&&t,e.children,e.children.length&&l)},MenuListFooter:F};console.log(j,X);let U=null;switch(x){case"multiSelect":U=g.default.createElement(Xt,E({type:"multiSelect",MultiValue:G,Option:O,value:o,CommonRenderedComponent:J,optionArr:a,placeHolder:i,isDisabled:C,stylesComp:X,setSelectedValue:r,isLoading:v,id:A,isClearable:n},Z));break;case"asyncSingleSelect":U=g.default.createElement(Jt,E({CommonRenderedComponent:J,loadOptions:p,onInputChange:f,styles:X,placeholder:i,onChange:r,isLoading:v,isDisabled:C,id:A,value:o,isClearable:n},Z));break;case"asyncMultiSelect":U=g.default.createElement(Jt,E({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:O,onChange:r,placeholder:i,styles:X,isDisabled:C,isLoading:v,loadOptions:p,onInputChange:f,id:A,isClearable:n},Z));break;default:U=g.default.createElement(Xt,E({type:"singleSelect",value:{value:o?o.value:"",label:o?o.label:""},CommonRenderedComponent:J,optionArr:a,placeHolder:i,isDisabled:C,stylesComp:X,setSelectedValue:r,isLoading:v,id:A,isClearable:n},Z))}return g.default.createElement(qt,{style:b,backgroundColor:I,isValid:d,fontSize:u,theme:D,isDisabled:C},e&&g.default.createElement(Zt,{inBuiltCss:R,labelWrapperStyle:"selectComp-label-wrapper",style:h},g.default.createElement(_e,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),y&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${D.ui.error}`}},"*")),U,!d&&q)},Xt=({type:e,Option:t,value:l,CommonRenderedComponent:a,MultiValue:o,optionArr:r,placeHolder:i,isDisabled:n,stylesComp:c,setSelectedValue:d,isLoading:s,id:u,isClearable:p,...f})=>{let m={...a};return"multiSelect"===e&&(m.MultiValue=o,m.Option=t),g.default.createElement(v.default,E({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:m,options:r,placeholder:i,isDisabled:n,value:l,styles:c,onChange:d,isLoading:s,id:u,isClearable:p,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},f))},Jt=({CommonRenderedComponent:e,MultiValue:t,Option:l,type:a,id:o,styles:r,...i})=>{let n={...e};return"asyncMultiSelect"===a&&(n.MultiValue=t,n.Option=l),g.default.createElement(A.default,E({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:n,isMulti:"asyncMultiSelect"===a,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==a,isSearchable:!0,styles:r,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},i))};Gt.propTypes={label:b.default.string,labelStyle:b.default.object,optionArr:b.default.array,selectedValue:b.default.object,setSelectedValue:b.default.func,placeHolder:b.default.string,fontSize:b.default.number,clearSelected:b.default.func,loadOptions:b.default.func,onInputChange:b.default.func,customWrapperStyles:b.default.object,customLabelStyles:b.default.object,isRequired:b.default.bool,dropdownType:b.default.string,isDisabled:b.default.bool,isLoading:b.default.bool,isValid:b.default.bool,height:b.default.number,isClearable:b.default.bool,id:b.default.string,iconName:b.default.string,iconColor:b.default.string,iconSize:b.default.number,leftIcon:b.default.string,leftIconColor:b.default.string,leftIconSize:b.default.number,showIndicator:b.default.bool,backgroundColor:b.default.string,placeHolderColor:b.default.string,inputColor:b.default.string,menuListFooter:b.default.any,customSelectStyles:b.default.object},Gt.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,customSelectStyles:{}};const Ut=h.default.div`
|
|
1394
1394
|
//Set the styles from the default styles object
|
|
1395
1395
|
${({inBuiltCss:e,defaultStyles:t})=>W(e,t)}
|
|
1396
1396
|
|
|
@@ -1937,7 +1937,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1937
1937
|
margin-top: 3px;
|
|
1938
1938
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1939
1939
|
transition: 0.2s;
|
|
1940
|
-
margin-left: ${({checked:e,labelPosition:t})=>e?"
|
|
1940
|
+
margin-left: ${({checked:e,labelPosition:t})=>e?"inside"===t?"calc(100% - 18px)":"calc(100% - 20px)":"4px"};
|
|
1941
1941
|
|
|
1942
1942
|
// custom styles
|
|
1943
1943
|
${({customSwitchStyle:e})=>e}
|
|
@@ -1958,7 +1958,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1958
1958
|
color: ${({theme:e,labelPosition:t})=>"inside"===t?e.neutral["neutral-5"]:e.additional["text-color"]};
|
|
1959
1959
|
font-size: ${({labelPosition:e})=>"inside"===e?"10px":"16px"};
|
|
1960
1960
|
position: ${({labelPosition:e})=>"inside"===e?"absolute":"initial"};
|
|
1961
|
-
left: ${({checked:e})=>e?"
|
|
1961
|
+
left: ${({checked:e})=>e?"22px":"36px"};
|
|
1962
1962
|
margin-right:${({labelPosition:e})=>"inside"===e?0:"8px"};
|
|
1963
1963
|
// custom styles
|
|
1964
1964
|
${({optionStyle:e})=>e};
|
|
@@ -3225,16 +3225,13 @@ overflow: hidden;
|
|
|
3225
3225
|
`,Jr=h.default.div`
|
|
3226
3226
|
font-size: 16px;
|
|
3227
3227
|
padding: 7px 20px;
|
|
3228
|
-
background-color: ${({isActive:e,activeHeaderStyle:t})=>e?P(t?.backgroundColor,t?.opacity):"transparent"};
|
|
3229
3228
|
cursor: pointer;
|
|
3230
|
-
color: ${({theme:e,isActive:t,activeHeaderStyle:l})=>t?l.color:e.variant["primary-2"]};
|
|
3231
3229
|
border-radius: 5px;
|
|
3232
|
-
font-weight: ${({isActive:e,activeHeaderStyle:t})=>e?t.fontWeight:"normal"};
|
|
3233
3230
|
|
|
3234
|
-
${({headerStyle:
|
|
3231
|
+
${({isActive:e,headerStyle:t,activeHeaderStyle:l})=>e?l:t}
|
|
3235
3232
|
`,Ur=h.default.div`
|
|
3236
3233
|
${({tabContentStyle:e})=>e}
|
|
3237
|
-
`,Yr=({tabs:e,activeTab:t,setActiveTab:a,tabWrapperStyle:o,headerWrapperStyle:r,headerStyle:i,dividerProps:n,tabContentStyle:c,extraContent:d,activeHeaderStyle:s})=>{const u=l.useTheme()||H;return g.default.createElement(Gr,{tabWrapperStyle:o},g.default.createElement(Xr,{theme:u,headerWrapperStyle:r},e.map(((e,l)=>g.default.createElement(Jr,{theme:u,onClick:()=>a(l),active:l===t,key:e?.title+l,isActive:l===t,headerStyle:i,activeHeaderStyle:s},e.title))),d),g.default.createElement(Wa,n),e.map(((e,l)=>l===t&&g.default.createElement(Ur,{tabContentStyle:c,key:l},e.content))))};Yr.propTypes={tabs:b.default.array,tabWrapperStyle:b.default.object,headerWrapperStyle:b.default.object,headerStyle:b.default.object,dividerProps:b.default.object,tabContentStyle:b.default.object,activeTab:b.default.number,setActiveTab:b.default.func,activeHeaderStyle:b.default.object},Yr.defaultProps={tabs:[],activeTab:0,tabWrapperStyle:{},headerStyle:{},tabContentStyle:{},headerWrapperStyle:{},dividerProps:{},activeHeaderStyle:{color:"
|
|
3234
|
+
`,Yr=({tabs:e,activeTab:t,setActiveTab:a,tabWrapperStyle:o,headerWrapperStyle:r,headerStyle:i,dividerProps:n,tabContentStyle:c,extraContent:d,activeHeaderStyle:s})=>{const u=l.useTheme()||H;return g.default.createElement(Gr,{tabWrapperStyle:o},g.default.createElement(Xr,{theme:u,headerWrapperStyle:r},e.map(((e,l)=>g.default.createElement(Jr,{theme:u,onClick:()=>a(l),active:l===t,key:e?.title+l,isActive:l===t,headerStyle:i,activeHeaderStyle:s},e.title))),d),g.default.createElement(Wa,n),e.map(((e,l)=>l===t&&g.default.createElement(Ur,{tabContentStyle:c,key:l},e.content))))};Yr.propTypes={tabs:b.default.array,tabWrapperStyle:b.default.object,headerWrapperStyle:b.default.object,headerStyle:b.default.object,dividerProps:b.default.object,tabContentStyle:b.default.object,activeTab:b.default.number,setActiveTab:b.default.func,activeHeaderStyle:b.default.object},Yr.defaultProps={tabs:[],activeTab:0,tabWrapperStyle:{},headerStyle:{backgroundColor:"transparent",color:H.variant["primary-2"],fontWeight:"normal"},tabContentStyle:{},headerWrapperStyle:{},dividerProps:{},activeHeaderStyle:{color:H.variant["primary-1"],backgroundColor:P("#2A50FD",.05),fontWeight:"bold"}};const Nr=h.default.div`
|
|
3238
3235
|
.notification {
|
|
3239
3236
|
background: ${({theme:e})=>e.additional.white};
|
|
3240
3237
|
transition: 0.3s ease;
|