groundfloor-react-ui 1.3.101 → 1.3.102
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 +21 -21
- package/dist/index.js +23 -23
- 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 i,useState as o,useEffect as c,Fragment as a,createRef as r,Component as n,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as C,css as b,keyframes as g,createGlobalStyle as f}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as u}from"react-popper-tooltip";import x from"react-select/async-creatable";import y from"react-phone-input-2";import v from"dayjs";import"dayjs/locale/es";import w from"react-datepicker";import A,{components as L}from"react-select";import S from"react-select/async";import M from"react-signature-pad-wrapper";import V from"react-data-table-component";import k from"react-modal";import{createPortal as E}from"react-dom";function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var i in l)({}).hasOwnProperty.call(l,i)&&(e[i]=l[i])}return e},H.apply(null,arguments)}const B={"primary-1":"#2A50FD","primary-2":"#081348"},Z={error:"#DD0000",success:"#00B904 "},z={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},I={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},P={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},W={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:z["neutral-3"]},F={primary:{...B},ui:{...Z},neutral:{...z},shade:{...I},graph:{...P},additional:{...W},variant:{...B,...Z,...z,...I,...P,...W}},R={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${F.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:`${F.neutral["neutral-2"]}`},spinner:{"background-color":`${F.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:`${F.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:`${F.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:`${F.variant["neutral-5"]}`,borderLeft:`1px solid ${F.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${F.variant["neutral-5"]}`,borderTop:`1px solid ${F.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:`${F.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${F.variant["neutral-5"]}`,borderRight:`1px solid ${F.variant["neutral-5"]}`,borderBottom:`1px solid ${F.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${F.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":`${F.additional.white}`,"border-bottom":`0.5px solid ${F.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:`${F.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 ${F.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${F.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${F.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${F.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:` ${F.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${F.textColor}`,"background-color":`${F.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:`${F.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:`${F.textColor}`,"background-color":`${F.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${F.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${F.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:`${F.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":`${F.additional.white}`,"border-radius":"3.6px",border:`1px solid ${F.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 ${F.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${F.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${F.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${F.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${F.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${F.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${F.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${F.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":`${F.additional.white} `,"border-radius":"3.6px",border:`1px solid ${F.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":`${F.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${F.variant["neutral-1"]} `,color:`${F.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"}},j=(e,t)=>{if(e){let l={};if(e[t]){for(const i in e[t])l[i]=e[t][i],delete e.common[i];for(const t in e.common)l[t]=e.common[t]}return l}};function T(e,t){var l=parseInt(e.slice(1,3),16),i=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+i+", "+o+", "+t+")":"rgb("+l+", "+i+", "+o+")"}T("#FF0000",.5);const D=(e,t)=>{if(e.includes("#")){e=e.replace("#","");const[t,l,i]=[e[0]+e[1],e[2]+e[3],e[4]+e[5]];e=`${parseInt(t,16)}, ${parseInt(l,16)}, ${parseInt(i,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")),"")}`},q=m.div`
|
|
1
|
+
import e from"prop-types";import t,{forwardRef as l,useRef as i,useState as o,useEffect as c,Fragment as a,createRef as r,Component as n,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as C,css as b,keyframes as g,createGlobalStyle as f}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as u}from"react-popper-tooltip";import x from"react-select/async-creatable";import y from"react-phone-input-2";import v from"dayjs";import"dayjs/locale/es";import w from"react-datepicker";import A,{components as L}from"react-select";import S from"react-select/async";import M from"react-signature-pad-wrapper";import V from"react-data-table-component";import k from"react-modal";import{createPortal as E}from"react-dom";function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var i in l)({}).hasOwnProperty.call(l,i)&&(e[i]=l[i])}return e},H.apply(null,arguments)}const B={"primary-1":"#2A50FD","primary-2":"#081348"},Z={error:"#DD0000",success:"#00B904 "},z={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},I={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},W={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},P={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:z["neutral-3"]},F={primary:{...B},ui:{...Z},neutral:{...z},shade:{...I},graph:{...W},additional:{...P},variant:{...B,...Z,...z,...I,...W,...P}},R={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${F.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:`${F.neutral["neutral-2"]}`},spinner:{"background-color":`${F.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:`${F.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:`${F.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:`${F.variant["neutral-5"]}`,borderLeft:`1px solid ${F.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${F.variant["neutral-5"]}`,borderTop:`1px solid ${F.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:`${F.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${F.variant["neutral-5"]}`,borderRight:`1px solid ${F.variant["neutral-5"]}`,borderBottom:`1px solid ${F.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${F.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":`${F.additional.white}`,"border-bottom":`0.5px solid ${F.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:`${F.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 ${F.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${F.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${F.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${F.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:` ${F.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${F.textColor}`,"background-color":`${F.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:`${F.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:`${F.textColor}`,"background-color":`${F.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${F.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${F.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:`${F.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":`${F.additional.white}`,"border-radius":"3.6px",border:`1px solid ${F.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 ${F.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${F.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${F.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${F.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${F.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${F.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${F.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${F.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":`${F.additional.white} `,"border-radius":"3.6px",border:`1px solid ${F.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":`${F.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${F.variant["neutral-1"]} `,color:`${F.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"}},j=(e,t)=>{if(e){let l={};if(e[t]){for(const i in e[t])l[i]=e[t][i],delete e.common[i];for(const t in e.common)l[t]=e.common[t]}return l}};function T(e,t){var l=parseInt(e.slice(1,3),16),i=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+i+", "+o+", "+t+")":"rgb("+l+", "+i+", "+o+")"}T("#FF0000",.5);const D=(e,t)=>{if(e.includes("#")){e=e.replace("#","");const[t,l,i]=[e[0]+e[1],e[2]+e[3],e[4]+e[5]];e=`${parseInt(t,16)}, ${parseInt(l,16)}, ${parseInt(i,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")),"")}`},q=m.div`
|
|
2
2
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
3
3
|
padding-top: 24px;
|
|
4
4
|
padding-bottom: 24px;
|
|
@@ -438,10 +438,10 @@ ${({customStyles:e})=>e}
|
|
|
438
438
|
color: ${({theme:e})=>e.additional["text-color"]};
|
|
439
439
|
|
|
440
440
|
${({inBuiltCss:e,type:t,size:l,customStyles:i})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])delete e.common[l],o[l]=e[t][l];for(const i in e[`${t}${l}`])o[i]=e[`${t}${l}`][i],delete e.common[i]}return{...o,...i}}}}
|
|
441
|
-
`,Ie=({customStylesContainer:e,customStylesImage:l,customStylesCircle:i,customStylesName:o,size:c,toggleName:a,user:r,showTooltip:n,tooltipText:s,...d})=>{const p=C()||F;return t.createElement(Be,H({inBuiltCss:R,theme:p,customStyles:e,type:"avatarContainer",title:n?s:""},d),r?.url&&t.createElement(He,H({},d,{customStyles:l,type:"imageAvatar",size:c,alt:"user-picture",src:r.url})),t.createElement(Ze,H({},d,{theme:p,inBuiltCss:R,type:"avatarCircle",customStyles:i,size:c,style:{visibility:r?.url?"hidden":"visible"}}),r?.userName&&r?.userName.split(" ").length>=2?r?.userName.split(" ")[0].charAt(0).toUpperCase()+r?.userName.split(" ")[1].charAt(0).toUpperCase():r?.userName&&1===r?.userName.split(" ").length&&r?.userName.split(" ")[0].charAt(0).toUpperCase()),a&&t.createElement(ze,H({inBuiltCss:R},d,{theme:p,type:"avatarName",customStyles:o,size:c}),r.userName," "))};Ie.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,showTooltip:e.bool,tooltipText:e.string},Ie.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null,showTooltip:!1,tooltipText:""};const
|
|
441
|
+
`,Ie=({customStylesContainer:e,customStylesImage:l,customStylesCircle:i,customStylesName:o,size:c,toggleName:a,user:r,showTooltip:n,tooltipText:s,...d})=>{const p=C()||F;return t.createElement(Be,H({inBuiltCss:R,theme:p,customStyles:e,type:"avatarContainer",title:n?s:""},d),r?.url&&t.createElement(He,H({},d,{customStyles:l,type:"imageAvatar",size:c,alt:"user-picture",src:r.url})),t.createElement(Ze,H({},d,{theme:p,inBuiltCss:R,type:"avatarCircle",customStyles:i,size:c,style:{visibility:r?.url?"hidden":"visible"}}),r?.userName&&r?.userName.split(" ").length>=2?r?.userName.split(" ")[0].charAt(0).toUpperCase()+r?.userName.split(" ")[1].charAt(0).toUpperCase():r?.userName&&1===r?.userName.split(" ").length&&r?.userName.split(" ")[0].charAt(0).toUpperCase()),a&&t.createElement(ze,H({inBuiltCss:R},d,{theme:p,type:"avatarName",customStyles:o,size:c}),r.userName," "))};Ie.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,showTooltip:e.bool,tooltipText:e.string},Ie.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null,showTooltip:!1,tooltipText:""};const We=m.span`
|
|
442
442
|
${({inBuiltCss:e,type:t,customStyles:l})=>{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]}return{...i,...l}}}}
|
|
443
443
|
width: auto;
|
|
444
|
-
`,
|
|
444
|
+
`,Pe=m.div`
|
|
445
445
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
446
446
|
color: ${({theme:e})=>e.additional.white};
|
|
447
447
|
${({inBuiltCss:e,type:t,size:l,customStyles:i})=>{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];for(const i in e[`${t}${l}`])o[i]=e[`${t}${l}`][i],delete e.common[i]}return{...o,...i}}}}
|
|
@@ -476,7 +476,7 @@ ${({customStyles:e})=>e}
|
|
|
476
476
|
|
|
477
477
|
// custom styles
|
|
478
478
|
${({notificationCircleStyles:e})=>e}
|
|
479
|
-
`,je=({customStylesContainer:e,customStylesImage:l,customStylesCircle:i,customStylesName:c,customStylesNameHover:a,size:r,toggleName:n,user:s,border:d,isSelected:p,selectedStyle:m,notSelectedStyle:b,notificationCount:g,notificationCircleStyles:f,icon:h,underMaintenance:u})=>{const x=C()||F,[y,v]=o("loading");return t.createElement(
|
|
479
|
+
`,je=({customStylesContainer:e,customStylesImage:l,customStylesCircle:i,customStylesName:c,customStylesNameHover:a,size:r,toggleName:n,user:s,border:d,isSelected:p,selectedStyle:m,notSelectedStyle:b,notificationCount:g,notificationCircleStyles:f,icon:h,underMaintenance:u})=>{const x=C()||F,[y,v]=o("loading");return t.createElement(We,{border:d,inBuiltCss:R,customStyles:e,type:"avatarContainer"},t.createElement(Pe,{theme:x,selectedStyle:m,notSelectedStyle:b,inBuiltCss:R,type:"avatarCircle",customStyles:i,size:r,style:{visibility:"loaded"!==y?"visible":"hidden"},isSelected:p},h||(s?.url?t.createElement(He,{inBuiltCss:R,customStyles:{minWidth:"36px",minHeight:"36px",...l},type:"imageAvatar",size:r,alt:"service-layer",src:s.url,loadingPlaceholder:t.createElement(ge,{customStyles:{border:`3px solid ${T(x.variant.white,.5)}`,borderTop:`3px solid ${x.variant.white}`},size:8}),errorPlaceholder:s.appNameShortForm?s.appNameShortForm: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()}):s.appNameShortForm?s.appNameShortForm: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(Re,{notificationCircleStyles:f},g>9?"9+":g)," ",n&&t.createElement(Fe,{theme:x,inBuiltCss:R,type:"avatarName",customStyles:c,customStylesHover:a,size:r,underMaintenance:u},s.userName," "))};je.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},je.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null,notificationCircleStyles:{},notificationCount:0,underMaintenance:!1};const Te=m.div`
|
|
480
480
|
color: ${({theme:e})=>e.additional["text-color"]};
|
|
481
481
|
display: flex;
|
|
482
482
|
background-color: ${({backgroundColor:e,theme:t})=>e||t.variant["insight-purple"]};
|
|
@@ -567,7 +567,7 @@ ${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>j(e,t)}
|
|
|
567
567
|
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>j(e,t)}
|
|
568
568
|
// custom styles
|
|
569
569
|
${({customTriggerStyle:e})=>e}
|
|
570
|
-
`,Qe=({inBuiltCss:e,contentTrigger:l,contentTooltip:i,popperOptionsP:o,settings:c,customStylesTPContainer:a,customStylesTPAbottom:r,customStylesTPAbottomBefore:n,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:b,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:y,customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A,customTooltipContentStyle:L,customContentStyle:S,customHeaderStyle:M,customBodyStyle:V,customTriggerStyle:k,headerTooltip:E,footerTooltip:B,...Z})=>{const z=C()||F,I={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...o},{getArrowProps:
|
|
570
|
+
`,Qe=({inBuiltCss:e,contentTrigger:l,contentTooltip:i,popperOptionsP:o,settings:c,customStylesTPContainer:a,customStylesTPAbottom:r,customStylesTPAbottomBefore:n,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:b,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:y,customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A,customTooltipContentStyle:L,customContentStyle:S,customHeaderStyle:M,customBodyStyle:V,customTriggerStyle:k,headerTooltip:E,footerTooltip:B,...Z})=>{const z=C()||F,I={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...o},{getArrowProps:W,getTooltipProps:P,setTooltipRef:j,setTriggerRef:T,visible:D}=u({interactive:!0,...c},I);return t.createElement(t.Fragment,null,t.createElement(Ne,{ref:T,inBuiltCss:R,customTriggerStyle:k,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},l),D&&t.createElement(Oe,H({inBuiltCss:R,theme:z,ref:j},P({className:"tooltip-container"}),{customStylesTPContainer:a,customStylesTPAbottom:r,customStylesTPAbottomBefore:n,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:b,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:y}),t.createElement(Ge,H({inBuiltCss:R},W({className:"tooltip-arrow"}),{customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A})),t.createElement(Xe,H({defaultTooltipContentStyle:"popOver-Content",theme:z,inBuiltCss:R},Z,{customContentStyle:S}),t.createElement(Je,H({defaultTooltipHeaderStyle:"popOver-header",theme:z,inBuiltCss:R},Z,{customHeaderStyle:M}),E),t.createElement(Ue,H({defaultTooltipBodyStyle:"popOver-body",theme:z,inBuiltCss:R},Z,{customBodyStyle:V}),i),t.createElement(Ye,null,B))))};Qe.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings:e.object,customContentStyle:e.object,customHeaderStyle:e.object,customBodyStyle:e.object,customStylesTPContainer:e.object,customStylesTPAbottom:e.object,customStylesTPAbottomBefore:e.object,customStylesTPAbottomAfter:e.object,customStylesTPAtop:e.object,customStylesTPAtopBefore:e.object,customStylesTPAtopAfter:e.object,customStylesTPAright:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object,customStylesTPAleft:e.object,customStylesTPAleftBefore:e.object,customStylesTPAleftAfter:e.object,customStylesTPArrow:e.object,customStylesTPAbefore:e.object,customStylesTPAafter:e.object,customTriggerStyle:e.object},Qe.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"",contentTooltip:"",footerTooltip:t.createElement(Le,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Ke=m.div`
|
|
571
571
|
background: transparent;
|
|
572
572
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
573
573
|
font-size: ${({isPrimary:e})=>e?"16px":"14px"};
|
|
@@ -1102,7 +1102,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1102
1102
|
|
|
1103
1103
|
// custom styles
|
|
1104
1104
|
${({customIconContainerStyle:e})=>e};
|
|
1105
|
-
`,
|
|
1105
|
+
`,Wt=["January","February","March","April","May","June","July","August","September","October","November","December"],Pt=({selectedDate:e,setSelectedDate:l,disabled:a,startYear:r,endYearRange:n,format:s,customIconContainerStyle:d,placeHolder:p,value:m,timeBtnStyle:b,onClick:g,onChange:f,wrapperStyle:h,iconProps:u,labelProps:x,...y})=>{const A=C()||F;let L=[],S=n||10;for(let e=r||(new Date).getFullYear();e<=(new Date).getFullYear()+S;e++)L.push(e);const M=i(null),V=i(null),[k,E]=o(!1),[B,Z]=o(!1),[z,I]=o(!1),[W,P]=o(!1),[R,j]=o(e.getFullYear()),[T,D]=o(Wt[e.getMonth()]);c((()=>{D(Wt[e.getMonth()]),j(e.getFullYear())}),[e]),c((()=>(q(document,"click","add",O(M,(()=>E(!1)))),q(document,"click","add",O(V,(()=>Z(!1)))),()=>{q(document,"click","remove",O(M,(()=>E(!1)))),q(document,"click","remove",O(V,(()=>Z(!1))))})),[]);const q=(e,t,l,i,o)=>{"add"===l?e.addEventListener(t,i,o||!1):e.removeEventListener(t,i,o||!1)},O=(e,t)=>l=>{e.current&&!e.current.contains(l.target)&&t()},G={icon:"calender",color:"black",size:"16",...u};return t.createElement(Lt,H({disabled:a,theme:A},y,{wrapperStyle:h}),t.createElement(it,H({customStyles:{marginBottom:"7px",padding:0}},x)),t.createElement(w,H({selected:m===e?e:m,useWeekdaysShort:!0,onChange:e=>{l(e),f(e)},adjustDateOnChange:!0,disabled:a,dropdownMode:"select",customInput:t.createElement(Zt,{value:m,onClick:g,placeholder:p,theme:A},t.createElement(zt,H({theme:A,value:m,onClick:g,timeBtnStyle:b},y),t.createElement("div",null,m?v(m).format(s||"DD/MM/YYYY"):p||"select a date"),t.createElement(It,H({theme:A},y,{customIconContainerStyle:d,className:"input-icon"}),G.icon?t.createElement(ee,G):null))),renderCustomHeader:({date:e,changeYear:l,changeMonth:i})=>t.createElement(St,null,t.createElement("div",{style:{display:"flex"}},t.createElement(Vt,{ref:M},t.createElement(kt,{onClick:()=>{E(!k),Z(!1)}},t.createElement("span",{onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),style:{color:`${z?A.variant["primary-1"]:A.additional["text-color"]}`}},Wt[e.getMonth()]),t.createElement(Mt,null,t.createElement(ee,{icon:"triangle-down",color:z?A.variant["primary-1"]:A.additional["text-color"],size:7}))),k&&t.createElement(Et,null,t.createElement(Ht,{theme:A,onMouseEnter:()=>I(!0)},Wt.map(((e,l)=>t.createElement(Bt,{selectedMonth:T,onClick:()=>{I(!1),i(l),E(!1),D(Wt[l])},key:Math.random()},t.createElement("span",{style:{color:`${T===e?A.variant["primary-1"]:A.additional["text-color"]}`}},e))))))),t.createElement(Vt,{ref:V},t.createElement(kt,{style:{marginLeft:"28px"},onClick:()=>{Z(!B),E(!1)}},t.createElement("span",{onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),style:{color:`${W?A.variant["primary-1"]:A.additional["text-color"]}`}},e.getFullYear()),t.createElement(Mt,null,t.createElement(ee,{icon:"triangle-down",color:W?A.variant["primary-1"]:A.additional["text-color"],size:7}))),B&&t.createElement(Et,null,t.createElement(Ht,{onMouseEnter:()=>P(!0),theme:A},L.map(((e,i)=>t.createElement(Bt,{onClick:()=>{P(!1),l(e),j(e),Z(!1)},key:Math.random()+i},t.createElement("span",{style:{color:`${R===e?A.variant["primary-1"]:A.additional["text-color"]}`}},e)))))))))},y)))};Pt.propTypes={selectedDate:e.any,setSelectedDate:e.func,disabled:e.bool,startYear:e.number,endYearRange:e.number,format:e.string,placeHolder:e.string,onChange:e.func,timeBtnStyle:e.object,wrapperStyle:e.object,customIconContainerStyle:e.object,iconProps:e.object,value:e.any,onClick:e.func,labelProps:e.object},Pt.defaultProps={selectedDate:new Date,setSelectedDate:()=>{},disabled:!1,onChange:()=>{},value:"",onClick:()=>{}};const Ft=m.div`
|
|
1106
1106
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1107
1107
|
.react-datepicker__tab-loop {
|
|
1108
1108
|
position: absolute;
|
|
@@ -1224,7 +1224,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1224
1224
|
margin-top: 5px;
|
|
1225
1225
|
font-size: 10px;
|
|
1226
1226
|
}
|
|
1227
|
-
`,Gt=({defaultValue:e,onChange:l,inputType:i,onClick:a,placeHolder:r,value:n,disabled:s,startYear:d,endYearRange:p,iconProps:m,customHeaderStyle:b,timeBtnStyle:g,wrapperStyle:f,customIconContainerStyle:h,label:u,labelInline:x,labelStyle:y,required:A,errMsg:L,errMsgColor:S,isValid:M,...V})=>{const[k,E]=o(e);c((()=>{E(e)}),[e]);let B=null;k&&(B=k?"string"==typeof k&&"time"===i?new Date("20 Jan, 2022 "+k):new Date(k):null);for(var Z=[],z=p||10,I=d||(new Date).getFullYear();I<=(new Date).getFullYear()+z;I++)Z.push(I);let
|
|
1227
|
+
`,Gt=({defaultValue:e,onChange:l,inputType:i,onClick:a,placeHolder:r,value:n,disabled:s,startYear:d,endYearRange:p,iconProps:m,customHeaderStyle:b,timeBtnStyle:g,wrapperStyle:f,customIconContainerStyle:h,label:u,labelInline:x,labelStyle:y,required:A,errMsg:L,errMsgColor:S,isValid:M,...V})=>{const[k,E]=o(e);c((()=>{E(e)}),[e]);let B=null;k&&(B=k?"string"==typeof k&&"time"===i?new Date("20 Jan, 2022 "+k):new Date(k):null);for(var Z=[],z=p||10,I=d||(new Date).getFullYear();I<=(new Date).getFullYear()+z;I++)Z.push(I);let W={};switch(i){case"date":default:W.dateFormat="dd MMM, yyyy";break;case"month":W.dateFormat="MMMM yyyy",W.showMonthYearPicker=!0;break;case"year":W.dateFormat="yyyy",W.showYearPicker=!0;break;case"datetime-local":W.dateFormat="dd MMM yyyy, hh:mm a",W.showTimeSelect=!0,W.timeFormat="hh:mm a",W.timeIntervals=15,W.timeCaption="Time";break;case"time":W.showTimeSelect=!0,W.showTimeSelectOnly=!0,W.dateFormat="hh:mm a"}const P=C()||F,R={icon:"calender",color:P.variant["primary-1"],size:"16",...m};return t.createElement(Ot,H({labelInline:x,errMsgColor:S,theme:P},V),t.createElement("div",{style:{display:"flex"}},t.createElement(it,H({customStyles:y,type:"label-text",labelInline:x,errMsg:L,text:u,style:{display:"flex",marginBottom:""+(x?"":"7px"),paddingBottom:"0px"}},V)),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${P.variant.error}`}},"*")),t.createElement(Ft,H({theme:P},V,{wrapperStyle:f,isValid:M,disabled:s}),t.createElement(w,H({selected:B||new Date,disabled:s,customInput:t.createElement(Rt,{value:n,onClick:a,placeholder:r,theme:P},t.createElement(jt,H({theme:P,value:n,onClick:a,timeBtnStyle:g,disabled:s},V),t.createElement("div",null,n||(r||"-- : -- --")),t.createElement(Dt,H({theme:P},V,{customIconContainerStyle:h,className:"input-icon"}),R.icon?t.createElement(ee,R):null))),onChange:e=>{E(e);var t=null;t="datetime-local"===i?v(e).format("DD MMM YYYY, hh:mm A"):"date"===i?v(e).format("DD MMM, YYYY"):"year"===i?v(e).format("YYYY"):"month"===i?v(e).format("MMMM YYYY"):"time"===i?v(e).format("hh:mm A"):v(e).format("DD MMM, YYYY"),l(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:r},W,{renderCustomHeader:({date:e,changeYear:l,decreaseMonth:o,increaseMonth:c})=>{let a=v(e).format("MMMM");return t.createElement(Tt,H({theme:P},V,{inputType:i,customHeaderStyle:b}),"year"!==i?t.createElement("span",{style:{paddingLeft:"10px"},onClick:o},t.createElement(ee,{icon:"chevron-left",color:"white",size:16})):null,t.createElement("b",null,"year"!==i?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)},Z.map((e=>t.createElement("option",{key:e,value:e},e)))))),"year"!==i?t.createElement("span",{style:{paddingRight:"10px"},onClick:c},t.createElement(ee,{icon:"chevron-right",color:"white",size:16})):null)}},V))),L.length>0&&t.createElement("div",{className:"err-text"},L))};Gt.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},Gt.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const Xt=m.div`
|
|
1228
1228
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"initial"} !important;
|
|
1229
1229
|
|
|
1230
1230
|
.text-main-alt {
|
|
@@ -1264,7 +1264,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1264
1264
|
margin-top: -15.5px;
|
|
1265
1265
|
cursor: pointer;
|
|
1266
1266
|
line-height: normal !important;
|
|
1267
|
-
`,Yt=({getValue:e,children:l,...i})=>{const o=e().length;return t.createElement(L.ValueContainer,H({"data-accordion":"contentClickFalse"},i),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,o>1&&t.createElement("span",{className:"text-more-alt"},"& ",o-1," more"))},Nt=({label:e,labelStyle:l,optionArr:i,selectedValue:o,setSelectedValue:c,placeHolder:r,isClearable:n,isValid:s,height:d,fontSize:p,loadOptions:m,onInputChange:b,clearSelected:g,customWrapperStyles:f,customLabelStyles:h,isRequired:u,dropdownType:x,isDisabled:y,isLoading:v,id:w,iconName:A,iconStyles:S,iconColor:M,iconSize:V,showIndicator:k,leftIcon:E,leftIconColor:B,leftIconSize:Z,backgroundColor:z,placeHolderColor:I,indicatorBackgroundColor:
|
|
1267
|
+
`,Yt=({getValue:e,children:l,...i})=>{const o=e().length;return t.createElement(L.ValueContainer,H({"data-accordion":"contentClickFalse"},i),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,o>1&&t.createElement("span",{className:"text-more-alt"},"& ",o-1," more"))},Nt=({label:e,labelStyle:l,optionArr:i,selectedValue:o,setSelectedValue:c,placeHolder:r,isClearable:n,isValid:s,height:d,fontSize:p,loadOptions:m,onInputChange:b,clearSelected:g,customWrapperStyles:f,customLabelStyles:h,isRequired:u,dropdownType:x,isDisabled:y,isLoading:v,id:w,iconName:A,iconStyles:S,iconColor:M,iconSize:V,showIndicator:k,leftIcon:E,leftIconColor:B,leftIconSize:Z,backgroundColor:z,placeHolderColor:I,indicatorBackgroundColor:W,inputColor:P,menuListFooter:j,customSelectStyles:T,errorMessage:D,maximumSelectOptionLimit:q,maximumSelectOptionLimitMessage:O,labelProps:G,onCreateOption:X,...J})=>{const U=C()||F,Y=e=>{const l={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},i=t.createElement("div",{style:{...l,backgroundColor:e?.data?.color??U.primary["primary-1"]}},t.createElement(ee,{icon:"check-icon",color:"white"})),o=t.createElement("div",{style:{...l,backgroundColor:"#e0e7ff"}});return console.log(e),t.createElement(L.Option,e,t.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},"further-details"!==e.value&&(e.isSelected?i:o),t.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},N=({index:e,...l})=>{const i=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},i)},Q={control:(e,t)=>({...e,border:s?z&&s?"1px solid "+z:"1px solid "+U.border:"1px solid "+U.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?U.variant["neutral-5"]:z||U.additional.white}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:I||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${d}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:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:p+"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:p+"px",width:"100%",minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:p+"px",color:P||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?U.neutral["neutral-5"]:U.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}),...T},K={DropdownIndicator:e=>{const l=t.createElement(L.DropdownIndicator,e,t.createElement(Ut,{"data-accordion":"contentClickFalse"},t.createElement(ee,{icon:A,color:M,size:V,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===k?l:null},ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(L.ClearIndicator,e,n?t.createElement(Ut,{onClick:()=>{g(),e.clearValue()},"data-accordion":"contentClickFalse"},t.createElement(ee,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:i=null}=e.selectProps.components,o=e.getValue().length||0;return t.createElement(L.MenuList,H({},e,{"data-accordion":"contentClickFalse"}),o<q?t.createElement(a,null,e.children.length&&l,e.children,e.children.length&&i):t.createElement("div",{style:{margin:15}},O))},MenuListFooter:j};let $=null;switch(x){case"multiSelect":$=t.createElement(Qt,H({type:"multiSelect",MultiValue:N,Option:Y,value:o,CommonRenderedComponent:K,optionArr:i,placeHolder:r,isDisabled:y,stylesComp:Q,setSelectedValue:c,isLoading:v,id:w,isClearable:n},J));break;case"asyncSingleSelect":$=t.createElement(Kt,H({CommonRenderedComponent:K,loadOptions:m,onInputChange:b,styles:Q,placeholder:r,onChange:c,isLoading:v,isDisabled:y,id:w,value:o,isClearable:n},J));break;case"asyncMultiSelect":$=t.createElement(Kt,H({type:"asyncMultiSelect",CommonRenderedComponent:K,MultiValue:N,Option:Y,onChange:c,placeholder:r,styles:Q,isDisabled:y,isLoading:v,loadOptions:m,onInputChange:b,id:w,isClearable:n,value:o},J));break;case"asyncCreatableSelect":$=t.createElement(pt,H({type:"asyncMultiCreatable",CommonRenderedComponent:K,MultiValue:N,Option:Y,onChange:c,placeholder:r,styles:Q,isDisabled:y,isLoading:v,loadOptions:m,onInputChange:b,isClearable:n,value:o,id:w,onCreateOption:X},J));break;default:$=t.createElement(Qt,H({type:"singleSelect",value:{value:o?o.value:"",label:o?o.label:""},CommonRenderedComponent:K,optionArr:i,placeHolder:r,isDisabled:y,stylesComp:Q,setSelectedValue:c,isLoading:v,id:w,isClearable:n},J))}return t.createElement(Xt,{style:f,backgroundColor:z,isValid:s,fontSize:p,theme:U,isDisabled:y},e&&t.createElement(Jt,{inBuiltCss:R,labelWrapperStyle:"selectComp-label-wrapper",style:h},t.createElement(it,H({customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}},G)),u&&t.createElement("div",{style:{marginLeft:"4px",color:`${U.ui.error}`}},"*")),$,!s&&D)},Qt=({type:e,Option:l,value:i,CommonRenderedComponent:o,MultiValue:c,optionArr:a,placeHolder:r,isDisabled:n,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:C,...b})=>{let g={...o};return"multiSelect"===e&&(g.MultiValue=c,g.Option=l),t.createElement(A,H({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:g,options:a,placeholder:r,isDisabled:n,value:i,styles:s,onChange:d,isLoading:p,id:m,isClearable:C,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},b))},Kt=({CommonRenderedComponent:e,MultiValue:l,Option:i,type:o,id:c,styles:a,...r})=>{let n={...e};return"asyncMultiSelect"===o&&(n.MultiValue=l,n.Option=i),t.createElement(S,H({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:n,isMulti:"asyncMultiSelect"===o,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==o,isSearchable:!0,styles:a,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:c},r))};Nt.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,maximumSelectOptionLimit:e.number,maximumSelectOptionLimitMessage:e.string,labelProps:e.object,onCreateOption:e.func},Nt.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:{},maximumSelectOptionLimit:1e4,maximumSelectOptionLimitMessage:"Max limit achieved",labelProps:{},onCreateOption:void 0};const $t=m.div`
|
|
1268
1268
|
//Set the styles from the default styles object
|
|
1269
1269
|
${({inBuiltCss:e,defaultStyles:t})=>j(e,t)}
|
|
1270
1270
|
|
|
@@ -1323,7 +1323,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1323
1323
|
align-items: center;
|
|
1324
1324
|
margin: 20px 0px;
|
|
1325
1325
|
font-size: 14px;
|
|
1326
|
-
`;const cl=({label:e,labelStyle:l,labelInline:i,required:c,message:a,fileArr:n,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:b,customFileNameStyles:g,backgroundColor:f,singleFile:h,messageSize:u,showSupportedFormats:x,file_extensions:y,maxFilesAmount:v,minFilesAmount:w,fileSizeLimit:A,fileSizeNamingConvention:L,errorMessages:S,suggesionMessage:M,MessagelabelStyle:V,dropValid:k,setDropValid:E,errorDetails:B,setErrorDetails:Z,dropzoneContent:z,dropIcon:I,iconColor:
|
|
1326
|
+
`;const cl=({label:e,labelStyle:l,labelInline:i,required:c,message:a,fileArr:n,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:b,customFileNameStyles:g,backgroundColor:f,singleFile:h,messageSize:u,showSupportedFormats:x,file_extensions:y,maxFilesAmount:v,minFilesAmount:w,fileSizeLimit:A,fileSizeNamingConvention:L,errorMessages:S,suggesionMessage:M,MessagelabelStyle:V,dropValid:k,setDropValid:E,errorDetails:B,setErrorDetails:Z,dropzoneContent:z,dropIcon:I,iconColor:W,id:P,customTooltipContentStyle:j={padding:"4px 12px",fontSize:"14px",width:"auto",maxWidth:"226px"},customStylesTPArightBefore:T,customStylesTPArightAfter:D,tooltipArrowColor:q,...O})=>{const G=C()||F;q=q||G.primary["primary-1"];const[X,J]=o(!1),U=r(),[Y,N]=o(k),[Q,K]=o("");let $;var _=y;let te=new Map(_.map((e=>[e.toLowerCase(),e])));te=Array.from(te.values()).join(", ");var le=!1,ie=x?"All file formats cannot be used with the files you provided.":"",oe="";1==h&&(w=1,v=1);var ce="Please upload (min."+w+" to max."+v+")files",ae=e=>{oe="";let t=[],l=[];var i=n.length;if(i+e.length<w||i+e.length>v){var o=`Please upload (minimum ${w} to maximum ${v} files)`;oe=S?.amount,oe=void 0!==oe?oe:o}if(""==oe)for(const[i,r]of Object.entries(e)){le=!0,r.name;let e=r.size,i=r.name.split(".");i=i[i.length-1],le=_.includes(i.toLowerCase());var c=1024;("MB"===L||"GB"===L||"TB"===L)&&(c*=1024);var a=e/c;if(!1===le&&(oe=S?.format,oe=oe||ie),a>A&&le){le=!1;o="Each file must be under "+A+" "+L;oe=S?.size,oe=void 0!==oe?oe:o}le?($=URL.createObjectURL(r),r.path=$,t.push(r)):l.push(r)}return oe.length>0?(E(!1),Z({valid:!1,errorMessage:oe,errorFiles:l}),N(k),K(oe)):(E(!0),N(k),K(""),Z({valid:!0,errorMessage:"",errorFiles:[]})),t};function re(e){e.preventDefault(),e.stopPropagation()}function ne(e,t){let l=[...n,...e];return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),s(l),J(!1),l}function se(e,t){if(e instanceof File){const t=n.findIndex((t=>t.name===e.name));let l=n[t].path;URL.revokeObjectURL(l);const i=n.filter((t=>t.name!==e.name));s(i)}else!function(e){const t=n.filter((t=>t.name!==e.name));s(t),d(e)}(e)}const de=t.createElement("div",null,te),pe=y.map((e=>`.${e}`)).join(",");return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(it,H({customStyles:l,type:"label-text",labelInline:i,text:e,style:{display:"flex",marginBottom:`${i?0:"8px"}`,paddingBottom:"0px"}},O)),c&&t.createElement("div",{style:{marginLeft:"4px",color:`${G.variant.error}`}},"*")),t.createElement($t,{theme:G,inBuiltCss:R,defaultStyles:"dropzone-parent",backgroundColor:f,customDropzoneStyles:k?p:{},onDragLeave:function(e){re(e),J(!1)},onDragOver:function(e){re(e),J(!0)},onDrop:function(e){re(e);const{files:t}=e.dataTransfer;var l=ae(t);J(!0),O.onFilesAdded(ne(l,h))},onClick:function(){U.current.click()},hover:X,dropValid:k,fileArr:n},t.createElement(el,H({ref:U,valid:Y,dropValid:k,type:"file",accept:pe,id:P,multiple:!h,onChange:function(e){let{files:t}=e.target;J(!1);var l=ae(t);l&&O.onFilesAdded(ne(l,h))},onClick:e=>e.target.value=null},O)),k?t.createElement(t.Fragment,null,I?t.createElement(ee,{icon:I,color:X?G.additional.white:W,size:24}):t.createElement(ee,{icon:"file-upload",color:X?G.additional.white:G.primary["primary-1"],size:24})):null,t.createElement(tl,{dropValid:k,valid:Y,hover:X,backgroundColor:f,customTextStyles:b,inBuiltCss:R,defaultStyles:"dropzone-text-div"},k?t.createElement(t.Fragment,null,z?t.createElement("div",{style:{color:X?G.additional.white:null}},z):t.createElement("div",null,t.createElement("span",{style:{color:X?G.additional.white:G.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:X?G.additional.white:G.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:X?G.additional.white:G.additional["text-color"]}},"drag ",h?"it":"them"," here"))):t.createElement("div",null,t.createElement("span",{style:{color:G.variant.error}},"Try again!"," "),t.createElement("span",{style:{color:G.additional["text-color"]}},Q||a)))),Q===ie||S.format?t.createElement("div",{style:{display:"flex"}},t.createElement(it,H({themeColor:F,customStyles:V,type:"label-text",labelInline:i,style:{display:"flex",paddingTop:"10px",paddingBottom:`${i?0:"16.64px"}`}},O)),t.createElement(Qe,{contentTrigger:t.createElement("span",{style:{cursor:"pointer"}},"Click here to view the supported file types"),headerTooltip:"",contentTooltip:de,footerTooltip:"",popperOptionsP:{placement:"bottom"},settings:{closeOnOutsideClick:!0,trigger:"click"},customTriggerStyle:{marginTop:"8px",marginLeft:"4px",textDecoration:"underline",color:G.variant["primary-1"]},customBodyStyle:{wordWrap:"break-word"},customContentStyle:j,customStylesTPArightBefore:T,customStylesTPArightAfter:D,customStylesTPAbottomBefore:{borderColor:`transparent transparent ${q} transparent`,marginTop:"1px"},customStylesTPAbottomAfter:{display:"none"}})):"The file size is not uploaded"===Q?t.createElement(it,H({themeColor:F,customStyles:V,type:"label-text",labelInline:i,text:ce,style:{display:"flex",paddingTop:"10px",paddingBottom:`${i?0:"16.64px"}`}},O)):"",n?.map(((e,l)=>t.createElement(_t,{inBuiltCss:R,defaultStyles:"dropzone-file-div",key:`${e}-${l}`,customFileStyles:m},t.createElement(il,null,t.createElement(ee,{icon:"file-icon",color:G.primary["primary-1"]})),(File,t.createElement("a",{style:{color:G.variant["primary-1"],marginLeft:"5px",overflow:"hidden"},href:e?.path,target:"_blank",rel:"noreferrer",download:e.name}," ",e.name)),t.createElement(ol,null,e?.otherInfo),t.createElement(ll,{key:101*Math.random()|0},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(ee,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:G.primary["primary-1"]})),t.createElement(ee,{icon:"cross-icon",color:G.neutral["neutral-2"],size:13,onClick:()=>se(e),customstyles:{cursor:"pointer"}}))))))};cl.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},cl.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 al=b`
|
|
1327
1327
|
pointer-events: none;
|
|
1328
1328
|
`,rl=m.input`
|
|
1329
1329
|
background-color: transparent;
|
|
@@ -1606,18 +1606,18 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1606
1606
|
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.additional.white}};
|
|
1607
1607
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"text"};
|
|
1608
1608
|
|
|
1609
|
-
`,
|
|
1609
|
+
`,Wl=b`
|
|
1610
1610
|
display: flex;
|
|
1611
1611
|
gap: 7px;
|
|
1612
1612
|
align-items: center;
|
|
1613
|
-
`,
|
|
1614
|
-
${({labelInline:e})=>e?
|
|
1613
|
+
`,Pl=m.div`
|
|
1614
|
+
${({labelInline:e})=>e?Wl:null}
|
|
1615
1615
|
.err-text {
|
|
1616
1616
|
color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
|
|
1617
1617
|
margin-top: 5px;
|
|
1618
1618
|
font-size: 10px;
|
|
1619
1619
|
}
|
|
1620
|
-
`,Fl=({textBoxStyle:e,labelStyle:l,inputStyle:i,errMsg:o,required:c,label:a,labelInline:r,iconBefore:n,iconAfter:s,isValid:d,type:p,isDisabled:m,id:b,errMsgColor:g,iconAfterStyle:f,iconBeforeStyle:h,ref:u,pattern:x,iconColorOnFocus:y,labelProps:v,...w})=>{const A=C()||F;return t.createElement(
|
|
1620
|
+
`,Fl=({textBoxStyle:e,labelStyle:l,inputStyle:i,errMsg:o,required:c,label:a,labelInline:r,iconBefore:n,iconAfter:s,isValid:d,type:p,isDisabled:m,id:b,errMsgColor:g,iconAfterStyle:f,iconBeforeStyle:h,ref:u,pattern:x,iconColorOnFocus:y,labelProps:v,...w})=>{const A=C()||F;return t.createElement(Pl,H({labelInline:r,theme:A,errMsgColor:g},w),t.createElement(it,H({customStyles:l,type:"label-text",labelInline:r,text:a,errMsg:o,style:{display:"flex",marginBottom:`${r?0:"8px"}`,paddingBottom:"0px"},required:c},w,v)),t.createElement(zl,H({required:c,isDisabled:m,theme:A,textBoxStyle:e,isValid:d,inBuiltCss:R,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:y},w),t.createElement("div",{className:"input-icon",style:{...h}},n),t.createElement(Il,H({inputStyle:i,type:p,theme:A,id:b,defaultInputStyle:"input-wrapper",isDisabled:m,disabled:m,ref:u,pattern:x},w)),t.createElement("div",{className:"input-icon",style:{...f}},s)),o.length>0&&t.createElement("div",{className:"err-text"},o))};Fl.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,labelProps:e.object},Fl.defaultProps={inBuiltCss:R,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:"",labelProps:{}};const Rl=({label:e,placeholder:l,handleSearch:i,searchInput:o,customStylesForm:c,customStyleObject:a,textBoxStyle:r,id:n,...s})=>t.createElement(Fl,H({iconAfter:t.createElement(ee,{icon:"magnifier-icon"}),label:e,textBoxStyle:r,placeholder:l,ref:o,onChange:i,id:n},s)),jl=m.div`
|
|
1621
1621
|
//Set the styles from the default styles object
|
|
1622
1622
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>j(e,t)}
|
|
1623
1623
|
|
|
@@ -2167,13 +2167,13 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
2167
2167
|
`,Ii=m.div`
|
|
2168
2168
|
display: flex;
|
|
2169
2169
|
justify-content: flex-end;
|
|
2170
|
-
`,
|
|
2170
|
+
`,Wi=m.div`
|
|
2171
2171
|
display: flex;
|
|
2172
2172
|
justify-content: center;
|
|
2173
2173
|
flex-direction: row;
|
|
2174
2174
|
align-items: flex-start;
|
|
2175
2175
|
gap: 20px;
|
|
2176
|
-
`,
|
|
2176
|
+
`,Pi=m.div`
|
|
2177
2177
|
width: 48;
|
|
2178
2178
|
max-width: 48%;
|
|
2179
2179
|
min-width: 48%;
|
|
@@ -2486,7 +2486,7 @@ svg {
|
|
|
2486
2486
|
.form-check-input {
|
|
2487
2487
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
2488
2488
|
}
|
|
2489
|
-
`,Eo=({customStyles:e,inBuiltCss:l,type:i="table",sortIcon:o,data:c,tableColumns:a,progressPending:r,defaultSortFieldId:n,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:b,fixedHeader:g,fixedHeaderScrollHeight:f,checkboxColor:h,...u})=>{let x={};if(l&&l[i]&&(x=l[i]),e)for(const t in e)x[t]=e[t];const y=C()||F,v=t.forwardRef((({onClick:e,...l},i)=>t.createElement(ko,{theme:y},t.createElement("input",H({type:"checkbox",className:"form-check-input",ref:i,onClick:e},l)))));return t.createElement(V,H({responsive:m,data:c,columns:a,noHeader:!0,highlightOnHover:!0,sortIcon:o,progressPending:r,customStyles:x,defaultSortFieldId:n,progressComponent:p||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:b,fixedHeader:g,fixedHeaderScrollHeight:f,selectableRowsComponent:v},u))};Eo.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},Eo.defaultProps={inBuiltCss:R,sortIcon:t.createElement(ee,{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 Ho=({title:e,subtitle:l,wrapperStyle:i,imgLink:o,imgStyle:c,iconSize:a})=>{const r=C()||F,n={fontSize:"26px",fontWeight:"bold",color:`${r.additional["text-color"]}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${r.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:i},t.createElement("div",{style:n},o?t.createElement("img",{src:o,alt:"userIcon",style:c}):t.createElement(ee,{icon:"user-icon",size:a,color:r.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,l)))};Ho.propTypes={size:e.number},Ho.defaultProps={iconSize:23};const Bo=({formData:e,customStyles:l,...i})=>{const o=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(to,H({},e,i),e.children),e))(e);case"label":return(e=>t.createElement(it,H({style:{marginBottom:"8px",paddingBottom:"0"}},e,i)))(e);case"text":return(e=>t.createElement(Fl,H({},e,i)))(e);case"textArea":return(e=>t.createElement(Ql,H({},e,i)))(e);case"number":return(e=>t.createElement(vl,H({},e,i)))(e);case"radio":return(e=>t.createElement(Zl,H({key:101*Math.random()|0},e,i)))(e);case"checkBox":return(e=>t.createElement(ht,H({},e,i)))(e);case"singleSelect":return(e=>t.createElement(Nt,H({dropdownType:"singleSelect"},e,i)))(e);case"multiSelect":return(e=>t.createElement(Nt,H({dropdownType:"multiSelect"},e,i)))(e);case"asyncSingleSelect":return(e=>t.createElement(Nt,H({dropdownType:"asyncSingleSelect"},e,i)))(e);case"asyncMultiSelect":return(e=>t.createElement(Nt,H({dropdownType:"asyncMultiSelect"},e,i)))(e);case"signature":return(e=>t.createElement(Xl,H({},e,i)))(e);case"fileUpload":return(e=>t.createElement(cl,H({},e,i)))(e);case"date":return(e=>t.createElement(
|
|
2489
|
+
`,Eo=({customStyles:e,inBuiltCss:l,type:i="table",sortIcon:o,data:c,tableColumns:a,progressPending:r,defaultSortFieldId:n,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:b,fixedHeader:g,fixedHeaderScrollHeight:f,checkboxColor:h,...u})=>{let x={};if(l&&l[i]&&(x=l[i]),e)for(const t in e)x[t]=e[t];const y=C()||F,v=t.forwardRef((({onClick:e,...l},i)=>t.createElement(ko,{theme:y},t.createElement("input",H({type:"checkbox",className:"form-check-input",ref:i,onClick:e},l)))));return t.createElement(V,H({responsive:m,data:c,columns:a,noHeader:!0,highlightOnHover:!0,sortIcon:o,progressPending:r,customStyles:x,defaultSortFieldId:n,progressComponent:p||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:b,fixedHeader:g,fixedHeaderScrollHeight:f,selectableRowsComponent:v},u))};Eo.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},Eo.defaultProps={inBuiltCss:R,sortIcon:t.createElement(ee,{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 Ho=({title:e,subtitle:l,wrapperStyle:i,imgLink:o,imgStyle:c,iconSize:a})=>{const r=C()||F,n={fontSize:"26px",fontWeight:"bold",color:`${r.additional["text-color"]}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${r.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:i},t.createElement("div",{style:n},o?t.createElement("img",{src:o,alt:"userIcon",style:c}):t.createElement(ee,{icon:"user-icon",size:a,color:r.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,l)))};Ho.propTypes={size:e.number},Ho.defaultProps={iconSize:23};const Bo=({formData:e,customStyles:l,...i})=>{const o=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(to,H({},e,i),e.children),e))(e);case"label":return(e=>t.createElement(it,H({style:{marginBottom:"8px",paddingBottom:"0"}},e,i)))(e);case"text":return(e=>t.createElement(Fl,H({},e,i)))(e);case"textArea":return(e=>t.createElement(Ql,H({},e,i)))(e);case"number":return(e=>t.createElement(vl,H({},e,i)))(e);case"radio":return(e=>t.createElement(Zl,H({key:101*Math.random()|0},e,i)))(e);case"checkBox":return(e=>t.createElement(ht,H({},e,i)))(e);case"singleSelect":return(e=>t.createElement(Nt,H({dropdownType:"singleSelect"},e,i)))(e);case"multiSelect":return(e=>t.createElement(Nt,H({dropdownType:"multiSelect"},e,i)))(e);case"asyncSingleSelect":return(e=>t.createElement(Nt,H({dropdownType:"asyncSingleSelect"},e,i)))(e);case"asyncMultiSelect":return(e=>t.createElement(Nt,H({dropdownType:"asyncMultiSelect"},e,i)))(e);case"signature":return(e=>t.createElement(Xl,H({},e,i)))(e);case"fileUpload":return(e=>t.createElement(cl,H({},e,i)))(e);case"date":return(e=>t.createElement(Pt,H({},e,i)))(e);case"paginationTypeTwo":return(e=>t.createElement(yo,H({},e,i)))(e);case"toggle":return(e=>t.createElement(si,H({},e,i)))(e);case"icon":return(e=>t.createElement(ee,H({},e,i)))(e);case"roundedLoader":return(e=>t.createElement(ge,H({},e,i)))(e);case"alert":return(e=>t.createElement(ae,H({},e,i)))(e);case"banner":return(e=>t.createElement(qe,H({},e,i)))(e);case"divider":return(e=>t.createElement(Ti,H({},e,i)))(e);case"headerComponent":case"headerComponent":return(e=>t.createElement(Ho,H({},e,i)))(e);case"documentCard":return(e=>t.createElement(Q,H({},e,i)))(e);case"imageUploader":return(e=>t.createElement(fl,H({},e,i)))(e);case"accordion":return(e=>t.createElement(le,H({},e,i)))(e);case"content":return(e=>t.createElement(yi,H({},e,i)))(e);case"rating":return(e=>t.createElement(Vo,H({},e,i)))(e);case"buttonPrimary":return(e=>t.createElement(ve,H({},e,i)))(e);case"buttonSecondary":return(e=>t.createElement(Le,H({},e,i)))(e);case"buttonTiny":return(e=>t.createElement(Me,H({},e,i)))(e);case"buttonLink":return(e=>t.createElement(ue,H({},e,i)))(e);case"search":return(e=>t.createElement(Rl,H({},e,i)))(e);case"table":return(e=>t.createElement(Eo,H({},e,i)))(e);case"passwordInput":return(e=>t.createElement(Ml,H({},e,i)))(e)}};return t.createElement(a,null,t.createElement(zi,{defaultThemeColor:F},t.createElement(Ri,{onSubmit:()=>{},customStyles:l},e.map(((e,l)=>e.length>1?t.createElement(Wi,null,e.map(((l,i)=>t.createElement(Pi,{cols:e.length},o(l))))):o(e[0]))))))},Zo=({formData:e,onSubmit:l,onReset:i,style:o,...c})=>{const r=e=>{switch(e.type){case"submit":return(e=>t.createElement(ve,{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(Le,{block:e.block,disabled:c.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Ii,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>r(e)))))))};const zo=f`
|
|
2490
2490
|
@font-face {
|
|
2491
2491
|
font-family: "Averta";
|
|
2492
2492
|
font-weight: 100;
|
|
@@ -2603,12 +2603,12 @@ svg {
|
|
|
2603
2603
|
&>span:not(:first-of-type){
|
|
2604
2604
|
margin-left: -13px;
|
|
2605
2605
|
}
|
|
2606
|
-
`,
|
|
2606
|
+
`,Wo=m.p`
|
|
2607
2607
|
color: ${({theme:e,variantQty:t})=>e.variant[t]};
|
|
2608
2608
|
margin: 0;
|
|
2609
2609
|
margin-left: 7px;
|
|
2610
2610
|
font-size: 16px;
|
|
2611
|
-
`,
|
|
2611
|
+
`,Po=({items:e,size:l,variantCircle:i,variantName:o,variantQty:c,user:a,colorCircle:r,colorBorderCircle:n,...s})=>{const d=C()||F;return t.createElement(Io,s,e?.map(((c,a)=>{let s={},p={};return s.backgroundColor=r?`${d.variant[r]}`:`${d.variant[i]}`,0!==a&&(s.border=n?`2px solid ${n}`:`2px solid ${d.variant[i]}`,p.border=n?`2px solid ${n}`:`2px solid ${d.variant[i]}`),1===e.length?t.createElement(Ie,{key:c.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${d.variant[{variantName:o}]}`},size:l,toggleName:!0,user:c,customStylesCircle:s,customStylesImage:p}):a<=3?t.createElement(Ie,{key:c.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${d.variant[{variantName:o}]}`},size:l,toggleName:!1,user:c,customStylesCircle:s,customStylesImage:p}):null})),e.length-4>0?t.createElement(Wo,{theme:d,variantQty:c},"+",e.length-4):null)};Po.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},Po.defaultProps={variantCircle:"primary-1",variantName:"primary-2",size:"MD",user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const Fo=m.div`
|
|
2612
2612
|
max-width: inherit;
|
|
2613
2613
|
width: inherit;
|
|
2614
2614
|
font-size: 14px;
|
|
@@ -2918,7 +2918,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
2918
2918
|
fill: #929EAC;
|
|
2919
2919
|
}
|
|
2920
2920
|
}
|
|
2921
|
-
`,Sc=({block:e,style:l,variant:i,borderVariant:o,disabled:c,...a})=>(C(),t.createElement(Lc,H({block:e,variant:i,borderVariant:o,type:"button",style:l,disabled:c},a),a.children));Sc.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Lc.defaultProps={theme:F},Sc.defaultProps={theme:F,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const Mc={width:"auto",padding:0,boxShadow:"none",background:"transparent"},Vc={background:"transparent",border:"none",color:"white",fontSize:"16px",boxShadow:"none",borderRadius:0,padding:"8px 0 8px"},kc={borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:0,background:"transparent",borderRadius:0,boxShadow:"none"},Ec={float:"right",marginRight:"8px",marginTop:"3px"},Hc={boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Bc={padding:0,boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Zc={transition:"height ease 0.2s",overflow:"hidden",padding:"0",backgroundColor:"transparent",color:"white",position:"relative",boxShadow:"none"},zc={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",fontWeight:"600"},Ic={wordBreak:"break-word",paddingRight:"16px",fontWeight:"600"},
|
|
2921
|
+
`,Sc=({block:e,style:l,variant:i,borderVariant:o,disabled:c,...a})=>(C(),t.createElement(Lc,H({block:e,variant:i,borderVariant:o,type:"button",style:l,disabled:c},a),a.children));Sc.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Lc.defaultProps={theme:F},Sc.defaultProps={theme:F,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const Mc={width:"auto",padding:0,boxShadow:"none",background:"transparent"},Vc={background:"transparent",border:"none",color:"white",fontSize:"16px",boxShadow:"none",borderRadius:0,padding:"8px 0 8px"},kc={borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:0,background:"transparent",borderRadius:0,boxShadow:"none"},Ec={float:"right",marginRight:"8px",marginTop:"3px"},Hc={boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Bc={padding:0,boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Zc={transition:"height ease 0.2s",overflow:"hidden",padding:"0",backgroundColor:"transparent",color:"white",position:"relative",boxShadow:"none"},zc={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",fontWeight:"600"},Ic={wordBreak:"break-word",paddingRight:"16px",fontWeight:"600"},Wc={padding:"0px 16px 0 0",marginLeft:"30px",height:"auto"},Pc=m.div`
|
|
2922
2922
|
display: flex;
|
|
2923
2923
|
flex-direction: column;
|
|
2924
2924
|
height: ${({toggleSideBarOpen:e})=>"100vh"};
|
|
@@ -3009,7 +3009,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
3009
3009
|
p {
|
|
3010
3010
|
margin: 0;
|
|
3011
3011
|
}
|
|
3012
|
-
`,Dc=({headerContent:e,bodyContent:l,toggleSideBarOpen:i,headerStyles:a,selectedStyle:r,notSelectedStyle:n,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:b,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:u,singleLine:x=!0,customFontColor:y,sortByCore:v=!1,setInvalidPath:w,bottomIconProps:A,iconForBottom:L,staticBottom:S=!0})=>{const M=C()||F,[V,k]=o(null),[E,B]=o(!1),[Z,z]=o([]),[I,
|
|
3012
|
+
`,Dc=({headerContent:e,bodyContent:l,toggleSideBarOpen:i,headerStyles:a,selectedStyle:r,notSelectedStyle:n,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:b,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:u,singleLine:x=!0,customFontColor:y,sortByCore:v=!1,setInvalidPath:w,bottomIconProps:A,iconForBottom:L,staticBottom:S=!0})=>{const M=C()||F,[V,k]=o(null),[E,B]=o(!1),[Z,z]=o([]),[I,W]=o({});if(v){l.sort(((e,t)=>(!0===e.core?1:!1===e.core?0:-1)-(!0===t.core?1:!1===t.core?0:-1)));for(let e of l)if(!0===e.core&&"dynamic-bottom"!==e.type){e.border=!0;break}}let P=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;c((()=>{z(m?.split("/")||[]),h({});let e=m?.split("/")||[],t=l&&l.find((t=>m.includes(t.path)&&e[1]===t.path?.split("/")[1]));W(t),R(t);try{w&&!t.id&&w(!0)}catch(e){console.log("e",e)}f(t?.id||null)}),[m]),c((()=>{!i&&B(!1),!i&&k(null)}),[i]);const R=e=>{if(e?.path===m){g(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),h(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>R(e)))};let j=x?zc:Ic;const T=(e,l,i)=>{const o=e=>e?.split("?")[0].replace(/\/$/,"")||"",c=o(m),a=o(e?.path),r=c===a,n=c.startsWith(a+"/")&&""!==a&&c.split("/")[1]===a.split("/")[1],s=r||n,p=e?.routes?.length>0,C=e.routes?.filter((e=>!0===e.visibleAsMenu))||[],g=C.length>0;return p?t.createElement(ie,{key:e?.id+l,showIcon:g,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${i}px`,cursor:"pointer"},onClick:()=>{g||b(e.path,e?.queryParams||"")}},t.createElement("span",{style:{visibility:s?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y||M.additional.white,flexShrink:0,transition:"all 0.2s ease"}}),t.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:s?"bold":"normal",color:y||M.variant.white,transition:"all 0.2s ease"}},e?.link)),isAccordionOpen:s,setContentIsOpen:()=>{},toggleIconAnimation:!0,content:t.createElement("div",null,C.map(((e,t)=>T(e,t,i+8)))),customStylesAccordionContainer:Mc,customStylesAccordionToggle:{cursor:"pointer",...Vc},customStylesAccordionContent:kc,showIconInfo:!1,customWrapperStyles:Ec}):t.createElement(Tc,{singleLine:x,listElementStyle:d,customFontColor:y,key:e?.id+l,className:s?"selected":"",onClick:()=>{b(e.path,e?.queryParams||"")},theme:M},t.createElement("span",{className:"selected-disk",style:{visibility:s?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:i-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:s?d?.selectedChildBG||M.additional.white:"transparent",fontWeight:s?"bold":"normal",color:y||M.variant.white,transition:"all 0.2s ease"}},e?.link))};return t.createElement(Pc,{onClick:()=>B(!0),onMouseEnter:()=>B(!0),onMouseLeave:()=>{k(null),B(!1)},toggleSideBarOpen:i},t.createElement(Rc,{theme:M,headerStyles:a,toggleSideBarOpen:i},e),t.createElement(jc,{toggleSideBarOpen:i,staticLayerNo:P},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,o)=>t.createElement("div",{className:"service-layer",key:e?.value+o,onClick:()=>{k(o)},style:{backgroundColor:e?.value?.toLowerCase()===Z[1]?.toLowerCase()||e?.value?.toLowerCase()===I?.path?.slice(1).toLowerCase()?p:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?t.createElement(ie,{index:o,underMaintenance:e.maintenance,isAccordionOpen:o===V||E&&(e?.value?.toLowerCase()===Z[1]?.toLowerCase()||e?.value?.toLowerCase()===I?.path?.slice(1).toLowerCase()),isSelected:e?.value?.toLowerCase()===Z[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...Hc,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Bc},customStylesAccordionContent:Zc,contentToggle:t.createElement(je,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:i,customStylesName:{...j,color:e.maintenance?M.variant["neutral-3"]:y||M.variant.white},customStylesCircle:{background:y||"inherit"},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:u,icon:e?.maintenance?t.createElement(ee,{icon:"maintenance",size:22,color:M.variant["neutral-3"]}):l.length-1===o&&S?t.createElement(ee,H({icon:L||"person",size:20,color:M.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},A)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===Z[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Wc},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>T(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(je,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:{...j,color:y||"inherit"},customStylesCircle:{background:y||"inherit"},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:u,icon:e?.maintenance?t.createElement(ee,{icon:"maintenance",size:22,color:M.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===Z[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:t.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?M.variant["neutral-3"]:y||M.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Fc}},e.label)))))))},qc=m.div`
|
|
3013
3013
|
background-color: ${({theme:e,containerBackgroundColorDynamic:t,containerBackgroundColor:l})=>t?l:e.variant["primary-1"]} !important;
|
|
3014
3014
|
color: ${({theme:e})=>e.additional.white};
|
|
3015
3015
|
overflow-y: hidden;
|
|
@@ -3336,4 +3336,4 @@ overflow: hidden;
|
|
|
3336
3336
|
${({inBuiltCss:e,type:t})=>j(e,t)};
|
|
3337
3337
|
${({customModalFooterStyle:e})=>e}
|
|
3338
3338
|
|
|
3339
|
-
`,Sa=({modalIsOpen:e,toggleModal:l,headerContent:i,bodyContent:a,footerContent:r,customModalHeaderStyle:n,customModalBodyStyle:s,customModalFooterStyle:d,customWidth:p,customMinWidth:m,customMaxWidth:b,contentWrapperStyle:g,customZIndex:f,hideCrossIcon:h,closeOnOutsideClick:u})=>{const x=C()||F,[y,v]=o(!1),[w,A]=o(!1);c((()=>(document.body.style.overflow=e?"hidden":"unset",()=>{document.body.style.overflow="unset"})),[e]),c((()=>{if(e)A(!0);else if(w){v(!0);const e=setTimeout((()=>{v(!1),A(!1)}),300);return()=>clearTimeout(e)}}),[e]);const L=()=>{l(!1)};return w||y?t.createElement(t.Fragment,null,t.createElement(xa,{customZIndex:f,onClick:u?L:void 0,role:"presentation"}),t.createElement(ya,{theme:x,customWidth:p,customMinWidth:m,customMaxWidth:b,customZIndex:f,isClosing:y,role:"dialog","aria-modal":"true"},i&&t.createElement(va,{customModalHeaderStyle:n},i,!h&&t.createElement(ue,{onClick:L},t.createElement(ee,{icon:"close-icon",size:18}))),!i&&!h&&t.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginRight:"24px",paddingTop:"24px"}},t.createElement(ue,{onClick:L},t.createElement(ee,{icon:"close-icon",size:18}))),t.createElement(Aa,{contentWrapperStyle:g},t.createElement(wa,{inBuiltCss:R,customModalBodyStyle:s},a)),r&&t.createElement(La,{inBuiltCss:R,customModalFooterStyle:d,isClosing:y},r)),t.createElement(ua,null)):null};Sa.propTypes={modalIsOpen:e.bool,toggleModal:e.func,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string,customWidth:e.string,customMaxWidth:e.string,contentWrapperStyle:e.object,customZIndex:e.number,hideCrossIcon:e.bool,closeOnOutsideClick:e.bool},Sa.defaultProps={modalIsOpen:!1,toggleModal:()=>{},headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1,closeOnOutsideClick:!0};export{le as Accordion,ie as AccordionSB,Ei as ActionContainer,Zi as ActionItem,ae as Alert,ke as ArrowBar,pt as AsyncCreatableDropdown,Ie as Avatar,je as AvatarSB,qe as Banner,tt as Breadcrumb,To as ButtonPopup,O as Card,X as CardRef,ht as CheckBoxInput,dt as ChipsInput,yt as ColorInput,ui as Comment,yi as Content,At as CountryCodedPhoneInput,wc as DarkSecondaryLink,
|
|
3339
|
+
`,Sa=({modalIsOpen:e,toggleModal:l,headerContent:i,bodyContent:a,footerContent:r,customModalHeaderStyle:n,customModalBodyStyle:s,customModalFooterStyle:d,customWidth:p,customMinWidth:m,customMaxWidth:b,contentWrapperStyle:g,customZIndex:f,hideCrossIcon:h,closeOnOutsideClick:u})=>{const x=C()||F,[y,v]=o(!1),[w,A]=o(!1);c((()=>(document.body.style.overflow=e?"hidden":"unset",()=>{document.body.style.overflow="unset"})),[e]),c((()=>{if(e)A(!0);else if(w){v(!0);const e=setTimeout((()=>{v(!1),A(!1)}),300);return()=>clearTimeout(e)}}),[e]);const L=()=>{l(!1)};return w||y?t.createElement(t.Fragment,null,t.createElement(xa,{customZIndex:f,onClick:u?L:void 0,role:"presentation"}),t.createElement(ya,{theme:x,customWidth:p,customMinWidth:m,customMaxWidth:b,customZIndex:f,isClosing:y,role:"dialog","aria-modal":"true"},i&&t.createElement(va,{customModalHeaderStyle:n},i,!h&&t.createElement(ue,{onClick:L},t.createElement(ee,{icon:"close-icon",size:18}))),!i&&!h&&t.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginRight:"24px",paddingTop:"24px"}},t.createElement(ue,{onClick:L},t.createElement(ee,{icon:"close-icon",size:18}))),t.createElement(Aa,{contentWrapperStyle:g},t.createElement(wa,{inBuiltCss:R,customModalBodyStyle:s},a)),r&&t.createElement(La,{inBuiltCss:R,customModalFooterStyle:d,isClosing:y},r)),t.createElement(ua,null)):null};Sa.propTypes={modalIsOpen:e.bool,toggleModal:e.func,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string,customWidth:e.string,customMaxWidth:e.string,contentWrapperStyle:e.object,customZIndex:e.number,hideCrossIcon:e.bool,closeOnOutsideClick:e.bool},Sa.defaultProps={modalIsOpen:!1,toggleModal:()=>{},headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1,closeOnOutsideClick:!0};export{le as Accordion,ie as AccordionSB,Ei as ActionContainer,Zi as ActionItem,ae as Alert,ke as ArrowBar,pt as AsyncCreatableDropdown,Ie as Avatar,je as AvatarSB,qe as Banner,tt as Breadcrumb,To as ButtonPopup,O as Card,X as CardRef,ht as CheckBoxInput,dt as ChipsInput,yt as ColorInput,ui as Comment,yi as Content,At as CountryCodedPhoneInput,wc as DarkSecondaryLink,Pt as DateSelect,Gt as DateTime,Ti as Divider,Q as DocumentCard,se as DotPulseLoader,qi as Drawer,Nt as DropdownSelect,cl as DropzoneInput,pl as EditableInput,Oi as ErrorBoundary,Ji as FilterChip,Yi as Footer,_i as FooterContent,Bo as FormComponent,zi as FormContainer,Ri as FormWrapper,Po as GroupAvatars,Go as GroupButtons,Yo as GroupButtonsPopup,ec as GroupStatusCircle,to as Header,Ho as HeaderComponent,ic as HyperLink,ee as Icon,He as Image,fl as ImageUploader,it as Label,Sc as LightSecondaryLink,ue as LinkButton,me as Loader,sc as ModalComp,Pi as MultiColumnDiv,Wi as MultiColumnWrapper,Dc as Navbar,vl as NumericInput,pc as Overlay,Hi as OverlayOptionContainer,Bi as OverlayOptionItemLabel,vi as PageContent,so as Pagination,mo as PaginationDefault,yo as PaginationTypeTwo,Ml as PasswordInput,ve as PrimaryButton,Uc as PrimaryStatusChip,bc as ProgressBar,xc as ProgressSteps,Zl as RadioInput,Vo as Rating,Sa as RawModal,ge as RoundedLoader,Rl as SearchInput,Le as SecondaryButton,Qc as SecondaryStatusChip,Gc as Sidebar,Xl as SignatureInput,_c as SlimPrimaryStatusChip,la as SlimSecondaryStatusChip,Qo as StatusCircle,Li as StyledCentralBar,Ai as StyledClearSearch,Mi as StyledCreateRow,Vi as StyledRow,wi as StyledRowSearch,ki as StyledSearchRow,Si as StyledWarning,Ii as SubmitButtonContainer,Zo as SubmitComponent,Eo as Table,ra as Tabs,Ql as TextArea,Fl as TextInput,oi as TimeInput,Me as TinyButton,Ca as ToastProvider,si as ToggleSwitch,Qe as Tooltip,ha as Typography,P as additionalColors,D as createDarker,R as defaultStyles,F as defaultThemeColor,j as getDefaultStyles,W as graphColor,T as hexToRGB,z as neutralColor,B as primaryColor,I as shadeColor,Z as uiColor,ba as useToast};
|
package/dist/index.js
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
// custom styles
|
|
15
15
|
${({customStyles:e})=>e};
|
|
16
|
-
`,
|
|
16
|
+
`,D=({type:e,header:t,content:a,customStyles:o,...i})=>{const c=l.useTheme()||P;return g.default.createElement(j,k({activeTheme:c,customStyles:o},i),t,a)};D.propTypes={header:b.default.any,content:b.default.any,customStyles:b.default.object};const q=h.default.div`
|
|
17
17
|
|
|
18
18
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
19
19
|
padding-top: 25px;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
// custom styles
|
|
34
34
|
${({customStyles:e})=>e}
|
|
35
|
-
`,O=t.forwardRef((({type:e,header:t,content:a,...o},i)=>{const c=l.useTheme()||P;return g.default.createElement(
|
|
35
|
+
`,O=t.forwardRef((({type:e,header:t,content:a,...o},i)=>{const c=l.useTheme()||P;return g.default.createElement(q,k({inBuiltCss:W,activeTheme:c},o,{ref:i}),t,a)}));O.propTypes={type:b.default.string,header:b.default.any,content:b.default.any};const G={sm:{cardWidth:"178px",cardMinHeight:"88px",borderRadius:"4px",border:"0.7px",bodyHeight:"55px",footerFontSize:"10px",footerMinHeight:"31px",footerPadding:"10.5px 16px",footerLineHeight:"16px",lineHeight:"12px"},md:{cardWidth:"215px",cardMinHeight:"123px",borderRadius:"6px",border:"1px",bodyHeight:"67px",footerFontSize:"14px",footerMinHeight:"54px",footerPadding:"18px 19px",footerLineHeight:"12px",lineHeight:"16px"}},X=h.default.div`
|
|
36
36
|
${({trimFileName:e})=>e?l.css`
|
|
37
37
|
height: ${({size:e})=>G[e].cardMinHeight};
|
|
38
38
|
`:l.css`
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
|
|
146
146
|
// custom styles
|
|
147
147
|
${({customWrapperStyles:e})=>e}
|
|
148
|
-
`,ee=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:i,icon:c,content:r,contentToggle:n,toggleState:d,contentIsOpen:s,id:p,customWrapperStyles:u,setContentIsOpen:f,showIconInfo:m,...C})=>{const b=t.useRef(null),h=l.useTheme()||P,[x,y]=t.useState(!1);return t.useEffect((()=>{y(s)}),[s]),g.default.createElement(
|
|
148
|
+
`,ee=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:i,icon:c,content:r,contentToggle:n,toggleState:d,contentIsOpen:s,id:p,customWrapperStyles:u,setContentIsOpen:f,showIconInfo:m,...C})=>{const b=t.useRef(null),h=l.useTheme()||P,[x,y]=t.useState(!1);return t.useEffect((()=>{y(s)}),[s]),g.default.createElement(D,k({customStyles:e,type:"accordionContainer"},C,{header:g.default.createElement(D,k({customStyles:{borderRadius:x?"5px 5px 0 0":"5px",...a},type:"accordionToggle"},C,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;f(!x),y(!x)},header:n,content:g.default.createElement(_,{theme:h,customWrapperStyles:u},m&&g.default.createElement("span",null,x?"Click to hide":"Click to open"),g.default.createElement("div",{style:i&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},c||g.default.createElement($,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:g.default.createElement(O,k({customStyles:o,type:"accordionContent",ref:b},C,{style:x?{height:"auto"}:{height:"0px",border:"none"},id:p,content:x?r:null}))}))};ee.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,icon:b.default.any,content:b.default.any,contentToggle:b.default.any,toggleState:b.default.func,id:b.default.string,customWrapperStyles:b.default.object,showIconInfo:b.default.bool},ee.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{marginBottom:"10px",padding:0,boxShadow:"none"},customStylesAccordionToggle:{background:"#F0F3F8",cursor:"pointer",border:`0.5px solid ${P.additional.border}`,color:`${P.variant["primary-2"]}`,lineHeight:"17px",fontSize:"14px",padding:"10px 17px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"none",width:"auto"},customStylesAccordionContent:{borderRadius:"0 0 5px 5px",border:`0.5px solid ${P.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const te=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:i,content:c,contentToggle:r,isSelected:n,isAccordionOpen:d,id:s,customSelectCardColor:p,showIcon:u,underMaintenance:f})=>{const[m,C]=t.useState(!1),[b,h]=t.useState({}),[x,y]=t.useState({}),v=l.useTheme()||P;return t.useEffect((()=>{n?(h((e=>({...e,backgroundColor:p||v.variant["primary-1"]}))),y((e=>({...e,backgroundColor:p||v.variant["primary-1"]})))):(h({}),y({}))}),[n]),t.useEffect((()=>{C(!(!d||f))}),[d]),g.default.createElement(D,{customStyles:{...e,...b},header:g.default.createElement(D,{customStyles:{...a,...x},onClick:()=>{!f&&C(!m)},header:u?g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},r,g.default.createElement($,{icon:"chevron-down",color:"white",size:10,customstyles:i&&m?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):r}),content:g.default.createElement(D,{customStyles:o,style:m?{height:"auto"}:{height:"0px",borderBottom:"none"},id:s,content:m?c:null})})};te.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,content:b.default.any,contentToggle:b.default.any,id:b.default.string,showIcon:b.default.bool,underMaintenance:b.default.bool},te.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const le=h.default.div`
|
|
149
149
|
display: ${({alertIsOpen:e})=>e?"block":"none"};
|
|
150
150
|
background-color: ${({theme:e})=>F(e.variant["graph-4"],.05)};
|
|
151
151
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -536,7 +536,7 @@ ${({inBuiltCss:e,type:t,customStylesTPContainer:l})=>{if(e){let t={};if(e["toolt
|
|
|
536
536
|
&[data-popper-placement*='left'] .tooltip-arrow::after {
|
|
537
537
|
${({inBuiltCss:e,type:t,customStylesTPAleftAfter:l,theme:a})=>{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 o=l||{borderColor:`transparent transparent transparent ${a.primary["primary-1"]} `};return{...t,...o}}}}
|
|
538
538
|
}
|
|
539
|
-
`,
|
|
539
|
+
`,De=h.default.div`
|
|
540
540
|
|
|
541
541
|
${({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}}}}
|
|
542
542
|
|
|
@@ -548,7 +548,7 @@ ${({inBuiltCss:e,type:t,customStylesTPArrow:l})=>{if(e){let t={};if(e["tooltip-a
|
|
|
548
548
|
&::after{
|
|
549
549
|
${({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}}}}
|
|
550
550
|
}
|
|
551
|
-
`,
|
|
551
|
+
`,qe=h.default.div`
|
|
552
552
|
|
|
553
553
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
554
554
|
${({inBuiltCss:e,defaultTooltipContentStyle:t})=>R(e,t)}
|
|
@@ -567,7 +567,7 @@ ${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>R(e,t)}
|
|
|
567
567
|
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>R(e,t)}
|
|
568
568
|
// custom styles
|
|
569
569
|
${({customTriggerStyle:e})=>e}
|
|
570
|
-
`,Ue=({inBuiltCss:e,contentTrigger:t,contentTooltip:a,popperOptionsP:i,settings:c,customStylesTPContainer:r,customStylesTPAbottom:n,customStylesTPAbottomBefore:d,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:u,customStylesTPAtopAfter:f,customStylesTPAright:m,customStylesTPArightBefore:C,customStylesTPArightAfter:b,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:y,customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A,customTooltipContentStyle:L,customContentStyle:S,customHeaderStyle:M,customBodyStyle:V,customTriggerStyle:E,headerTooltip:H,footerTooltip:B,...Z})=>{const z=l.useTheme()||P,I={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...i},{getArrowProps:R,getTooltipProps:F,setTooltipRef:T,setTriggerRef:j,visible:
|
|
570
|
+
`,Ue=({inBuiltCss:e,contentTrigger:t,contentTooltip:a,popperOptionsP:i,settings:c,customStylesTPContainer:r,customStylesTPAbottom:n,customStylesTPAbottomBefore:d,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:u,customStylesTPAtopAfter:f,customStylesTPAright:m,customStylesTPArightBefore:C,customStylesTPArightAfter:b,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:y,customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A,customTooltipContentStyle:L,customContentStyle:S,customHeaderStyle:M,customBodyStyle:V,customTriggerStyle:E,headerTooltip:H,footerTooltip:B,...Z})=>{const z=l.useTheme()||P,I={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...i},{getArrowProps:R,getTooltipProps:F,setTooltipRef:T,setTriggerRef:j,visible:D}=o.usePopperTooltip({interactive:!0,...c},I);return g.default.createElement(g.default.Fragment,null,g.default.createElement(Je,{ref:j,inBuiltCss:W,customTriggerStyle:E,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},t),D&&g.default.createElement(je,k({inBuiltCss:W,theme:z,ref:T},F({className:"tooltip-container"}),{customStylesTPContainer:r,customStylesTPAbottom:n,customStylesTPAbottomBefore:d,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:u,customStylesTPAtopAfter:f,customStylesTPAright:m,customStylesTPArightBefore:C,customStylesTPArightAfter:b,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:y}),g.default.createElement(De,k({inBuiltCss:W},R({className:"tooltip-arrow"}),{customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A})),g.default.createElement(qe,k({defaultTooltipContentStyle:"popOver-Content",theme:z,inBuiltCss:W},Z,{customContentStyle:S}),g.default.createElement(Oe,k({defaultTooltipHeaderStyle:"popOver-header",theme:z,inBuiltCss:W},Z,{customHeaderStyle:M}),H),g.default.createElement(Ge,k({defaultTooltipBodyStyle:"popOver-body",theme:z,inBuiltCss:W},Z,{customBodyStyle:V}),a),g.default.createElement(Xe,null,B))))};Ue.propTypes={contentTrigger:b.default.any,headerTooltip:b.default.any,contentTooltip:b.default.any,footerTooltip:b.default.any,popperOptionsP:b.default.object,settings:b.default.object,customContentStyle:b.default.object,customHeaderStyle:b.default.object,customBodyStyle:b.default.object,customStylesTPContainer:b.default.object,customStylesTPAbottom:b.default.object,customStylesTPAbottomBefore:b.default.object,customStylesTPAbottomAfter:b.default.object,customStylesTPAtop:b.default.object,customStylesTPAtopBefore:b.default.object,customStylesTPAtopAfter:b.default.object,customStylesTPAright:b.default.object,customStylesTPArightBefore:b.default.object,customStylesTPArightAfter:b.default.object,customStylesTPAleft:b.default.object,customStylesTPAleftBefore:b.default.object,customStylesTPAleftAfter:b.default.object,customStylesTPArrow:b.default.object,customStylesTPAbefore:b.default.object,customStylesTPAafter:b.default.object,customTriggerStyle:b.default.object},Ue.defaultProps={contentTrigger:g.default.createElement("div",null,"Trigger"),headerTooltip:"",contentTooltip:"",footerTooltip:g.default.createElement(ve,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Ye=h.default.div`
|
|
571
571
|
background: transparent;
|
|
572
572
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
573
573
|
font-size: ${({isPrimary:e})=>e?"16px":"14px"};
|
|
@@ -1102,7 +1102,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1102
1102
|
|
|
1103
1103
|
// custom styles
|
|
1104
1104
|
${({customIconContainerStyle:e})=>e};
|
|
1105
|
-
`,Zt=["January","February","March","April","May","June","July","August","September","October","November","December"],zt=({selectedDate:e,setSelectedDate:a,disabled:o,startYear:i,endYearRange:c,format:r,customIconContainerStyle:n,placeHolder:d,value:s,timeBtnStyle:p,onClick:u,onChange:f,wrapperStyle:m,iconProps:C,labelProps:b,...h})=>{const x=l.useTheme()||P;let y=[],A=c||10;for(let e=i||(new Date).getFullYear();e<=(new Date).getFullYear()+A;e++)y.push(e);const L=t.useRef(null),S=t.useRef(null),[M,V]=t.useState(!1),[E,H]=t.useState(!1),[B,Z]=t.useState(!1),[z,I]=t.useState(!1),[W,R]=t.useState(e.getFullYear()),[F,T]=t.useState(Zt[e.getMonth()]);t.useEffect((()=>{T(Zt[e.getMonth()]),R(e.getFullYear())}),[e]),t.useEffect((()=>(j(document,"click","add",
|
|
1105
|
+
`,Zt=["January","February","March","April","May","June","July","August","September","October","November","December"],zt=({selectedDate:e,setSelectedDate:a,disabled:o,startYear:i,endYearRange:c,format:r,customIconContainerStyle:n,placeHolder:d,value:s,timeBtnStyle:p,onClick:u,onChange:f,wrapperStyle:m,iconProps:C,labelProps:b,...h})=>{const x=l.useTheme()||P;let y=[],A=c||10;for(let e=i||(new Date).getFullYear();e<=(new Date).getFullYear()+A;e++)y.push(e);const L=t.useRef(null),S=t.useRef(null),[M,V]=t.useState(!1),[E,H]=t.useState(!1),[B,Z]=t.useState(!1),[z,I]=t.useState(!1),[W,R]=t.useState(e.getFullYear()),[F,T]=t.useState(Zt[e.getMonth()]);t.useEffect((()=>{T(Zt[e.getMonth()]),R(e.getFullYear())}),[e]),t.useEffect((()=>(j(document,"click","add",D(L,(()=>V(!1)))),j(document,"click","add",D(S,(()=>H(!1)))),()=>{j(document,"click","remove",D(L,(()=>V(!1)))),j(document,"click","remove",D(S,(()=>H(!1))))})),[]);const j=(e,t,l,a,o)=>{"add"===l?e.addEventListener(t,a,o||!1):e.removeEventListener(t,a,o||!1)},D=(e,t)=>l=>{e.current&&!e.current.contains(l.target)&&t()},q={icon:"calender",color:"black",size:"16",...C};return g.default.createElement(vt,k({disabled:o,theme:x},h,{wrapperStyle:m}),g.default.createElement(et,k({customStyles:{marginBottom:"7px",padding:0}},b)),g.default.createElement(w.default,k({selected:s===e?e:s,useWeekdaysShort:!0,onChange:e=>{a(e),f(e)},adjustDateOnChange:!0,disabled:o,dropdownMode:"select",customInput:g.default.createElement(Et,{value:s,onClick:u,placeholder:d,theme:x},g.default.createElement(Ht,k({theme:x,value:s,onClick:u,timeBtnStyle:p},h),g.default.createElement("div",null,s?v.default(s).format(r||"DD/MM/YYYY"):d||"select a date"),g.default.createElement(Bt,k({theme:x},h,{customIconContainerStyle:n,className:"input-icon"}),q.icon?g.default.createElement($,q):null))),renderCustomHeader:({date:e,changeYear:t,changeMonth:l})=>g.default.createElement(wt,null,g.default.createElement("div",{style:{display:"flex"}},g.default.createElement(Lt,{ref:L},g.default.createElement(St,{onClick:()=>{V(!M),H(!1)}},g.default.createElement("span",{onMouseEnter:()=>Z(!0),onMouseLeave:()=>Z(!1),style:{color:`${B?x.variant["primary-1"]:x.additional["text-color"]}`}},Zt[e.getMonth()]),g.default.createElement(At,null,g.default.createElement($,{icon:"triangle-down",color:B?x.variant["primary-1"]:x.additional["text-color"],size:7}))),M&&g.default.createElement(Mt,null,g.default.createElement(Vt,{theme:x,onMouseEnter:()=>Z(!0)},Zt.map(((e,t)=>g.default.createElement(kt,{selectedMonth:F,onClick:()=>{Z(!1),l(t),V(!1),T(Zt[t])},key:Math.random()},g.default.createElement("span",{style:{color:`${F===e?x.variant["primary-1"]:x.additional["text-color"]}`}},e))))))),g.default.createElement(Lt,{ref:S},g.default.createElement(St,{style:{marginLeft:"28px"},onClick:()=>{H(!E),V(!1)}},g.default.createElement("span",{onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),style:{color:`${z?x.variant["primary-1"]:x.additional["text-color"]}`}},e.getFullYear()),g.default.createElement(At,null,g.default.createElement($,{icon:"triangle-down",color:z?x.variant["primary-1"]:x.additional["text-color"],size:7}))),E&&g.default.createElement(Mt,null,g.default.createElement(Vt,{onMouseEnter:()=>I(!0),theme:x},y.map(((e,l)=>g.default.createElement(kt,{onClick:()=>{I(!1),t(e),R(e),H(!1)},key:Math.random()+l},g.default.createElement("span",{style:{color:`${W===e?x.variant["primary-1"]:x.additional["text-color"]}`}},e)))))))))},h)))};zt.propTypes={selectedDate:b.default.any,setSelectedDate:b.default.func,disabled:b.default.bool,startYear:b.default.number,endYearRange:b.default.number,format:b.default.string,placeHolder:b.default.string,onChange:b.default.func,timeBtnStyle:b.default.object,wrapperStyle:b.default.object,customIconContainerStyle:b.default.object,iconProps:b.default.object,value:b.default.any,onClick:b.default.func,labelProps:b.default.object},zt.defaultProps={selectedDate:new Date,setSelectedDate:()=>{},disabled:!1,onChange:()=>{},value:"",onClick:()=>{}};const It=h.default.div`
|
|
1106
1106
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1107
1107
|
.react-datepicker__tab-loop {
|
|
1108
1108
|
position: absolute;
|
|
@@ -1224,7 +1224,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1224
1224
|
margin-top: 5px;
|
|
1225
1225
|
font-size: 10px;
|
|
1226
1226
|
}
|
|
1227
|
-
`,
|
|
1227
|
+
`,Dt=({defaultValue:e,onChange:a,inputType:o,onClick:i,placeHolder:c,value:r,disabled:n,startYear:d,endYearRange:s,iconProps:p,customHeaderStyle:u,timeBtnStyle:f,wrapperStyle:m,customIconContainerStyle:C,label:b,labelInline:h,labelStyle:x,required:y,errMsg:A,errMsgColor:L,isValid:S,...M})=>{const[V,E]=t.useState(e);t.useEffect((()=>{E(e)}),[e]);let H=null;V&&(H=V?"string"==typeof V&&"time"===o?new Date("20 Jan, 2022 "+V):new Date(V):null);for(var B=[],Z=s||10,z=d||(new Date).getFullYear();z<=(new Date).getFullYear()+Z;z++)B.push(z);let I={};switch(o){case"date":default:I.dateFormat="dd MMM, yyyy";break;case"month":I.dateFormat="MMMM yyyy",I.showMonthYearPicker=!0;break;case"year":I.dateFormat="yyyy",I.showYearPicker=!0;break;case"datetime-local":I.dateFormat="dd MMM yyyy, hh:mm a",I.showTimeSelect=!0,I.timeFormat="hh:mm a",I.timeIntervals=15,I.timeCaption="Time";break;case"time":I.showTimeSelect=!0,I.showTimeSelectOnly=!0,I.dateFormat="hh:mm a"}const W=l.useTheme()||P,R={icon:"calender",color:W.variant["primary-1"],size:"16",...p};return g.default.createElement(jt,k({labelInline:h,errMsgColor:L,theme:W},M),g.default.createElement("div",{style:{display:"flex"}},g.default.createElement(et,k({customStyles:x,type:"label-text",labelInline:h,errMsg:A,text:b,style:{display:"flex",marginBottom:""+(h?"":"7px"),paddingBottom:"0px"}},M)),y&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${W.variant.error}`}},"*")),g.default.createElement(It,k({theme:W},M,{wrapperStyle:m,isValid:S,disabled:n}),g.default.createElement(w.default,k({selected:H||new Date,disabled:n,customInput:g.default.createElement(Pt,{value:r,onClick:i,placeholder:c,theme:W},g.default.createElement(Wt,k({theme:W,value:r,onClick:i,timeBtnStyle:f,disabled:n},M),g.default.createElement("div",null,r||(c||"-- : -- --")),g.default.createElement(Ft,k({theme:W},M,{customIconContainerStyle:C,className:"input-icon"}),R.icon?g.default.createElement($,R):null))),onChange:e=>{E(e);var t=null;t="datetime-local"===o?v.default(e).format("DD MMM YYYY, hh:mm A"):"date"===o?v.default(e).format("DD MMM, YYYY"):"year"===o?v.default(e).format("YYYY"):"month"===o?v.default(e).format("MMMM YYYY"):"time"===o?v.default(e).format("hh:mm A"):v.default(e).format("DD MMM, YYYY"),a(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:c},I,{renderCustomHeader:({date:e,changeYear:t,decreaseMonth:l,increaseMonth:a})=>{let i=v.default(e).format("MMMM");return g.default.createElement(Rt,k({theme:W},M,{inputType:o,customHeaderStyle:u}),"year"!==o?g.default.createElement("span",{style:{paddingLeft:"10px"},onClick:l},g.default.createElement($,{icon:"chevron-left",color:"white",size:16})):null,g.default.createElement("b",null,"year"!==o?g.default.createElement("span",{style:{paddingRight:"5px"}},i):null," ",g.default.createElement("span",{className:"calender-year"},g.default.createElement("select",{value:e.getFullYear(),onChange:({target:{value:e}})=>t(e)},B.map((e=>g.default.createElement("option",{key:e,value:e},e)))))),"year"!==o?g.default.createElement("span",{style:{paddingRight:"10px"},onClick:a},g.default.createElement($,{icon:"chevron-right",color:"white",size:16})):null)}},M))),A.length>0&&g.default.createElement("div",{className:"err-text"},A))};Dt.propTypes={defaultValue:b.default.string,onChange:b.default.func,inputType:b.default.string,onClick:b.default.func,placeHolder:b.default.string,value:b.default.string,disabled:b.default.bool,startYear:b.default.number,endYearRange:b.default.number,iconProps:b.default.object,customHeaderStyle:b.default.object,timeBtnStyle:b.default.object,wrapperStyle:b.default.object,customIconContainerStyle:b.default.object,label:b.default.string,labelStyle:b.default.object,labelInline:b.default.bool,errMsg:b.default.string,errMsgColor:b.default.string,isValid:b.default.bool},Dt.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const qt=h.default.div`
|
|
1228
1228
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"initial"} !important;
|
|
1229
1229
|
|
|
1230
1230
|
.text-main-alt {
|
|
@@ -1264,7 +1264,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1264
1264
|
margin-top: -15.5px;
|
|
1265
1265
|
cursor: pointer;
|
|
1266
1266
|
line-height: normal !important;
|
|
1267
|
-
`,Xt=({getValue:e,children:t,...l})=>{const a=e().length;return g.default.createElement(d.components.ValueContainer,k({"data-accordion":"contentClickFalse"},l),g.default.createElement("span",{"data-accordion":"contentClickFalse"}),t,a>1&&g.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Jt=({label:e,labelStyle:a,optionArr:o,selectedValue:i,setSelectedValue:c,placeHolder:r,isClearable:n,isValid:s,height:p,fontSize:u,loadOptions:f,onInputChange:m,clearSelected:C,customWrapperStyles:b,customLabelStyles:h,isRequired:x,dropdownType:y,isDisabled:v,isLoading:w,id:A,iconName:L,iconStyles:S,iconColor:M,iconSize:V,showIndicator:E,leftIcon:H,leftIconColor:B,leftIconSize:Z,backgroundColor:z,placeHolderColor:I,indicatorBackgroundColor:R,inputColor:F,menuListFooter:T,customSelectStyles:j,errorMessage:
|
|
1267
|
+
`,Xt=({getValue:e,children:t,...l})=>{const a=e().length;return g.default.createElement(d.components.ValueContainer,k({"data-accordion":"contentClickFalse"},l),g.default.createElement("span",{"data-accordion":"contentClickFalse"}),t,a>1&&g.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Jt=({label:e,labelStyle:a,optionArr:o,selectedValue:i,setSelectedValue:c,placeHolder:r,isClearable:n,isValid:s,height:p,fontSize:u,loadOptions:f,onInputChange:m,clearSelected:C,customWrapperStyles:b,customLabelStyles:h,isRequired:x,dropdownType:y,isDisabled:v,isLoading:w,id:A,iconName:L,iconStyles:S,iconColor:M,iconSize:V,showIndicator:E,leftIcon:H,leftIconColor:B,leftIconSize:Z,backgroundColor:z,placeHolderColor:I,indicatorBackgroundColor:R,inputColor:F,menuListFooter:T,customSelectStyles:j,errorMessage:D,maximumSelectOptionLimit:q,maximumSelectOptionLimitMessage:O,labelProps:G,onCreateOption:X,...J})=>{const U=l.useTheme()||P,Y=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},l=g.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??U.primary["primary-1"]}},g.default.createElement($,{icon:"check-icon",color:"white"})),a=g.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return console.log(e),g.default.createElement(d.components.Option,e,g.default.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},"further-details"!==e.value&&(e.isSelected?l:a),g.default.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},N=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&g.default.createElement("span",{className:"text-main-alt-value"},l)},Q={control:(e,t)=>({...e,border:s?z&&s?"1px solid "+z:"1px solid "+U.border:"1px solid "+U.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${p}px`,minHeight:`${p}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?U.variant["neutral-5"]:z||U.additional.white}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:I||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${p}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:R||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${p}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:u+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:u+"px",width:"100%",minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:u+"px",color:F||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?U.neutral["neutral-5"]:U.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},K={DropdownIndicator:e=>{const t=g.default.createElement(d.components.DropdownIndicator,e,g.default.createElement(Gt,{"data-accordion":"contentClickFalse"},g.default.createElement($,{icon:L,color:M,size:V,customstyles:S,"data-accordion":"contentClickFalse"})));return!0===E?t:null},ValueContainer:Xt,IndicatorSeparator:()=>null,ClearIndicator:e=>g.default.createElement(d.components.ClearIndicator,e,n?g.default.createElement(Gt,{onClick:()=>{C(),e.clearValue()},"data-accordion":"contentClickFalse"},g.default.createElement($,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:a=null}=e.selectProps.components,o=e.getValue().length||0;return g.default.createElement(d.components.MenuList,k({},e,{"data-accordion":"contentClickFalse"}),o<q?g.default.createElement(t.Fragment,null,e.children.length&&l,e.children,e.children.length&&a):g.default.createElement("div",{style:{margin:15}},O))},MenuListFooter:T};let _=null;switch(y){case"multiSelect":_=g.default.createElement(Ut,k({type:"multiSelect",MultiValue:N,Option:Y,value:i,CommonRenderedComponent:K,optionArr:o,placeHolder:r,isDisabled:v,stylesComp:Q,setSelectedValue:c,isLoading:w,id:A,isClearable:n},J));break;case"asyncSingleSelect":_=g.default.createElement(Yt,k({CommonRenderedComponent:K,loadOptions:f,onInputChange:m,styles:Q,placeholder:r,onChange:c,isLoading:w,isDisabled:v,id:A,value:i,isClearable:n},J));break;case"asyncMultiSelect":_=g.default.createElement(Yt,k({type:"asyncMultiSelect",CommonRenderedComponent:K,MultiValue:N,Option:Y,onChange:c,placeholder:r,styles:Q,isDisabled:v,isLoading:w,loadOptions:f,onInputChange:m,id:A,isClearable:n,value:i},J));break;case"asyncCreatableSelect":_=g.default.createElement(nt,k({type:"asyncMultiCreatable",CommonRenderedComponent:K,MultiValue:N,Option:Y,onChange:c,placeholder:r,styles:Q,isDisabled:v,isLoading:w,loadOptions:f,onInputChange:m,isClearable:n,value:i,id:A,onCreateOption:X},J));break;default:_=g.default.createElement(Ut,k({type:"singleSelect",value:{value:i?i.value:"",label:i?i.label:""},CommonRenderedComponent:K,optionArr:o,placeHolder:r,isDisabled:v,stylesComp:Q,setSelectedValue:c,isLoading:w,id:A,isClearable:n},J))}return g.default.createElement(qt,{style:b,backgroundColor:z,isValid:s,fontSize:u,theme:U,isDisabled:v},e&&g.default.createElement(Ot,{inBuiltCss:W,labelWrapperStyle:"selectComp-label-wrapper",style:h},g.default.createElement(et,k({customStyles:a,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}},G)),x&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${U.ui.error}`}},"*")),_,!s&&D)},Ut=({type:e,Option:t,value:l,CommonRenderedComponent:a,MultiValue:o,optionArr:i,placeHolder:c,isDisabled:r,stylesComp:n,setSelectedValue:d,isLoading:s,id:p,isClearable:u,...f})=>{let m={...a};return"multiSelect"===e&&(m.MultiValue=o,m.Option=t),g.default.createElement(A.default,k({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:m,options:i,placeholder:c,isDisabled:r,value:l,styles:n,onChange:d,isLoading:s,id:p,isClearable:u,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},f))},Yt=({CommonRenderedComponent:e,MultiValue:t,Option:l,type:a,id:o,styles:i,...c})=>{let r={...e};return"asyncMultiSelect"===a&&(r.MultiValue=t,r.Option=l),g.default.createElement(L.default,k({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:r,isMulti:"asyncMultiSelect"===a,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==a,isSearchable:!0,styles:i,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:o},c))};Jt.propTypes={label:b.default.string,labelStyle:b.default.object,optionArr:b.default.array,selectedValue:b.default.object,setSelectedValue:b.default.func,placeHolder:b.default.string,fontSize:b.default.number,clearSelected:b.default.func,loadOptions:b.default.func,onInputChange:b.default.func,customWrapperStyles:b.default.object,customLabelStyles:b.default.object,isRequired:b.default.bool,dropdownType:b.default.string,isDisabled:b.default.bool,isLoading:b.default.bool,isValid:b.default.bool,height:b.default.number,isClearable:b.default.bool,id:b.default.string,iconName:b.default.string,iconColor:b.default.string,iconSize:b.default.number,leftIcon:b.default.string,leftIconColor:b.default.string,leftIconSize:b.default.number,showIndicator:b.default.bool,backgroundColor:b.default.string,placeHolderColor:b.default.string,inputColor:b.default.string,menuListFooter:b.default.any,customSelectStyles:b.default.object,maximumSelectOptionLimit:b.default.number,maximumSelectOptionLimitMessage:b.default.string,labelProps:b.default.object,onCreateOption:b.default.func},Jt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:{},customLabelStyles:{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0,customSelectStyles:{},maximumSelectOptionLimit:1e4,maximumSelectOptionLimitMessage:"Max limit achieved",labelProps:{},onCreateOption:void 0};const Nt=h.default.div`
|
|
1268
1268
|
//Set the styles from the default styles object
|
|
1269
1269
|
${({inBuiltCss:e,defaultStyles:t})=>R(e,t)}
|
|
1270
1270
|
|
|
@@ -1323,7 +1323,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1323
1323
|
align-items: center;
|
|
1324
1324
|
margin: 20px 0px;
|
|
1325
1325
|
font-size: 14px;
|
|
1326
|
-
`;const ll=({label:e,labelStyle:a,labelInline:o,required:i,message:c,fileArr:r,setFileArr:n,deleteFile:d,customDropzoneStyles:s,customFileStyles:p,customTextStyles:u,customFileNameStyles:f,backgroundColor:m,singleFile:C,messageSize:b,showSupportedFormats:h,file_extensions:x,maxFilesAmount:y,minFilesAmount:v,fileSizeLimit:w,fileSizeNamingConvention:A,errorMessages:L,suggesionMessage:S,MessagelabelStyle:M,dropValid:V,setDropValid:E,errorDetails:H,setErrorDetails:B,dropzoneContent:Z,dropIcon:z,iconColor:I,id:R,customTooltipContentStyle:F={padding:"4px 12px",fontSize:"14px",width:"auto",maxWidth:"226px"},customStylesTPArightBefore:T,customStylesTPArightAfter:j,tooltipArrowColor:q
|
|
1326
|
+
`;const ll=({label:e,labelStyle:a,labelInline:o,required:i,message:c,fileArr:r,setFileArr:n,deleteFile:d,customDropzoneStyles:s,customFileStyles:p,customTextStyles:u,customFileNameStyles:f,backgroundColor:m,singleFile:C,messageSize:b,showSupportedFormats:h,file_extensions:x,maxFilesAmount:y,minFilesAmount:v,fileSizeLimit:w,fileSizeNamingConvention:A,errorMessages:L,suggesionMessage:S,MessagelabelStyle:M,dropValid:V,setDropValid:E,errorDetails:H,setErrorDetails:B,dropzoneContent:Z,dropIcon:z,iconColor:I,id:R,customTooltipContentStyle:F={padding:"4px 12px",fontSize:"14px",width:"auto",maxWidth:"226px"},customStylesTPArightBefore:T,customStylesTPArightAfter:j,tooltipArrowColor:D,...q})=>{const O=l.useTheme()||P;D=D||O.primary["primary-1"];const[G,X]=t.useState(!1),J=t.createRef(),[U,Y]=t.useState(V),[N,Q]=t.useState("");let K;var _=x;let ee=new Map(_.map((e=>[e.toLowerCase(),e])));ee=Array.from(ee.values()).join(", ");var te=!1,le=h?"All file formats cannot be used with the files you provided.":"",ae="";1==C&&(v=1,y=1);var oe="Please upload (min."+v+" to max."+y+")files",ie=e=>{ae="";let t=[],l=[];var a=r.length;if(a+e.length<v||a+e.length>y){var o=`Please upload (minimum ${v} to maximum ${y} files)`;ae=L?.amount,ae=void 0!==ae?ae:o}if(""==ae)for(const[a,r]of Object.entries(e)){te=!0,r.name;let e=r.size,a=r.name.split(".");a=a[a.length-1],te=_.includes(a.toLowerCase());var i=1024;("MB"===A||"GB"===A||"TB"===A)&&(i*=1024);var c=e/i;if(!1===te&&(ae=L?.format,ae=ae||le),c>w&&te){te=!1;o="Each file must be under "+w+" "+A;ae=L?.size,ae=void 0!==ae?ae:o}te?(K=URL.createObjectURL(r),r.path=K,t.push(r)):l.push(r)}return ae.length>0?(E(!1),B({valid:!1,errorMessage:ae,errorFiles:l}),Y(V),Q(ae)):(E(!0),Y(V),Q(""),B({valid:!0,errorMessage:"",errorFiles:[]})),t};function ce(e){e.preventDefault(),e.stopPropagation()}function re(e,t){let l=[...r,...e];return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),n(l),X(!1),l}function ne(e,t){if(e instanceof File){const t=r.findIndex((t=>t.name===e.name));let l=r[t].path;URL.revokeObjectURL(l);const a=r.filter((t=>t.name!==e.name));n(a)}else!function(e){const t=r.filter((t=>t.name!==e.name));n(t),d(e)}(e)}const de=g.default.createElement("div",null,ee),se=x.map((e=>`.${e}`)).join(",");return g.default.createElement("div",null,g.default.createElement("div",{style:{display:"flex",width:"inherit"}},g.default.createElement(et,k({customStyles:a,type:"label-text",labelInline:o,text:e,style:{display:"flex",marginBottom:`${o?0:"8px"}`,paddingBottom:"0px"}},q)),i&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${O.variant.error}`}},"*")),g.default.createElement(Nt,{theme:O,inBuiltCss:W,defaultStyles:"dropzone-parent",backgroundColor:m,customDropzoneStyles:V?s:{},onDragLeave:function(e){ce(e),X(!1)},onDragOver:function(e){ce(e),X(!0)},onDrop:function(e){ce(e);const{files:t}=e.dataTransfer;var l=ie(t);X(!0),q.onFilesAdded(re(l,C))},onClick:function(){J.current.click()},hover:G,dropValid:V,fileArr:r},g.default.createElement(Kt,k({ref:J,valid:U,dropValid:V,type:"file",accept:se,id:R,multiple:!C,onChange:function(e){let{files:t}=e.target;X(!1);var l=ie(t);l&&q.onFilesAdded(re(l,C))},onClick:e=>e.target.value=null},q)),V?g.default.createElement(g.default.Fragment,null,z?g.default.createElement($,{icon:z,color:G?O.additional.white:I,size:24}):g.default.createElement($,{icon:"file-upload",color:G?O.additional.white:O.primary["primary-1"],size:24})):null,g.default.createElement($t,{dropValid:V,valid:U,hover:G,backgroundColor:m,customTextStyles:u,inBuiltCss:W,defaultStyles:"dropzone-text-div"},V?g.default.createElement(g.default.Fragment,null,Z?g.default.createElement("div",{style:{color:G?O.additional.white:null}},Z):g.default.createElement("div",null,g.default.createElement("span",{style:{color:G?O.additional.white:O.primary["primary-1"]}},"Choose a file"," "),g.default.createElement("span",{style:{color:G?O.additional.white:O.neutral["neutral-2"]}},"or"," "),g.default.createElement("span",{style:{color:G?O.additional.white:O.additional["text-color"]}},"drag ",C?"it":"them"," here"))):g.default.createElement("div",null,g.default.createElement("span",{style:{color:O.variant.error}},"Try again!"," "),g.default.createElement("span",{style:{color:O.additional["text-color"]}},N||c)))),N===le||L.format?g.default.createElement("div",{style:{display:"flex"}},g.default.createElement(et,k({themeColor:P,customStyles:M,type:"label-text",labelInline:o,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},q)),g.default.createElement(Ue,{contentTrigger:g.default.createElement("span",{style:{cursor:"pointer"}},"Click here to view the supported file types"),headerTooltip:"",contentTooltip:de,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:F,customStylesTPArightBefore:T,customStylesTPArightAfter:j,customStylesTPAbottomBefore:{borderColor:`transparent transparent ${D} transparent`,marginTop:"1px"},customStylesTPAbottomAfter:{display:"none"}})):"The file size is not uploaded"===N?g.default.createElement(et,k({themeColor:P,customStyles:M,type:"label-text",labelInline:o,text:oe,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},q)):"",r?.map(((e,t)=>g.default.createElement(Qt,{inBuiltCss:W,defaultStyles:"dropzone-file-div",key:`${e}-${t}`,customFileStyles:p},g.default.createElement(el,null,g.default.createElement($,{icon:"file-icon",color:O.primary["primary-1"]})),(File,g.default.createElement("a",{style:{color:O.variant["primary-1"],marginLeft:"5px",overflow:"hidden"},href:e?.path,target:"_blank",rel:"noreferrer",download:e.name}," ",e.name)),g.default.createElement(tl,null,e?.otherInfo),g.default.createElement(_t,{key:101*Math.random()|0},g.default.createElement("div",{style:{marginRight:"7px"}},g.default.createElement($,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:O.primary["primary-1"]})),g.default.createElement($,{icon:"cross-icon",color:O.neutral["neutral-2"],size:13,onClick:()=>ne(e),customstyles:{cursor:"pointer"}}))))))};ll.propTypes={onFilesAdded:b.default.func,dropValid:b.default.bool,setDropValid:b.default.func,message:b.default.string,fileArr:b.default.array,setFileArr:b.default.func,customDropzoneStyles:b.default.object,customFileStyles:b.default.object,customTextStyles:b.default.object,customFileNameStyles:b.default.object,backgroundColor:b.default.string,messageSize:b.default.number,maxFilesAmount:b.default.number,minFilesAmount:b.default.number,fileSizeLimit:b.default.number,fileSizeNamingConvention:b.default.string,showSupportedFormats:b.default.bool,file_extensions:b.default.array,errorMessages:b.default.object,suggesionMessage:b.default.any,MessagelabelStyle:b.default.object,id:b.default.string,dropzoneContent:b.default.any,dropIcon:b.default.string,iconColor:b.default.string,singleFile:b.default.bool,customTooltipContentStyle:b.default.object,customStylesTPArightBefore:b.default.object,customStylesTPArightAfter:b.default.object},ll.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 al=l.css`
|
|
1327
1327
|
pointer-events: none;
|
|
1328
1328
|
`,ol=h.default.input`
|
|
1329
1329
|
background-color: transparent;
|
|
@@ -1677,12 +1677,12 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1677
1677
|
width: inherit;
|
|
1678
1678
|
display: flex;
|
|
1679
1679
|
margin: 4px;
|
|
1680
|
-
`,
|
|
1680
|
+
`,Dl=h.default.div`
|
|
1681
1681
|
padding-left: 2px;
|
|
1682
1682
|
display: flex;
|
|
1683
1683
|
justify-content: center;
|
|
1684
1684
|
cursor: pointer;
|
|
1685
|
-
`,
|
|
1685
|
+
`,ql=({onChange:e,activeColor:a,defaultColor:o,placeholderColor:i,placeholderText:c,customInputStyle:r,pointsArray:n,setPointsArray:d,value:s,setValue:p,valueForSignatureDrawing:u,setValueForSignatureDrawing:f,imageURL:m,setImageURL:C,id:b,...h})=>{const x=l.useTheme()||P,[y,v]=t.useState("default"),[w,A]=t.useState(!1),[L,M]=t.useState(!1),V=t.useRef(null);t.useEffect((()=>{L&&(E(),f(V.current))}),[!0===L]);const k=()=>{p(""),f(V.current),V.current&&V.current.clear(),A(!1),M(!1)},E=()=>(d(V.current.toData()),C(V.current.toDataURL("image/png")),[m,n]);return g.default.createElement(Wl,{inBuiltCss:W,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:w,selected:y,activeColor:a,defaultColor:o,theme:x},g.default.createElement(Rl,{inBuiltCss:W,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:a,defaultColor:o,selected:y,isMyInputFocused:w,signIcon:!0,theme:x},g.default.createElement(Fl,{activeColor:a,defaultColor:o,isMyInputFocused:w,theme:x,penIcon:!0,onClick:()=>{v("default"),k()}},g.default.createElement($,{icon:"pen-icon",color:"default"===y?a||x.primary["primary-1"]:x.additional.black})),g.default.createElement(Fl,{activeColor:a,defaultColor:o,theme:x,isMyInputFocused:w,penIcon:!1,onClick:()=>{v("sign"),k()}},g.default.createElement($,{icon:"sign-icon",color:"default"!==y?a||x.primary["primary-1"]:x.additional.black}))),g.default.createElement(Rl,{inBuiltCss:W,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:a,defaultColor:o,theme:x,selected:y,isMyInputFocused:w,signIcon:!1,onTouchStart:()=>{}},"default"===y?g.default.createElement(Tl,{inBuiltCss:W,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:i,customInputStyle:r,onBlur:()=>A(!1),onFocus:()=>A(!0),id:b,value:s,defaultColor:o,theme:x,onChange:e=>p(e.target.value)}):g.default.createElement(jl,{onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),onClick:()=>{M(!0),E()}},g.default.createElement(S.default,{ref:V,id:b,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(s||L)&&g.default.createElement(Dl,{selected:y,onClick:()=>k()},g.default.createElement($,{icon:"cross-icon",color:o||x.neutral["neutral-3"]}))))};ql.propTypes={activeColor:b.default.string,defaultColor:b.default.string,placeholderColor:b.default.string,placeholderText:b.default.string,customInputStyle:b.default.object,pointsArray:b.default.any,setPointsArray:b.default.func,value:b.default.string,setValue:b.default.func,imageURL:b.default.string,setImageURL:b.default.func,id:b.default.string},ql.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Ol=h.default.div`
|
|
1686
1686
|
|
|
1687
1687
|
//Set the styles from the default styles object
|
|
1688
1688
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>R(e,t)}
|
|
@@ -2194,11 +2194,11 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
2194
2194
|
`,Ra=({vertical:e,borderColor:t,thickness:a,height:o,...i})=>{const c=l.useTheme()||P;return g.default.createElement(Wa,k({theme:c,borderColor:t,thickness:a,vertical:e,height:o},i))};Ra.propTypes={thickness:b.default.string,borderColor:b.default.string,vertical:b.default.bool,height:b.default.string},Ra.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const Fa=h.default.div`
|
|
2195
2195
|
//Set the styles from the default styles object
|
|
2196
2196
|
${({inBuiltCss:e,type:t,drawerOpen:l,customStyles:a})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])delete e.common[l],o[l]=e[t][l];o=l?{...o,...e["drawer-open"]}:{...o,...e["drawer-close"]}}return{...o,...a}}}}
|
|
2197
|
-
`,Ta=({customStyles:e,drawerOpen:t,setDrawerOpen:l,children:a,...o})=>g.default.createElement(Fa,k({inBuiltCss:W,customStyles:e,type:"drawer",drawerOpen:t},o),a);Ta.propTypes={customStyles:b.default.object,drawerOpen:b.default.bool,setDrawerOpen:b.default.func},Ta.defaultProps={setDrawerOpen:()=>null};class ja extends t.Component{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;var l=g.default.createElement(t.Fragment,null,g.default.createElement("h3",null,g.default.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"},g.default.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."),g.default.createElement(he,{onClick:()=>this.refreshPage()},"Click to refresh"));return e?l:this.props.children}}ja.propTypes={children:b.default.any};const
|
|
2197
|
+
`,Ta=({customStyles:e,drawerOpen:t,setDrawerOpen:l,children:a,...o})=>g.default.createElement(Fa,k({inBuiltCss:W,customStyles:e,type:"drawer",drawerOpen:t},o),a);Ta.propTypes={customStyles:b.default.object,drawerOpen:b.default.bool,setDrawerOpen:b.default.func},Ta.defaultProps={setDrawerOpen:()=>null};class ja extends t.Component{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;var l=g.default.createElement(t.Fragment,null,g.default.createElement("h3",null,g.default.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"},g.default.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."),g.default.createElement(he,{onClick:()=>this.refreshPage()},"Click to refresh"));return e?l:this.props.children}}ja.propTypes={children:b.default.any};const Da=l.css`
|
|
2198
2198
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
2199
2199
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
2200
2200
|
background: ${({theme:e})=>F(e.primary["primary-1"],.04)};
|
|
2201
|
-
`,
|
|
2201
|
+
`,qa=h.default.button`
|
|
2202
2202
|
font-size: 14px;
|
|
2203
2203
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
2204
2204
|
background: ${({theme:e})=>F(e.variant["neutral-5"],.7)};
|
|
@@ -2208,14 +2208,14 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
2208
2208
|
outline: none;
|
|
2209
2209
|
cursor: ${({disabled:e})=>e?"default":"pointer"};
|
|
2210
2210
|
|
|
2211
|
-
${({selected:e})=>e?
|
|
2211
|
+
${({selected:e})=>e?Da:null}
|
|
2212
2212
|
${({customStyles:e})=>e}
|
|
2213
2213
|
|
|
2214
2214
|
|
|
2215
2215
|
&:not(:first-child) {
|
|
2216
2216
|
margin-left: 8px;
|
|
2217
2217
|
}
|
|
2218
|
-
`,Oa=({options:e,selected:t,onClick:a,customStyles:o,disabled:i,...c})=>{const r=l.useTheme()||P,n=e.map(((e,l)=>g.default.createElement(
|
|
2218
|
+
`,Oa=({options:e,selected:t,onClick:a,customStyles:o,disabled:i,...c})=>{const r=l.useTheme()||P,n=e.map(((e,l)=>g.default.createElement(qa,{theme:r,key:`${e.label}_${l}_${e.value}`,selected:t===e.value,onClick:()=>{a(e.value)},customStyles:o,disabled:i},e.label)));return g.default.createElement(g.default.Fragment,null,n)};Oa.propTypes={options:b.default.array,selected:b.default.string,onClick:b.default.func,customStyles:b.default.object,disabled:b.default.bool},Oa.defaultProps={options:[],selected:"",customStyles:{},disabled:!1};const Ga=h.default.footer`
|
|
2219
2219
|
//Set the styles from the default styles object
|
|
2220
2220
|
${({theme:e,type:t})=>R(e,t)}
|
|
2221
2221
|
// custom styles
|
|
@@ -2693,7 +2693,7 @@ svg {
|
|
|
2693
2693
|
justify-content: space-evenly;
|
|
2694
2694
|
flex-grow: 1;
|
|
2695
2695
|
align-items: stretch;
|
|
2696
|
-
`,
|
|
2696
|
+
`,Do=h.default.div`
|
|
2697
2697
|
display: flex;
|
|
2698
2698
|
color: ${({theme:e,disabled:t,variant:l,variantDisable:a})=>t?e.variant[a]:e.variant[l]};
|
|
2699
2699
|
background: ${({theme:e,disabled:t,bgVariant:l,variantBgDisable:a})=>t?e.variant[a]:e.variant[l]};
|
|
@@ -2708,7 +2708,7 @@ svg {
|
|
|
2708
2708
|
svg path {
|
|
2709
2709
|
fill: ${({theme:e,disabled:t,variant:l,variantDisable:a})=>t?e.variant[a]:e.variant[l]};
|
|
2710
2710
|
}
|
|
2711
|
-
`,
|
|
2711
|
+
`,qo=({style:e,items:t,variant:a,borderVariant:o,bgVariant:i,variantDisable:c,variantBgDisable:r,allDisabled:n,divider:d,indexPrefix:s,onClick:p,variantTPtext:u,variantTPbg:f,...m})=>(l.useTheme(),g.default.createElement(To,k({variant:a,borderVariant:o},m),t?.map(((e,l)=>g.default.createElement(Io,{key:s.concat(l),variant:a,borderVariant:o,bgVariant:i,variantDisable:c,variantBgDisable:r,disabled:n||e.disabled,onClick:n||e.disabled?null:()=>{p(e.label)},divider:t?.length-1!==l&&d,icon:e.icon,index:l,label:e.label,variantTPtext:u,variantTPbg:f})))));qo.propTypes={variant:b.default.string,borderVariant:b.default.string,bgVariant:b.default.string,variantDisable:b.default.string,variantBgDisable:b.default.string,indexPrefix:b.default.string,theme:b.default.object,items:b.default.array,allDisabled:b.default.bool,divider:b.default.any,onClick:b.default.func,variantTPtext:b.default.string,variantTPbg:b.default.string},To.defaultProps={theme:P},jo.defaultProps={theme:P},Do.defaultProps={theme:P},qo.defaultProps={theme:P,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"white",variantDisable:"neutral-2",variantBgDisable:"white",variantTPtext:null,variantTPbg:null};const Oo=h.default.div`
|
|
2712
2712
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
2713
2713
|
border: 1.3px solid ${({theme:e,variant:t,borderColor:l})=>l||e.variant[t]};
|
|
2714
2714
|
border-radius: 50%;
|
|
@@ -3052,20 +3052,20 @@ ${({forceOpen:e,inBuiltCss:t,customStylesPusherOpen:l,customStylesPusherClose:a}
|
|
|
3052
3052
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3053
3053
|
box-sizing: border-box;
|
|
3054
3054
|
|
|
3055
|
-
`,ji=({block:e,style:t,variant:a,...o})=>(l.useTheme(),g.default.createElement(Ti,k({block:e,variant:a,style:t},o),o.children));ji.propTypes={size:b.default.oneOf(["sm","md","lg"]),variant:b.default.string,block:b.default.bool,theme:b.default.object},Ti.defaultProps={theme:P},ji.defaultProps={theme:P,variant:"primary-1",block:!1,size:"sm"};const
|
|
3055
|
+
`,ji=({block:e,style:t,variant:a,...o})=>(l.useTheme(),g.default.createElement(Ti,k({block:e,variant:a,style:t},o),o.children));ji.propTypes={size:b.default.oneOf(["sm","md","lg"]),variant:b.default.string,block:b.default.bool,theme:b.default.object},Ti.defaultProps={theme:P},ji.defaultProps={theme:P,variant:"primary-1",block:!1,size:"sm"};const Di={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},qi=h.default.div`
|
|
3056
3056
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3057
3057
|
background: ${({theme:e})=>e.additional.white};
|
|
3058
|
-
padding: ${({size:e})=>
|
|
3058
|
+
padding: ${({size:e})=>Di[e].padding};
|
|
3059
3059
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
3060
3060
|
border-radius: 42px;
|
|
3061
|
-
font-size: ${({size:e})=>
|
|
3061
|
+
font-size: ${({size:e})=>Di[e].fontSize};
|
|
3062
3062
|
font-weight: 600;
|
|
3063
3063
|
display: flex;
|
|
3064
3064
|
align-items: center;
|
|
3065
3065
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3066
3066
|
box-sizing: border-box;
|
|
3067
3067
|
|
|
3068
|
-
`,Oi=({block:e,style:t,variant:a,...o})=>(l.useTheme(),g.default.createElement(
|
|
3068
|
+
`,Oi=({block:e,style:t,variant:a,...o})=>(l.useTheme(),g.default.createElement(qi,k({block:e,variant:a,style:t},o),o.children));Oi.propTypes={size:b.default.oneOf(["sm","md","lg"]),variant:b.default.string,block:b.default.bool,theme:b.default.object},qi.defaultProps={theme:P},Oi.defaultProps={theme:P,variant:"primary-1",block:!1,size:"sm"};const Gi={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Xi=h.default.div`
|
|
3069
3069
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
3070
3070
|
color: ${({theme:e,textColor:t})=>t||e.bgColor};
|
|
3071
3071
|
border-radius: 13.5px;
|
|
@@ -3336,4 +3336,4 @@ overflow: hidden;
|
|
|
3336
3336
|
${({inBuiltCss:e,type:t})=>R(e,t)};
|
|
3337
3337
|
${({customModalFooterStyle:e})=>e}
|
|
3338
3338
|
|
|
3339
|
-
`,bc=({modalIsOpen:e,toggleModal:a,headerContent:o,bodyContent:i,footerContent:c,customModalHeaderStyle:r,customModalBodyStyle:n,customModalFooterStyle:d,customWidth:s,customMinWidth:p,customMaxWidth:u,contentWrapperStyle:f,customZIndex:m,hideCrossIcon:C,closeOnOutsideClick:b})=>{const h=l.useTheme()||P,[x,y]=t.useState(!1),[v,w]=t.useState(!1);t.useEffect((()=>(document.body.style.overflow=e?"hidden":"unset",()=>{document.body.style.overflow="unset"})),[e]),t.useEffect((()=>{if(e)w(!0);else if(v){y(!0);const e=setTimeout((()=>{y(!1),w(!1)}),300);return()=>clearTimeout(e)}}),[e]);const A=()=>{a(!1)};return v||x?g.default.createElement(g.default.Fragment,null,g.default.createElement(sc,{customZIndex:m,onClick:b?A:void 0,role:"presentation"}),g.default.createElement(pc,{theme:h,customWidth:s,customMinWidth:p,customMaxWidth:u,customZIndex:m,isClosing:x,role:"dialog","aria-modal":"true"},o&&g.default.createElement(uc,{customModalHeaderStyle:r},o,!C&&g.default.createElement(Ce,{onClick:A},g.default.createElement($,{icon:"close-icon",size:18}))),!o&&!C&&g.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginRight:"24px",paddingTop:"24px"}},g.default.createElement(Ce,{onClick:A},g.default.createElement($,{icon:"close-icon",size:18}))),g.default.createElement(mc,{contentWrapperStyle:f},g.default.createElement(fc,{inBuiltCss:W,customModalBodyStyle:n},i)),c&&g.default.createElement(Cc,{inBuiltCss:W,customModalFooterStyle:d,isClosing:x},c)),g.default.createElement(dc,null)):null};bc.propTypes={modalIsOpen:b.default.bool,toggleModal:b.default.func,headerContent:b.default.any,bodyContent:b.default.any,footerContent:b.default.any,customModalHeaderStyle:b.default.object,customModalBodyStyle:b.default.object,customModalFooterStyle:b.default.object,customMinWidth:b.default.string,customWidth:b.default.string,customMaxWidth:b.default.string,contentWrapperStyle:b.default.object,customZIndex:b.default.number,hideCrossIcon:b.default.bool,closeOnOutsideClick:b.default.bool},bc.defaultProps={modalIsOpen:!1,toggleModal:()=>{},headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1,closeOnOutsideClick:!0},exports.Accordion=ee,exports.AccordionSB=te,exports.ActionContainer=Ma,exports.ActionItem=Ea,exports.Alert=oe,exports.ArrowBar=Se,exports.AsyncCreatableDropdown=nt,exports.Avatar=Be,exports.AvatarSB=We,exports.Banner=Te,exports.Breadcrumb=$e,exports.ButtonPopup=Io,exports.Card=q,exports.CardRef=O,exports.CheckBoxInput=mt,exports.ChipsInput=rt,exports.ColorInput=gt,exports.Comment=Ca,exports.Content=ga,exports.CountryCodedPhoneInput=yt,exports.DarkSecondaryLink=bi,exports.DateSelect=zt,exports.DateTime=qt,exports.Divider=Ra,exports.DocumentCard=Y,exports.DotPulseLoader=({size:e=18})=>{const t=l.useTheme()||P;return g.default.createElement(ce,{size:e,activeTheme:t},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ta,exports.DropdownSelect=Jt,exports.DropzoneInput=ll,exports.EditableInput=nl,exports.ErrorBoundary=ja,exports.FilterChip=Oa,exports.Footer=Xa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:i,...c})=>{const r=(new Date).getFullYear();return g.default.createElement(Ja,k({variant:e,textColor:t,footerWidth:o,customStyles:i},c),g.default.createElement(Ua,{footerWidth:o},g.default.createElement(Ya,{footerWidth:o},"Premise HQ"),g.default.createElement(Na,{footerWidth:o},"|"),g.default.createElement(Ya,{footerWidth:o},"All Rights Restricted ",r," ©")),g.default.createElement(Ua,{footerWidth:o},g.default.createElement(Ya,{footerWidth:o},"Terms of use"),g.default.createElement(Na,{footerWidth:o},"|"),g.default.createElement(Ya,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>g.default.createElement(t.Fragment,null,g.default.createElement(Ka,k({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement(et,k({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Il,k({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Ul,k({},e,a)))(e);case"number":return(e=>g.default.createElement(hl,k({},e,a)))(e);case"radio":return(e=>g.default.createElement(El,k({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(mt,k({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Jt,k({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Jt,k({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Jt,k({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Jt,k({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(Dl,k({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(ll,k({},e,a)))(e);case"date":return(e=>g.default.createElement(zt,k({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(bo,k({},e,a)))(e);case"toggle":return(e=>g.default.createElement(ca,k({},e,a)))(e);case"icon":return(e=>g.default.createElement($,k({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(ue,k({},e,a)))(e);case"alert":return(e=>g.default.createElement(oe,k({},e,a)))(e);case"banner":return(e=>g.default.createElement(Te,k({},e,a)))(e);case"divider":return(e=>g.default.createElement(Ra,k({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Mo,k({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(Y,k({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(fl,k({},e,a)))(e);case"accordion":return(e=>g.default.createElement(ee,k({},e,a)))(e);case"content":return(e=>g.default.createElement(ga,k({},e,a)))(e);case"rating":return(e=>g.default.createElement(Ao,k({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(he,k({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(ve,k({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(Ae,k({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(Ce,k({},e,a)))(e);case"search":return(e=>g.default.createElement(Pl,k({},e,a)))(e);case"table":return(e=>g.default.createElement(So,k({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Al,k({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ha,{defaultThemeColor:P},g.default.createElement(Pa,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(Za,null,e.map(((t,l)=>g.default.createElement(za,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Ha,exports.FormWrapper=Pa,exports.GroupAvatars=Ho,exports.GroupButtons=Fo,exports.GroupButtonsPopup=Do,exports.GroupStatusCircle=Yo,exports.Header=Ka,exports.HeaderComponent=Mo,exports.HyperLink=Ko,exports.Icon=$,exports.Image=Ve,exports.ImageUploader=fl,exports.Label=et,exports.LightSecondaryLink=xi,exports.LinkButton=Ce,exports.Loader=de,exports.ModalComp=ai,exports.MultiColumnDiv=za,exports.MultiColumnWrapper=Za,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:i,selectedStyle:c,notSelectedStyle:r,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:C,notificationCircleStyles:b,singleLine:h=!0,customFontColor:x,sortByCore:y=!1,setInvalidPath:v,bottomIconProps:w,iconForBottom:A,staticBottom:L=!0})=>{const S=l.useTheme()||P,[M,V]=t.useState(null),[E,H]=t.useState(!1),[B,Z]=t.useState([]),[z,I]=t.useState({});if(y){a.sort(((e,t)=>(!0===e.core?1:!1===e.core?0:-1)-(!0===t.core?1:!1===t.core?0:-1)));for(let e of a)if(!0===e.core&&"dynamic-bottom"!==e.type){e.border=!0;break}}let W=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{Z(p?.split("/")||[]),C({});let e=p?.split("/")||[],t=a&&a.find((t=>p.includes(t.path)&&e[1]===t.path?.split("/")[1]));I(t),R(t);try{v&&!t.id&&v(!0)}catch(e){console.log("e",e)}m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&H(!1),!o&&V(null)}),[o]);const R=e=>{if(e?.path===p){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),C(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>R(e)))};let F=h?Vi:ki;const T=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;if(e.routes&&e.routes.length>0){let i=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return g.default.createElement(te,{key:e?.id+t,showIcon:!!i,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`},onClick:()=>{e?.queryParams?!i&&u(e.path,e.queryParams):!i&&u(e.path,"")}},g.default.createElement("span",{style:{visibility:o>=3&&B[o-1]===a[o-1]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x||S.additional.white,flexShrink:0}}),g.default.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:o>=3&&B[o-1]===a[o-1]?"bold":"normal",color:x||S.variant.white}}," ",e?.link)),isAccordionOpen:p.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>T(e,t,l+8)))),customStylesAccordionContainer:yi,customStylesAccordionToggle:{cursor:"pointer",...vi},customStylesAccordionContent:wi,showIconInfo:!1,customWrapperStyles:Ai})}return g.default.createElement(Ii,{singleLine:h,listElementStyle:d,customFontColor:x,key:e?.id+t,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:S},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&B[B.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),g.default.createElement("span",{className:"link",style:{marginLeft:l-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&p===e?.path?d?.selectedChildBG||S.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&B[B.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:x||S.variant.white}}," ",e?.link))};return g.default.createElement(Hi,{onClick:()=>H(!0),onMouseEnter:()=>H(!0),onMouseLeave:()=>{V(null),H(!1)},toggleSideBarOpen:o},g.default.createElement(Zi,{theme:S,headerStyles:i,toggleSideBarOpen:o},e),g.default.createElement(zi,{toggleSideBarOpen:o,staticLayerNo:W},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{V(t)},style:{backgroundColor:e?.value?.toLowerCase()===B[1]?.toLowerCase()||e?.value?.toLowerCase()===z?.path?.slice(1).toLowerCase()?s:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?g.default.createElement(te,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===M||E&&(e?.value?.toLowerCase()===B[1]?.toLowerCase()||e?.value?.toLowerCase()===z?.path?.slice(1).toLowerCase()),isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...Li,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Si},customStylesAccordionContent:Mi,contentToggle:g.default.createElement(We,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...r},toggleName:o,customStylesName:{...F,color:e.maintenance?S.variant["neutral-3"]:x||S.variant.white},customStylesCircle:{background:x||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:b,icon:e?.maintenance?g.default.createElement($,{icon:"maintenance",size:22,color:S.variant["neutral-3"]}):a.length-1===t&&L?g.default.createElement($,k({icon:A||"person",size:20,color:S.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},w)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Ei},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>T(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(We,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...r},toggleName:!1,customStylesName:{...F,color:x||"inherit"},customStylesCircle:{background:x||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:b,icon:e?.maintenance?g.default.createElement($,{icon:"maintenance",size:22,color:S.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:g.default.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?S.variant["neutral-3"]:x||S.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Bi}},e.label)))))))},exports.NumericInput=hl,exports.Overlay=ii,exports.OverlayOptionContainer=Va,exports.OverlayOptionItemLabel=ka,exports.PageContent=ha,exports.Pagination=io,exports.PaginationDefault=ro,exports.PaginationTypeTwo=bo,exports.PasswordInput=Al,exports.PrimaryButton=he,exports.PrimaryStatusChip=ji,exports.ProgressBar=ni,exports.ProgressSteps=fi,exports.RadioInput=El,exports.Rating=Ao,exports.RawModal=bc,exports.RoundedLoader=ue,exports.SearchInput=Pl,exports.SecondaryButton=ve,exports.SecondaryStatusChip=Oi,exports.Sidebar=Ri,exports.SignatureInput=Dl,exports.SlimPrimaryStatusChip=Ji,exports.SlimSecondaryStatusChip=Ni,exports.StatusCircle=Go,exports.StyledCentralBar=va,exports.StyledClearSearch=ya,exports.StyledCreateRow=Aa,exports.StyledRow=La,exports.StyledRowSearch=xa,exports.StyledSearchRow=Sa,exports.StyledWarning=wa,exports.SubmitButtonContainer=Ba,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...i})=>{const c=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(he,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>g.default.createElement(ve,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ba,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>c(e)))))))},exports.Table=So,exports.Tabs=ec,exports.TextArea=Ul,exports.TextInput=Il,exports.TimeInput=ta,exports.TinyButton=Ae,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||ic(),content:t,type:e,localTimeout:l}]))},i=e=>a((t=>t.filter((t=>t.id!==e)))),c=t.useMemo((()=>({open:o,close:i})),[]),[r,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),g.default.createElement(ac.Provider,{value:c},e.children,r?m.createPortal(g.default.createElement(oc,null,g.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>g.default.createElement(lc,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>i(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=ca,exports.Tooltip=Ue,exports.Typography=nc,exports.additionalColors=I,exports.createDarker=T,exports.defaultStyles=W,exports.defaultThemeColor=P,exports.getDefaultStyles=R,exports.graphColor=z,exports.hexToRGB=F,exports.neutralColor=B,exports.primaryColor=E,exports.shadeColor=Z,exports.uiColor=H,exports.useToast=()=>t.useContext(ac);
|
|
3339
|
+
`,bc=({modalIsOpen:e,toggleModal:a,headerContent:o,bodyContent:i,footerContent:c,customModalHeaderStyle:r,customModalBodyStyle:n,customModalFooterStyle:d,customWidth:s,customMinWidth:p,customMaxWidth:u,contentWrapperStyle:f,customZIndex:m,hideCrossIcon:C,closeOnOutsideClick:b})=>{const h=l.useTheme()||P,[x,y]=t.useState(!1),[v,w]=t.useState(!1);t.useEffect((()=>(document.body.style.overflow=e?"hidden":"unset",()=>{document.body.style.overflow="unset"})),[e]),t.useEffect((()=>{if(e)w(!0);else if(v){y(!0);const e=setTimeout((()=>{y(!1),w(!1)}),300);return()=>clearTimeout(e)}}),[e]);const A=()=>{a(!1)};return v||x?g.default.createElement(g.default.Fragment,null,g.default.createElement(sc,{customZIndex:m,onClick:b?A:void 0,role:"presentation"}),g.default.createElement(pc,{theme:h,customWidth:s,customMinWidth:p,customMaxWidth:u,customZIndex:m,isClosing:x,role:"dialog","aria-modal":"true"},o&&g.default.createElement(uc,{customModalHeaderStyle:r},o,!C&&g.default.createElement(Ce,{onClick:A},g.default.createElement($,{icon:"close-icon",size:18}))),!o&&!C&&g.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginRight:"24px",paddingTop:"24px"}},g.default.createElement(Ce,{onClick:A},g.default.createElement($,{icon:"close-icon",size:18}))),g.default.createElement(mc,{contentWrapperStyle:f},g.default.createElement(fc,{inBuiltCss:W,customModalBodyStyle:n},i)),c&&g.default.createElement(Cc,{inBuiltCss:W,customModalFooterStyle:d,isClosing:x},c)),g.default.createElement(dc,null)):null};bc.propTypes={modalIsOpen:b.default.bool,toggleModal:b.default.func,headerContent:b.default.any,bodyContent:b.default.any,footerContent:b.default.any,customModalHeaderStyle:b.default.object,customModalBodyStyle:b.default.object,customModalFooterStyle:b.default.object,customMinWidth:b.default.string,customWidth:b.default.string,customMaxWidth:b.default.string,contentWrapperStyle:b.default.object,customZIndex:b.default.number,hideCrossIcon:b.default.bool,closeOnOutsideClick:b.default.bool},bc.defaultProps={modalIsOpen:!1,toggleModal:()=>{},headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1,closeOnOutsideClick:!0},exports.Accordion=ee,exports.AccordionSB=te,exports.ActionContainer=Ma,exports.ActionItem=Ea,exports.Alert=oe,exports.ArrowBar=Se,exports.AsyncCreatableDropdown=nt,exports.Avatar=Be,exports.AvatarSB=We,exports.Banner=Te,exports.Breadcrumb=$e,exports.ButtonPopup=Io,exports.Card=D,exports.CardRef=O,exports.CheckBoxInput=mt,exports.ChipsInput=rt,exports.ColorInput=gt,exports.Comment=Ca,exports.Content=ga,exports.CountryCodedPhoneInput=yt,exports.DarkSecondaryLink=bi,exports.DateSelect=zt,exports.DateTime=Dt,exports.Divider=Ra,exports.DocumentCard=Y,exports.DotPulseLoader=({size:e=18})=>{const t=l.useTheme()||P;return g.default.createElement(ce,{size:e,activeTheme:t},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ta,exports.DropdownSelect=Jt,exports.DropzoneInput=ll,exports.EditableInput=nl,exports.ErrorBoundary=ja,exports.FilterChip=Oa,exports.Footer=Xa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:i,...c})=>{const r=(new Date).getFullYear();return g.default.createElement(Ja,k({variant:e,textColor:t,footerWidth:o,customStyles:i},c),g.default.createElement(Ua,{footerWidth:o},g.default.createElement(Ya,{footerWidth:o},"Premise HQ"),g.default.createElement(Na,{footerWidth:o},"|"),g.default.createElement(Ya,{footerWidth:o},"All Rights Restricted ",r," ©")),g.default.createElement(Ua,{footerWidth:o},g.default.createElement(Ya,{footerWidth:o},"Terms of use"),g.default.createElement(Na,{footerWidth:o},"|"),g.default.createElement(Ya,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>g.default.createElement(t.Fragment,null,g.default.createElement(Ka,k({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement(et,k({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Il,k({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Ul,k({},e,a)))(e);case"number":return(e=>g.default.createElement(hl,k({},e,a)))(e);case"radio":return(e=>g.default.createElement(El,k({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(mt,k({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Jt,k({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Jt,k({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Jt,k({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Jt,k({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(ql,k({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(ll,k({},e,a)))(e);case"date":return(e=>g.default.createElement(zt,k({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(bo,k({},e,a)))(e);case"toggle":return(e=>g.default.createElement(ca,k({},e,a)))(e);case"icon":return(e=>g.default.createElement($,k({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(ue,k({},e,a)))(e);case"alert":return(e=>g.default.createElement(oe,k({},e,a)))(e);case"banner":return(e=>g.default.createElement(Te,k({},e,a)))(e);case"divider":return(e=>g.default.createElement(Ra,k({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Mo,k({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(Y,k({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(fl,k({},e,a)))(e);case"accordion":return(e=>g.default.createElement(ee,k({},e,a)))(e);case"content":return(e=>g.default.createElement(ga,k({},e,a)))(e);case"rating":return(e=>g.default.createElement(Ao,k({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(he,k({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(ve,k({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(Ae,k({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(Ce,k({},e,a)))(e);case"search":return(e=>g.default.createElement(Pl,k({},e,a)))(e);case"table":return(e=>g.default.createElement(So,k({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Al,k({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ha,{defaultThemeColor:P},g.default.createElement(Pa,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(Za,null,e.map(((t,l)=>g.default.createElement(za,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Ha,exports.FormWrapper=Pa,exports.GroupAvatars=Ho,exports.GroupButtons=Fo,exports.GroupButtonsPopup=qo,exports.GroupStatusCircle=Yo,exports.Header=Ka,exports.HeaderComponent=Mo,exports.HyperLink=Ko,exports.Icon=$,exports.Image=Ve,exports.ImageUploader=fl,exports.Label=et,exports.LightSecondaryLink=xi,exports.LinkButton=Ce,exports.Loader=de,exports.ModalComp=ai,exports.MultiColumnDiv=za,exports.MultiColumnWrapper=Za,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:i,selectedStyle:c,notSelectedStyle:r,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:C,notificationCircleStyles:b,singleLine:h=!0,customFontColor:x,sortByCore:y=!1,setInvalidPath:v,bottomIconProps:w,iconForBottom:A,staticBottom:L=!0})=>{const S=l.useTheme()||P,[M,V]=t.useState(null),[E,H]=t.useState(!1),[B,Z]=t.useState([]),[z,I]=t.useState({});if(y){a.sort(((e,t)=>(!0===e.core?1:!1===e.core?0:-1)-(!0===t.core?1:!1===t.core?0:-1)));for(let e of a)if(!0===e.core&&"dynamic-bottom"!==e.type){e.border=!0;break}}let W=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{Z(p?.split("/")||[]),C({});let e=p?.split("/")||[],t=a&&a.find((t=>p.includes(t.path)&&e[1]===t.path?.split("/")[1]));I(t),R(t);try{v&&!t.id&&v(!0)}catch(e){console.log("e",e)}m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&H(!1),!o&&V(null)}),[o]);const R=e=>{if(e?.path===p){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),C(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>R(e)))};let F=h?Vi:ki;const T=(e,t,l)=>{const a=e=>e?.split("?")[0].replace(/\/$/,"")||"",o=a(p),i=a(e?.path),c=o===i,r=o.startsWith(i+"/")&&""!==i&&o.split("/")[1]===i.split("/")[1],n=c||r,s=e?.routes?.length>0,f=e.routes?.filter((e=>!0===e.visibleAsMenu))||[],m=f.length>0;return s?g.default.createElement(te,{key:e?.id+t,showIcon:m,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`,cursor:"pointer"},onClick:()=>{m||u(e.path,e?.queryParams||"")}},g.default.createElement("span",{style:{visibility:n?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x||S.additional.white,flexShrink:0,transition:"all 0.2s ease"}}),g.default.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:n?"bold":"normal",color:x||S.variant.white,transition:"all 0.2s ease"}},e?.link)),isAccordionOpen:n,setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,f.map(((e,t)=>T(e,t,l+8)))),customStylesAccordionContainer:yi,customStylesAccordionToggle:{cursor:"pointer",...vi},customStylesAccordionContent:wi,showIconInfo:!1,customWrapperStyles:Ai}):g.default.createElement(Ii,{singleLine:h,listElementStyle:d,customFontColor:x,key:e?.id+t,className:n?"selected":"",onClick:()=>{u(e.path,e?.queryParams||"")},theme:S},g.default.createElement("span",{className:"selected-disk",style:{visibility:n?"visible":"hidden",marginRight:"16px"}}),g.default.createElement("span",{className:"link",style:{marginLeft:l-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:n?d?.selectedChildBG||S.additional.white:"transparent",fontWeight:n?"bold":"normal",color:x||S.variant.white,transition:"all 0.2s ease"}},e?.link))};return g.default.createElement(Hi,{onClick:()=>H(!0),onMouseEnter:()=>H(!0),onMouseLeave:()=>{V(null),H(!1)},toggleSideBarOpen:o},g.default.createElement(Zi,{theme:S,headerStyles:i,toggleSideBarOpen:o},e),g.default.createElement(zi,{toggleSideBarOpen:o,staticLayerNo:W},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{V(t)},style:{backgroundColor:e?.value?.toLowerCase()===B[1]?.toLowerCase()||e?.value?.toLowerCase()===z?.path?.slice(1).toLowerCase()?s:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?g.default.createElement(te,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===M||E&&(e?.value?.toLowerCase()===B[1]?.toLowerCase()||e?.value?.toLowerCase()===z?.path?.slice(1).toLowerCase()),isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...Li,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Si},customStylesAccordionContent:Mi,contentToggle:g.default.createElement(We,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...r},toggleName:o,customStylesName:{...F,color:e.maintenance?S.variant["neutral-3"]:x||S.variant.white},customStylesCircle:{background:x||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:b,icon:e?.maintenance?g.default.createElement($,{icon:"maintenance",size:22,color:S.variant["neutral-3"]}):a.length-1===t&&L?g.default.createElement($,k({icon:A||"person",size:20,color:S.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},w)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Ei},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>T(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(We,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...r},toggleName:!1,customStylesName:{...F,color:x||"inherit"},customStylesCircle:{background:x||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:b,icon:e?.maintenance?g.default.createElement($,{icon:"maintenance",size:22,color:S.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:g.default.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?S.variant["neutral-3"]:x||S.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Bi}},e.label)))))))},exports.NumericInput=hl,exports.Overlay=ii,exports.OverlayOptionContainer=Va,exports.OverlayOptionItemLabel=ka,exports.PageContent=ha,exports.Pagination=io,exports.PaginationDefault=ro,exports.PaginationTypeTwo=bo,exports.PasswordInput=Al,exports.PrimaryButton=he,exports.PrimaryStatusChip=ji,exports.ProgressBar=ni,exports.ProgressSteps=fi,exports.RadioInput=El,exports.Rating=Ao,exports.RawModal=bc,exports.RoundedLoader=ue,exports.SearchInput=Pl,exports.SecondaryButton=ve,exports.SecondaryStatusChip=Oi,exports.Sidebar=Ri,exports.SignatureInput=ql,exports.SlimPrimaryStatusChip=Ji,exports.SlimSecondaryStatusChip=Ni,exports.StatusCircle=Go,exports.StyledCentralBar=va,exports.StyledClearSearch=ya,exports.StyledCreateRow=Aa,exports.StyledRow=La,exports.StyledRowSearch=xa,exports.StyledSearchRow=Sa,exports.StyledWarning=wa,exports.SubmitButtonContainer=Ba,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...i})=>{const c=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(he,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>g.default.createElement(ve,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ba,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>c(e)))))))},exports.Table=So,exports.Tabs=ec,exports.TextArea=Ul,exports.TextInput=Il,exports.TimeInput=ta,exports.TinyButton=Ae,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||ic(),content:t,type:e,localTimeout:l}]))},i=e=>a((t=>t.filter((t=>t.id!==e)))),c=t.useMemo((()=>({open:o,close:i})),[]),[r,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),g.default.createElement(ac.Provider,{value:c},e.children,r?m.createPortal(g.default.createElement(oc,null,g.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>g.default.createElement(lc,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>i(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=ca,exports.Tooltip=Ue,exports.Typography=nc,exports.additionalColors=I,exports.createDarker=T,exports.defaultStyles=W,exports.defaultThemeColor=P,exports.getDefaultStyles=R,exports.graphColor=z,exports.hexToRGB=F,exports.neutralColor=B,exports.primaryColor=E,exports.shadeColor=Z,exports.uiColor=H,exports.useToast=()=>t.useContext(ac);
|