groundfloor-react-ui 1.2.107 → 1.3.0
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 +325 -409
- package/dist/index.js +324 -408
- 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 "},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"},R={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:I["neutral-3"]},P={primary:{...B},ui:{...L},neutral:{...I},shade:{...H},graph:{...W},additional:{...R},variant:{...B,...L,...I,...H,...W,...R}},T={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${P.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:`${P.neutral["neutral-2"]}`},spinner:{"background-color":`${P.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:`${P.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:`${P.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:`${P.variant["neutral-5"]}`,borderLeft:`1px solid ${P.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${P.variant["neutral-5"]}`,borderTop:`1px solid ${P.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:`${P.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${P.variant["neutral-5"]}`,borderRight:`1px solid ${P.variant["neutral-5"]}`,borderBottom:`1px solid ${P.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${P.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":`${P.additional.white}`,"border-bottom":`0.5px solid ${P.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:`${P.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 ${P.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${P.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${P.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${P.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:` ${P.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${P.textColor}`,"background-color":`${P.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:`${P.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:`${P.textColor}`,"background-color":`${P.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${P.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${P.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:`${P.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":`${P.additional.white}`,"border-radius":"3.6px",border:`1px solid ${P.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 ${P.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${P.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${P.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${P.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${P.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${P.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${P.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${P.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":`${P.additional.white} `,"border-radius":"3.6px",border:`1px solid ${P.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":`${P.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${P.variant["neutral-1"]} `,color:`${P.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=(e,t)=>{if(e.includes("#")){e=e.replace("#","");const[t,l,o]=[e[0]+e[1],e[2]+e[3],e[4]+e[5]];e=`${parseInt(t,16)}, ${parseInt(l,16)}, ${parseInt(o,16)}`}return`#${e.split(",").map((e=>parseInt(e.trim()))).map((e=>Math.round(e*(1-t)))).reduce(((e,t)=>e+t.toString(16).padStart(2,"0")),"")}`},Z=m.div`
|
|
1
|
+
import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as i,useEffect as r,Fragment as a,createRef as n,Component 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"},R={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:I["neutral-3"]},P={primary:{...B},ui:{...L},neutral:{...I},shade:{...H},graph:{...W},additional:{...R},variant:{...B,...L,...I,...H,...W,...R}},T={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${P.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:`${P.neutral["neutral-2"]}`},spinner:{"background-color":`${P.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:`${P.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:`${P.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:`${P.variant["neutral-5"]}`,borderLeft:`1px solid ${P.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${P.variant["neutral-5"]}`,borderTop:`1px solid ${P.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:`${P.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${P.variant["neutral-5"]}`,borderRight:`1px solid ${P.variant["neutral-5"]}`,borderBottom:`1px solid ${P.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${P.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":`${P.additional.white}`,"border-bottom":`0.5px solid ${P.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:`${P.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 ${P.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${P.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${P.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${P.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:` ${P.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${P.textColor}`,"background-color":`${P.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:`${P.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:`${P.textColor}`,"background-color":`${P.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${P.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${P.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:`${P.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":`${P.additional.white}`,"border-radius":"3.6px",border:`1px solid ${P.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 ${P.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${P.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${P.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${P.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${P.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${P.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${P.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${P.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":`${P.additional.white} `,"border-radius":"3.6px",border:`1px solid ${P.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":`${P.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${P.variant["neutral-1"]} `,color:`${P.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=(e,t)=>{if(e.includes("#")){e=e.replace("#","");const[t,l,o]=[e[0]+e[1],e[2]+e[3],e[4]+e[5]];e=`${parseInt(t,16)}, ${parseInt(l,16)}, ${parseInt(o,16)}`}return`#${e.split(",").map((e=>parseInt(e.trim()))).map((e=>Math.round(e*(1-t)))).reduce(((e,t)=>e+t.toString(16).padStart(2,"0")),"")}`},Z=m.div`
|
|
2
2
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
3
3
|
padding-top: 24px;
|
|
4
4
|
padding-bottom: 24px;
|
|
@@ -151,174 +151,7 @@ import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as i,us
|
|
|
151
151
|
cursor: pointer;
|
|
152
152
|
padding-bottom: 9px;
|
|
153
153
|
${({iconDivCustomStyle:e})=>e}
|
|
154
|
-
`,re=({content:e,alertWrapperStyle:l,iconDivCustomStyle:o,alertIsOpen:i,closeAlert:r,iconProps:a})=>{const n=b()||P;return t.createElement(oe,{theme:n,alertIsOpen:i,alertWrapperStyle:l},t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 24px"}},t.createElement("div",null,e),t.createElement(ie,{onClick:r,iconDivCustomStyle:o},t.createElement(_,z({icon:"close-icon",color:"#000000",size:13},a)))))};re.propTypes={content:e.any,alertWrapperStyle:e.object,alertIsOpen:e.bool,iconDivCustomStyle:e.object,closeAlert:e.func,iconProps:e.object},re.defaultProps={alertWrapperStyle:{},content:"",alertIsOpen:!0};const
|
|
155
|
-
${({scroll:e})=>e?u`
|
|
156
|
-
display: flex;
|
|
157
|
-
overflow-x: auto;
|
|
158
|
-
`:u`
|
|
159
|
-
display: grid;
|
|
160
|
-
grid-template-columns: ${({arrowNumber:e})=>`repeat(${e}, 1fr)`};
|
|
161
|
-
`}
|
|
162
|
-
`,ne=m.div`
|
|
163
|
-
min-height: 40px;
|
|
164
|
-
max-height: 40px;
|
|
165
|
-
background-color: ${({backgroundColor:e})=>e};
|
|
166
|
-
color: ${({color:e})=>e||"white"};
|
|
167
|
-
|
|
168
|
-
align-items: center;
|
|
169
|
-
display: flex;
|
|
170
|
-
cursor: ${({clickable:e})=>e?"pointer":"default"};
|
|
171
|
-
|
|
172
|
-
${({index:e,dataLength:t})=>0===e?u`
|
|
173
|
-
clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%);
|
|
174
|
-
border-top-left-radius: 20px;
|
|
175
|
-
border-bottom-left-radius: 20px;
|
|
176
|
-
`:e===t-1?u`
|
|
177
|
-
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, calc(0% + 9px) 50%);
|
|
178
|
-
margin-left: -5px;
|
|
179
|
-
border-top-right-radius: 20px;
|
|
180
|
-
border-bottom-right-radius: 20px;
|
|
181
|
-
`:u`
|
|
182
|
-
clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%, calc(0% + 9px) 50%);
|
|
183
|
-
margin-left: -5px;
|
|
184
|
-
`}
|
|
185
|
-
|
|
186
|
-
${({scroll:e})=>e?u`
|
|
187
|
-
width:100%;
|
|
188
|
-
`:u`
|
|
189
|
-
flex-shrink: 1;
|
|
190
|
-
min-width: 15px;
|
|
191
|
-
flex-grow: 1;
|
|
192
|
-
flex-basis: auto;
|
|
193
|
-
|
|
194
|
-
&:hover {
|
|
195
|
-
width: -webkit-fill-available;
|
|
196
|
-
}
|
|
197
|
-
`}
|
|
198
|
-
`,ce=m.div`
|
|
199
|
-
padding: 0 15px;
|
|
200
|
-
display: flex;
|
|
201
|
-
align-items: center;
|
|
202
|
-
justify-content: space-around;
|
|
203
|
-
width: 100%;
|
|
204
|
-
white-space: nowrap;
|
|
205
|
-
overflow: hidden;
|
|
206
|
-
text-overflow: ellipsis;
|
|
207
|
-
|
|
208
|
-
& span{
|
|
209
|
-
font-size: 22px;
|
|
210
|
-
font-weight: 400;
|
|
211
|
-
padding-right: 5px;
|
|
212
|
-
|
|
213
|
-
${({scroll:e})=>{if(!e)return u`
|
|
214
|
-
display: ${({styleArrowContentSpan:e})=>e.display};
|
|
215
|
-
white-space: nowrap;
|
|
216
|
-
overflow: hidden;
|
|
217
|
-
text-overflow: ellipsis;
|
|
218
|
-
`}}
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
& p{
|
|
222
|
-
margin: 0;
|
|
223
|
-
font-weight: 600;
|
|
224
|
-
|
|
225
|
-
${({scroll:e})=>e?u`
|
|
226
|
-
font-size: 14px;
|
|
227
|
-
`:u`
|
|
228
|
-
font-size: ${({styleArrowContentP:e})=>e.fontSize};
|
|
229
|
-
display: ${({styleArrowContentP:e})=>e.display};
|
|
230
|
-
white-space: nowrap;
|
|
231
|
-
overflow: hidden;
|
|
232
|
-
text-overflow: ellipsis;
|
|
233
|
-
`}
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
${({scroll:e})=>{if(!e)return u`
|
|
237
|
-
${ne}:hover & {
|
|
238
|
-
${({styleArrowContentSpan:e,styleArrowContentP:t})=>"none"===t?.display&&"none"===e?.display?u`
|
|
239
|
-
span {
|
|
240
|
-
display: block;
|
|
241
|
-
}
|
|
242
|
-
p {
|
|
243
|
-
display: block;
|
|
244
|
-
}
|
|
245
|
-
`:"none"===t?.display?u`
|
|
246
|
-
p {
|
|
247
|
-
display: block;
|
|
248
|
-
}
|
|
249
|
-
`:void 0}
|
|
250
|
-
};
|
|
251
|
-
`}}
|
|
252
|
-
`,se=({data:e,scroll:l,onClick:a,clickable:n,...c})=>{const s=b()||P,d=o(null),p=o(null),[m,u]=i(void 0),[g,f]=i(void 0);let h={fontSize:"",display:""},y={fontSize:"",display:""};const x=()=>{d&&f(d?.current?.offsetWidth)};r((()=>{x()}),[e,g]),r((()=>{if(!l)return window.addEventListener("resize",x),()=>window.removeEventListener("resize",x)}),[]),r((()=>{l||u(p?.current.offsetWidth)}),[e,g,m]);const C=e.reduce((function(e,t){return 9*e.label.length+13*e.value.toString().length>9*t.label.length+13*t.value.toString().length?e:t}));if(!l){const e=function(e){return{step1:15+13*e.value.toString().length+5+9*e.label.length+15,step2:15+13*e.value.toString().length+5+7*e.label.length+15,step3:15+13*e.value.toString().length+5+15}}(C);m<e.step3?(y.display="none",h.display="none"):m<e.step2?h.display="none":m<e.step1?h.fontSize="12px":h.fontSize="14px"}return t.createElement(ae,{theme:s,ref:l?null:d,arrowNumber:e.length,scroll:l},e.map(((o,i)=>{return t.createElement(ne,{id:o.id,theme:s,onClick:n?e=>a(e,o):null,clickable:n,scroll:l,ref:l?null:o.label===C.label?p:null,key:"fa"+i+"-"+o.label,index:i,dataLength:e.length,backgroundColor:o.backgroundColor,color:o.color},(r=o.value,c=o.label,t.createElement(ce,{styleArrowContentP:h,styleArrowContentSpan:y,scroll:l},t.createElement("span",null,r),t.createElement("p",null,c))));var r,c})))};se.propTypes={data:e.array,scroll:e.bool,onClick:e.func,clickable:e.bool},se.defaultProps={data:[],scroll:!0,onClick:void 0,clickable:!1};const de=m.img`
|
|
253
|
-
//Set the styles from the default styles object
|
|
254
|
-
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])i[l]=e[t][l],delete e.common[l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
255
|
-
`,pe=({customStyles:e,type:l,size:a,alt:n,src:c,handleImageStatus:s,...d})=>{const[p,m]=i("loading"),b=o(null),u=()=>{m("loaded"),s&&s("loaded")},g=()=>{m("failed"),s&&s("failed")};return r((()=>{const e=b.current;if(e)return e.addEventListener("load",u),e.addEventListener("error",g),()=>{e.removeEventListener("load",u),e.removeEventListener("error",g)}}),[p]),t.createElement(de,z({},d,{inBuiltCss:T,customStyles:e,type:l,alt:n,src:c,ref:b,size:a}))};pe.propTypes={customStyles:e.object,type:e.string,size:e.oneOf(["SM","MD","LG"]),alt:e.string,src:e.string,handleImageStatus:e.func},pe.defaultProps={customStyles:{},type:"image",alt:"image alternative",src:null,handleImageStatus:null};const me=m.span`
|
|
256
|
-
${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
257
|
-
`,be=m.div`
|
|
258
|
-
|
|
259
|
-
background-color:${({theme:e})=>e.primary["primary-1"]};
|
|
260
|
-
color: ${({theme:e})=>e.additional.white};
|
|
261
|
-
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])i[l]=e[t][l],delete e.common[l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
262
|
-
`,ue=m.span`
|
|
263
|
-
|
|
264
|
-
color:${({theme:e})=>e.additional["text-color"]};
|
|
265
|
-
|
|
266
|
-
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])delete e.common[l],i[l]=e[t][l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
267
|
-
`,ge=({customStylesContainer:e,customStylesImage:l,customStylesCircle:o,customStylesName:i,size:r,toggleName:a,user:n,...c})=>{const s=b()||P;return t.createElement(me,z({inBuiltCss:T,theme:s,customStyles:e,type:"avatarContainer"},c),n?.url&&t.createElement(pe,z({},c,{customStyles:l,type:"imageAvatar",size:r,alt:"user-picture",src:n.url})),t.createElement(be,z({},c,{theme:s,inBuiltCss:T,type:"avatarCircle",customStyles:o,size:r,style:{visibility:n?.url?"hidden":"visible"}}),n?.userName&&n?.userName.split(" ").length>=2?n?.userName.split(" ")[0].charAt(0).toUpperCase()+n?.userName.split(" ")[1].charAt(0).toUpperCase():n?.userName&&1===n?.userName.split(" ").length&&n?.userName.split(" ")[0].charAt(0).toUpperCase()),a&&t.createElement(ue,z({inBuiltCss:T},c,{theme:s,type:"avatarName",customStyles:i,size:r}),n.userName," "))};ge.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},ge.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const fe=m.span`
|
|
268
|
-
${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
269
|
-
width: auto;
|
|
270
|
-
`,he=m.div`
|
|
271
|
-
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
272
|
-
color: ${({theme:e})=>e.additional.white};
|
|
273
|
-
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])i[l]=e[t][l],delete e.common[l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
274
|
-
${({isSelected:e,selectedStyle:t,notSelectedStyle:l})=>e?u`
|
|
275
|
-
${t}
|
|
276
|
-
`:u`
|
|
277
|
-
${l}
|
|
278
|
-
`}
|
|
279
|
-
font-weight: 600;
|
|
280
|
-
`,ye=m.span`
|
|
281
|
-
color: ${({theme:e,underMaintenance:t})=>t?e.neutral["neutral-3"]:e.additional["text-color"]}; };
|
|
282
|
-
|
|
283
|
-
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])delete e.common[l],i[l]=e[t][l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
284
|
-
|
|
285
|
-
&:hover {
|
|
286
|
-
${({customStylesHover:e})=>e}
|
|
287
|
-
|
|
288
|
-
}
|
|
289
|
-
`,xe=m.span`
|
|
290
|
-
background-color: red;
|
|
291
|
-
color: white;
|
|
292
|
-
height: 19px;
|
|
293
|
-
width: 19px;
|
|
294
|
-
border-radius: 50%;
|
|
295
|
-
font-size: 12px;
|
|
296
|
-
position: absolute;
|
|
297
|
-
top: -8px;
|
|
298
|
-
left: 18px;
|
|
299
|
-
display: flex;
|
|
300
|
-
justify-content: center;
|
|
301
|
-
align-items: center;
|
|
302
|
-
|
|
303
|
-
// custom styles
|
|
304
|
-
${({notificationCircleStyles:e})=>e}
|
|
305
|
-
`,Ce=({customStylesContainer:e,customStylesImage:l,customStylesCircle:o,customStylesName:r,customStylesNameHover:a,size:n,toggleName:c,user:s,border:d,isSelected:p,selectedStyle:m,notSelectedStyle:u,notificationCount:g,notificationCircleStyles:f,icon:h,underMaintenance:y})=>{const x=b()||P,[C,v]=i("loading");return t.createElement(fe,{border:d,inBuiltCss:T,customStyles:e,type:"avatarContainer"},t.createElement(he,{theme:x,selectedStyle:m,notSelectedStyle:u,inBuiltCss:T,type:"avatarCircle",customStyles:o,size:n,style:{visibility:"loaded"!==C?"visible":"hidden"},isSelected:p},h||(s?.url?t.createElement(pe,{inBuiltCss:T,customStyles:{minWidth:"36px",minHeight:"36px",...l},type:"imageAvatar",size:n,alt:"service-layer",src:s.url,handleImageStatus:e=>{v(e)},style:{visibility:"loaded"!==C?"hidden":"visible"}}):s?.userName&&s?.userName.split(" ").length>=2?s?.userName.split(" ")[0].charAt(0).toUpperCase()+s?.userName.split(" ")[1].charAt(0).toUpperCase():s?.userName&&1===s?.userName.split(" ").length&&s?.userName.split(" ")[0].charAt(0).toUpperCase())),g>0&&t.createElement(xe,{notificationCircleStyles:f},g>9?"9+":g)," ",c&&t.createElement(ye,{theme:x,inBuiltCss:T,type:"avatarName",customStyles:r,customStylesHover:a,size:n,underMaintenance:y},s.userName," "))};Ce.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object,customStylesNameHover:e.object,notificationCircleStyles:e.object,notificationCount:e.number,underMaintenance:e.bool},Ce.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null,notificationCircleStyles:{},notificationCount:0,underMaintenance:!1};const ve=m.div`
|
|
306
|
-
color: ${({theme:e})=>e.additional["text-color"]};
|
|
307
|
-
display: flex;
|
|
308
|
-
background-color: ${({backgroundColor:e,theme:t})=>e||t.variant["insight-purple"]};
|
|
309
|
-
border-left: 5px solid
|
|
310
|
-
${({borderColor:e,theme:t})=>e||t.variant["graph-3"]};
|
|
311
|
-
padding-left: 28px;
|
|
312
|
-
padding-top: 22px;
|
|
313
|
-
padding-bottom: 22px;
|
|
314
|
-
width: inherit;
|
|
315
|
-
`,Ae=m.div`
|
|
316
|
-
color: ${({theme:e})=>e.additional["text-color"]};
|
|
317
|
-
display: flex;
|
|
318
|
-
font-size: 16px;
|
|
319
|
-
text-align: left;
|
|
320
|
-
word-wrap: break-word;
|
|
321
|
-
`,we=({backgroundColor:e,borderColor:l,variant:o,children:i,...r})=>{const a=b()||P;return t.createElement(t.Fragment,null,t.createElement(ve,z({theme:a,backgroundColor:e,borderColor:l},r),t.createElement(Ae,z({theme:a},r),i)))};function Se(){const[e,t]=i({width:void 0,height:void 0});return r((()=>{function e(){t({width:Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),height:Math.max(document.documentElement.clientHeight||0,window.innerHeight||0)})}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[1]),e}we.propTypes={backgroundColor:e.string,borderColor:e.string,children:e.any},we.defaultProps={children:""};const ke=m.div`
|
|
154
|
+
`,re=({content:e,alertWrapperStyle:l,iconDivCustomStyle:o,alertIsOpen:i,closeAlert:r,iconProps:a})=>{const n=b()||P;return t.createElement(oe,{theme:n,alertIsOpen:i,alertWrapperStyle:l},t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 24px"}},t.createElement("div",null,e),t.createElement(ie,{onClick:r,iconDivCustomStyle:o},t.createElement(_,z({icon:"close-icon",color:"#000000",size:13},a)))))};function ae(){const[e,t]=i({width:void 0,height:void 0});return r((()=>{function e(){t({width:Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),height:Math.max(document.documentElement.clientHeight||0,window.innerHeight||0)})}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[1]),e}re.propTypes={content:e.any,alertWrapperStyle:e.object,alertIsOpen:e.bool,iconDivCustomStyle:e.object,closeAlert:e.func,iconProps:e.object},re.defaultProps={alertWrapperStyle:{},content:"",alertIsOpen:!0};const ne=m.div`
|
|
322
155
|
.dot-pulse {
|
|
323
156
|
position: relative;
|
|
324
157
|
left: -9999px;
|
|
@@ -412,14 +245,14 @@ ${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(co
|
|
|
412
245
|
box-shadow: 10014px 0 0 -5px ${({activeTheme:e})=>e.variant["primary-1"]};
|
|
413
246
|
}
|
|
414
247
|
}
|
|
415
|
-
`,
|
|
248
|
+
`,ce=()=>{const e=b()||P;return t.createElement(ne,{activeTheme:e},t.createElement("div",{className:"dot-pulse"}))},se=g`
|
|
416
249
|
0% {
|
|
417
250
|
opacity: 1;
|
|
418
251
|
}
|
|
419
252
|
100% {
|
|
420
253
|
opacity: 0;
|
|
421
254
|
}
|
|
422
|
-
`,
|
|
255
|
+
`,de=m.div`
|
|
423
256
|
${({size:e,thickness:t,propellerHeight:l})=>u`
|
|
424
257
|
display: inline-block;
|
|
425
258
|
position: relative;
|
|
@@ -428,7 +261,7 @@ ${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(co
|
|
|
428
261
|
|
|
429
262
|
div {
|
|
430
263
|
transform-origin: 0px ${e/2}px;
|
|
431
|
-
animation: ${
|
|
264
|
+
animation: ${se} 1s linear infinite;
|
|
432
265
|
width: fit-content;
|
|
433
266
|
|
|
434
267
|
::after {
|
|
@@ -515,10 +348,10 @@ ${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(co
|
|
|
515
348
|
}
|
|
516
349
|
}
|
|
517
350
|
`}
|
|
518
|
-
`,
|
|
351
|
+
`,pe=({size:e,thickness:l,propellerHeight:o,customStyles:i})=>t.createElement(de,{inBuiltCss:T,size:e,thickness:l,propellerHeight:o,customStyles:i,type:"spinner"},t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null));pe.propTypes={size:e.number,thickness:e.number,propellerHeight:e.number,customStyles:e.object},pe.defaultProps={size:20,thickness:2,propellerHeight:25,customStyles:null};const me=g`
|
|
519
352
|
0% { transform: rotate(0deg); }
|
|
520
353
|
100% { transform: rotate(360deg); }
|
|
521
|
-
`,
|
|
354
|
+
`,be=m.div`
|
|
522
355
|
display: inline-block;
|
|
523
356
|
border:
|
|
524
357
|
${({theme:e,thickness:t})=>t+"px solid "+j(e.variant["primary-1"],.5)};
|
|
@@ -528,16 +361,16 @@ border-top:
|
|
|
528
361
|
border-radius: 50%;
|
|
529
362
|
height: ${({size:e})=>e+"px"};
|
|
530
363
|
width: ${({size:e})=>e+"px"};
|
|
531
|
-
animation: ${
|
|
364
|
+
animation: ${me} 1s linear infinite;
|
|
532
365
|
|
|
533
366
|
${({customStyles:e})=>e}
|
|
534
|
-
`,
|
|
367
|
+
`,ue=({size:e,thickness:l,customStyles:o})=>{const i=b()||P;return t.createElement(be,{theme:i,size:e,thickness:l,customStyles:o})};ue.propTypes={size:e.number,thickness:e.number,customStyles:e.object},ue.defaultProps={size:20,thickness:3,customStyles:null};const ge={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},fe=m.button`
|
|
535
368
|
background: transparent;
|
|
536
369
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
537
|
-
padding: ${({size:e})=>
|
|
370
|
+
padding: ${({size:e})=>ge[e].padding};
|
|
538
371
|
border: none;
|
|
539
372
|
border-radius: 5px;
|
|
540
|
-
font-size: ${({size:e})=>
|
|
373
|
+
font-size: ${({size:e})=>ge[e].fontSize};
|
|
541
374
|
display: flex;
|
|
542
375
|
align-items: center;
|
|
543
376
|
width: ${({block:e})=>e?"100%":"auto"};
|
|
@@ -557,13 +390,13 @@ ${({customStyles:e})=>e}
|
|
|
557
390
|
|
|
558
391
|
// custom styles
|
|
559
392
|
${({btnStyle:e})=>e}
|
|
560
|
-
`,
|
|
393
|
+
`,he=({btnStyle:e,block:l,size:o,style:i,disabled:r,isLoading:a,type:n,id:c,...s})=>{const d=b()||P;return t.createElement(fe,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(pe,{customStyles:{"background-color":d.additional.white},size:16})),s.children)};he.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},he.defaultProps={block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const ye={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},xe=m.button`
|
|
561
394
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
562
395
|
color: ${({theme:e})=>e.additional.white};
|
|
563
|
-
padding: ${({size:e})=>
|
|
396
|
+
padding: ${({size:e})=>ye[e].padding};
|
|
564
397
|
border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
|
|
565
398
|
border-radius: 5px;
|
|
566
|
-
font-size: ${({size:e})=>
|
|
399
|
+
font-size: ${({size:e})=>ye[e].fontSize};
|
|
567
400
|
display: flex;
|
|
568
401
|
align-items: center;
|
|
569
402
|
width: ${({block:e})=>e?"100%":"auto"};
|
|
@@ -587,12 +420,12 @@ ${({customStyles:e})=>e}
|
|
|
587
420
|
|
|
588
421
|
// custom styles
|
|
589
422
|
${({btnStyle:e})=>e}
|
|
590
|
-
`,
|
|
423
|
+
`,Ce=({btnStyle:e,block:l,size:o,style:i,disabled:r,isLoading:a,type:n,id:c,...s})=>{const d=b()||P;return t.createElement(xe,z({id:c,block:l,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(pe,{customStyles:{"background-color":d.additional.white},size:16})),s.children)};Ce.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},Ce.defaultProps={block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const ve={sm:{fontSize:"14",padding:"5px 15px"},md:{fontSize:"16",padding:"5.5px 15px"},lg:{fontSize:"18",padding:"8px 20px"}},Ae=m.button`
|
|
591
424
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
592
425
|
background: ${({theme:e})=>e.additional.white};
|
|
593
|
-
padding: ${({size:e})=>
|
|
426
|
+
padding: ${({size:e})=>ve[e].padding};
|
|
594
427
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
595
|
-
font-size: ${({size:e})=>
|
|
428
|
+
font-size: ${({size:e})=>ve[e].fontSize};
|
|
596
429
|
border-radius: 5px;
|
|
597
430
|
display: flex;
|
|
598
431
|
align-items: center;
|
|
@@ -624,7 +457,7 @@ ${({customStyles:e})=>e}
|
|
|
624
457
|
|
|
625
458
|
// custom styles
|
|
626
459
|
${({btnStyle:e})=>e}
|
|
627
|
-
`,
|
|
460
|
+
`,we=({btnStyle:e,isLoading:l,block:o,size:r,style:a,disabled:n,type:c,theme:s,id:d,...p})=>{const m=b()||P,[u,g]=i(e.color?e.color:m.variant["primary-1"]);return t.createElement(Ae,z({id:d,block:o,defaultStyle:"button",style:a,size:r,disabled:n,type:c,btnStyle:e,isLoading:l,theme:s,onMouseEnter:()=>!n&&g(e.backgroundColor?e.backgroundColor:m.variant.white),onMouseLeave:()=>!n&&g(e.color?e.color:m.variant["primary-1"])},p),l&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(pe,{theme:s,customStyles:{"background-color":u},size:16})," "),p.children," ")};we.propTypes={disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,type:e.string,btnStyle:e.object,id:e.string},Ae.defaultProps={theme:P},we.defaultProps={theme:P,block:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const Se=m.button`
|
|
628
461
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
629
462
|
color: ${({theme:e})=>e.additional.white};
|
|
630
463
|
padding: 3px 14px;
|
|
@@ -654,7 +487,90 @@ ${({customStyles:e})=>e}
|
|
|
654
487
|
|
|
655
488
|
// custom styles
|
|
656
489
|
${({btnStyle:e})=>e}
|
|
657
|
-
`,
|
|
490
|
+
`,ke=({block:e,style:l,disabled:o,type:i,btnStyle:r,id:a,...n})=>{const c=b()||P;return t.createElement(Se,z({id:a,block:e,type:i,style:l,disabled:o,btnStyle:r,theme:c},n),n.children)};ke.propTypes={disabled:e.bool,block:e.bool,type:e.string,btnStyle:e.object,id:e.string},ke.defaultProps={block:!1,disabled:!1,onClick:void 0,btnStyle:{},id:""};const Ee=m.div`
|
|
491
|
+
width: auto;
|
|
492
|
+
height: 40px;
|
|
493
|
+
background-color: ${({backgroundColor:e,theme:t})=>e||t.variant["primary-1"]};
|
|
494
|
+
padding: 0 24px;
|
|
495
|
+
cursor: ${({clickable:e})=>e?"pointer":"default"};
|
|
496
|
+
clip-path: ${({identity:e})=>"first-arrow"===e?"polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%)":"last-arrow"===e?"polygon(0 0, 100% 0, 100% 100%, 0 100%, calc(0% + 16px) 50%)":"polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 99%,0 100%,calc(0% + 16px) 50%)"};
|
|
497
|
+
|
|
498
|
+
border-top-left-radius: ${({identity:e})=>"first-arrow"===e?"20px":0};
|
|
499
|
+
border-bottom-left-radius: ${({identity:e})=>"first-arrow"===e?"20px":0};
|
|
500
|
+
border-top-right-radius: ${({identity:e})=>"last-arrow"===e?"20px":0};
|
|
501
|
+
border-bottom-right-radius: ${({identity:e})=>"last-arrow"===e?"20px":0};
|
|
502
|
+
|
|
503
|
+
margin-left: ${({identity:e})=>"last-arrow"===e?"-5px":0};
|
|
504
|
+
`,Ve=({data:e,onClick:l,clickable:o})=>{const n=b()||P,[c,s]=i(0),[d,p]=i({next:!0,prev:!1}),[m,u]=i(100),g=e.length,f=()=>{p(c-1==0?{next:!0,prev:!1}:{next:!0,prev:!0}),s((e=>e-1))},h=()=>{s((e=>e+1));let e=Math.ceil(100/m);p(g-e===c?{next:!1,prev:!0}:{next:!0,prev:!0})},{width:y}=ae();r((()=>{x()}),[y]);const x=()=>{let e=0;switch(!0){case 1===g:e=100;break;case y<=576:e=85;break;case y<=768:e=50;break;case g<=4:e=100/g;break;case g>4&&y>768&&y<=900:e=Math.ceil(y/22);break;case g>4&&y>900&&y<=1020:e=Math.ceil(y/24);break;case g>4&&y>1020&&y<=1200:e=Math.ceil(y/27);break;case g>4&&y>1200&&y<=1440:e=Math.ceil(y/40);break;case g>4&&y>1440:e=Math.ceil(y/85);break;default:e=100}u(e)};return t.createElement(a,null," ",g>0&&t.createElement(a,null," ",t.createElement("div",{style:{display:g<=4||y<=768?"block":"flex",width:"100%",alignItems:"center",gap:"4px"}}," ",g>4&&y>768&&t.createElement(Ce,{btnStyle:{backgroundColor:"transparent",padding:0,border:"none"},disabled:!d.prev,onClick:f},t.createElement(_,{icon:"chevron-left",color:n.variant[d.prev?"primary-2":"neutral-3"],size:22,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})),t.createElement("div",{style:{display:"flex",alignItems:"center",overflow:"hidden",width:"100%",justifyContent:"space-between"}},e.map(((i,r)=>t.createElement("div",{key:r,style:{scrollSnapAlign:"center",minWidth:`${m}%`,transform:`translateX(-${100*c}%)`,transition:"transform 0.5s ease-in-out"}},t.createElement("div",{style:{width:"100%",height:"100%"}},t.createElement(Ee,{identity:0===r?"first-arrow":e.length-1-r==0?"last-arrow":"others",backgroundColor:i?.backgroundColor,theme:n,clickable:o,onClick:()=>o?l(i):null},t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"16px",minWidth:"100%",height:"100%"},title:`value: ${i.value}, status: ${i.label}`},t.createElement("span",{style:{fontSize:"22px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:i?.color?i.color:n.variant.white}},i.value),t.createElement("span",{style:{fontSize:"14px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:i?.color?i.color:n.variant.white}},i.label))))," ")))," ")," ",g>4&&y>768&&t.createElement(Ce,{btnStyle:{backgroundColor:"transparent",padding:0,border:"none"},disabled:!d.next,onClick:h},t.createElement(_,{icon:"chevron-right",color:n.variant[d.next?"primary-2":"neutral-3"],size:22,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}}))),y<=768&&e.length>1&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",margin:"8px 0",gap:"16px"}}," ",t.createElement(Ce,{btnStyle:{backgroundColor:"transparent",padding:"6px",border:".5px solid "+n.variant["neutral-4"],boxShadow:"-20px 5px 37px rgba(56, 66, 100, 0.0880136)"},disabled:!d.prev,onClick:f},t.createElement(_,{icon:"chevron-left",color:n.variant[d.prev?"primary-2":"neutral-3"],size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})),t.createElement(Ce,{btnStyle:{backgroundColor:"transparent",padding:"6px",border:".5px solid "+n.variant["neutral-4"],boxShadow:"-20px 5px 37px rgba(56, 66, 100, 0.0880136)"},disabled:!d.next,onClick:h},t.createElement(_,{icon:"chevron-right",color:n.variant[d.next?"primary-2":"neutral-3"],size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})))))};Ve.propTypes={data:e.array,onClick:e.func,clickable:e.bool},Ve.defaultProps={data:[],onClick:()=>null,clickable:!1};const Me=m.img`
|
|
505
|
+
//Set the styles from the default styles object
|
|
506
|
+
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])i[l]=e[t][l],delete e.common[l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
507
|
+
`,ze=({customStyles:e,type:l,size:a,alt:n,src:c,handleImageStatus:s,...d})=>{const[p,m]=i("loading"),b=o(null),u=()=>{m("loaded"),s&&s("loaded")},g=()=>{m("failed"),s&&s("failed")};return r((()=>{const e=b.current;if(e)return e.addEventListener("load",u),e.addEventListener("error",g),()=>{e.removeEventListener("load",u),e.removeEventListener("error",g)}}),[p]),t.createElement(Me,z({},d,{inBuiltCss:T,customStyles:e,type:l,alt:n,src:c,ref:b,size:a}))};ze.propTypes={customStyles:e.object,type:e.string,size:e.oneOf(["SM","MD","LG"]),alt:e.string,src:e.string,handleImageStatus:e.func},ze.defaultProps={customStyles:{},type:"image",alt:"image alternative",src:null,handleImageStatus:null};const Be=m.span`
|
|
508
|
+
${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
509
|
+
`,Le=m.div`
|
|
510
|
+
|
|
511
|
+
background-color:${({theme:e})=>e.primary["primary-1"]};
|
|
512
|
+
color: ${({theme:e})=>e.additional.white};
|
|
513
|
+
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])i[l]=e[t][l],delete e.common[l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
514
|
+
`,Ie=m.span`
|
|
515
|
+
|
|
516
|
+
color:${({theme:e})=>e.additional["text-color"]};
|
|
517
|
+
|
|
518
|
+
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])delete e.common[l],i[l]=e[t][l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
519
|
+
`,He=({customStylesContainer:e,customStylesImage:l,customStylesCircle:o,customStylesName:i,size:r,toggleName:a,user:n,...c})=>{const s=b()||P;return t.createElement(Be,z({inBuiltCss:T,theme:s,customStyles:e,type:"avatarContainer"},c),n?.url&&t.createElement(ze,z({},c,{customStyles:l,type:"imageAvatar",size:r,alt:"user-picture",src:n.url})),t.createElement(Le,z({},c,{theme:s,inBuiltCss:T,type:"avatarCircle",customStyles:o,size:r,style:{visibility:n?.url?"hidden":"visible"}}),n?.userName&&n?.userName.split(" ").length>=2?n?.userName.split(" ")[0].charAt(0).toUpperCase()+n?.userName.split(" ")[1].charAt(0).toUpperCase():n?.userName&&1===n?.userName.split(" ").length&&n?.userName.split(" ")[0].charAt(0).toUpperCase()),a&&t.createElement(Ie,z({inBuiltCss:T},c,{theme:s,type:"avatarName",customStyles:i,size:r}),n.userName," "))};He.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},He.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const We=m.span`
|
|
520
|
+
${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
521
|
+
width: auto;
|
|
522
|
+
`,Re=m.div`
|
|
523
|
+
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
524
|
+
color: ${({theme:e})=>e.additional.white};
|
|
525
|
+
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])i[l]=e[t][l],delete e.common[l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
526
|
+
${({isSelected:e,selectedStyle:t,notSelectedStyle:l})=>e?u`
|
|
527
|
+
${t}
|
|
528
|
+
`:u`
|
|
529
|
+
${l}
|
|
530
|
+
`}
|
|
531
|
+
font-weight: 600;
|
|
532
|
+
`,Pe=m.span`
|
|
533
|
+
color: ${({theme:e,underMaintenance:t})=>t?e.neutral["neutral-3"]:e.additional["text-color"]}; };
|
|
534
|
+
|
|
535
|
+
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])delete e.common[l],i[l]=e[t][l];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
536
|
+
|
|
537
|
+
&:hover {
|
|
538
|
+
${({customStylesHover:e})=>e}
|
|
539
|
+
|
|
540
|
+
}
|
|
541
|
+
`,Te=m.span`
|
|
542
|
+
background-color: red;
|
|
543
|
+
color: white;
|
|
544
|
+
height: 19px;
|
|
545
|
+
width: 19px;
|
|
546
|
+
border-radius: 50%;
|
|
547
|
+
font-size: 12px;
|
|
548
|
+
position: absolute;
|
|
549
|
+
top: -8px;
|
|
550
|
+
left: 18px;
|
|
551
|
+
display: flex;
|
|
552
|
+
justify-content: center;
|
|
553
|
+
align-items: center;
|
|
554
|
+
|
|
555
|
+
// custom styles
|
|
556
|
+
${({notificationCircleStyles:e})=>e}
|
|
557
|
+
`,Fe=({customStylesContainer:e,customStylesImage:l,customStylesCircle:o,customStylesName:r,customStylesNameHover:a,size:n,toggleName:c,user:s,border:d,isSelected:p,selectedStyle:m,notSelectedStyle:u,notificationCount:g,notificationCircleStyles:f,icon:h,underMaintenance:y})=>{const x=b()||P,[C,v]=i("loading");return t.createElement(We,{border:d,inBuiltCss:T,customStyles:e,type:"avatarContainer"},t.createElement(Re,{theme:x,selectedStyle:m,notSelectedStyle:u,inBuiltCss:T,type:"avatarCircle",customStyles:o,size:n,style:{visibility:"loaded"!==C?"visible":"hidden"},isSelected:p},h||(s?.url?t.createElement(ze,{inBuiltCss:T,customStyles:{minWidth:"36px",minHeight:"36px",...l},type:"imageAvatar",size:n,alt:"service-layer",src:s.url,handleImageStatus:e=>{v(e)},style:{visibility:"loaded"!==C?"hidden":"visible"}}):s?.userName&&s?.userName.split(" ").length>=2?s?.userName.split(" ")[0].charAt(0).toUpperCase()+s?.userName.split(" ")[1].charAt(0).toUpperCase():s?.userName&&1===s?.userName.split(" ").length&&s?.userName.split(" ")[0].charAt(0).toUpperCase())),g>0&&t.createElement(Te,{notificationCircleStyles:f},g>9?"9+":g)," ",c&&t.createElement(Pe,{theme:x,inBuiltCss:T,type:"avatarName",customStyles:r,customStylesHover:a,size:n,underMaintenance:y},s.userName," "))};Fe.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object,customStylesNameHover:e.object,notificationCircleStyles:e.object,notificationCount:e.number,underMaintenance:e.bool},Fe.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null,notificationCircleStyles:{},notificationCount:0,underMaintenance:!1};const je=m.div`
|
|
558
|
+
color: ${({theme:e})=>e.additional["text-color"]};
|
|
559
|
+
display: flex;
|
|
560
|
+
background-color: ${({backgroundColor:e,theme:t})=>e||t.variant["insight-purple"]};
|
|
561
|
+
border-left: 5px solid
|
|
562
|
+
${({borderColor:e,theme:t})=>e||t.variant["graph-3"]};
|
|
563
|
+
padding-left: 28px;
|
|
564
|
+
padding-top: 22px;
|
|
565
|
+
padding-bottom: 22px;
|
|
566
|
+
width: inherit;
|
|
567
|
+
`,qe=m.div`
|
|
568
|
+
color: ${({theme:e})=>e.additional["text-color"]};
|
|
569
|
+
display: flex;
|
|
570
|
+
font-size: 16px;
|
|
571
|
+
text-align: left;
|
|
572
|
+
word-wrap: break-word;
|
|
573
|
+
`,Ze=({backgroundColor:e,borderColor:l,variant:o,children:i,...r})=>{const a=b()||P;return t.createElement(t.Fragment,null,t.createElement(je,z({theme:a,backgroundColor:e,borderColor:l},r),t.createElement(qe,z({theme:a},r),i)))};Ze.propTypes={backgroundColor:e.string,borderColor:e.string,children:e.any},Ze.defaultProps={children:""};const De=m.div`
|
|
658
574
|
background-color: ${({theme:e})=>e.additional.white};
|
|
659
575
|
border: 1px solid ${({theme:e})=>e.additional.white};
|
|
660
576
|
color: ${({theme:e})=>e.additional.black},
|
|
@@ -698,7 +614,7 @@ ${({inBuiltCss:e,type:t,customStylesTPContainer:l})=>{if(e){let t={};if(e["toolt
|
|
|
698
614
|
&[data-popper-placement*='left'] .tooltip-arrow::after {
|
|
699
615
|
${({inBuiltCss:e,type:t,customStylesTPAleftAfter:l,theme:o})=>{if(e){let t={};if(e["tp-cont-left-arrow-before"]){for(const l in e.common)t[l]=e.common[l];for(const l in e["tp-cont-left-arrow-after"])t[l]=e["tp-cont-left-arrow-after"][l],delete e.common[l]}let i=l||{borderColor:`transparent transparent transparent ${o.primary["primary-1"]} `};return{...t,...i}}}}
|
|
700
616
|
}
|
|
701
|
-
`,
|
|
617
|
+
`,Oe=m.div`
|
|
702
618
|
|
|
703
619
|
${({inBuiltCss:e,type:t,customStylesTPArrow:l})=>{if(e){let t={};if(e["tooltip-arrow"]){for(const l in e.common)t[l]=e.common[l];for(const l in e["tooltip-arrow"])t[l]=e["tooltip-arrow"][l],delete e.common[l]}return{...t,...l}}}}
|
|
704
620
|
|
|
@@ -710,26 +626,26 @@ ${({inBuiltCss:e,type:t,customStylesTPArrow:l})=>{if(e){let t={};if(e["tooltip-a
|
|
|
710
626
|
&::after{
|
|
711
627
|
${({inBuiltCss:e,type:t,customStylesTPAafter:l})=>{if(e){let t={};if(e["tooltip-arrow-after"]){for(const l in e.common)t[l]=e.common[l];for(const l in e["tooltip-arrow-after"])t[l]=e["tooltip-arrow-after"][l],delete e.common[l]}return{...t,...l}}}}
|
|
712
628
|
}
|
|
713
|
-
`,
|
|
629
|
+
`,Ge=m.div`
|
|
714
630
|
|
|
715
631
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
716
632
|
${({inBuiltCss:e,defaultTooltipContentStyle:t})=>F(e,t)}
|
|
717
633
|
// custom styles
|
|
718
634
|
${({customContentStyle:e})=>e}
|
|
719
|
-
`,
|
|
635
|
+
`,Xe=m.div`
|
|
720
636
|
${({inBuiltCss:e,defaultTooltipHeaderStyle:t})=>F(e,t)}
|
|
721
637
|
// custom styles
|
|
722
638
|
${({customHeaderStyle:e})=>e}
|
|
723
|
-
`,
|
|
639
|
+
`,Je=m.div`
|
|
724
640
|
${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>F(e,t)}
|
|
725
641
|
// custom styles
|
|
726
642
|
${({customBodyStyle:e})=>e}
|
|
727
|
-
`,
|
|
728
|
-
`,
|
|
643
|
+
`,Ue=m.div`
|
|
644
|
+
`,Ye=m.div`
|
|
729
645
|
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>F(e,t)}
|
|
730
646
|
// custom styles
|
|
731
647
|
${({customTriggerStyle:e})=>e}
|
|
732
|
-
`,
|
|
648
|
+
`,Ne=({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()||P,W={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...i},{getArrowProps:R,getTooltipProps:F,setTooltipRef:j,setTriggerRef:q,visible:Z}=y({interactive:!0,...r},W);return t.createElement(t.Fragment,null,t.createElement(Ye,{ref:q,inBuiltCss:T,customTriggerStyle:M,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},l),Z&&t.createElement(De,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(Oe,z({inBuiltCss:T},R({className:"tooltip-arrow"}),{customStylesTPArrow:v,customStylesTPAbefore:A,customStylesTPAafter:w})),t.createElement(Ge,z({defaultTooltipContentStyle:"popOver-Content",theme:H,inBuiltCss:T},I,{customContentStyle:k}),t.createElement(Xe,z({defaultTooltipHeaderStyle:"popOver-header",theme:H,inBuiltCss:T},I,{customHeaderStyle:E}),B),t.createElement(Je,z({defaultTooltipBodyStyle:"popOver-body",theme:H,inBuiltCss:T},I,{customBodyStyle:V}),o),t.createElement(Ue,null,L))))};Ne.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},Ne.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"",contentTooltip:"",footerTooltip:t.createElement(we,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Qe=m.div`
|
|
733
649
|
background: transparent;
|
|
734
650
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
735
651
|
font-size: ${({isPrimary:e})=>e?"16px":"14px"};
|
|
@@ -765,10 +681,10 @@ ${({customTriggerStyle:e})=>e}
|
|
|
765
681
|
.breadcrumb-icon-separator {
|
|
766
682
|
margin: ${({isPrimary:e,iconMargin:t})=>t||(e?"0 12px":"0 7px")};
|
|
767
683
|
}
|
|
768
|
-
`,
|
|
684
|
+
`,Ke=m.div`
|
|
769
685
|
display: flex;
|
|
770
686
|
flex-wrap: nowrap;
|
|
771
|
-
|
|
687
|
+
`,$e=m.div`
|
|
772
688
|
cursor: ${({href:e})=>e?"pointer":"default"};
|
|
773
689
|
list-style: none;
|
|
774
690
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
@@ -799,21 +715,21 @@ ${({customTriggerStyle:e})=>e}
|
|
|
799
715
|
z-index: 1;
|
|
800
716
|
overflow: hidden;
|
|
801
717
|
}
|
|
802
|
-
`,
|
|
718
|
+
`,_e=m.div`
|
|
803
719
|
display: flex;
|
|
804
720
|
margin-bottom: 15px;
|
|
805
721
|
position: relative;
|
|
806
|
-
`,
|
|
722
|
+
`,et=({wrap:e,block:l,style:a,variant:n,variantSeparator:c,appLogo:s,separator:d,items:p,onClick:m,isPrimary:u,collapse:g,folderIcon:f,folderIconProps:h,iconMargin:y,...x})=>{const C=b()||P,v=o(null),[A,w]=i(void 0),S=()=>{w(v?.current?.scrollWidth<v?.current?.offsetWidth)};r((()=>{S()}),[p]),r((()=>{if(!e)return window.addEventListener("resize",S),()=>window.removeEventListener("resize",S)}),[]);const k=p.map(((e,l)=>t.createElement(Ke,{key:l},0!==l||s?t.createElement("div",{className:"breadcrumb-icon-separator"},d):null,t.createElement($e,{id:e.id,theme:C,onClick:()=>{e.href&&m(e.href)},variant:n,href:e.href,"data-title":e.label},e.label))));let E,V;ae().width<500?(E=2,V=p.slice(-1)):(E=4,V=p.slice(-3));const M=V.map(((e,l)=>t.createElement(Ke,{key:p.length-3},t.createElement("div",{className:"breadcrumb-icon-separator"},d),t.createElement($e,{id:e.id,theme:C,onClick:()=>{e.href&&m(e.href)},variant:n,href:e.href,"data-title":e.label},e.label)))),B=p.slice(1,p.length-(E-1)).map(((e,l)=>t.createElement(_e,{key:l},f?t.createElement("div",{style:{marginRight:"10px",marginTop:"2.3px"}},t.createElement(_,z({icon:"folder-icon",size:17,transform:"translate(0px,-0.5px)"},h))):null,t.createElement($e,{id:e.id,theme:C,onClick:()=>{e.href&&m(e.href)},variant:n,href:e.href,"data-title":e.label},e.label)))),L=p?1==g?p.length<=E?k:t.createElement(t.Fragment,null,t.createElement(Ke,{key:0},t.createElement("div",{className:"breadcrumb-icon-separator"},d),t.createElement($e,{id:p[0].id,theme:C,onClick:()=>{p[0].href&&m(p[0].href)},variant:n,href:p[0].href,"data-title":p[0].label},p[0].label)),t.createElement(Ke,null,t.createElement("div",{className:"breadcrumb-icon-separator",style:{marginTop:"-3px"}},d),t.createElement(Ne,{contentTrigger:t.createElement(_,{icon:"ellipses-horizontal",size:12,color:"#6B747F",style:{padding:"0 4px",paddingBottom:"6px",marginTop:"-5.5px"}}),customTriggerStyle:{cursor:"pointer",background:"#E2E6F5",borderRadius:"3px"},headerTooltip:"",customHeaderStyle:{marginBottom:"0px"},contentTooltip:t.createElement(t.Fragment,null,B),footerTooltip:"",popperOptionsP:{placement:"bottom"},customContentStyle:{width:"210px",backgroundColor:"white",color:"#6B747F",boxShadow:"0px 6px 40px rgba(56, 66, 100, 0.482627)",display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"16px",gap:"8px",position:"absolute",borderRadius:"3.6px",paddingBottom:"0px",marginTop:"-8.8px",marginLeft:"-6px"},customBodyStyle:{marginBottom:"0px"},customStylesTPArrow:{display:"none"},settings:{closeOnOutsideClick:!0,trigger:"click"}})),M):k:null;return t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start"}},t.createElement("div",{style:{display:"flex",position:"absolute"}},t.createElement(Qe,z({theme:C,isWrap:e,ref:e?null:v,isBreadcrumbVisible:A,block:l,variant:n,variantSeparator:c,style:a,isPrimary:u,iconMargin:y},x),s&&t.createElement("div",{className:"breadcrumb-icon"},s),L)))};et.propTypes={variant:e.string,variantSeparator:e.string,onClick:e.func,appLogo:e.any,separator:e.any,items:e.array,block:e.bool,wrap:e.bool,isPrimary:e.bool,collapse:e.bool,folderIcon:e.bool,iconMargin:e.string},et.defaultProps={variant:"neutral-2",variantSeparator:"neutral-3",block:!1,onClick:void 0,wrap:!1,isPrimary:!0,collapse:!0,folderIcon:!0};const tt=m.label`
|
|
807
723
|
//Set the styles from the default styles object
|
|
808
724
|
${({inBuiltCss:e,type:t})=>F(e,t)}
|
|
809
725
|
|
|
810
726
|
// custom styles
|
|
811
727
|
${({customStyles:e})=>e}
|
|
812
|
-
`,
|
|
728
|
+
`,lt=({customStyles:e,text:l,className:o,required:i,...r})=>{const a=b()||P;return t.createElement(tt,z({required:i,inBuiltCss:T,customStyles:e,type:"label"},r),l,i&&t.createElement("div",{style:{marginLeft:"4px",color:`${a.variant.error}`}},"*"))};lt.propTypes={customStyles:e.object,text:e.string},lt.defaultProps={text:""};const ot=m.div`
|
|
813
729
|
display: flex;
|
|
814
730
|
flex-direction: column;
|
|
815
731
|
${({containerStyle:e})=>e};
|
|
816
|
-
`,
|
|
732
|
+
`,it=m.div`
|
|
817
733
|
display: flex;
|
|
818
734
|
flex-wrap: wrap;
|
|
819
735
|
align-items: baseline;
|
|
@@ -822,7 +738,7 @@ ${({customTriggerStyle:e})=>e}
|
|
|
822
738
|
border: none;
|
|
823
739
|
outline: none;
|
|
824
740
|
${({inputContainerStyle:e})=>e};
|
|
825
|
-
`,
|
|
741
|
+
`,rt=m.div`
|
|
826
742
|
background-color: ${({theme:e})=>e.variant["selection-bg"]};
|
|
827
743
|
color: ${({theme:e})=>e.variant["neutral-1"]} ;
|
|
828
744
|
border-radius: 4px;
|
|
@@ -835,10 +751,10 @@ ${({customTriggerStyle:e})=>e}
|
|
|
835
751
|
&:hover {
|
|
836
752
|
cursor: pointer;
|
|
837
753
|
}
|
|
838
|
-
`,
|
|
754
|
+
`,at=m.span`
|
|
839
755
|
margin-right: 8px;
|
|
840
756
|
word-break: break-all;
|
|
841
|
-
`,
|
|
757
|
+
`,nt=m.input`
|
|
842
758
|
flex-grow: 1;
|
|
843
759
|
padding: 0;
|
|
844
760
|
border: none;
|
|
@@ -855,10 +771,10 @@ ${({customTriggerStyle:e})=>e}
|
|
|
855
771
|
&::placeholder {
|
|
856
772
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
857
773
|
}
|
|
858
|
-
`,
|
|
774
|
+
`,ct=m.span`
|
|
859
775
|
color: ${({theme:e})=>e.variant.error};
|
|
860
776
|
${({errorTextStyle:e})=>e};
|
|
861
|
-
`,
|
|
777
|
+
`,st=({listChips:e,setListChips:l,currentChip:o,setCurrentChip:a,chipListString:n,placeholder:c,validationCheck:s,errorMsg:d,handleBlurProps:p,label:m,labelCusTomStyles:u,containerStyle:g,inputContainerStyle:f,errorTextStyle:h,multipleItemsValidator:y,disabled:x,...C})=>{let v=n?n.split(","):e||[];const[A,w]=i(v),[S,k]=i(o),[E,V]=i(""),M=b()||P;r((()=>{w(v)}),[]);return t.createElement(ot,{theme:M,containerStyle:g},t.createElement(it,{inputContainerStyle:f},t.createElement(lt,{text:m,customStyles:u}),A.map(((e,l)=>t.createElement(rt,{theme:M,key:e+`${l}`,onClick:()=>(e=>{const t=[...A];t.splice(e,1),w(t),V("")})(l)},t.createElement(at,null,e)))),t.createElement(nt,{type:"text",placeholder:c,value:S,onKeyDown:e=>{let t=s(S,A);"Enter"===e.key||","===e.key?(e.preventDefault(),t?S.trim()&&(w([...A,S.trim()]),k(""),V("")):V(d)):"Backspace"!==e.key||S||w(A.slice(0,-1))},onChange:e=>{k(e.target.value),V("")},theme:M,onBlur:()=>{const e=s(S,A);if(e&&S.trim()){const e=[...A,S.trim()];p(e.join(",")),w(e),k("")}else e||V(d)},onPaste:e=>{e.preventDefault();const t=e.clipboardData.getData("text/plain"),l=y(t,A);if(l&&l.length>0){const e=[...A,...l];w(e)}k("")},disabled:x})),E&&t.createElement(ct,{errorTextStyle:h,theme:M},E))};st.propTypes={listChips:e.arrayOf(e.string),setListChips:e.func,chipListString:e.string,currentChip:e.string,setCurrentChip:e.func,placeholder:e.string,validationCheck:e.func.isRequired,errorMsg:e.string,label:e.string,labelCusTomStyles:e.object,containerStyle:e.object,inputContainerStyle:e.object,errorTextStyle:e.object,disabled:e.bool},st.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1};const dt=m.div`
|
|
862
778
|
box-sizing: initial;
|
|
863
779
|
|
|
864
780
|
//Set the styles from the default styles object
|
|
@@ -870,7 +786,7 @@ opacity: ${({disabled:e,disabledOpacity:t})=>e?t:"1"};
|
|
|
870
786
|
|
|
871
787
|
// custom styles
|
|
872
788
|
${({checkBoxOuterStyle:e})=>e}
|
|
873
|
-
`;
|
|
789
|
+
`;dt.defaultProps={theme:P};const pt=m.div`
|
|
874
790
|
box-sizing: initial;
|
|
875
791
|
|
|
876
792
|
//Set the styles from the default styles object
|
|
@@ -887,7 +803,7 @@ opacity: ${({disabled:e,disabledOpacity:t})=>e?t:"1"};
|
|
|
887
803
|
|
|
888
804
|
// custom styles
|
|
889
805
|
${({checkBoxInnerStyle:e})=>e}
|
|
890
|
-
`;
|
|
806
|
+
`;pt.defaultProps={theme:P};const mt=m.span`
|
|
891
807
|
word-break: break-word;
|
|
892
808
|
|
|
893
809
|
//Set the styles from the default styles object
|
|
@@ -900,7 +816,7 @@ opacity: ${({disabled:e,disabledOpacity:t})=>e?t:"1"};
|
|
|
900
816
|
|
|
901
817
|
// custom styles
|
|
902
818
|
${({optionTextStyle:e})=>e}
|
|
903
|
-
`;
|
|
819
|
+
`;mt.defaultProps={theme:P};const bt=m.label`
|
|
904
820
|
width: fit-content;
|
|
905
821
|
margin-bottom: ${({inline:e})=>e?"":"18px !important"};
|
|
906
822
|
cursor: pointer;
|
|
@@ -910,10 +826,10 @@ opacity: ${({disabled:e,disabledOpacity:t})=>e?t:"1"};
|
|
|
910
826
|
|
|
911
827
|
// custom styles
|
|
912
828
|
${({wrapperStyles:e})=>e}
|
|
913
|
-
`,
|
|
829
|
+
`,ut=m.div`
|
|
914
830
|
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
915
831
|
width: ${({inline:e})=>e?"initial":"auto"};
|
|
916
|
-
`,
|
|
832
|
+
`,gt=({getCheckedArr:e,checkBoxOuterStyle:l,checkBoxInnerStyle:o,optionTextStyle:i,defaultBorderColor:a,defaultTextColor:n,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:d,label:p,options:m,setOptions:u,wrapperStyles:g,inline:f,wrapperStyle:h,isRequired:y,iconProps:x,disabledOpacity:C,disableAllCheckbox:v,...A})=>{const w=b()||P;r((()=>{if(v){let e=[...m];e.map((e=>{e.disabled=!0})),u(e)}S(m)}),[]);const S=t=>{let l=t.filter((e=>!1!==e.checked));e(l)},k=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",z({style:k},A),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({customStyles:d,type:"check-label",text:p},A)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${w.variant.error}`}},"*")),t.createElement(ut,z({style:{display:"flex",flexWrap:"wrap"},inline:f},A),m?.map(((e,r)=>t.createElement(bt,z({inline:f,id:e.id,key:`${e.name}-${r}`,onClick:()=>{!e.disabled&&((e,t)=>{let l=[...m];l[t].checked=!e.checked,u(l),S(l)})(e,r)},wrapperStyles:g},A),e.checked?t.createElement(pt,z({theme:w,inBuiltCss:T,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:a,checkedCheckBoxColor:s,checked:e.checked,disabled:e.disabled,disabledOpacity:C},A),t.createElement(_,z({icon:"check-icon",size:18,color:"white"},x))):t.createElement(dt,z({inBuiltCss:T,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:a,theme:w,disabled:e.disabled,disabledOpacity:C},A)),t.createElement(mt,{theme:w,inline:f,optionTextStyle:{...i,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:n,checkedTextColor:c,disabled:e.disabled,disabledOpacity:C},e.label))))))};gt.propTypes={wrapperStyle:e.object,label:e.string,labelStyle:e.object,checkBoxOuterStyle:e.object,checkBoxInnerStyle:e.object,optionTextStyle:e.object,defaultTextColor:e.string,checkedTextColor:e.string,defaultBorderColor:e.string,checkedCheckBoxColor:e.string,inline:e.bool,options:e.array,setOptions:e.func,getCheckedArr:e.func,isRequired:e.bool,wrapperStyles:e.object,iconProps:e.object,disabledOpacity:e.number,disableAllCheckbox:e.bool},gt.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{},iconProps:{},disabledOpacity:.5,disableAllCheckbox:!1};const ft=m.div`
|
|
917
833
|
border: 1px solid ${({theme:e})=>e.additional.border};
|
|
918
834
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white};
|
|
919
835
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
@@ -926,7 +842,7 @@ ${({inBuiltCss:e,defaultColorWrapperStyle:t})=>F(e,t)}
|
|
|
926
842
|
// custom styles
|
|
927
843
|
${({customColorWrapperStyle:e})=>e}
|
|
928
844
|
|
|
929
|
-
`,
|
|
845
|
+
`,ht=m.input`
|
|
930
846
|
|
|
931
847
|
border: 0.5px solid ${({theme:e})=>e.additional.border} !important;
|
|
932
848
|
box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.0880136);
|
|
@@ -950,11 +866,11 @@ ${({customInputColorStyle:e})=>e}
|
|
|
950
866
|
|
|
951
867
|
background-color: ${({isDisabled:e,value:t,theme:l})=>e?l.variant["neutral-5"]:t}};
|
|
952
868
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
953
|
-
`,
|
|
869
|
+
`,yt=({label:e,labelStyle:l,value:o,setValue:i,customInputColorStyle:r,customColorWrapperStyle:a,id:n,isDisabled:c,required:s,...d})=>{const p=b()||P;return t.createElement(ft,z({customColorWrapperStyle:a,defaultColorWrapperStyle:"ColorWrapper",isDisabled:c,theme:p,inBuiltCss:T,required:s},d),t.createElement(ht,z({id:n,isDisabled:c,disabled:c,customInputColorStyle:r,defaultInputColorStyle:"input-color",inBuiltCss:T,theme:p},d,{type:"color",value:o,onChange:e=>{i(e.target.value)}})),t.createElement(lt,z({themeColor:P,customStyles:l,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px",cursor:c?"not-allowed":"pointer"}},d)))};yt.propTypes={label:e.string,labelStyle:e.object,value:e.string,setValue:e.func,customInputColorStyle:e.object,customColorWrapperStyle:e.object,id:e.string,isDisabled:e.bool,required:e.bool},yt.defaultProps={label:"choose color",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:"",isDisabled:!1,required:!1};const xt=u`
|
|
954
870
|
display: flex;
|
|
955
871
|
gap: 7px;
|
|
956
872
|
align-items: center;
|
|
957
|
-
`,
|
|
873
|
+
`,Ct=m.div`
|
|
958
874
|
.react-tel-input {
|
|
959
875
|
border: 1px solid ${({theme:e})=>e.additional.border};
|
|
960
876
|
cursor: default;
|
|
@@ -1000,11 +916,11 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1000
916
|
input:placeholder-shown {
|
|
1001
917
|
text-overflow: ellipsis;
|
|
1002
918
|
}
|
|
1003
|
-
${({labelInline:e})=>e?
|
|
919
|
+
${({labelInline:e})=>e?xt:null}
|
|
1004
920
|
|
|
1005
921
|
// custom styles
|
|
1006
922
|
${({wrapperStyle:e})=>e}
|
|
1007
|
-
`,
|
|
923
|
+
`,vt=({labelProps:e,formProps:l,country:r,regions:a,countryCodeEditable:n,isDisabled:c})=>{const s=o(null),d=b()||P,[p,m]=i(""),[u,g]=i(""),f={label:"",required:!1,labelStyle:{},...e};return t.createElement(Ct,z({theme:d},l),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({style:{display:"flex",marginBottom:`${l?.labelInline?0:"8px"}`,paddingBottom:"0px",justifyContent:"start"},required:f.required},f))),t.createElement(x,{required:f.required,theme:d,disabled:c,disableCountryGuess:!0,ref:s,country:r||null,countryCodeEditable:n,regions:a,value:p,alwaysDefaultMask:!1,placeholder:u,onChange:(e,t,l,o)=>{let i="";if(0!==Object.keys(t).length){let e,l;t.format.split(" ").map(((o,r)=>{0===r?(e=`+${t.dialCode}`,i=e):(l=o.replace(/\./g,"X"),i=`${i} ${l}`)}))}m(e),g(i)}}))};vt.propTypes={regions:e.array,labelProps:e.object,formProps:e.object,countryCodeEditable:e.bool,country:e.string,isDisabled:e.bool},vt.defaultProps={labelProps:{},country:"ca",regions:["america"],countryCodeEditable:!1,isDisabled:!1};const At=m.div`
|
|
1008
924
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1009
925
|
.react-datepicker__tab-loop {
|
|
1010
926
|
position: absolute;
|
|
@@ -1160,24 +1076,24 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1160
1076
|
|
|
1161
1077
|
// custom styles
|
|
1162
1078
|
${({wrapperStyle:e})=>e};
|
|
1163
|
-
`,
|
|
1079
|
+
`,wt=m.div`
|
|
1164
1080
|
display: flex;
|
|
1165
1081
|
align-items: flex-start;
|
|
1166
1082
|
justify-content: center;
|
|
1167
1083
|
font-size: 16px;
|
|
1168
1084
|
padding-top: 12px;
|
|
1169
1085
|
padding-bottom: 15px;
|
|
1170
|
-
`,
|
|
1086
|
+
`,St=m.div`
|
|
1171
1087
|
display: flex;
|
|
1172
1088
|
justify-content: center;
|
|
1173
1089
|
margin-left: 6px;
|
|
1174
|
-
`,
|
|
1090
|
+
`,kt=m("div")`
|
|
1175
1091
|
width: inherit;
|
|
1176
|
-
`,
|
|
1092
|
+
`,Et=m("div")`
|
|
1177
1093
|
display: flex;
|
|
1178
1094
|
flex-direction: row;
|
|
1179
1095
|
cursor: pointer;
|
|
1180
|
-
`,
|
|
1096
|
+
`,Vt=m("div")`
|
|
1181
1097
|
margin-top: 8px;
|
|
1182
1098
|
position: absolute;
|
|
1183
1099
|
z-index: 100;
|
|
@@ -1188,7 +1104,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1188
1104
|
background: white;
|
|
1189
1105
|
box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
|
|
1190
1106
|
border-radius: 4px;
|
|
1191
|
-
`,
|
|
1107
|
+
`,Mt=m("ul")`
|
|
1192
1108
|
list-style: none;
|
|
1193
1109
|
padding: 0;
|
|
1194
1110
|
margin: 12px;
|
|
@@ -1214,7 +1130,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1214
1130
|
background-color: ${({theme:e})=>e.variant["neutral-4"]};
|
|
1215
1131
|
border-radius: 10px;
|
|
1216
1132
|
}
|
|
1217
|
-
`,
|
|
1133
|
+
`,zt=m("li")`
|
|
1218
1134
|
text-align: left;
|
|
1219
1135
|
font-style: normal;
|
|
1220
1136
|
font-weight: normal;
|
|
@@ -1223,9 +1139,9 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1223
1139
|
padding-left: 12px;
|
|
1224
1140
|
padding-bottom: 12px;
|
|
1225
1141
|
cursor: pointer;
|
|
1226
|
-
`,
|
|
1142
|
+
`,Bt=m.div`
|
|
1227
1143
|
width: 100%;
|
|
1228
|
-
`,
|
|
1144
|
+
`,Lt=m.button`
|
|
1229
1145
|
background-color: ${({theme:e,disabled:t})=>t?e.variant["secondary-5"]:e.additional.white};
|
|
1230
1146
|
padding: 5.5px 12px;
|
|
1231
1147
|
padding-right: 7px;
|
|
@@ -1245,14 +1161,14 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1245
1161
|
|
|
1246
1162
|
// custom styles
|
|
1247
1163
|
${({timeBtnStyle:e})=>e};
|
|
1248
|
-
`,
|
|
1164
|
+
`,It=m.span`
|
|
1249
1165
|
margin-top: -1px;
|
|
1250
1166
|
margin-left: 7px;
|
|
1251
1167
|
float: right;
|
|
1252
1168
|
|
|
1253
1169
|
// custom styles
|
|
1254
1170
|
${({customIconContainerStyle:e})=>e};
|
|
1255
|
-
`,
|
|
1171
|
+
`,Ht=["January","February","March","April","May","June","July","August","September","October","November","December"],Wt=({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()||P;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),[R,T]=i(!1),[F,j]=i(e.getFullYear()),[q,Z]=i(Ht[e.getMonth()]);r((()=>{Z(Ht[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(At,z({disabled:a,theme:w},A,{wrapperStyle:h}),t.createElement(lt,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(Bt,{value:m,onClick:g,placeholder:p,theme:w},t.createElement(Lt,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(It,z({theme:w},A,{customIconContainerStyle:d,className:"input-icon"}),G.icon?t.createElement(_,G):null))),renderCustomHeader:({date:e,changeYear:l,changeMonth:o})=>t.createElement(wt,null,t.createElement("div",{style:{display:"flex"}},t.createElement(kt,{ref:E},t.createElement(Et,{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"]}`}},Ht[e.getMonth()]),t.createElement(St,null,t.createElement(_,{icon:"triangle-down",color:H?w.variant["primary-1"]:w.additional["text-color"],size:7}))),M&&t.createElement(Vt,null,t.createElement(Mt,{theme:w,onMouseEnter:()=>W(!0)},Ht.map(((e,l)=>t.createElement(zt,{selectedMonth:q,onClick:()=>{W(!1),o(l),B(!1),Z(Ht[l])},key:Math.random()},t.createElement("span",{style:{color:`${q===e?w.variant["primary-1"]:w.additional["text-color"]}`}},e))))))),t.createElement(kt,{ref:V},t.createElement(Et,{style:{marginLeft:"28px"},onClick:()=>{I(!L),B(!1)}},t.createElement("span",{onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),style:{color:`${R?w.variant["primary-1"]:w.additional["text-color"]}`}},e.getFullYear()),t.createElement(St,null,t.createElement(_,{icon:"triangle-down",color:R?w.variant["primary-1"]:w.additional["text-color"],size:7}))),L&&t.createElement(Vt,null,t.createElement(Mt,{onMouseEnter:()=>T(!0),theme:w},S.map(((e,o)=>t.createElement(zt,{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)))};Wt.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},Wt.defaultProps={selectedDate:new Date,setSelectedDate:()=>{},disabled:!1,onChange:()=>{},value:"",onClick:()=>{}};const Rt=m.div`
|
|
1256
1172
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1257
1173
|
.react-datepicker__tab-loop{
|
|
1258
1174
|
position: absolute;
|
|
@@ -1327,7 +1243,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1327
1243
|
|
|
1328
1244
|
// custom styles
|
|
1329
1245
|
${({wrapperStyle:e})=>e};
|
|
1330
|
-
`,
|
|
1246
|
+
`,Pt=m.div``,Tt=m.button`
|
|
1331
1247
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1332
1248
|
background-color: ${({theme:e,disabled:t})=>t?e.variant["neutral-5"]:e.additional.white};
|
|
1333
1249
|
padding: 5.5px 12px;
|
|
@@ -1347,7 +1263,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1347
1263
|
|
|
1348
1264
|
// custom styles
|
|
1349
1265
|
${({timeBtnStyle:e})=>e};
|
|
1350
|
-
`,
|
|
1266
|
+
`,Ft=m.div`
|
|
1351
1267
|
display: flex;
|
|
1352
1268
|
align-items: center;
|
|
1353
1269
|
justify-content: ${({inputType:e})=>"year"!==e?"space-between":"center"};
|
|
@@ -1355,7 +1271,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1355
1271
|
color: ${({theme:e})=>e.additional.white};
|
|
1356
1272
|
// custom styles
|
|
1357
1273
|
${({customHeaderStyle:e})=>e};
|
|
1358
|
-
`,
|
|
1274
|
+
`,jt=m.span`
|
|
1359
1275
|
margin-top: -1px;
|
|
1360
1276
|
margin-left: 7px;
|
|
1361
1277
|
float: right;
|
|
@@ -1363,19 +1279,19 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1363
1279
|
// custom styles
|
|
1364
1280
|
${({customIconContainerStyle:e})=>e};
|
|
1365
1281
|
|
|
1366
|
-
`,
|
|
1282
|
+
`,qt=u`
|
|
1367
1283
|
display: flex;
|
|
1368
1284
|
gap: 7px;
|
|
1369
1285
|
align-items: center;
|
|
1370
|
-
`,
|
|
1371
|
-
${({labelInline:e})=>e?
|
|
1372
|
-
${({labelInline:e})=>e?
|
|
1286
|
+
`,Zt=m.div`
|
|
1287
|
+
${({labelInline:e})=>e?qt:null}
|
|
1288
|
+
${({labelInline:e})=>e?qt:null}
|
|
1373
1289
|
.err-text {
|
|
1374
1290
|
color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
|
|
1375
1291
|
margin-top: 5px;
|
|
1376
1292
|
font-size: 10px;
|
|
1377
1293
|
}
|
|
1378
|
-
`,
|
|
1294
|
+
`,Dt=({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 R=b()||P,T={icon:"calender",color:R.variant["primary-1"],size:"16",...p};return t.createElement(Zt,z({labelInline:y,errMsgColor:S,theme:R},E),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,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:`${R.variant.error}`}},"*")),t.createElement(Rt,z({theme:R},E,{wrapperStyle:g,isValid:k,disabled:c}),t.createElement(v,z({selected:B,disabled:c,customInput:t.createElement(Pt,{value:n,onClick:r,placeholder:a,theme:R},t.createElement(Tt,z({theme:R,value:n,onClick:r,timeBtnStyle:u,disabled:c},E),t.createElement("div",null,n||(a||"-- : -- --")),t.createElement(jt,z({theme:R},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(Ft,z({theme:R},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))};Dt.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},Dt.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const Ot=m.div`
|
|
1379
1295
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"initial"} !important;
|
|
1380
1296
|
|
|
1381
1297
|
.text-main-alt {
|
|
@@ -1402,7 +1318,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1402
1318
|
.text-main-alt-value {
|
|
1403
1319
|
display: none !important;
|
|
1404
1320
|
}
|
|
1405
|
-
`,
|
|
1321
|
+
`,Gt=m.div`
|
|
1406
1322
|
// Default style
|
|
1407
1323
|
display: flex;
|
|
1408
1324
|
|
|
@@ -1410,12 +1326,12 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1410
1326
|
${({inBuiltCss:e,labelWrapperStyle:t})=>F(e,t)}
|
|
1411
1327
|
// custom styles
|
|
1412
1328
|
${({customLabelStyles:e})=>e}
|
|
1413
|
-
`,
|
|
1329
|
+
`,Xt=m.div`
|
|
1414
1330
|
margin-left: 6px;
|
|
1415
1331
|
margin-top: -15.5px;
|
|
1416
1332
|
cursor: pointer;
|
|
1417
1333
|
line-height: normal !important;
|
|
1418
|
-
`,
|
|
1334
|
+
`,Jt=({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"))},Ut=({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:R,menuListFooter:F,customSelectStyles:j,errorMessage:q,...Z})=>{const D=b()||P,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 console.log(e),t.createElement(w.Option,e,t.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},"further-details"!==e.value&&(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:R||"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(Xt,{"data-accordion":"contentClickFalse"},t.createElement(_,{icon:A,color:k,size:E,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===V?l:null},ValueContainer:Jt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(w.ClearIndicator,e,n?t.createElement(Xt,{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};let U=null;switch(y){case"multiSelect":U=t.createElement(Yt,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(Nt,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(Nt,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,value:i},Z));break;default:U=t.createElement(Yt,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(Ot,{style:g,backgroundColor:I,isValid:c,fontSize:d,theme:D,isDisabled:x},e&&t.createElement(Gt,{inBuiltCss:T,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(lt,{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)},Yt=({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))},Nt=({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",id:r},n))};Ut.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},Ut.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 Qt=m.div`
|
|
1419
1335
|
//Set the styles from the default styles object
|
|
1420
1336
|
${({inBuiltCss:e,defaultStyles:t})=>F(e,t)}
|
|
1421
1337
|
|
|
@@ -1432,15 +1348,15 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1432
1348
|
|
|
1433
1349
|
// custom styles
|
|
1434
1350
|
${({customDropzoneStyles:e})=>e}
|
|
1435
|
-
`,
|
|
1351
|
+
`,Kt=m.div`
|
|
1436
1352
|
//Set the styles from the default styles object
|
|
1437
1353
|
${({inBuiltCss:e,defaultStyles:t})=>F(e,t)}
|
|
1438
1354
|
|
|
1439
1355
|
// custom styles
|
|
1440
1356
|
${({customFileStyles:e})=>e}
|
|
1441
|
-
|
|
1357
|
+
`,$t=m.input`
|
|
1442
1358
|
display: none;
|
|
1443
|
-
`,
|
|
1359
|
+
`,_t=m.div`
|
|
1444
1360
|
//Set the styles from the default styles object
|
|
1445
1361
|
${({inBuiltCss:e,defaultStyles:t})=>F(e,t)}
|
|
1446
1362
|
|
|
@@ -1452,18 +1368,18 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1452
1368
|
|
|
1453
1369
|
// custom styles
|
|
1454
1370
|
${({customFileNameStyles:e})=>e}
|
|
1455
|
-
`;const
|
|
1371
|
+
`;const el=m.div`
|
|
1456
1372
|
padding-left: 1px;
|
|
1457
1373
|
margin-left: auto;
|
|
1458
1374
|
margin-right: 10px;
|
|
1459
1375
|
display: flex;
|
|
1460
1376
|
justify-content: center;
|
|
1461
|
-
`,
|
|
1377
|
+
`,tl=m.div`
|
|
1462
1378
|
margin-left: 11px;
|
|
1463
1379
|
padding-left: 2px;
|
|
1464
1380
|
display: flex;
|
|
1465
1381
|
justify-content: center;
|
|
1466
|
-
`,
|
|
1382
|
+
`,ll=m.div`
|
|
1467
1383
|
color: #494949;
|
|
1468
1384
|
margin-left: 11px;
|
|
1469
1385
|
padding-left: 2px;
|
|
@@ -1474,9 +1390,9 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1474
1390
|
align-items: center;
|
|
1475
1391
|
margin: 20px 0px;
|
|
1476
1392
|
font-size: 14px;
|
|
1477
|
-
`;const
|
|
1393
|
+
`;const ol=({label:e,labelStyle:l,labelInline:o,required:r,message:a,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:R,id:F,customTooltipContentStyle:j,customStylesTPArightBefore:q,customStylesTPArightAfter:Z,...D})=>{const O=b()||P,[G,X]=i(!1),J=n(),[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(lt,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(Qt,{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:R,size:24}):t.createElement(_,{icon:"file-upload",color:G?O.additional.white:O.primary["primary-1"],size:24})):null,t.createElement(_t,{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||a)))),N===le||k.format?t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({themeColor:P,customStyles:V,type:"label-text",labelInline:o,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},D)),t.createElement(Ne,{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(lt,z({themeColor:P,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(Kt,{inBuiltCss:T,defaultStyles:"dropzone-file-div",key:`${e}-${l}`,customFileStyles:m},t.createElement(tl,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(ll,null,e?.otherInfo),t.createElement(el,{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"}}))))))};ol.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},ol.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 il=u`
|
|
1478
1394
|
pointer-events: none;
|
|
1479
|
-
`,
|
|
1395
|
+
`,rl=m.input`
|
|
1480
1396
|
background-color: transparent;
|
|
1481
1397
|
width: 100%;
|
|
1482
1398
|
white-space: nowrap;
|
|
@@ -1484,7 +1400,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1484
1400
|
text-overflow: ellipsis;
|
|
1485
1401
|
border-color: transparent;
|
|
1486
1402
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"default"};
|
|
1487
|
-
${({readOnly:e})=>e?
|
|
1403
|
+
${({readOnly:e})=>e?il:null}
|
|
1488
1404
|
|
|
1489
1405
|
&:focus-visible {
|
|
1490
1406
|
outline: none;
|
|
@@ -1492,29 +1408,29 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1492
1408
|
|
|
1493
1409
|
// custom styles
|
|
1494
1410
|
${({inputStyle:e})=>e}
|
|
1495
|
-
`,
|
|
1411
|
+
`,al=m.div`
|
|
1496
1412
|
display: flex;
|
|
1497
1413
|
width: 100%;
|
|
1498
1414
|
|
|
1499
1415
|
// custom styles
|
|
1500
1416
|
${({inputContainerStyle:e})=>e}
|
|
1501
|
-
`,
|
|
1417
|
+
`,nl=u`
|
|
1502
1418
|
display: flex;
|
|
1503
1419
|
align-items: end;
|
|
1504
|
-
`,
|
|
1420
|
+
`,cl=m.div`
|
|
1505
1421
|
width: 100%;
|
|
1506
|
-
${({labelInline:e})=>e?
|
|
1507
|
-
`,
|
|
1422
|
+
${({labelInline:e})=>e?nl:null}
|
|
1423
|
+
`,sl=({labelProps:e,formProps:l,value:i,setValue:r,inputStyle:a,inputContainerStyle:n,isDisabled:c,required:s,...d})=>{const p=b()||P,[m,u]=t.useState(!0),g=o(),f={label:"",labelStyle:{},...e},h={labelInline:!0,...l};return t.createElement(cl,z({theme:p},h),t.createElement("div",{style:{display:"flex",marginRight:"16px"}},t.createElement(lt,z({style:{display:"flex",marginBottom:`${h?.labelInline?0:"8px"}`,paddingBottom:"0px",justifyContent:"start"},required:s},f))),t.createElement(al,z({theme:p,style:{borderBottom:""+(m?"none":"1px solid #BBC4CF")},inputContainerStyle:n,isDisabled:c,required:s},d),t.createElement(rl,z({type:"text",value:i,readOnly:m,onChange:e=>{r(e.target.value)},ref:g,onBlur:()=>{u(!0)},theme:p},d,{inputStyle:a,isDisabled:c,disabled:c,onClick:e=>{}})),t.createElement(_,{icon:"edit-box",color:m||c?p.variant["neutral-2"]:p.variant["primary-1"],size:16,style:{display:"flex",alignItems:"center",justifyContent:"center",cursor:c?"not-allowed":"pointer"},onClick:()=>{c||(u(!1),g.current.focus())}})))};sl.propTypes={value:e.any,setValue:e.func,isDisabled:e.bool,formProps:e.object,labelProps:e.object,required:e.bool},sl.defaultProps={value:"",isDisabled:!1,required:!1,setValue:()=>{}};const dl=m.div`
|
|
1508
1424
|
display: contents;
|
|
1509
1425
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1510
1426
|
|
|
1511
1427
|
${({WrapperDivStyle:e})=>e}
|
|
1512
|
-
`,
|
|
1428
|
+
`,pl=m.input`
|
|
1513
1429
|
display: none;
|
|
1514
1430
|
min-height: 100vh;
|
|
1515
1431
|
padding: 0 0.5rem;
|
|
1516
1432
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1517
|
-
`,
|
|
1433
|
+
`,ml=m.div`
|
|
1518
1434
|
height: 49px;
|
|
1519
1435
|
width: 49px;
|
|
1520
1436
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white};
|
|
@@ -1526,7 +1442,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1526
1442
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1527
1443
|
|
|
1528
1444
|
${({IconWrapperStyle:e})=>e}
|
|
1529
|
-
`,
|
|
1445
|
+
`,bl=m.div`
|
|
1530
1446
|
// background-color: ${({theme:e})=>e.additional.white};
|
|
1531
1447
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white};
|
|
1532
1448
|
width: 134px;
|
|
@@ -1564,7 +1480,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1564
1480
|
}
|
|
1565
1481
|
}
|
|
1566
1482
|
${({MainDivStyle:e})=>e};
|
|
1567
|
-
`,
|
|
1483
|
+
`,ul=({image:e,setImage:l,WrapperDivStyle:a,MainDivStyle:n,IconWrapperStyle:c,iconSize:s,iconColor:d,isDisabled:p,id:m})=>{const[u,g]=i(),f=o(),h=b()||P,[y,x]=i(),[C,v]=i(!1);function A(e){e.preventDefault(),e.stopPropagation()}r((()=>{if(e&&C){const t=new FileReader;t.onloadend=()=>{g(t.result)},t.readAsDataURL(e)}else g(e)}),[e]);const w=e=>{e&&"image"===e.type.substr(0,5)?(v(!0),l(e)):v(!1)};return t.createElement(dl,{onDragLeave:function(e){A(e),x(!1)},onDragOver:function(e){A(e),x(!0)},onDrop:function(e){A(e);const{files:t}=e.dataTransfer;w(t[0])},WrapperDivStyle:a,isDisabled:p},t.createElement(bl,{isDisabled:p,theme:h,MainDivStyle:n,style:{backgroundImage:`url(${u})`},onClick:e=>{e.preventDefault(),f.current.click()}},!u&&t.createElement("div",{className:"icon-on-not-preview"},t.createElement(ml,{IconWrapperStyle:c,theme:h,isDisabled:p},t.createElement("img",{src:Q,alt:"",height:"40px",width:"48px"}))),t.createElement("div",{className:"icon-on-preview"},t.createElement(ml,{IconWrapperStyle:c,isDisabled:p,theme:h},t.createElement(_,{icon:"camera-icon",size:s,color:d||h.variant["primary-1"]})))),t.createElement(pl,{id:m,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png,image/webp",onChange:e=>{v(!0),l(e.target.files[0])},disabled:p,isDisabled:p}))};ul.propTypes={image:e.any,setImage:e.func,WrapperDivStyle:e.object,MainDivStyle:e.object,IconWrapperStyle:e.object,iconSize:e.number},ul.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const gl=m.div`
|
|
1568
1484
|
border: 1px solid ${({theme:e})=>e.additional.border};
|
|
1569
1485
|
border-radius: 4px;
|
|
1570
1486
|
padding: 5.5px 12px;
|
|
@@ -1604,7 +1520,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1604
1520
|
input[type='number'] {
|
|
1605
1521
|
-moz-appearance: textfield;
|
|
1606
1522
|
}
|
|
1607
|
-
`,
|
|
1523
|
+
`,fl=m.input`
|
|
1608
1524
|
width: 85%;
|
|
1609
1525
|
border: 0;
|
|
1610
1526
|
outline: 0;
|
|
@@ -1617,16 +1533,16 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1617
1533
|
|
|
1618
1534
|
// custom styles
|
|
1619
1535
|
${({inputStyle:e})=>e}
|
|
1620
|
-
`,
|
|
1536
|
+
`,hl=u`
|
|
1621
1537
|
display: flex;
|
|
1622
1538
|
align-items: center;
|
|
1623
|
-
`,
|
|
1624
|
-
${({labelInline:e})=>e?
|
|
1539
|
+
`,yl=m.div`
|
|
1540
|
+
${({labelInline:e})=>e?hl:null}
|
|
1625
1541
|
|
|
1626
1542
|
> div {
|
|
1627
1543
|
flex: 1 0 auto;
|
|
1628
1544
|
}
|
|
1629
|
-
`,
|
|
1545
|
+
`,xl=({inputValue:e,inputStyle:l,onChange:o,id:i,labelProps:r})=>{const a=b()||P;return t.createElement(yl,{labelInline:r?.labelInline},t.createElement(lt,z({style:{display:"flex",marginBottom:`${r?.labelInline?0:"8px"}`,marginRight:`${r?.labelInline?"8px":0}`,paddingBottom:"0px"}},r)),t.createElement("div",null,t.createElement(gl,{theme:a},t.createElement(fl,{theme:a,inputStyle:l,value:e,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&o(t)},type:"number",id:i}))))};xl.propTypes={inputValue:e.any,inputStyle:e.object,id:e.string,labelProps:e.object,onChange:e.func},xl.defaultProps={inputStyle:{},inputValue:"",id:"",onChange:()=>{}};const Cl=m.div`
|
|
1630
1546
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1631
1547
|
|
|
1632
1548
|
//Set the styles from the default styles object
|
|
@@ -1652,7 +1568,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1652
1568
|
|
|
1653
1569
|
// custom styles
|
|
1654
1570
|
${({textBoxStyle:e})=>e}
|
|
1655
|
-
`;
|
|
1571
|
+
`;Cl.defaultProps={theme:P};const vl=m.input`
|
|
1656
1572
|
width: 85%;
|
|
1657
1573
|
|
|
1658
1574
|
//Set the styles from the default styles object
|
|
@@ -1664,18 +1580,18 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1664
1580
|
.sc-furwcr bxRAoq {
|
|
1665
1581
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
1666
1582
|
}
|
|
1667
|
-
`,
|
|
1583
|
+
`,Al=u`
|
|
1668
1584
|
display: flex;
|
|
1669
1585
|
gap: 7px;
|
|
1670
1586
|
align-items: flex-start;
|
|
1671
|
-
`,
|
|
1672
|
-
${({labelInline:e})=>e?
|
|
1587
|
+
`,wl=m.div`
|
|
1588
|
+
${({labelInline:e})=>e?Al:null}
|
|
1673
1589
|
.err-text {
|
|
1674
1590
|
color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
|
|
1675
1591
|
margin-top: 5px;
|
|
1676
1592
|
font-size: 10px;
|
|
1677
1593
|
}
|
|
1678
|
-
`,
|
|
1594
|
+
`,Sl=({passwordRules:e,textBoxStyle:l,labelStyle:o,inputStyle:r,errMsg:a,required:n,label:c,labelInline:s,isValid:d,rulesStyle:p,id:m,showHideIcon:u,errMsgColor:g,...f})=>{const[h,y]=i("password"),x=b()||P;return t.createElement(wl,z({labelInline:s,inBuiltCss:T,errMsgColor:g,theme:x},f),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({customStyles:o,type:"label-text",text:c,errMsg:a,style:{display:"flex",marginBottom:`${s?0:"8px"}`,paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"flex-start"}},t.createElement("div",{style:{width:"100%"}},t.createElement(Cl,z({required:n,theme:x,textBoxStyle:l,isValid:d,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:T},f),t.createElement(vl,z({},f,{inputStyle:r,type:h,id:m,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:T})),!0===u?t.createElement("div",{className:"input-icon",onClick:()=>y("password"===h?"text":"password"),style:{position:"absolute",right:"7px"}},t.createElement(_,{icon:"text"===h?"eye-show":"eye-hide"})):""),a.length>0&&t.createElement("div",{className:"err-text"},a)),e?t.createElement("div",{style:{...p,marginLeft:"5px"}},e):""))};Sl.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},Sl.defaultProps={inBuiltCss:T,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const kl=m.div`
|
|
1679
1595
|
box-sizing: initial;
|
|
1680
1596
|
|
|
1681
1597
|
//Set the styles from the default styles object
|
|
@@ -1685,7 +1601,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1685
1601
|
|
|
1686
1602
|
// custom styles
|
|
1687
1603
|
${({radioOuterCircleStyle:e})=>e}
|
|
1688
|
-
`;
|
|
1604
|
+
`;kl.defaultProps={theme:P};const El=m.div`
|
|
1689
1605
|
box-sizing: initial;
|
|
1690
1606
|
|
|
1691
1607
|
//Set the styles from the default styles object
|
|
@@ -1697,7 +1613,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1697
1613
|
|
|
1698
1614
|
// custom styles
|
|
1699
1615
|
${({radioInnerCircleStyle:e})=>e}
|
|
1700
|
-
`;
|
|
1616
|
+
`;El.defaultProps={theme:P};const Vl=m.div`
|
|
1701
1617
|
//Set the styles from the default styles object
|
|
1702
1618
|
${({inBuiltCss:e,defaultOptionStyle:t})=>F(e,t)}
|
|
1703
1619
|
margin-right: ${({inline:e})=>e?"":"30px"};
|
|
@@ -1705,7 +1621,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1705
1621
|
|
|
1706
1622
|
// custom styles
|
|
1707
1623
|
${({optionStyle:e})=>e}
|
|
1708
|
-
`;
|
|
1624
|
+
`;Vl.defaultProps={theme:P};const Ml=m.div`
|
|
1709
1625
|
margin-bottom: ${({inline:e})=>e?"":"14px"};
|
|
1710
1626
|
cursor: pointer;
|
|
1711
1627
|
align-items: center;
|
|
@@ -1714,11 +1630,11 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1714
1630
|
|
|
1715
1631
|
// custom styles
|
|
1716
1632
|
${({WrapperDivStyle:e})=>e}
|
|
1717
|
-
`,
|
|
1633
|
+
`,zl=m.div`
|
|
1718
1634
|
display: ${({inline:e})=>e?"flex":"inline-block"};
|
|
1719
1635
|
width: max-content;
|
|
1720
1636
|
margin: 0;
|
|
1721
|
-
`,
|
|
1637
|
+
`,Bl=({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,required:y,onFocus:x,...C})=>{const v=b()||P;return t.createElement("div",null,t.createElement(lt,{customStyles:o,type:"label-text",text:i,required:y,style:{display:"flex",marginBottom:"'8px",paddingBottom:"0px"}}),t.createElement(zl,{inline:u},a.map(((o,i)=>t.createElement(Ml,{WrapperDivStyle:h,key:i+101*Math.random(),id:o.id,inline:u,onClick:()=>{!o?.disabled&&s(o.value)},onFocus:()=>{!o?.disabled&&x(o.value)}},t.createElement(kl,{theme:v,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(El,{inBuiltCss:T,theme:v,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(Vl,{defaultOptionColor:f,optionStyle:{...r,cursor:o?.disabled?"not-allowed ":" pointer",color:o?.disabled&&o?.disabledColor},inBuiltCss:T,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:v,selected:!o?.disabled&&o.value===d},o.label))))))};Bl.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},Bl.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const Ll=m.div`
|
|
1722
1638
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1723
1639
|
|
|
1724
1640
|
//Set the styles from the default styles object
|
|
@@ -1739,7 +1655,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1739
1655
|
${({textBoxStyle:e})=>e}
|
|
1740
1656
|
|
|
1741
1657
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white}
|
|
1742
|
-
`,
|
|
1658
|
+
`,Il=m.input`
|
|
1743
1659
|
color: ${({theme:e})=>e.additional.black};
|
|
1744
1660
|
width: 85%;
|
|
1745
1661
|
white-space: nowrap;
|
|
@@ -1757,18 +1673,18 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1757
1673
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white}};
|
|
1758
1674
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"text"};
|
|
1759
1675
|
|
|
1760
|
-
`,
|
|
1676
|
+
`,Hl=u`
|
|
1761
1677
|
display: flex;
|
|
1762
1678
|
gap: 7px;
|
|
1763
1679
|
align-items: center;
|
|
1764
|
-
`,
|
|
1765
|
-
${({labelInline:e})=>e?
|
|
1680
|
+
`,Wl=m.div`
|
|
1681
|
+
${({labelInline:e})=>e?Hl:null}
|
|
1766
1682
|
.err-text {
|
|
1767
1683
|
color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
|
|
1768
1684
|
margin-top: 5px;
|
|
1769
1685
|
font-size: 10px;
|
|
1770
1686
|
}
|
|
1771
|
-
`,
|
|
1687
|
+
`,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()||P;return t.createElement(Wl,z({labelInline:n,theme:A,errMsgColor:g},v),t.createElement(lt,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(Ll,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(Il,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 Pl=({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)),Tl=m.div`
|
|
1772
1688
|
//Set the styles from the default styles object
|
|
1773
1689
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>F(e,t)}
|
|
1774
1690
|
|
|
@@ -1777,7 +1693,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1777
1693
|
&:focus-within {
|
|
1778
1694
|
border-color: ${({activeColor:e,theme:t})=>e||t.primary["primary-1"]};
|
|
1779
1695
|
}
|
|
1780
|
-
`,
|
|
1696
|
+
`,Fl=m.div`
|
|
1781
1697
|
//Set the styles from the default styles object
|
|
1782
1698
|
${({inBuiltCss:e,defaultWrapperDivStyle:t})=>F(e,t)}
|
|
1783
1699
|
|
|
@@ -1789,7 +1705,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1789
1705
|
border-left: ${({signIcon:e})=>e?"":"none"};
|
|
1790
1706
|
margin-left: ${({signIcon:e})=>e?"":"42px"};
|
|
1791
1707
|
position: ${({signIcon:e})=>e?"absolute":""};
|
|
1792
|
-
`,
|
|
1708
|
+
`,jl=m.div`
|
|
1793
1709
|
width: 39px;
|
|
1794
1710
|
height: 44px;
|
|
1795
1711
|
display: flex;
|
|
@@ -1799,7 +1715,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1799
1715
|
border-bottom: ${({penIcon:e,isMyInputFocused:t,activeColor:l,defaultColor:o,theme:i})=>e?t?`1px solid ${l||i.primary["primary-1"]}`:`1px solid ${o||i.neutral["neutral-3"]}`:""};
|
|
1800
1716
|
background-color: rgba(255, 255, 255, 0.05);
|
|
1801
1717
|
cursor: pointer;
|
|
1802
|
-
`,
|
|
1718
|
+
`,ql=m.input`
|
|
1803
1719
|
${({inBuiltCss:e,defaultInputStyle:t})=>F(e,t)}
|
|
1804
1720
|
|
|
1805
1721
|
border-bottom: ${({value:e,defaultColor:t,theme:l})=>e.length>0?"none":t};
|
|
@@ -1823,17 +1739,17 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1823
1739
|
|
|
1824
1740
|
// custom styles
|
|
1825
1741
|
${({customInputStyle:e})=>e}
|
|
1826
|
-
`,
|
|
1742
|
+
`,Zl=m.div`
|
|
1827
1743
|
position: relative;
|
|
1828
1744
|
width: inherit;
|
|
1829
1745
|
display: flex;
|
|
1830
1746
|
margin: 4px;
|
|
1831
|
-
`,
|
|
1747
|
+
`,Dl=m.div`
|
|
1832
1748
|
padding-left: 2px;
|
|
1833
1749
|
display: flex;
|
|
1834
1750
|
justify-content: center;
|
|
1835
1751
|
cursor: pointer;
|
|
1836
|
-
`,
|
|
1752
|
+
`,Ol=({onChange:e,activeColor:l,defaultColor:a,placeholderColor:n,placeholderText:c,customInputStyle:s,pointsArray:d,setPointsArray:p,value:m,setValue:u,valueForSignatureDrawing:g,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:x,...C})=>{const v=b()||P,[A,w]=i("default"),[S,E]=i(!1),[V,M]=i(!1),z=o(null);r((()=>{V&&(L(),f(z.current))}),[!0===V]);const B=()=>{u(""),f(z.current),z.current&&z.current.clear(),E(!1),M(!1)},L=()=>(p(z.current.toData()),y(z.current.toDataURL("image/png")),[h,d]);return t.createElement(Tl,{inBuiltCss:T,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:S,selected:A,activeColor:l,defaultColor:a,theme:v},t.createElement(Fl,{inBuiltCss:T,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:l,defaultColor:a,selected:A,isMyInputFocused:S,signIcon:!0,theme:v},t.createElement(jl,{activeColor:l,defaultColor:a,isMyInputFocused:S,theme:v,penIcon:!0,onClick:()=>{w("default"),B()}},t.createElement(_,{icon:"pen-icon",color:"default"===A?l||v.primary["primary-1"]:v.additional.black})),t.createElement(jl,{activeColor:l,defaultColor:a,theme:v,isMyInputFocused:S,penIcon:!1,onClick:()=>{w("sign"),B()}},t.createElement(_,{icon:"sign-icon",color:"default"!==A?l||v.primary["primary-1"]:v.additional.black}))),t.createElement(Fl,{inBuiltCss:T,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:l,defaultColor:a,theme:v,selected:A,isMyInputFocused:S,signIcon:!1,onTouchStart:()=>{}},"default"===A?t.createElement(ql,{inBuiltCss:T,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:n,customInputStyle:s,onBlur:()=>E(!1),onFocus:()=>E(!0),id:x,value:m,defaultColor:a,theme:v,onChange:e=>u(e.target.value)}):t.createElement(Zl,{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),onClick:()=>{M(!0),L()}},t.createElement(k,{ref:z,id:x,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(m||V)&&t.createElement(Dl,{selected:A,onClick:()=>B()},t.createElement(_,{icon:"cross-icon",color:a||v.neutral["neutral-3"]}))))};Ol.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},Ol.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Gl=m.div`
|
|
1837
1753
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1838
1754
|
//Set the styles from the default styles object
|
|
1839
1755
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>F(e,t)}
|
|
@@ -1855,7 +1771,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1855
1771
|
|
|
1856
1772
|
// custom styles
|
|
1857
1773
|
${({textAreaStyle:e})=>e}
|
|
1858
|
-
`,
|
|
1774
|
+
`,Xl=m.textarea`
|
|
1859
1775
|
//Set the styles from the default styles object
|
|
1860
1776
|
${({inBuiltCss:e,defaultInputStyle:t})=>F(e,t)}
|
|
1861
1777
|
margin: 0;
|
|
@@ -1863,12 +1779,12 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1863
1779
|
cursor: auto;
|
|
1864
1780
|
resize: vertical // custom styles
|
|
1865
1781
|
${({inputStyle:e})=>e};
|
|
1866
|
-
`,
|
|
1782
|
+
`,Jl=u`
|
|
1867
1783
|
display: flex;
|
|
1868
1784
|
gap: 7px;
|
|
1869
1785
|
align-items: center;
|
|
1870
|
-
`,
|
|
1871
|
-
${({labelInline:e})=>e?
|
|
1786
|
+
`,Ul=m.div`
|
|
1787
|
+
${({labelInline:e})=>e?Jl:null}
|
|
1872
1788
|
${({customStylesForm:e})=>{if(e)return{...e}}}
|
|
1873
1789
|
position: relative;
|
|
1874
1790
|
.err-text {
|
|
@@ -1876,7 +1792,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1876
1792
|
margin-top: 5px;
|
|
1877
1793
|
font-size: 10px;
|
|
1878
1794
|
}
|
|
1879
|
-
`,
|
|
1795
|
+
`,Yl=t.forwardRef((({customStylesForm:e,textAreaStyle:l,inputStyle:o,errMsg:i,iconBefore:r,iconAfter:a,isValid:n,rows:c,cols:s,id:d,labelProps:p,...m},u)=>{const g=b()||P,{labelInline:f}=p;return t.createElement(Ul,z({labelInline:f,customStylesForm:e,theme:g},m),t.createElement(lt,z({type:"label-text",style:{display:"flex",marginBottom:`${f?0:"8px"}`,paddingBottom:"0px"}},p)),t.createElement(Gl,z({theme:g,textAreaStyle:l,isValid:n,inBuiltCss:T,defaultWrapperStyle:"textbox-wrapper"},m),t.createElement("div",{className:"input-icon"},r),t.createElement(Xl,z({ref:u,inputStyle:o,defaultInputStyle:"textarea-wrapper",cols:s,rows:c,inBuiltCss:T,id:d},m,{size:"1"})),t.createElement("div",{className:"input-icon"},a)),t.createElement("div",{className:"err-text"},i))}));Yl.propTypes={rows:e.number,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textAreaStyle:e.object,inputStyle:e.object,id:e.string,labelProps:e.object},Yl.defaultProps={isValid:!0,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},inputStyle:{},rows:3,id:"",labelProps:{labelInline:!1}};const Nl=m.div`
|
|
1880
1796
|
color: #a9b1b8;
|
|
1881
1797
|
font-size: 21px;
|
|
1882
1798
|
border: 1px solid
|
|
@@ -1890,7 +1806,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1890
1806
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1891
1807
|
outline: none;
|
|
1892
1808
|
}
|
|
1893
|
-
|
|
1809
|
+
`,Ql=m.input`
|
|
1894
1810
|
border: 0;
|
|
1895
1811
|
outline: 0;
|
|
1896
1812
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -1900,23 +1816,23 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1900
1816
|
width: 24px;
|
|
1901
1817
|
text-align:center;
|
|
1902
1818
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1903
|
-
`,
|
|
1819
|
+
`,Kl=u`
|
|
1904
1820
|
&:after {
|
|
1905
1821
|
content: ' *';
|
|
1906
1822
|
color: ${({theme:e})=>e.variant.error};
|
|
1907
1823
|
}
|
|
1908
|
-
|
|
1824
|
+
`,$l=m.label`
|
|
1909
1825
|
display: block;
|
|
1910
1826
|
margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"8px"};
|
|
1911
1827
|
margin-right: ${({labelInline:e})=>e?"8px":""};
|
|
1912
1828
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1913
|
-
${({required:e})=>e?
|
|
1829
|
+
${({required:e})=>e?Kl:null}
|
|
1914
1830
|
padding-bottom: 0px;
|
|
1915
|
-
`,
|
|
1831
|
+
`,_l=u`
|
|
1916
1832
|
display: flex;
|
|
1917
1833
|
align-items: center;
|
|
1918
|
-
`,
|
|
1919
|
-
${({labelInline:e})=>e?
|
|
1834
|
+
`,eo=m.div`
|
|
1835
|
+
${({labelInline:e})=>e?_l:null}
|
|
1920
1836
|
.err-text {
|
|
1921
1837
|
color: ${({theme:e})=>e.variant.error};
|
|
1922
1838
|
margin-top: 5px;
|
|
@@ -1926,7 +1842,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1926
1842
|
> div {
|
|
1927
1843
|
flex: 1 0 auto;
|
|
1928
1844
|
}
|
|
1929
|
-
`,
|
|
1845
|
+
`,to=m.button`
|
|
1930
1846
|
border: none;
|
|
1931
1847
|
outline: none;
|
|
1932
1848
|
border-radius: 4px;
|
|
@@ -1935,9 +1851,9 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1935
1851
|
padding: 5px 6px;
|
|
1936
1852
|
font-size: 18px;
|
|
1937
1853
|
cursor: pointer;
|
|
1938
|
-
`,
|
|
1854
|
+
`,lo=({label:e,errMsg:l,hour:o,minute:i,period:r,onChange:a,id:n,...c})=>{const s=b()||P;return t.createElement(eo,z({theme:s},c),t.createElement($l,z({theme:s},c,{errMsg:l}),e),t.createElement("div",null,t.createElement(Nl,z({theme:s,id:n},c),t.createElement(Ql,{theme:s,value:o,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;a({hour:t,minute:i,period:r})}}),":",t.createElement(Ql,{theme:s,value:i,onChange:function(e){const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;a({hour:o,minute:t,period:r})}}),t.createElement(to,{theme:s,onClick:function(e){a({hour:o,minute:i,period:"AM"===r?"PM":"AM"})}},r)),t.createElement("div",{className:"err-text"},l)))};lo.propTypes={label:e.string,hour:e.number.isRequired,minute:e.number.isRequired,period:e.string.isRequired,required:e.bool,labelInline:e.bool,isValid:e.bool,errMsg:e.string,id:e.string},lo.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const oo=m.div`
|
|
1939
1855
|
${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>F(e,t)}
|
|
1940
|
-
`,
|
|
1856
|
+
`,io=m.label`
|
|
1941
1857
|
position: absolute;
|
|
1942
1858
|
width: ${({labelPosition:e})=>"inside"===e?"51.52px":"45px"};
|
|
1943
1859
|
height: ${({labelPosition:e})=>"inside"===e?"20.11px":"22px"};
|
|
@@ -1963,7 +1879,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1963
1879
|
// custom styles
|
|
1964
1880
|
${({customSwitchStyle:e})=>e}
|
|
1965
1881
|
}
|
|
1966
|
-
`,
|
|
1882
|
+
`,ro=m.input.attrs({type:"checkbox"})`
|
|
1967
1883
|
opacity: 0;
|
|
1968
1884
|
z-index: 1;
|
|
1969
1885
|
border-radius: 11.04px;
|
|
@@ -1975,7 +1891,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1975
1891
|
// custom styles
|
|
1976
1892
|
|
|
1977
1893
|
|
|
1978
|
-
`,
|
|
1894
|
+
`,ao=m.span`
|
|
1979
1895
|
color: ${({theme:e,labelPosition:t})=>"inside"===t?e.neutral["neutral-5"]:e.additional["text-color"]};
|
|
1980
1896
|
font-size: ${({labelPosition:e})=>"inside"===e?"10px":"16px"};
|
|
1981
1897
|
position: ${({labelPosition:e})=>"inside"===e?"absolute":"initial"};
|
|
@@ -1983,7 +1899,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1983
1899
|
margin-right:${({labelPosition:e})=>"inside"===e?0:"8px"};
|
|
1984
1900
|
// custom styles
|
|
1985
1901
|
${({optionStyle:e})=>e};
|
|
1986
|
-
`,
|
|
1902
|
+
`,no=({checked:e,customSwitchStyle:l,customToggleBoxStyle:o,onClick:i,optionStyle:r,id:a,isDisabled:n,trueLabel:c,falseLabel:s,labelPosition:d,...p})=>{const m=b()||P;return t.createElement(oo,z({inBuiltCss:T,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},p),"left"===d&&t.createElement(ao,{optionStyle:r,inBuiltCss:T,theme:m,checked:e,labelPosition:d},e?c:s),t.createElement(ro,z({},p,{id:a,inBuiltCss:T,onClick:()=>{i(!e)},isChecked:e,disabled:n,isDisabled:n,customToggleBoxStyle:o,labelPosition:d})),t.createElement(io,z({},p,{htmlFor:a,customToggleBoxStyle:o,customSwitchStyle:l,inBuiltCss:T,checked:e,theme:m,isDisabled:n,labelPosition:d})),("right"===d||"inside"===d)&&t.createElement(ao,{optionStyle:r,inBuiltCss:T,theme:m,checked:e,labelPosition:d},e?c:s))};no.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,checked:e.bool,id:e.string,isDisabled:e.bool,trueLabel:e.string,falseLabel:e.string,labelPosition:e.oneOf(["left","right","inside"])},no.defaultProps={checked:!1,customSwitchStyle:{},customToggleBoxStyle:{},id:"",isDisabled:!1,trueLabel:"Yes",falseLabel:"NO",labelPosition:"right"};const co=m.div`
|
|
1987
1903
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1988
1904
|
padding: 24px 8px;
|
|
1989
1905
|
${({commentWrapperStyle:e})=>e};
|
|
@@ -1999,10 +1915,10 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1999
1915
|
}
|
|
2000
1916
|
}
|
|
2001
1917
|
}
|
|
2002
|
-
`,
|
|
1918
|
+
`,so=m.div`
|
|
2003
1919
|
margin-bottom: 24px;
|
|
2004
1920
|
${({commentBodyStyle:e})=>e};
|
|
2005
|
-
`,
|
|
1921
|
+
`,po=m.div`
|
|
2006
1922
|
display: flex;
|
|
2007
1923
|
flex-direction: row;
|
|
2008
1924
|
width: 100%;
|
|
@@ -2013,7 +1929,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2013
1929
|
flex-direction: column;
|
|
2014
1930
|
align-items: flex-start;
|
|
2015
1931
|
}
|
|
2016
|
-
`,
|
|
1932
|
+
`,mo=m.span`
|
|
2017
1933
|
margin-left: 24px;
|
|
2018
1934
|
font-size: 14px;
|
|
2019
1935
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
@@ -2022,13 +1938,13 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2022
1938
|
@media (max-width: 576px) {
|
|
2023
1939
|
margin-left: 56px;
|
|
2024
1940
|
}
|
|
2025
|
-
`,
|
|
1941
|
+
`,bo=m.div`
|
|
2026
1942
|
margin: 12px 0 0 56px;
|
|
2027
1943
|
font-size: 16px;
|
|
2028
1944
|
word-break: break-word;
|
|
2029
1945
|
color: ${P.variant["graph-6"]};
|
|
2030
1946
|
${({commentDivStyle:e})=>e};
|
|
2031
|
-
`,
|
|
1947
|
+
`,uo=m.div`
|
|
2032
1948
|
display: flex;
|
|
2033
1949
|
justify-content: flex-start;
|
|
2034
1950
|
align-items: flex-start;
|
|
@@ -2037,13 +1953,13 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2037
1953
|
padding: 16px 24px;
|
|
2038
1954
|
border-radius: 0px 0px 4px 4px;
|
|
2039
1955
|
${({inputWrapperStyle:e})=>e};
|
|
2040
|
-
`,
|
|
1956
|
+
`,go=m.div`
|
|
2041
1957
|
display: inline-flex;
|
|
2042
1958
|
margin-top: 16px;
|
|
2043
|
-
`,
|
|
1959
|
+
`,fo=m.div`
|
|
2044
1960
|
width: 100%;
|
|
2045
1961
|
margin-left: 16px;
|
|
2046
|
-
`,
|
|
1962
|
+
`,ho=({commentsArray:e,customStyles:l,myInfoAvatarProps:o,loading:r,viewOnly:a,textInputProps:n,saveBtnProps:c,cancelBtnProps:s,loadMore:d,avatarProps:p,message:m})=>{const u=b()||P,[g,f]=i(!1),[h,y]=i(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await d.callback(),y((e=>[...e,...t]))};return t.createElement(co,{commentWrapperStyle:l?.commentWrapperStyle,theme:u},h.map(((e,o)=>{const{name:i,date:r,comment:a,image:n}=e;return t.createElement(so,{key:o,commentBodyStyle:l?.commentBodyStyle,theme:u},t.createElement(po,{commentHeadStyle:l?.commentHeadStyle},t.createElement(He,z({user:{fullName:i,userName:i,url:n},toggleName:!0,size:"LG",customStylesName:{color:u.additional["text-color"]}},p)),t.createElement(mo,{dateTimeStyle:l?.dateTimeStyle,theme:u},r)),t.createElement(bo,{commentDivStyle:l?.commentDivStyle},a))})),!r&&0===h.length&&m,r&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},t.createElement(ue,{size:25})),!r&&d.showLoadMore&&t.createElement("div",{className:"load-more"},t.createElement(he,{onClick:()=>x("load")},"Load more")),!a&&t.createElement(uo,{theme:u,inputWrapperStyle:l?.inputWrapperStyle},t.createElement(He,z({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),t.createElement(fo,null,t.createElement(Rl,z({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>f(!0)},n,{onChange:e=>{n.setInputValue(e.target.value)}})),g&&t.createElement(go,null,t.createElement(Ce,z({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),t.createElement(he,z({disabled:!(!s?.isLoading&&!c?.isLoading),onClick:()=>{f(!1),n.setInputValue(""),n.setValidValue({isValid:!0,errMsg:""})},btnStyle:{color:u.variant["neutral-1"]}},s),s.text)))))};ho.propTypes={commentsArray:e.array,customStyles:e.object,myInfoAvatarProps:e.object,viewOnly:e.bool,textInputProps:e.object,saveBtnProps:e.object,cancelBtnProps:e.object,loadMore:e.object,avatarProps:e.object,message:e.element},ho.defaultProps={commentsArray:[],customStyles:{commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{}},myInfoAvatarProps:{},loading:!1,viewOnly:!1,textInputProps:{},saveBtnProps:{size:"sm",text:"Save"},cancelBtnProps:{size:"sm",text:"Cancel"},loadMore:{showLoadMore:!1,callback:()=>{}},avatarProps:{},message:t.createElement("span",{style:{textAlign:"center",display:"block",marginBottom:"16px"}},"No comments yet")};const yo=m.div`
|
|
2047
1963
|
//Set the styles from the default styles object
|
|
2048
1964
|
${({theme:e,type:t})=>F(e,t)}
|
|
2049
1965
|
@media (max-width: 980px) {
|
|
@@ -2051,7 +1967,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2051
1967
|
}
|
|
2052
1968
|
// custom styles
|
|
2053
1969
|
${({customStyles:e})=>e}
|
|
2054
|
-
`,
|
|
1970
|
+
`,xo=({theme:e,type:l,customStyles:o,...i})=>t.createElement(yo,z({theme:e,customStyles:o,type:l},i),i.children);xo.propTypes={theme:e.object,customStyles:e.object,type:e.string},xo.defaultProps={theme:T,customStyles:null,type:"content"};const Co=m.div`
|
|
2055
1971
|
width: 100%;
|
|
2056
1972
|
display: flex;
|
|
2057
1973
|
flex-direction: column;
|
|
@@ -2063,7 +1979,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2063
1979
|
button:focus {
|
|
2064
1980
|
outline: none;
|
|
2065
1981
|
}
|
|
2066
|
-
`,
|
|
1982
|
+
`,vo=m.div`
|
|
2067
1983
|
position: relative;
|
|
2068
1984
|
display: flex;
|
|
2069
1985
|
width: 100%;
|
|
@@ -2147,7 +2063,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2147
2063
|
margin-top: 0;
|
|
2148
2064
|
}
|
|
2149
2065
|
}
|
|
2150
|
-
`,
|
|
2066
|
+
`,Ao=m.span`
|
|
2151
2067
|
color: #2e56f4;
|
|
2152
2068
|
font-style: normal;
|
|
2153
2069
|
font-weight: normal;
|
|
@@ -2157,14 +2073,14 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2157
2073
|
margin-top: 37px;
|
|
2158
2074
|
margin-right: 65px;
|
|
2159
2075
|
white-space: nowrap;
|
|
2160
|
-
`,
|
|
2076
|
+
`,wo=m.div`
|
|
2161
2077
|
display: flex;
|
|
2162
2078
|
flex-direction: column;
|
|
2163
2079
|
${""}
|
|
2164
2080
|
max-width: 1340px;
|
|
2165
2081
|
width: 100%;
|
|
2166
2082
|
align-items: center;
|
|
2167
|
-
`,
|
|
2083
|
+
`,So=m.div`
|
|
2168
2084
|
position: absolute;
|
|
2169
2085
|
font-size: 12px;
|
|
2170
2086
|
border-radius: 50%;
|
|
@@ -2181,23 +2097,23 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2181
2097
|
transform: translate(30%, -30%);
|
|
2182
2098
|
color: white;
|
|
2183
2099
|
font-weight: 600;
|
|
2184
|
-
`,
|
|
2100
|
+
`,ko=m.div`
|
|
2185
2101
|
width: 90%;
|
|
2186
|
-
`,
|
|
2102
|
+
`,Eo=m.div`
|
|
2187
2103
|
background: linear-gradient(
|
|
2188
2104
|
0deg,
|
|
2189
2105
|
hsla(0, 0%, 100%, 1) 20%,
|
|
2190
2106
|
hsla(0, 0%, 100%, 0.5) 100%
|
|
2191
2107
|
);
|
|
2192
2108
|
width: 90%;
|
|
2193
|
-
`,
|
|
2109
|
+
`,Vo=m.div`
|
|
2194
2110
|
width: 90%;
|
|
2195
|
-
`,
|
|
2111
|
+
`,Mo=m.div`
|
|
2196
2112
|
display: flex;
|
|
2197
2113
|
margin-left: auto !important;
|
|
2198
2114
|
margin-right: auto !important;
|
|
2199
2115
|
cursor: pointer;
|
|
2200
|
-
`,
|
|
2116
|
+
`,zo=m.div`
|
|
2201
2117
|
display: flex;
|
|
2202
2118
|
flex-direction: column;
|
|
2203
2119
|
width: 180px;
|
|
@@ -2206,10 +2122,10 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2206
2122
|
border-radius: 6px;
|
|
2207
2123
|
margin-right: 0.5rem;
|
|
2208
2124
|
z-index: 999;
|
|
2209
|
-
`,
|
|
2125
|
+
`,Bo=m.div`
|
|
2210
2126
|
margin: 10.5px 13px;
|
|
2211
2127
|
padding: 0;
|
|
2212
|
-
`,
|
|
2128
|
+
`,Lo=m.div`
|
|
2213
2129
|
color: #081348;
|
|
2214
2130
|
padding: 7.7px 6.5px 7.7px 24px;
|
|
2215
2131
|
margin: 2.5px 13px;
|
|
@@ -2227,7 +2143,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2227
2143
|
background: #eaeefe;
|
|
2228
2144
|
border-radius: 5px;
|
|
2229
2145
|
}
|
|
2230
|
-
`,
|
|
2146
|
+
`,Io=m.div`
|
|
2231
2147
|
position: relative;
|
|
2232
2148
|
display: flex;
|
|
2233
2149
|
width: 100%;
|
|
@@ -2311,41 +2227,41 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2311
2227
|
margin-top: 0;
|
|
2312
2228
|
}
|
|
2313
2229
|
}
|
|
2314
|
-
`,
|
|
2230
|
+
`,Ho=m.div`
|
|
2315
2231
|
display: flex;
|
|
2316
2232
|
justify-content: flex-end;
|
|
2317
|
-
`,
|
|
2233
|
+
`,Wo=m.div`
|
|
2318
2234
|
display: flex;
|
|
2319
2235
|
justify-content: center;
|
|
2320
2236
|
flex-direction: row;
|
|
2321
2237
|
align-items: flex-start;
|
|
2322
2238
|
gap: 20px;
|
|
2323
|
-
`,
|
|
2239
|
+
`,Ro=m.div`
|
|
2324
2240
|
width: 48;
|
|
2325
2241
|
max-width: 48%;
|
|
2326
2242
|
min-width: 48%;
|
|
2327
2243
|
|
|
2328
|
-
`,
|
|
2244
|
+
`,Po=m.form`
|
|
2329
2245
|
width: 40vw;
|
|
2330
2246
|
display: flex;
|
|
2331
2247
|
justify-content: center;
|
|
2332
2248
|
flex-direction: column;
|
|
2333
2249
|
gap: 20px;
|
|
2334
2250
|
${({customStyles:e})=>e}
|
|
2335
|
-
`,
|
|
2251
|
+
`,To=({customStyles:e,children:l})=>t.createElement(Po,{customStyles:e},l),Fo=m.div`
|
|
2336
2252
|
display: ${({vertical:e})=>e?"inline-block":"block"};
|
|
2337
2253
|
background: ${({theme:e,borderColor:t})=>t||e.neutral["neutral-5"]};
|
|
2338
2254
|
content: '';
|
|
2339
2255
|
height: ${({vertical:e,thickness:t,height:l})=>e?l:t};
|
|
2340
2256
|
width: ${({vertical:e,thickness:t})=>e?t:null};
|
|
2341
|
-
`,
|
|
2257
|
+
`,jo=({vertical:e,borderColor:l,thickness:o,height:i,...r})=>{const a=b()||P;return t.createElement(Fo,z({theme:a,borderColor:l,thickness:o,vertical:e,height:i},r))};jo.propTypes={thickness:e.string,borderColor:e.string,vertical:e.bool,height:e.string},jo.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const qo=m.div`
|
|
2342
2258
|
//Set the styles from the default styles object
|
|
2343
2259
|
${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:o})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])delete e.common[l],i[l]=e[t][l];i=l?{...i,...e["drawer-open"]}:{...i,...e["drawer-close"]}}return{...i,...o}}}}
|
|
2344
|
-
`,
|
|
2260
|
+
`,Zo=({customStyles:e,drawerOpen:l,setDrawerOpen:o,children:i,...r})=>t.createElement(qo,z({inBuiltCss:T,customStyles:e,type:"drawer",drawerOpen:l},r),i);Zo.propTypes={customStyles:e.object,drawerOpen:e.bool,setDrawerOpen:e.func},Zo.defaultProps={setDrawerOpen:()=>null};class Do extends c{constructor(e){super(e),this.state={hasError:!1},this.refreshPage=this.refreshPage.bind(this)}componentDidCatch(e,t){this.setState({hasError:!0})}refreshPage(){window.location.reload()}render(){const{hasError:e}=this.state;return e?t.createElement(a,null,t.createElement("h3",null,t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1.12em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1856 1664"},t.createElement("path",{d:"M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49z",fill:"currentColor"})),"We have experienced an issue. We generated a support ticket on our end to investigate this issue We are sorry about the inconvenience."),t.createElement(Ce,{onClick:()=>this.refreshPage()},"Click to refresh")):this.props.children}}Do.propTypes={children:e.any};const Oo=u`
|
|
2345
2261
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
2346
2262
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
2347
2263
|
background: ${({theme:e})=>j(e.primary["primary-1"],.04)};
|
|
2348
|
-
`,
|
|
2264
|
+
`,Go=m.button`
|
|
2349
2265
|
font-size: 14px;
|
|
2350
2266
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
2351
2267
|
background: ${({theme:e})=>j(e.variant["neutral-5"],.7)};
|
|
@@ -2355,19 +2271,19 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2355
2271
|
outline: none;
|
|
2356
2272
|
cursor: ${({disabled:e})=>e?"default":"pointer"};
|
|
2357
2273
|
|
|
2358
|
-
${({selected:e})=>e?
|
|
2274
|
+
${({selected:e})=>e?Oo:null}
|
|
2359
2275
|
${({customStyles:e})=>e}
|
|
2360
2276
|
|
|
2361
2277
|
|
|
2362
2278
|
&:not(:first-child) {
|
|
2363
2279
|
margin-left: 8px;
|
|
2364
2280
|
}
|
|
2365
|
-
`,
|
|
2281
|
+
`,Xo=({options:e,selected:l,onClick:o,customStyles:i,disabled:r,...a})=>{const n=b()||P,c=e.map(((e,a)=>t.createElement(Go,{theme:n,key:`${e.label}_${a}_${e.value}`,selected:l===e.value,onClick:()=>{o(e.value)},customStyles:i,disabled:r},e.label)));return t.createElement(t.Fragment,null,c)};Xo.propTypes={options:e.array,selected:e.string,onClick:e.func,customStyles:e.object,disabled:e.bool},Xo.defaultProps={options:[],selected:"",customStyles:{},disabled:!1};const Jo=m.footer`
|
|
2366
2282
|
//Set the styles from the default styles object
|
|
2367
2283
|
${({theme:e,type:t})=>F(e,t)}
|
|
2368
2284
|
// custom styles
|
|
2369
2285
|
${({customStyles:e})=>e}
|
|
2370
|
-
`,
|
|
2286
|
+
`,Uo=l((({theme:e,customStyles:l,...o},i)=>t.createElement(Jo,z({ref:i,theme:e,type:"footer",customStyles:l},o),o.children)));Uo.propTypes={theme:e.object,customStyles:e.object,type:e.string},Jo.defaultProps={theme:e.object},Uo.defaultProps={theme:T,customStyles:null};const Yo=m.div`
|
|
2371
2287
|
font-size: 14px;
|
|
2372
2288
|
background-color: transparent;
|
|
2373
2289
|
display: flex;
|
|
@@ -2384,7 +2300,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2384
2300
|
${({footerWidth:e})=>{if(e<650)return u`
|
|
2385
2301
|
flex-direction: column;
|
|
2386
2302
|
`}}
|
|
2387
|
-
`,
|
|
2303
|
+
`,No=m.div`
|
|
2388
2304
|
display: flex;
|
|
2389
2305
|
${({footerWidth:e})=>{if(e<650)return u`
|
|
2390
2306
|
margin-bottom: 5px;
|
|
@@ -2394,18 +2310,18 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2394
2310
|
align-items: center;
|
|
2395
2311
|
margin-bottom: 0;
|
|
2396
2312
|
`}}
|
|
2397
|
-
|
|
2313
|
+
`,Qo=m.div`
|
|
2398
2314
|
margin-top: inherit;
|
|
2399
2315
|
margin-bottom: inherit;
|
|
2400
2316
|
${({footerWidth:e})=>{if(e<350)return u`
|
|
2401
2317
|
margin-bottom: 5px;
|
|
2402
2318
|
`}}
|
|
2403
|
-
`,
|
|
2319
|
+
`,Ko=m.div`
|
|
2404
2320
|
margin: 0 10px;
|
|
2405
2321
|
${({footerWidth:e})=>{if(e<350)return u`
|
|
2406
2322
|
display: none;
|
|
2407
2323
|
`}}
|
|
2408
|
-
|
|
2324
|
+
`,$o=({variant:e,textColor:l,size:o,width:i,footerWidth:r,customStyles:a,...n})=>{const c=(new Date).getFullYear();return t.createElement(Yo,z({variant:e,textColor:l,footerWidth:r,customStyles:a},n),t.createElement(No,{footerWidth:r},t.createElement(Qo,{footerWidth:r},"Premise HQ"),t.createElement(Ko,{footerWidth:r},"|"),t.createElement(Qo,{footerWidth:r},"All Rights Restricted ",c," ©")),t.createElement(No,{footerWidth:r},t.createElement(Qo,{footerWidth:r},"Terms of use"),t.createElement(Ko,{footerWidth:r},"|"),t.createElement(Qo,{footerWidth:r},"Privacy Policy")))},_o=m.header`
|
|
2409
2325
|
|
|
2410
2326
|
background-color: ${({theme:e})=>e.additional.white};
|
|
2411
2327
|
border-bottom: 0.5px solid ${({theme:e})=>e.variant["neutral-3"]};
|
|
@@ -2413,7 +2329,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2413
2329
|
${({inBuiltCss:e,type:t})=>F(e,t)}
|
|
2414
2330
|
// custom styles
|
|
2415
2331
|
${({customStyles:e})=>e}
|
|
2416
|
-
`,
|
|
2332
|
+
`,ei=({type:e,customStyles:l,...o})=>{const i=b()||P;return t.createElement(_o,z({theme:i,type:"header",customStyles:l,inBuiltCss:T},o),o.children)};ei.propTypes={customStyles:e.object,type:e.string},ei.defaultProps={type:"header",customStyles:null};const ti=m.div`
|
|
2417
2333
|
display: flex;
|
|
2418
2334
|
justify-content: ${({showRowsPerPage:e})=>e?"space-between":"center"};
|
|
2419
2335
|
align-items: center;
|
|
@@ -2422,7 +2338,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2422
2338
|
@media (max-width: 992px) {
|
|
2423
2339
|
justify-content: center;
|
|
2424
2340
|
}
|
|
2425
|
-
`,
|
|
2341
|
+
`,li=m.div`
|
|
2426
2342
|
display: flex;
|
|
2427
2343
|
justify-content: center;
|
|
2428
2344
|
align-items: center;
|
|
@@ -2448,7 +2364,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2448
2364
|
}
|
|
2449
2365
|
|
|
2450
2366
|
${({customIconWrapperStyles:e})=>e}
|
|
2451
|
-
`,
|
|
2367
|
+
`,oi=m.ul`
|
|
2452
2368
|
|
|
2453
2369
|
display: flex;
|
|
2454
2370
|
justify-content: space-between;
|
|
@@ -2505,15 +2421,15 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2505
2421
|
}
|
|
2506
2422
|
.icon {
|
|
2507
2423
|
display: none;
|
|
2508
|
-
}`,
|
|
2424
|
+
}`,ii=m.div`
|
|
2509
2425
|
display: flex;
|
|
2510
2426
|
justify-content: center;
|
|
2511
2427
|
align-items: center;
|
|
2512
|
-
`,
|
|
2428
|
+
`,ri=(e,t,l=1)=>{let o=e;const i=[];for(;o<=t;)i.push(o),o+=l;return i},ai=({totalRecords:e,pageNeighbours:l,onPageChanged:o,currentPageNumber:a,propsDropdownSelect:n,showRowsPerPage:c})=>{let s=n?.selectedValue?.value||10;0==s?s=1:s>e&&(s=e);const[d,p]=i(a),[m,u]=i(a),[g,f]=i(Math.ceil(e/s)),[h,y]=i({from:0,to:0}),x=b()||P,{width:C}=ae();l=C<512?0:C<768?1:l,r((()=>{f(Math.ceil(e/s)),d?(v(d>g?1:d),p(0)):v(1)}),[s]),r((()=>{y({from:1+(m-1)*s,to:m*s>e?e:m*s})}),[m]);const v=t=>{const l=Math.max(0,Math.min(t,g));u(l);o({currentPage:l,totalPages:g,totalRecords:e})},A=e=>t=>{t.preventDefault(),v(e)},w=e=>{e.preventDefault();let t=m-2*(l||1)-1;v(0===t?1:t)},S=e=>{e.preventDefault(),v(m+2*(l||1)+1)};if(!e||0===s)return null;const k=(()=>{const e=2*l+3;if(g>e+3){const t=Math.max(2,m-l),o=Math.min(g-1,m+l);let i=ri(t,o);const r=t>2,a=g-o>1,n=e-(i.length+1);switch(!0){case r&&!a:i=["LEFT",...ri(t-n,t-1),...i];break;case!r&&a:{const e=ri(o+1,o+n);i=[...i,...e,"RIGHT"];break}default:i=["LEFT",...i,"RIGHT"]}return[1,...i,g]}return ri(1,g)})();return t.createElement(ti,{theme:x,showRowsPerPage:c},t.createElement(oi,{theme:x},t.createElement(li,{onClick:1!==m?A(m-1):null,disabled:1===m,theme:x},t.createElement(_,{icon:"triangle-down",transform:"rotate(90deg)",color:"#BBC4CF",customstyles:{cursor:1===m?"not-allowed":"pointer"}}),t.createElement("span",{className:"prev-text"}," PREVIOUS")),k.map(((e,l)=>"LEFT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:w},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:"#081348",transform:"rotate(90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:"#081348"}))," ")):"RIGHT"===e?t.createElement("li",{key:l,className:"page-item"},t.createElement("div",{className:"page-link",onClick:S},t.createElement("span",{className:"text"},t.createElement(_,{icon:"load-more",color:x.primary["primary-2"],transform:"rotate(-90deg)"})),t.createElement("span",{className:"icon"},t.createElement(_,{icon:"ellipses-horizontal",color:x.primary["primary-2"]})))):t.createElement("li",{key:l,className:"page-item"+(m===e?" active":"")},t.createElement("div",{className:"page-link",onClick:A(e)},e)))),t.createElement(li,{onClick:m!==g?A(m+1):null,disabled:m===g,theme:x},t.createElement("span",{className:"next-text"}," NEXT"),t.createElement(_,{icon:"triangle-down",transform:"rotate(-90deg)",color:"#BBC4CF",customstyles:{cursor:m===g?"not-allowed":"pointer"}}))),c&&t.createElement(ii,null,t.createElement("span",{style:{margin:"0 16px",color:x.variant["neutral-3"],fontSize:"12px"}},"Rows Per Page"),t.createElement(Ut,z({customSelectStyles:{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:"14px",width:"100%",maxWidth:"100px"}),control:(e,t)=>({...e,border:"1px solid transparent",borderRadius:"6.25391px",height:"31px",minHeight:"31px",boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:"#F2F4FE",maxWidth:"100px",minWidth:"50px"}),singleValue:e=>({...e,fontSize:"12px",marginLeft:"0px",width:"100",marginRight:0})},customWrapperStyles:{marginRight:"16px"},isSearchable:!1,optionArr:[{value:10,label:10},{value:20,label:20},{value:30,label:30}]},n)),t.createElement("span",{style:{color:x.variant["neutral-3"],fontSize:"12px"}},h?.from,"-",h?.to," of"," ",t.createElement("span",{style:{color:x.variant["neutral-1"]}},e)," ","Results")))};ai.propTypes={totalRecords:e.number.isRequired,pageNeighbours:e.number,onPageChanged:e.func,showRowsPerPage:e.bool,currentPageNumber:e.number},ai.defaultProps={totalRecords:0,pageNeighbours:1,onPageChanged:()=>null,showRowsPerPage:!1};const ni=m.div`
|
|
2513
2429
|
display: flex;
|
|
2514
2430
|
align-items: center;
|
|
2515
2431
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2516
|
-
`,
|
|
2432
|
+
`,ci=({...e})=>{const l=b()||P;return t.createElement(ni,{theme:l},e.children)},si=m.div`
|
|
2517
2433
|
font-size: 14px;
|
|
2518
2434
|
color: ${({selected:e,theme:t})=>e?t.variant["primary-1"]:null};
|
|
2519
2435
|
|
|
@@ -2529,12 +2445,12 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2529
2445
|
&:not(:first-child):not(:last-child) {
|
|
2530
2446
|
margin: 0 22px;
|
|
2531
2447
|
}
|
|
2532
|
-
`;(
|
|
2448
|
+
`;(ci.PageItem=function({selected:e,...l}){const o=b()||P;return t.createElement(si,z({selected:e,theme:o},l),l.children)}).propTypes={selected:e.bool},ci.PageItem.defaultProps={selected:!1};const di=m.div`
|
|
2533
2449
|
display: flex;
|
|
2534
2450
|
justify-content: center;
|
|
2535
2451
|
align-items: center;
|
|
2536
2452
|
${({customParentStyles:e})=>e}
|
|
2537
|
-
`,
|
|
2453
|
+
`,pi=m.span`
|
|
2538
2454
|
background-color: ${({selected:e,theme:t})=>e?t.variant["neutral-5"]:"transparent"};
|
|
2539
2455
|
color: ${({selected:e,theme:t})=>e?t.variant["primary-2"]:t.variant["neutral-3"]};
|
|
2540
2456
|
padding: 8px 14px;
|
|
@@ -2546,7 +2462,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2546
2462
|
font-size: 14px;
|
|
2547
2463
|
|
|
2548
2464
|
${({customItemStyles:e})=>e}
|
|
2549
|
-
`,
|
|
2465
|
+
`,mi=m.div`
|
|
2550
2466
|
display: flex;
|
|
2551
2467
|
justify-content: center;
|
|
2552
2468
|
align-items: center;
|
|
@@ -2569,16 +2485,16 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2569
2485
|
}
|
|
2570
2486
|
|
|
2571
2487
|
${({customIconWrapperStyles:e})=>e}
|
|
2572
|
-
`,
|
|
2488
|
+
`,bi=m.div`
|
|
2573
2489
|
padding: 0 15px;
|
|
2574
|
-
`,
|
|
2490
|
+
`,ui=m.div`
|
|
2575
2491
|
display: flex;
|
|
2576
2492
|
align-items: center;
|
|
2577
2493
|
justify-content: center;
|
|
2578
2494
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2579
2495
|
|
|
2580
2496
|
${({customLeftWrapperStyles:e})=>e}
|
|
2581
|
-
`,
|
|
2497
|
+
`,gi=m.div`
|
|
2582
2498
|
display: flex;
|
|
2583
2499
|
margin: 0;
|
|
2584
2500
|
align-items: center;
|
|
@@ -2591,7 +2507,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2591
2507
|
margin: 0 10px;
|
|
2592
2508
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2593
2509
|
}
|
|
2594
|
-
`,
|
|
2510
|
+
`,fi=({selectedPage:e,setSelectedPage:l,totalPage:o,customItemStyles:a,customLeftWrapperStyles:n,customIconWrapperStyles:c,previousText:s,nextText:d,pageToShow:p,totalResults:m,showResultPerPage:u,customParentStyles:g,customRightWrapperStyles:f,...h})=>{const y=b()||P,[x,C]=i([]);let v=p>o?o:p;r((()=>{C(Array.from({length:v},((e,t)=>t+1)))}),[o,p,v]);const A=t=>{let i=[];"increase"===t&&x[v-1]<=o&&e!==x[v-1]?l(e+1):"increase"===t&&x[v-1]<o?(i=Array.from({length:v},((e,t)=>t+x[0]+1)),C(i),l(e+1)):"decrease"===t&&x[0]<=e-1?l(e-1):"decrease"===t&&e>1&&(C(Array.from({length:v},((e,t)=>t+x[0]-1))),l(e-1))};return t.createElement(di,{customParentStyles:g}," ",t.createElement(ui,z({theme:y,customLeftWrapperStyles:n},h),t.createElement(mi,z({onClick:()=>A("decrease"),disabled:1===e,theme:y,customIconWrapperStyles:c},h),t.createElement(_,{icon:"triangle-down",transform:"rotate(90deg)",color:y.variant["neutral-3"]}),t.createElement("span",{className:"prev-text"}," ",s)),t.createElement(bi,h,x.map(((o,i)=>t.createElement(pi,{key:i,theme:y,selected:e===o,onClick:()=>l(o),customItemStyles:a},o)))),t.createElement(mi,{onClick:()=>A("increase"),disabled:e===o,theme:y,customIconWrapperStyles:c},t.createElement("span",{className:"next-text"}," ",d),t.createElement(_,{icon:"triangle-down",transform:"rotate(-90deg)",color:y.variant["neutral-3"]}))),u&&t.createElement(gi,{theme:y,customRightWrapperStyles:f},t.createElement(Ut,{optionArr:[{value:"10",label:"10"},{value:"20",label:"20"},{value:"30",label:"30"}],value:{value:"10",label:"10"},customWrapperStyles:{width:"fit-content"},isDisabled:!0,iconColor:y.variant["neutral-3"]}),t.createElement("p",{style:{marginBottom:0}},t.createElement("span",null,"OF")," ",m," ",t.createElement("span",null,"RESULTS"))))};fi.propTypes={customItemStyles:e.object,selectedPage:e.number,customLeftWrapperStyles:e.object,customIconWrapperStyles:e.object,previousText:e.string,nextText:e.string,pageToShow:e.number,totalResults:e.number,showResultPerPage:e.bool,customParentStyles:e.object,customRightWrapperStyles:e.object},fi.defaultProps={selectedPage:1,customItemStyles:{},customLeftWrapperStyles:{},customIconWrapperStyles:{},previousText:"PREVIOUS",nextText:"NEXT",pageToShow:5,totalResults:0,showResultPerPage:!1,customParentStyles:{},customRightWrapperStyles:{}};const hi=m.div`
|
|
2595
2511
|
box-sizing: border-box;
|
|
2596
2512
|
display: flex;
|
|
2597
2513
|
justify-content: center;
|
|
@@ -2599,8 +2515,8 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2599
2515
|
width: auto;
|
|
2600
2516
|
|
|
2601
2517
|
${({size:e})=>u`height: ${e}px;`}
|
|
2602
|
-
`,
|
|
2603
|
-
`,
|
|
2518
|
+
`,yi=m.div`
|
|
2519
|
+
`,xi=m.div`
|
|
2604
2520
|
box-sizing: border-box;
|
|
2605
2521
|
display: flex;
|
|
2606
2522
|
justify-content: center;
|
|
@@ -2629,11 +2545,11 @@ svg {
|
|
|
2629
2545
|
`}
|
|
2630
2546
|
}
|
|
2631
2547
|
}
|
|
2632
|
-
`,
|
|
2548
|
+
`,Ci=({theme:e,toggleSet:l,slide:o,color:i,size:r,transform:a,ratingValue:n,starVal:c,hover:s,...d})=>t.createElement(xi,z({theme:e,ratingValue:n,starVal:c,hover:s,toggleSet:l,color:i,size:r,transform:a},d),t.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",id:"star_filled","data-name":"star filled",xmlns:"http://www.w3.org/2000/svg"},t.createElement("defs",null,t.createElement("clipPath",{id:"starFilled"},t.createElement("path",{id:"Star",d:"M10,15,4.122,18.09l1.123-6.545L.489,6.91l6.572-.955L10,0l2.939,5.955,6.572.955-4.755,4.635,1.123,6.545Z",transform:"translate(2 3)",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"1.5"}))),t.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),t.createElement("rect",{x:o,y:"0",fill:i,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function vi(e,t){let l=5*e/t;const o=[],i=l;for(let e=0;e<5;e++){if(l-1>=0)o.push("0");else if(l-1<0&&l-1>-1){const e=(24*l-24).toString();o.push(e)}else o.push("-24");l-=1}return{array:o,value:i}}function Ai(e,t){return 100*e/t}const wi=({type:e,customStylesContainer:l,customStylesStar:o,customStylesPercentage:a,color:n,size:c,handleClick:s,transform:d,maxRange:p,value:m,toggleStar:u,toggleSet:g,identifier:f,...h})=>{b();const[y,x]=i(void 0),[C,v]=i(void 0),[A,w]=i(void 0),[S,k]=i(void 0);r((()=>{x(vi(m,p).array),v(vi(m,p).value),w(Ai(m,p))}),[m,p]),r((()=>{S?x(vi(S,p).array):(x(vi(m,p).array),v(vi(m,p).value),w(Ai(m,p)))}),[S]);const E=t.createElement(t.Fragment,null,y?.map(((e,l)=>{const i=20*(l+1);return t.createElement(Ci,{ratingValue:i,starVal:C,hover:S,toggleSet:g,onClick:g?()=>s(i):null,onMouseEnter:g?()=>{k(i)}:null,onMouseLeave:g?()=>{k(null)}:null,slide:e,color:n,className:"star",size:c,transform:d,key:f?.concat(l),customStyles:o})})));return t.createElement(hi,z({customStyles:l,type:e,size:c},h,{className:"container"}),u?E:t.createElement(yi,{type:e,customStyles:a},A,"%"))};wi.propTypes={customStylesContainer:e.object,customStylesStar:e.object,customStylesPercentage:e.object,type:e.string,color:e.string,size:e.number,transform:e.object,handleClick:e.func,maxRange:e.number,value:e.number,toggleStar:e.bool,toggleSet:e.bool,identifier:e.string},wi.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const Si=m.div`
|
|
2633
2549
|
.form-check-input {
|
|
2634
2550
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
2635
2551
|
}
|
|
2636
|
-
`,
|
|
2552
|
+
`,ki=({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()||P,v=t.forwardRef((({onClick:e,...l},o)=>t.createElement(Si,{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))};ki.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},ki.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 Ei=({title:e,subtitle:l,wrapperStyle:o,imgLink:i,imgStyle:r,iconSize:a})=>{const n=b()||P,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)))};Ei.propTypes={size:e.number},Ei.defaultProps={iconSize:23};const Vi=({formData:e,customStyles:l,...o})=>{const i=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(ei,z({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(lt,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(Yl,z({},e,o)))(e);case"number":return(e=>t.createElement(xl,z({},e,o)))(e);case"radio":return(e=>t.createElement(Bl,z({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(gt,z({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Ut,z({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Ut,z({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Ut,z({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Ut,z({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(Ol,z({},e,o)))(e);case"fileUpload":return(e=>t.createElement(ol,z({},e,o)))(e);case"date":return(e=>t.createElement(Wt,z({},e,o)))(e);case"paginationTypeTwo":return(e=>t.createElement(fi,z({},e,o)))(e);case"toggle":return(e=>t.createElement(no,z({},e,o)))(e);case"icon":return(e=>t.createElement(_,z({},e,o)))(e);case"roundedLoader":return(e=>t.createElement(ue,z({},e,o)))(e);case"alert":return(e=>t.createElement(re,z({},e,o)))(e);case"banner":return(e=>t.createElement(Ze,z({},e,o)))(e);case"divider":return(e=>t.createElement(jo,z({},e,o)))(e);case"headerComponent":case"headerComponent":return(e=>t.createElement(Ei,z({},e,o)))(e);case"documentCard":return(e=>t.createElement(N,z({},e,o)))(e);case"imageUploader":return(e=>t.createElement(ul,z({},e,o)))(e);case"accordion":return(e=>t.createElement(te,z({},e,o)))(e);case"content":return(e=>t.createElement(xo,z({},e,o)))(e);case"rating":return(e=>t.createElement(wi,z({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(Ce,z({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(we,z({},e,o)))(e);case"buttonTiny":return(e=>t.createElement(ke,z({},e,o)))(e);case"buttonLink":return(e=>t.createElement(he,z({},e,o)))(e);case"search":return(e=>t.createElement(Pl,z({},e,o)))(e);case"table":return(e=>t.createElement(ki,z({},e,o)))(e);case"passwordInput":return(e=>t.createElement(Sl,z({},e,o)))(e)}};return t.createElement(a,null,t.createElement(Io,{defaultThemeColor:P},t.createElement(To,{onSubmit:()=>{},customStyles:l},e.map(((e,l)=>e.length>1?t.createElement(Wo,null,e.map(((l,o)=>t.createElement(Ro,{cols:e.length},i(l))))):i(e[0]))))))},Mi=({formData:e,onSubmit:l,onReset:o,style:i,...r})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(Ce,{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(we,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Ho,{style:i},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const zi=f`
|
|
2637
2553
|
@font-face {
|
|
2638
2554
|
font-family: "Averta";
|
|
2639
2555
|
font-weight: 100;
|
|
@@ -2741,7 +2657,7 @@ svg {
|
|
|
2741
2657
|
* {
|
|
2742
2658
|
font-family: "Averta";
|
|
2743
2659
|
}
|
|
2744
|
-
`,
|
|
2660
|
+
`,Bi=m.span`
|
|
2745
2661
|
background: transparent;
|
|
2746
2662
|
position: relative;
|
|
2747
2663
|
display: flex;
|
|
@@ -2750,12 +2666,12 @@ svg {
|
|
|
2750
2666
|
&>span:not(:first-of-type){
|
|
2751
2667
|
margin-left: -13px;
|
|
2752
2668
|
}
|
|
2753
|
-
`,
|
|
2669
|
+
`,Li=m.p`
|
|
2754
2670
|
color: ${({theme:e,variantQty:t})=>e.variant[t]};
|
|
2755
2671
|
margin: 0;
|
|
2756
2672
|
margin-left: 7px;
|
|
2757
2673
|
font-size: 16px;
|
|
2758
|
-
`,
|
|
2674
|
+
`,Ii=({items:e,size:l,variantCircle:o,variantName:i,variantQty:r,user:a,colorCircle:n,colorBorderCircle:c,...s})=>{const d=b()||P;return t.createElement(Bi,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(He,{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(He,{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(Li,{theme:d,variantQty:r},"+",e.length-4):null)};Ii.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},Ii.defaultProps={variantCircle:"primary-1",variantName:"primary-2",size:"MD",user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const Hi=m.div`
|
|
2759
2675
|
max-width: inherit;
|
|
2760
2676
|
width: inherit;
|
|
2761
2677
|
font-size: 14px;
|
|
@@ -2781,7 +2697,7 @@ svg {
|
|
|
2781
2697
|
&[data-popper-placement*='top'] .tooltip-arrow::after {
|
|
2782
2698
|
border-color: ${({theme:e,variantTPbg:t})=>t?e.variant[t]:"#6b747f"} transparent transparent transparent;
|
|
2783
2699
|
}
|
|
2784
|
-
`,
|
|
2700
|
+
`,Wi=m.div`
|
|
2785
2701
|
display: flex;
|
|
2786
2702
|
color: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2787
2703
|
background: ${({theme:e,disabled:t,bgVariant:l,variantBgDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
@@ -2796,24 +2712,24 @@ svg {
|
|
|
2796
2712
|
svg path {
|
|
2797
2713
|
fill: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2798
2714
|
}
|
|
2799
|
-
`,
|
|
2715
|
+
`,Ri=m.div`
|
|
2800
2716
|
display: flex;
|
|
2801
2717
|
justify-content: space-evenly;
|
|
2802
2718
|
flex-grow: 1;
|
|
2803
2719
|
align-items: stretch;
|
|
2804
|
-
`,
|
|
2720
|
+
`,Pi=({label:e,index:l,style:o,items:i,variant:r,borderVariant:a,bgVariant:n,variantDisable:c,variantBgDisable:s,disabled:d,divider:p,indexPrefix:m,onClick:u,icon:g,variantTPtext:f,variantTPbg:h,...x})=>{b();const{getArrowProps:C,getTooltipProps:v,setTooltipRef:A,setTriggerRef:w,visible:S}=y();return t.createElement(t.Fragment,null,t.createElement(Ri,{ref:w},t.createElement(Wi,{variant:r,borderVariant:a,bgVariant:n,variantDisable:c,variantBgDisable:s,disabled:d,onClick:d?null:()=>{u(u)}},g),p),S&&t.createElement(Hi,z({variantTPtext:f,variantTPbg:h,ref:A},v({className:"tooltip-container"})),e,t.createElement("div",C({className:"tooltip-arrow"}))))};Pi.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},Ri.defaultProps={theme:P},Wi.defaultProps={theme:P},Hi.defaultProps={theme:P},Pi.defaultProps={theme:P,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"white",variantDisable:"neutral-2",variantBgDisable:"white",variantTPtext:null,variantTPbg:null};const Ti=m.div`
|
|
2805
2721
|
display: flex;
|
|
2806
2722
|
justify-content: space-evenly;
|
|
2807
2723
|
align-items: stretch;
|
|
2808
2724
|
height: 42px;
|
|
2809
2725
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
2810
2726
|
border-radius: 3px;
|
|
2811
|
-
`,
|
|
2727
|
+
`,Fi=m.div`
|
|
2812
2728
|
display: flex;
|
|
2813
2729
|
justify-content: space-evenly;
|
|
2814
2730
|
flex-grow: 1;
|
|
2815
2731
|
align-items: stretch;
|
|
2816
|
-
`,
|
|
2732
|
+
`,ji=m.div`
|
|
2817
2733
|
display: flex;
|
|
2818
2734
|
color: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2819
2735
|
background: ${({theme:e,disabled:t,bgVariant:l,variantBgDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
@@ -2828,19 +2744,19 @@ svg {
|
|
|
2828
2744
|
svg path {
|
|
2829
2745
|
fill: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2830
2746
|
}
|
|
2831
|
-
`,
|
|
2747
|
+
`,qi=({style:e,items:l,variant:o,borderVariant:i,bgVariant:r,variantDisable:a,variantBgDisable:n,allDisabled:c,divider:s,indexPrefix:d,onClick:p,...m})=>(b(),t.createElement(Ti,z({variant:o,borderVariant:i},m),l?.map(((e,m)=>t.createElement(Fi,{key:d.concat(m)},t.createElement(ji,{variant:o,borderVariant:i,bgVariant:r,variantDisable:a,variantBgDisable:n,title:e.label,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>p(e.label)},e.icon),l?.length-1!==m&&s)))));qi.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func},Ti.defaultProps={theme:P},Fi.defaultProps={theme:P},ji.defaultProps={theme:P},qi.defaultProps={theme:P,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"white",variantDisable:"neutral-2",variantBgDisable:"white"};const Zi=m.div`
|
|
2832
2748
|
display: flex;
|
|
2833
2749
|
justify-content: space-evenly;
|
|
2834
2750
|
align-items: stretch;
|
|
2835
2751
|
height: 42px;
|
|
2836
2752
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
2837
2753
|
border-radius: 3px;
|
|
2838
|
-
`,
|
|
2754
|
+
`,Di=m.div`
|
|
2839
2755
|
display: flex;
|
|
2840
2756
|
justify-content: space-evenly;
|
|
2841
2757
|
flex-grow: 1;
|
|
2842
2758
|
align-items: stretch;
|
|
2843
|
-
`,
|
|
2759
|
+
`,Oi=m.div`
|
|
2844
2760
|
display: flex;
|
|
2845
2761
|
color: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2846
2762
|
background: ${({theme:e,disabled:t,bgVariant:l,variantBgDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
@@ -2855,28 +2771,28 @@ svg {
|
|
|
2855
2771
|
svg path {
|
|
2856
2772
|
fill: ${({theme:e,disabled:t,variant:l,variantDisable:o})=>t?e.variant[o]:e.variant[l]};
|
|
2857
2773
|
}
|
|
2858
|
-
`,
|
|
2774
|
+
`,Gi=({style:e,items:l,variant:o,borderVariant:i,bgVariant:r,variantDisable:a,variantBgDisable:n,allDisabled:c,divider:s,indexPrefix:d,onClick:p,variantTPtext:m,variantTPbg:u,...g})=>(b(),t.createElement(Zi,z({variant:o,borderVariant:i},g),l?.map(((e,b)=>t.createElement(Pi,{key:d.concat(b),variant:o,borderVariant:i,bgVariant:r,variantDisable:a,variantBgDisable:n,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>{p(e.label)},divider:l?.length-1!==b&&s,icon:e.icon,index:b,label:e.label,variantTPtext:m,variantTPbg:u})))));Gi.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},Zi.defaultProps={theme:P},Di.defaultProps={theme:P},Oi.defaultProps={theme:P},Gi.defaultProps={theme:P,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"white",variantDisable:"neutral-2",variantBgDisable:"white",variantTPtext:null,variantTPbg:null};const Xi=m.div`
|
|
2859
2775
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
2860
2776
|
border: 1.3px solid ${({theme:e,variant:t,borderColor:l})=>l||e.variant[t]};
|
|
2861
2777
|
border-radius: 50%;
|
|
2862
2778
|
width: ${({size:e})=>e}px;
|
|
2863
2779
|
height: ${({size:e})=>e}px;
|
|
2864
2780
|
box-sizing: border-box;
|
|
2865
|
-
`,
|
|
2781
|
+
`,Ji=({variant:e,bgColor:l,borderColor:o,...i})=>(b(),t.createElement(Xi,z({variant:e,borderColor:o,bgColor:l},i)));Ji.propTypes={variant:e.string,size:e.number,theme:e.object,borderColor:e.string,bgColor:e.string},Xi.defaultProps={theme:P},Ji.defaultProps={theme:P,variant:"primary-1",size:11};const Ui=m.div`
|
|
2866
2782
|
display: inline-flex;
|
|
2867
2783
|
align-items: center;
|
|
2868
2784
|
background-color: transparent;
|
|
2869
2785
|
min-height: 24px;
|
|
2870
|
-
`,
|
|
2786
|
+
`,Yi=m.div`
|
|
2871
2787
|
display: flex;
|
|
2872
2788
|
justify-content: space-evenly;
|
|
2873
2789
|
width: 69px;
|
|
2874
|
-
`,
|
|
2790
|
+
`,Ni=m.p`
|
|
2875
2791
|
display: flex;
|
|
2876
2792
|
color: ${({theme:e,variantText:t,colorText:l})=>l||e.variant[t]};
|
|
2877
2793
|
font-size: 16px;
|
|
2878
2794
|
margin: 0 5px;
|
|
2879
|
-
|
|
2795
|
+
`,Qi=({style:e,variantCircle:l,variantText:o,level:i,textArray:r,colorArray:a,indexPrefix:n,colorText:c,...s})=>(b(),t.createElement(Ui,s,t.createElement(Yi,null,[1,2,3,4].map(((e,o)=>{let r="#D4D7E3",c=null,s=null;return i<=0&&(i=0),i>=4&&(i=4),a?i>=e?(c=a[i],r=a[i]):c=a[0]:i>=e?(s=l,r=l):s="#FFFFFF",t.createElement(Ji,{key:n.concat(o),variant:s,borderColor:r,bgColor:c,size:11})}))),r&&t.createElement(Ni,{variantText:o,colorText:c},r[i])));Qi.propTypes={variantCircle:e.string,variantText:e.string,level:e.number,indexPrefix:e.string,theme:e.object,block:e.bool,textArray:e.array,colorArray:e.array,colorText:e.string},Ni.defaultProps={theme:P},Qi.defaultProps={theme:P,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const Ki={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},$i=m.button`
|
|
2880
2796
|
${({underlined:e})=>e?null:u`&:hover {text-decoration: underline}`};
|
|
2881
2797
|
background: transparent;
|
|
2882
2798
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
@@ -2887,7 +2803,7 @@ svg {
|
|
|
2887
2803
|
justify-content: flex-start;
|
|
2888
2804
|
border: none;
|
|
2889
2805
|
cursor: pointer;
|
|
2890
|
-
font-size: ${({size:e})=>
|
|
2806
|
+
font-size: ${({size:e})=>Ki[e].fontSize};
|
|
2891
2807
|
|
|
2892
2808
|
&:disabled {
|
|
2893
2809
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
@@ -2897,7 +2813,7 @@ svg {
|
|
|
2897
2813
|
* {
|
|
2898
2814
|
outline: none;
|
|
2899
2815
|
}
|
|
2900
|
-
`,
|
|
2816
|
+
`,_i=({block:e,size:l,style:o,variant:i,disabled:r,underlined:a,...n})=>(b(),t.createElement($i,z({block:e,variant:i,type:"button",style:o,size:l,disabled:r,underlined:a},n),n.children));_i.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,underlined:e.bool},$i.defaultProps={theme:P},_i.defaultProps={theme:P,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const er=f`
|
|
2901
2817
|
@keyframes blowUpModal {
|
|
2902
2818
|
0% {
|
|
2903
2819
|
transform: translate(-50%,-50%) scale(0) ;
|
|
@@ -2926,7 +2842,7 @@ svg {
|
|
|
2926
2842
|
animation: blowUpModalTwo 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
|
|
2927
2843
|
}
|
|
2928
2844
|
|
|
2929
|
-
`,
|
|
2845
|
+
`,tr=m.div`
|
|
2930
2846
|
display: flex;
|
|
2931
2847
|
justify-content: space-between;
|
|
2932
2848
|
align-items: flex-start;
|
|
@@ -2937,29 +2853,29 @@ svg {
|
|
|
2937
2853
|
z-index: 100;
|
|
2938
2854
|
// custom styles
|
|
2939
2855
|
${({customModalHeaderStyle:e})=>e}
|
|
2940
|
-
`,
|
|
2856
|
+
`,lr=m.div`
|
|
2941
2857
|
//Set the styles from the default styles object
|
|
2942
2858
|
${({inBuiltCss:e,type:t})=>F(e,t)}
|
|
2943
2859
|
// custom styles
|
|
2944
2860
|
${({customModalBodyStyle:e})=>e}
|
|
2945
|
-
`,
|
|
2861
|
+
`,or=m.div`
|
|
2946
2862
|
max-height: 60vh;
|
|
2947
2863
|
padding: 0 24px 24px 24px;
|
|
2948
2864
|
overflow-y: auto;
|
|
2949
2865
|
${({contentWrapperStyle:e})=>e}
|
|
2950
|
-
`,
|
|
2866
|
+
`,ir=m.div`
|
|
2951
2867
|
padding-top: 16px;
|
|
2952
2868
|
|
|
2953
2869
|
//Set the styles from the default styles object
|
|
2954
2870
|
${({inBuiltCss:e,type:t})=>F(e,t)}
|
|
2955
2871
|
// custom styles
|
|
2956
2872
|
${({customModalFooterStyle:e})=>e}
|
|
2957
|
-
`,
|
|
2873
|
+
`,rr=m.div`
|
|
2958
2874
|
cursor: pointer;
|
|
2959
|
-
`;try{V.setAppElement("#root")}catch(e){V.setAppElement("#__next")}const
|
|
2875
|
+
`;try{V.setAppElement("#root")}catch(e){V.setAppElement("#__next")}const ar=({modalIsOpen:e,toggleModal:l,closeOnOutsideClick:o,headerContent:i,bodyContent:r,footerContent:a,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:u,contentWrapperStyle:g,customZIndex:f,hideCrossIcon:h,...y})=>{const x={overlay:{zIndex:f,backgroundColor:"rgb(51 51 51 / 30%)"},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",minWidth:p,overflow:"hidden",border:`1px solid ${(b()||P).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:d&&d,maxWidth:m&&m,...u}};return t.createElement("div",null,t.createElement(V,z({closeTimeoutMS:500,isOpen:e,onRequestClose:o?l:void 0,style:x,contentLabel:"Modal"},y),i&&t.createElement(tr,{style:n,"data-accordion":"contentClickFalse"},i,!h&&t.createElement(rr,{onClick:l},t.createElement(_,{icon:"close-icon",size:18}))),!i&&!h&&t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginRight:"24px",paddingTop:"24px"}},t.createElement("div",null),t.createElement(rr,{onClick:l},t.createElement(_,{icon:"close-icon",size:18}))),t.createElement(or,{contentWrapperStyle:g,"data-accordion":"contentClickFalse"},t.createElement(lr,{inBuiltCss:T,style:c,"data-accordion":"contentClickFalse"},r),a&&t.createElement(ir,{inBuiltCss:T,style:s,"data-accordion":"contentClickFalse"},a))),t.createElement(er,null))};ar.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,hideCrossIcon:e.bool,bodyContent:e.any,footerContent:e.any,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string,contentStyle:e.object,contentWrapperStyle:e.object,customZIndex:e.number},ar.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const nr=m.div`
|
|
2960
2876
|
${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
2961
2877
|
}
|
|
2962
|
-
`,
|
|
2878
|
+
`,cr=({theme:e,toggleSimple:l,contentTrigger:o,contentOverlay:i,popperOptionsP:r,settingsP:a,customStyles:n,...c})=>{let s={},d={};l?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...r},d={...d,...a};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:b,setTriggerRef:u,visible:g}=y({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:u,style:{width:"fit-content",height:"fit-content"}},o),g&&t.createElement(nr,z({type:l?"simple-overlay":"overlay",theme:e,ref:b},m({className:"tooltip-container"}),{customStyles:n}),i))};cr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},cr.defaultProps={theme:T,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const sr=m.div`
|
|
2963
2879
|
position: relative;
|
|
2964
2880
|
height: 10px;
|
|
2965
2881
|
border-radius: 10px;
|
|
@@ -2970,7 +2886,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2970
2886
|
|
|
2971
2887
|
// custom styles
|
|
2972
2888
|
${({progressWrapStyle:e})=>e}
|
|
2973
|
-
`,
|
|
2889
|
+
`,dr=m.div`
|
|
2974
2890
|
height: inherit;
|
|
2975
2891
|
/* border-radius: inherit; */
|
|
2976
2892
|
text-align: right;
|
|
@@ -2981,12 +2897,12 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2981
2897
|
// custom styles
|
|
2982
2898
|
${({progressBarStyle:e})=>e}
|
|
2983
2899
|
|
|
2984
|
-
`,
|
|
2900
|
+
`,pr=({labelStyle:e,progressBarStyle:l,progressWrapStyle:o,label:a,total:n,sections:c,innerContent:s,baseColor:d,baseTitle:p,labelProps:m,props:u})=>{const g=b()||P,[f,h]=i([[]]),[y,x]=i(null);r((()=>{c&&c.length>0&&h(c)}),[c]);const C=f?.length>0?f?.reduce(((e,t)=>e+t.count),0):0;C>n&&(n=C);const v=f?.length>0?f?.map((e=>e.count/n*100)):[],A=null!==y?f[y].label:p;return t.createElement("div",null,t.createElement(lt,z({inBuiltCss:T,customStyles:e,type:"progressBar-label",text:a},m)),t.createElement(sr,z({theme:g,progressWrapStyle:o,color:d,title:A},u),f?.map(((e,o)=>t.createElement(dr,z({key:o,onMouseEnter:()=>x(o),onMouseLeave:()=>x(null),progressBarStyle:l,theme:g,color:e.color,style:{width:v[o]+"%",left:0===o?0:v.slice(0,o).reduce(((e,t)=>e+t),0)+"%"}},u)))),t.createElement("div",{style:{position:"absolute",textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",top:"50%",left:"50%",transform:"translate(-50%, -50%)",cursor:"default"},onMouseEnter:e=>((e,t)=>{e.stopPropagation(),x(t)})(e,y),onMouseLeave:e=>{e.stopPropagation(),x(null)}},s)))};pr.propTypes={labelStyle:e.object,progressBarStyle:e.object,progressWrapStyle:e.object,sections:e.arrayOf(e.shape({color:e.string.isRequired,percentage:e.number,count:e.number.isRequired})).isRequired},pr.defaultProps={labelStyle:{},progressBarStyle:{},progressWrapStyle:{},label:"",total:100,innerContent:"",baseColor:"",baseTitle:"Total Task",labelProps:{},props:{}};const mr=m.div`
|
|
2985
2901
|
background: transparent;
|
|
2986
2902
|
display: flex;
|
|
2987
2903
|
align-items: center;
|
|
2988
2904
|
width: ${({block:e})=>e?"100%":"fit-content"};
|
|
2989
|
-
`,
|
|
2905
|
+
`,br=m.div`
|
|
2990
2906
|
margin: 0;
|
|
2991
2907
|
color: ${({theme:e,variantOff:t})=>e.variant[t]};
|
|
2992
2908
|
white-space: nowrap;
|
|
@@ -3004,18 +2920,18 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3004
2920
|
&>div:first-of-type{
|
|
3005
2921
|
color: ${({theme:e,variantOn:t})=>e.variant[t]};
|
|
3006
2922
|
}
|
|
3007
|
-
`,
|
|
2923
|
+
`,ur=m.div`
|
|
3008
2924
|
display: flex;
|
|
3009
2925
|
margin-left: 20px;
|
|
3010
2926
|
${({stepsStyle:e})=>e}
|
|
3011
2927
|
|
|
3012
|
-
`,
|
|
2928
|
+
`,gr=m.div`
|
|
3013
2929
|
height: 6px;
|
|
3014
2930
|
width: ${({widthStep:e})=>e}px;
|
|
3015
2931
|
margin: 0 3px;
|
|
3016
2932
|
background-color: ${({theme:e,isActive:t,variantOn:l,variantOff:o})=>t?e.variant[l]:e.variant[o]};
|
|
3017
2933
|
border-radius: 19px;
|
|
3018
|
-
`,
|
|
2934
|
+
`,fr=({block:e,variantOn:l,variantOff:o,currentStep:i,totalSteps:r,widthStep:a,style:n,progressText:c,stepsStyle:s,...d})=>(b(),t.createElement(mr,z({block:e},d,{style:n}),t.createElement(br,z({},d,{variantOn:l,variantOff:o}),c||"Page"," ",t.createElement("div",null,i)," of ",t.createElement("div",null,r)),t.createElement(ur,z({stepsStyle:s},d),Array.from(Array(r).keys()).map((e=>t.createElement(gr,{key:"formSteps".concat(e),isActive:i===e+1,variantOn:l,variantOff:o,widthStep:a}))))));fr.propTypes={variantOn:e.string,variantOff:e.string,block:e.bool,theme:e.object,currentStep:e.number,totalSteps:e.number,widthStep:e.number,progressText:e.string},mr.defaultProps={theme:P},br.defaultProps={theme:P},ur.defaultProps={theme:P},gr.defaultProps={theme:P},fr.defaultProps={theme:P,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const hr=m.button`
|
|
3019
2935
|
background: ${({disabled:e,theme:t,bgVariant:l})=>e?"#BBC4CF":t.variant[l]};
|
|
3020
2936
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3021
2937
|
padding: 6px 17px;
|
|
@@ -3042,7 +2958,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3042
2958
|
* {
|
|
3043
2959
|
outline: none;
|
|
3044
2960
|
}
|
|
3045
|
-
`,
|
|
2961
|
+
`,yr=({block:e,style:l,variant:o,bgVariant:i,disabled:r,...a})=>(b(),t.createElement(hr,z({block:e,variant:o,bgVariant:i,type:"button",style:l,disabled:r},a),a.children));yr.propTypes={variant:e.string,bgVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},hr.defaultProps={theme:P},yr.defaultProps={theme:P,variant:"primary-2",bgVariant:"neutral-4",block:!1,disabled:!1,onClick:void 0};const xr=m.button`
|
|
3046
2962
|
background: ${({disabled:e,theme:t})=>e?"#BBC4CF":t.additional.white};
|
|
3047
2963
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3048
2964
|
padding: 6px 17px;
|
|
@@ -3065,7 +2981,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3065
2981
|
fill: #929EAC;
|
|
3066
2982
|
}
|
|
3067
2983
|
}
|
|
3068
|
-
`,
|
|
2984
|
+
`,Cr=({block:e,style:l,variant:o,borderVariant:i,disabled:r,...a})=>(b(),t.createElement(xr,z({block:e,variant:o,borderVariant:i,type:"button",style:l,disabled:r},a),a.children));Cr.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},xr.defaultProps={theme:P},Cr.defaultProps={theme:P,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const vr={width:"auto",padding:0,boxShadow:"none",background:"transparent"},Ar={background:"transparent",border:"none",color:"white",fontSize:"16px",boxShadow:"none",borderRadius:0,padding:"8px 0 8px"},wr={borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:0,background:"transparent",borderRadius:0,boxShadow:"none"},Sr={float:"right",marginRight:"8px",marginTop:"3px"},kr={boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Er={padding:0,boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Vr={transition:"height ease 0.2s",overflow:"hidden",padding:"0",backgroundColor:"transparent",color:"white",position:"relative",boxShadow:"none"},Mr={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",fontWeight:"600"},zr={padding:"0px 16px 0 0",marginLeft:"30px",height:"auto"},Br=m.div`
|
|
3069
2985
|
display: flex;
|
|
3070
2986
|
flex-direction: column;
|
|
3071
2987
|
height: ${({toggleSideBarOpen:e})=>"100vh"};
|
|
@@ -3073,7 +2989,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3073
2989
|
@media (max-width: 428px) {
|
|
3074
2990
|
height: ${({toggleSideBarOpen:e})=>e?"100vh":"56px"};
|
|
3075
2991
|
}
|
|
3076
|
-
`,
|
|
2992
|
+
`,Lr={fontWeight:"600",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",margin:"0 16px ",textDecoration:"none"},Ir=m.div`
|
|
3077
2993
|
min-height: 56px;
|
|
3078
2994
|
display: flex;
|
|
3079
2995
|
align-items: center;
|
|
@@ -3096,7 +3012,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3096
3012
|
}
|
|
3097
3013
|
|
|
3098
3014
|
${({headerStyles:e})=>e}
|
|
3099
|
-
`,
|
|
3015
|
+
`,Hr=m.div`
|
|
3100
3016
|
display: flex;
|
|
3101
3017
|
flex-direction: column;
|
|
3102
3018
|
background-color: transparent;
|
|
@@ -3124,7 +3040,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3124
3040
|
@media (max-width: 428px) {
|
|
3125
3041
|
margin-top: 56px;
|
|
3126
3042
|
}
|
|
3127
|
-
`,
|
|
3043
|
+
`,Wr=m.div`
|
|
3128
3044
|
display: flex;
|
|
3129
3045
|
justify-content: flex-start;
|
|
3130
3046
|
align-items: center;
|
|
@@ -3153,7 +3069,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3153
3069
|
p {
|
|
3154
3070
|
margin: 0;
|
|
3155
3071
|
}
|
|
3156
|
-
`,
|
|
3072
|
+
`,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()||P,[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("/")||[]),h({});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(le,{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:vr,customStylesAccordionToggle:{cursor:"pointer",...Ar},customStylesAccordionContent:wr,showIconInfo:!1,customWrapperStyles:Sr})}return t.createElement(Wr,{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(Br,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Ir,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Hr,{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(le,{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:{...kr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Er},customStylesAccordionContent:Vr,contentToggle:t.createElement(Fe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...Mr,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:zr},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(Fe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:Mr,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",...Lr}},e.label)))))))},Pr=m.div`
|
|
3157
3073
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
3158
3074
|
color: ${({theme:e})=>e.additional.white};
|
|
3159
3075
|
overflow-y: hidden;
|
|
@@ -3172,7 +3088,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3172
3088
|
${({customStylesContainer:e})=>e}
|
|
3173
3089
|
|
|
3174
3090
|
${({isOpen:e,forceOpen:t,inBuiltCss:l,customStylesContainerOpen:o,customStylesContainerClose:i})=>e||t?{...F(l,"sidebar-container-open"),...o}:{...F(l,"sidebar-container-close"),...i}}
|
|
3175
|
-
`,
|
|
3091
|
+
`,Tr=m.div`
|
|
3176
3092
|
${({inBuiltCss:e})=>F(e,"sidebar-pusher")}
|
|
3177
3093
|
${({customStylesPusher:e})=>e}
|
|
3178
3094
|
|
|
@@ -3181,33 +3097,33 @@ ${({forceOpen:e,inBuiltCss:t,customStylesPusherOpen:l,customStylesPusherClose:o}
|
|
|
3181
3097
|
@media (max-width: 980px) {
|
|
3182
3098
|
${({inBuiltCss:e,type:t,customStylesPusherMobile:l})=>({...F(e,"sidebar-pusher-mobile"),...l})}
|
|
3183
3099
|
}
|
|
3184
|
-
`,
|
|
3100
|
+
`,Fr=({customStylesContainer:e,customStylesContainerOpen:l,customStylesContainerClose:o,customStylesContainerMobileOpen:i,customStylesContainerMobileClose:r,customStylesPusher:a,customStylesPusherOpen:n,customStylesPusherClose:c,customStylesPusherMobile:s,forceOpen:d,forceClose:p,handleSidebar:m,toggleSideBarOpen:u,pinner:g,...f})=>{function h(e){m(e)}const y=b()||P;return t.createElement(Pr,z({theme:y,inBuiltCss:T,customStyles:e,onMouseEnter:()=>{d||h(!0)},onClick:()=>!u&&h(!0),onMouseLeave:()=>{h(!1),p()},forceOpen:d,isOpen:u},f),t.createElement(Tr,null),f.children,g)};Fr.propTypes={customStylesContainer:e.object,customStylesContainerOpen:e.object,customStylesContainerClose:e.object,customStylesContainerMobileOpen:e.object,customStylesContainerMobileClose:e.object,customStylesPusher:e.object,customStylesPusherOpen:e.object,customStylesPusherClose:e.object,customStylesPusherMobile:e.object,forceOpen:e.bool,forceClose:e.func,handleSidebar:e.func,toggleSideBarOpen:e.bool,pinner:e.any},Fr.defaultProps={forceClose:()=>{},forceOpen:!1};const jr={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},qr=m.div`
|
|
3185
3101
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3186
3102
|
color: ${({theme:e})=>e.additional.white};
|
|
3187
|
-
padding: ${({size:e})=>
|
|
3103
|
+
padding: ${({size:e})=>jr[e].padding};
|
|
3188
3104
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
3189
3105
|
border-radius: 42px;
|
|
3190
|
-
font-size: ${({size:e})=>
|
|
3106
|
+
font-size: ${({size:e})=>jr[e].fontSize};
|
|
3191
3107
|
font-weight: 600;
|
|
3192
3108
|
display: flex;
|
|
3193
3109
|
align-items: center;
|
|
3194
3110
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3195
3111
|
box-sizing: border-box;
|
|
3196
3112
|
|
|
3197
|
-
`,
|
|
3113
|
+
`,Zr=({block:e,style:l,variant:o,...i})=>(b(),t.createElement(qr,z({block:e,variant:o,style:l},i),i.children));Zr.propTypes={size:e.oneOf(["sm","md","lg"]),variant:e.string,block:e.bool,theme:e.object},qr.defaultProps={theme:P},Zr.defaultProps={theme:P,variant:"primary-1",block:!1,size:"sm"};const Dr={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Or=m.div`
|
|
3198
3114
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3199
3115
|
background: ${({theme:e})=>e.additional.white};
|
|
3200
|
-
padding: ${({size:e})=>
|
|
3116
|
+
padding: ${({size:e})=>Dr[e].padding};
|
|
3201
3117
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
3202
3118
|
border-radius: 42px;
|
|
3203
|
-
font-size: ${({size:e})=>
|
|
3119
|
+
font-size: ${({size:e})=>Dr[e].fontSize};
|
|
3204
3120
|
font-weight: 600;
|
|
3205
3121
|
display: flex;
|
|
3206
3122
|
align-items: center;
|
|
3207
3123
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3208
3124
|
box-sizing: border-box;
|
|
3209
3125
|
|
|
3210
|
-
`,
|
|
3126
|
+
`,Gr=({block:e,style:l,variant:o,...i})=>(b(),t.createElement(Or,z({block:e,variant:o,style:l},i),i.children));Gr.propTypes={size:e.oneOf(["sm","md","lg"]),variant:e.string,block:e.bool,theme:e.object},Or.defaultProps={theme:P},Gr.defaultProps={theme:P,variant:"primary-1",block:!1,size:"sm"};const Xr={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Jr=m.div`
|
|
3211
3127
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
3212
3128
|
color: ${({theme:e,textColor:t})=>t||e.bgColor};
|
|
3213
3129
|
border-radius: 13.5px;
|
|
@@ -3215,11 +3131,11 @@ font-size: 14px;
|
|
|
3215
3131
|
display: inline-flex;
|
|
3216
3132
|
align-items: center;
|
|
3217
3133
|
justify-content: center;
|
|
3218
|
-
min-width: ${({block:e,size:t})=>e?"auto":
|
|
3134
|
+
min-width: ${({block:e,size:t})=>e?"auto":Xr[t].width};
|
|
3219
3135
|
height: 28px;
|
|
3220
3136
|
box-sizing: border-box;
|
|
3221
3137
|
overflow: hidden;
|
|
3222
|
-
`,
|
|
3138
|
+
`,Ur=({block:e,style:l,variant:o,textColor:i,bgColor:r,...a})=>(b(),t.createElement(Jr,z({block:e,variant:o,textColor:i,bgColor:r,style:l},a),a.children));Ur.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,bgColor:e.string},Jr.defaultProps={theme:P},Ur.defaultProps={theme:P,variant:"primary-1",block:!1,size:"sm"};const Yr={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Nr=m.div`
|
|
3223
3139
|
background: ${({theme:e})=>e.additional.white};
|
|
3224
3140
|
color: ${({theme:e,variant:t,textColor:l})=>l||e.variant[t]};
|
|
3225
3141
|
border: 1px solid ${({theme:e,variant:t,borderColor:l})=>l||e.variant[t]};
|
|
@@ -3228,14 +3144,14 @@ font-size: 14px;
|
|
|
3228
3144
|
display: inline-flex;
|
|
3229
3145
|
align-items: center;
|
|
3230
3146
|
justify-content: center;
|
|
3231
|
-
min-width: ${({block:e,size:t})=>e?"auto":
|
|
3147
|
+
min-width: ${({block:e,size:t})=>e?"auto":Yr[t].width};
|
|
3232
3148
|
height: 28px;
|
|
3233
3149
|
box-sizing: border-box;
|
|
3234
3150
|
overflow: hidden;
|
|
3235
|
-
|
|
3151
|
+
`,Qr=({block:e,style:l,variant:o,textColor:i,borderColor:r,...a})=>(b(),t.createElement(Nr,z({block:e,variant:o,textColor:i,borderColor:r,style:l},a),a.children));Qr.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,borderColor:e.string},Nr.defaultProps={theme:P},Qr.defaultProps={theme:P,variant:"primary-1",block:!1,size:"sm"};const Kr=m.div`
|
|
3236
3152
|
padding: 24px;
|
|
3237
3153
|
${({tabWrapperStyle:e})=>e}
|
|
3238
|
-
|
|
3154
|
+
`,$r=m.div`
|
|
3239
3155
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
3240
3156
|
display: flex;
|
|
3241
3157
|
align-items: flex-start;
|
|
@@ -3243,16 +3159,16 @@ overflow: hidden;
|
|
|
3243
3159
|
gap: 12px;
|
|
3244
3160
|
padding-bottom: 24px;
|
|
3245
3161
|
${({headerWrapperStyle:e})=>e}
|
|
3246
|
-
`,
|
|
3162
|
+
`,_r=m.div`
|
|
3247
3163
|
font-size: 16px;
|
|
3248
3164
|
padding: 7px 20px;
|
|
3249
3165
|
cursor: pointer;
|
|
3250
3166
|
border-radius: 5px;
|
|
3251
3167
|
|
|
3252
3168
|
${({isActive:e,headerStyle:t,activeHeaderStyle:l})=>e?l:t}
|
|
3253
|
-
`,
|
|
3169
|
+
`,ea=m.div`
|
|
3254
3170
|
${({tabContentStyle:e})=>e}
|
|
3255
|
-
`,
|
|
3171
|
+
`,ta=({tabs:e,activeTab:l,setActiveTab:o,tabWrapperStyle:i,headerWrapperStyle:r,headerStyle:a,dividerProps:n,tabContentStyle:c,extraContent:s,activeHeaderStyle:d})=>{const p=b()||P;return t.createElement(Kr,{tabWrapperStyle:i},t.createElement($r,{theme:p,headerWrapperStyle:r},e.map(((e,i)=>t.createElement(_r,{theme:p,onClick:()=>o(i),active:i===l,key:e?.title+i,isActive:i===l,headerStyle:a,activeHeaderStyle:d},e.title))),s),t.createElement(jo,n),e.map(((e,o)=>o===l&&t.createElement(ea,{tabContentStyle:c,key:o},e.content))))};ta.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},ta.defaultProps={tabs:[],activeTab:0,tabWrapperStyle:{},headerStyle:{backgroundColor:"transparent",color:P.variant["primary-2"],fontWeight:"normal"},tabContentStyle:{},headerWrapperStyle:{},dividerProps:{},activeHeaderStyle:{color:P.variant["primary-1"],backgroundColor:j("#2A50FD",.05),fontWeight:"bold"}};const la=m.div`
|
|
3256
3172
|
.notification {
|
|
3257
3173
|
background: ${({theme:e})=>e.additional.white};
|
|
3258
3174
|
transition: 0.3s ease;
|
|
@@ -3347,7 +3263,7 @@ overflow: hidden;
|
|
|
3347
3263
|
.close-icon {
|
|
3348
3264
|
cursor: pointer;
|
|
3349
3265
|
}
|
|
3350
|
-
`,
|
|
3266
|
+
`,oa=({close:e,children:l,type:i,position:a,timeout:n,localTimeout:c})=>{((e,t)=>{const l=o(e);r((()=>{l.current=e}),[e]),r((()=>{if(null===t)return;const e=setTimeout((()=>l.current()),t);return()=>clearTimeout(e)}),[t])})(e,c||n||5e3);const s=b()||P;let d=null;switch(i){case"success":d=t.createElement(_,{icon:"check-icon",color:"white",size:12,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"warning":d=t.createElement(_,{icon:"warning",color:"white",size:20,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"error":d=t.createElement(_,{icon:"close-white",size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"info":d=t.createElement(_,{icon:"info-icon",size:10,color:"white",customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"pending":d=t.createElement(ue,{size:14})}return t.createElement(la,{theme:s,type:i,timeout:c||n||5e3},t.createElement("div",{className:`notification toast ${a}`},t.createElement("div",{className:"leftSide"},t.createElement("div",{className:"notification-icon"},d),t.createElement("div",{className:"notification-message"},l)),t.createElement("div",{className:"close-icon",onClick:e},t.createElement(_,{icon:"close-icon",color:s.variant["neutral-2"]}))),t.createElement("div",{className:`notification-progress ${a}-border`}))},ia=s(),ra=m.div`
|
|
3351
3267
|
.notification-container {
|
|
3352
3268
|
font-size: 14px;
|
|
3353
3269
|
box-sizing: border-box;
|
|
@@ -3401,9 +3317,9 @@ overflow: hidden;
|
|
|
3401
3317
|
transform: translateX(0);
|
|
3402
3318
|
}
|
|
3403
3319
|
}
|
|
3404
|
-
`;function
|
|
3320
|
+
`;function aa(){let e=46656*Math.random()|0,t=46656*Math.random()|0;return e=("000"+e.toString(36)).slice(-3),t=("000"+t.toString(36)).slice(-3),e+t}const na=e=>{const[l,o]=i([]),a=(e,t,l,i)=>{o((o=>[...o,{id:i||aa(),content:t,type:e,localTimeout:l}]))},n=e=>o((t=>t.filter((t=>t.id!==e)))),c=d((()=>({open:a,close:n})),[]),[s,p]=i(!1);return r((()=>(p(!0),()=>p(!1))),[]),t.createElement(ia.Provider,{value:c},e.children,s?M(t.createElement(ra,null,t.createElement("div",{className:`notification-container ${e.position}`},l.map((l=>t.createElement(oa,{key:l.id,type:l.type,position:e.position,timeout:e.timeout,localTimeout:l.localTimeout,close:()=>n(l.id)},l.content))))),document.body):null)},ca=()=>p(ia),sa={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},da=m.div`
|
|
3405
3321
|
color: ${({theme:e,text:t})=>t?e.variant[t]:e.additional["text-color"]};
|
|
3406
3322
|
background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
|
|
3407
|
-
font-size: ${({size:e})=>
|
|
3408
|
-
line-height: ${({size:e})=>
|
|
3409
|
-
`,
|
|
3323
|
+
font-size: ${({size:e})=>sa[e].fontSize};
|
|
3324
|
+
line-height: ${({size:e})=>sa[e].lineHeight};
|
|
3325
|
+
`,pa=({size:e,children:l,bg:o,text:i,...r})=>{const a=b()||P;return t.createElement(da,z({theme:a,bg:o,text:i,size:e},r),t.createElement(zi,{theme:a}),l)};pa.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},pa.defaultProps={size:"md"};export{te as Accordion,le as AccordionSB,Mo as ActionContainer,Lo as ActionItem,re as Alert,Ve as ArrowBar,He as Avatar,Fe as AvatarSB,Ze as Banner,et as Breadcrumb,Pi as ButtonPopup,D as Card,G as CardRef,gt as CheckBoxInput,st as ChipsInput,yt as ColorInput,ho as Comment,xo as Content,vt as CountryCodedPhoneInput,yr as DarkSecondaryLink,Wt as DateSelect,Dt as DateTime,jo as Divider,N as DocumentCard,ce as DotPulseLoader,Zo as Drawer,Ut as DropdownSelect,ol as DropzoneInput,sl as EditableInput,Do as ErrorBoundary,Xo as FilterChip,Uo as Footer,$o as FooterContent,Vi as FormComponent,Io as FormContainer,To as FormWrapper,Ii as GroupAvatars,qi as GroupButtons,Gi as GroupButtonsPopup,Qi as GroupStatusCircle,ei as Header,Ei as HeaderComponent,_i as HyperLink,_ as Icon,ze as Image,ul as ImageUploader,lt as Label,Cr as LightSecondaryLink,he as LinkButton,pe as Loader,ar as ModalComp,Ro as MultiColumnDiv,Wo as MultiColumnWrapper,Rr as Navbar,xl as NumericInput,cr as Overlay,zo as OverlayOptionContainer,Bo as OverlayOptionItemLabel,Co as PageContent,ai as Pagination,ci as PaginationDefault,fi as PaginationTypeTwo,Sl as PasswordInput,Ce as PrimaryButton,Zr as PrimaryStatusChip,pr as ProgressBar,fr as ProgressSteps,Bl as RadioInput,wi as Rating,ue as RoundedLoader,Pl as SearchInput,we as SecondaryButton,Gr as SecondaryStatusChip,Fr as Sidebar,Ol as SignatureInput,Ur as SlimPrimaryStatusChip,Qr as SlimSecondaryStatusChip,Ji as StatusCircle,wo as StyledCentralBar,Ao as StyledClearSearch,ko as StyledCreateRow,Eo as StyledRow,vo as StyledRowSearch,Vo as StyledSearchRow,So as StyledWarning,Ho as SubmitButtonContainer,Mi as SubmitComponent,ki as Table,ta as Tabs,Yl as TextArea,Rl as TextInput,lo as TimeInput,ke as TinyButton,na as ToastProvider,no as ToggleSwitch,Ne as Tooltip,pa as Typography,R as additionalColors,q as createDarker,T as defaultStyles,P as defaultThemeColor,F as getDefaultStyles,W as graphColor,j as hexToRGB,I as neutralColor,B as primaryColor,H as shadeColor,L as uiColor,ca as useToast};
|