groundfloor-react-ui 1.3.56 → 1.3.57
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 +151 -151
- package/dist/index.js +24 -24
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("react"),l=require("styled-components"),a=require("react-svg"),o=require("react-popper-tooltip"),r=require("react-phone-input-2"),c=require("dayjs");require("dayjs/locale/es");var i=require("react-datepicker"),n=require("react-select"),d=require("react-select/async"),s=require("react-signature-pad-wrapper"),p=require("react-data-table-component"),u=require("react-modal"),f=require("react-dom");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(e),g=m(t),h=m(l),C=m(r),y=m(c),x=m(i),v=m(n),w=m(d),A=m(s),S=m(p),k=m(u);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},E.apply(null,arguments)}const V={"primary-1":"#2A50FD","primary-2":"#081348"},M={error:"#DD0000",success:"#00B904 "},L={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},B={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},H={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},z={white:"#FFFFFF",black:"#000000","text-color":V["primary-2"],border:L["neutral-3"]},I={primary:{...V},ui:{...M},neutral:{...L},shade:{...B},graph:{...H},additional:{...z},variant:{...V,...M,...L,...B,...H,...z}},P={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${I.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:`${I.neutral["neutral-2"]}`},spinner:{"background-color":`${I.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:`${I.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:`${I.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:`${I.variant["neutral-5"]}`,borderLeft:`1px solid ${I.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${I.variant["neutral-5"]}`,borderTop:`1px solid ${I.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:`${I.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${I.variant["neutral-5"]}`,borderRight:`1px solid ${I.variant["neutral-5"]}`,borderBottom:`1px solid ${I.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${I.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":`${I.additional.white}`,"border-bottom":`0.5px solid ${I.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:`${I.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 ${I.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${I.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${I.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${I.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:` ${I.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${I.textColor}`,"background-color":`${I.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:`${I.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:`${I.textColor}`,"background-color":`${I.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${I.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${I.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:`${I.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":`${I.additional.white}`,"border-radius":"3.6px",border:`1px solid ${I.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 ${I.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${I.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${I.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${I.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${I.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${I.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${I.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${I.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":`${I.additional.white} `,"border-radius":"3.6px",border:`1px solid ${I.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":`${I.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${I.variant["neutral-1"]} `,color:`${I.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"}},W=(e,t)=>{if(e){let l={};if(e[t]){for(const a in e[t])l[a]=e[t][a],delete e.common[a];for(const t in e.common)l[t]=e.common[t]}return l}};function R(e,t){var l=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+a+", "+o+", "+t+")":"rgb("+l+", "+a+", "+o+")"}R("#FF0000",.5);const T=(e,t)=>{if(e.includes("#")){e=e.replace("#","");const[t,l,a]=[e[0]+e[1],e[2]+e[3],e[4]+e[5]];e=`${parseInt(t,16)}, ${parseInt(l,16)}, ${parseInt(a,16)}`}return`#${e.split(",").map((e=>parseInt(e.trim()))).map((e=>Math.round(e*(1-t)))).reduce(((e,t)=>e+t.toString(16).padStart(2,"0")),"")}`},Z=h.default.div`
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("react"),l=require("styled-components"),a=require("react-svg"),o=require("react-popper-tooltip"),r=require("react-phone-input-2"),c=require("dayjs");require("dayjs/locale/es");var i=require("react-datepicker"),n=require("react-select"),d=require("react-select/async"),s=require("react-signature-pad-wrapper"),p=require("react-data-table-component"),u=require("react-modal"),f=require("react-dom");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(e),g=m(t),h=m(l),C=m(r),y=m(c),x=m(i),v=m(n),w=m(d),A=m(s),S=m(p),k=m(u);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},E.apply(null,arguments)}const V={"primary-1":"#2A50FD","primary-2":"#081348"},M={error:"#DD0000",success:"#00B904 "},L={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},B={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},H={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},z={white:"#FFFFFF",black:"#000000","text-color":V["primary-2"],border:L["neutral-3"]},I={primary:{...V},ui:{...M},neutral:{...L},shade:{...B},graph:{...H},additional:{...z},variant:{...V,...M,...L,...B,...H,...z}},P={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${I.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:`${I.neutral["neutral-2"]}`},spinner:{"background-color":`${I.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:`${I.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:`${I.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:`${I.variant["neutral-5"]}`,borderLeft:`1px solid ${I.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${I.variant["neutral-5"]}`,borderTop:`1px solid ${I.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:`${I.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${I.variant["neutral-5"]}`,borderRight:`1px solid ${I.variant["neutral-5"]}`,borderBottom:`1px solid ${I.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${I.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":`${I.additional.white}`,"border-bottom":`0.5px solid ${I.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:`${I.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 ${I.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${I.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${I.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${I.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:` ${I.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${I.textColor}`,"background-color":`${I.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:`${I.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:`${I.textColor}`,"background-color":`${I.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${I.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${I.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:`${I.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":`${I.additional.white}`,"border-radius":"3.6px",border:`1px solid ${I.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 ${I.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${I.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${I.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${I.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${I.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${I.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${I.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${I.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":`${I.additional.white} `,"border-radius":"3.6px",border:`1px solid ${I.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":`${I.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${I.variant["neutral-1"]} `,color:`${I.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"}},W=(e,t)=>{if(e){let l={};if(e[t]){for(const a in e[t])l[a]=e[t][a],delete e.common[a];for(const t in e.common)l[t]=e.common[t]}return l}};function R(e,t){var l=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+a+", "+o+", "+t+")":"rgb("+l+", "+a+", "+o+")"}R("#FF0000",.5);const T=(e,t)=>{if(e.includes("#")){e=e.replace("#","");const[t,l,a]=[e[0]+e[1],e[2]+e[3],e[4]+e[5]];e=`${parseInt(t,16)}, ${parseInt(l,16)}, ${parseInt(a,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")),"")}`},F=h.default.div`
|
|
2
2
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
3
3
|
padding-top: 24px;
|
|
4
4
|
padding-bottom: 24px;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
// custom styles
|
|
15
15
|
${({customStyles:e})=>e};
|
|
16
|
-
`,
|
|
16
|
+
`,Z=({type:e,header:t,content:a,customStyles:o,...r})=>{const c=l.useTheme()||I;return g.default.createElement(F,E({activeTheme:c,customStyles:o},r),t,a)};Z.propTypes={header:b.default.any,content:b.default.any,customStyles:b.default.object};const j=h.default.div`
|
|
17
17
|
|
|
18
18
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
19
19
|
padding-top: 25px;
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
|
|
139
139
|
// custom styles
|
|
140
140
|
${({customWrapperStyles:e})=>e}
|
|
141
|
-
`,$=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:r,icon:c,content:i,contentToggle:n,toggleState:d,contentIsOpen:s,id:p,customWrapperStyles:u,setContentIsOpen:f,showIconInfo:m,...b})=>{const h=t.useRef(null),C=l.useTheme()||I,[y,x]=t.useState(!1);return t.useEffect((()=>{x(s)}),[s]),g.default.createElement(
|
|
141
|
+
`,$=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:r,icon:c,content:i,contentToggle:n,toggleState:d,contentIsOpen:s,id:p,customWrapperStyles:u,setContentIsOpen:f,showIconInfo:m,...b})=>{const h=t.useRef(null),C=l.useTheme()||I,[y,x]=t.useState(!1);return t.useEffect((()=>{x(s)}),[s]),g.default.createElement(Z,E({customStyles:e,type:"accordionContainer"},b,{header:g.default.createElement(Z,E({customStyles:{borderRadius:y?"5px 5px 0 0":"5px",...a},type:"accordionToggle"},b,{onClick:e=>{const t=e.target.closest('[data-accordion="contentClickFalse"]'),l=e.target.classList.contains(".contentClickFalse");if(t||l)return!0;f(!y),x(!y)},header:n,content:g.default.createElement(K,{theme:C,customWrapperStyles:u},m&&g.default.createElement("span",null,y?"Click to hide":"Click to open"),g.default.createElement("div",{style:r&&y?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},c||g.default.createElement(Q,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:g.default.createElement(q,E({customStyles:o,type:"accordionContent",ref:h},b,{style:y?{height:"auto"}:{height:"0px",border:"none"},id:p,content:y?i:null}))}))};$.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},$.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 ${I.additional.border}`,color:`${I.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 ${I.variant.border}`,borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const _=({customStylesAccordionContainer:e,customStylesAccordionToggle:a,customStylesAccordionContent:o,toggleIconAnimation:r,content:c,contentToggle:i,isSelected:n,isAccordionOpen:d,id:s,customSelectCardColor:p,showIcon:u,underMaintenance:f})=>{const[m,b]=t.useState(!1),[h,C]=t.useState({}),[y,x]=t.useState({}),v=l.useTheme()||I;return t.useEffect((()=>{n?(C((e=>({...e,backgroundColor:p||v.variant["primary-1"]}))),x((e=>({...e,backgroundColor:p||v.variant["primary-1"]})))):(C({}),x({}))}),[n]),t.useEffect((()=>{b(!(!d||f))}),[d]),g.default.createElement(Z,{customStyles:{...e,...h},header:g.default.createElement(Z,{customStyles:{...a,...y},onClick:()=>{!f&&b(!m)},header:u?g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},i,g.default.createElement(Q,{icon:"chevron-down",color:"white",size:10,customstyles:r&&m?{transform:"rotate(180deg)",transition:"transform ease 200ms",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}:{transform:"rotate(0deg)",background:"transparent",display:"flex",justifyContent:"center",alignItems:"center"}})):i}),content:g.default.createElement(Z,{customStyles:o,style:m?{height:"auto"}:{height:"0px",borderBottom:"none"},id:s,content:m?c:null})})};_.propTypes={customStylesAccordionContainer:b.default.object,customStylesAccordionToggle:b.default.object,customStylesAccordionContent:b.default.object,toggleIconAnimation:b.default.bool,content:b.default.any,contentToggle:b.default.any,id:b.default.string,showIcon:b.default.bool,underMaintenance:b.default.bool},_.defaultProps={contentToggle:"Toggle",content:"Content",id:"",showIcon:!1,underMaintenance:!1};const ee=h.default.div`
|
|
142
142
|
display: ${({alertIsOpen:e})=>e?"block":"none"};
|
|
143
143
|
background-color: ${({theme:e})=>R(e.variant["graph-4"],.05)};
|
|
144
144
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
@@ -513,7 +513,7 @@ ${({customStyles:e})=>e}
|
|
|
513
513
|
`,Ae=({data:e,onClick:a,clickable:o,breakingPoint:r,breakingNumber:c,customShapeStyle:i,customShapeLabelStyle:n,customShapeValueStyle:d})=>{const s=l.useTheme()||I,[p,u]=t.useState(0),[f,m]=t.useState({next:!0,prev:!1}),[b,h]=t.useState(100),C=e.length,y=()=>{m(p-1==0?{next:!0,prev:!1}:{next:!0,prev:!0}),u((e=>e-1))},x=()=>{u((e=>e+1));let e=Math.ceil(100/b);m(C-e===p?{next:!1,prev:!0}:{next:!0,prev:!0})},{width:v}=ae();t.useEffect((()=>{w()}),[v]);const w=()=>{let e=0;switch(!0){case 1===C:e=100;break;case v<=576:e=85;break;case v<=r:e=50;break;case C<=c:e=100/C;break;case C>c&&v>r&&v<=900:e=Math.ceil(v/22);break;case C>c&&v>900&&v<=1020:e=Math.ceil(v/24);break;case C>c&&v>1020&&v<=1200:e=Math.ceil(v/27);break;case C>c&&v>1200&&v<=1440:e=Math.ceil(v/40);break;case C>c&&v>1440:let t=Math.ceil(v/85);e=t<=20?t:20;break;default:e=100}h(e)};return g.default.createElement(t.Fragment,null," ",C>0&&g.default.createElement(t.Fragment,null," ",g.default.createElement("div",{style:{display:C<=c||v<=r?"block":"flex",width:"100%",alignItems:"center",gap:"4px"}}," ",C>c&&v>r&&g.default.createElement(ge,{btnStyle:{backgroundColor:"transparent",padding:0,border:"none"},disabled:!f.prev,onClick:y},g.default.createElement(Q,{icon:"chevron-left",color:s.variant[f.prev?"primary-2":"neutral-3"],size:22,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})),g.default.createElement("div",{style:{display:"flex",alignItems:"center",overflow:"hidden",width:"100%",justifyContent:"space-between"}},e.map(((t,l)=>g.default.createElement("div",{key:l,style:{scrollSnapAlign:"center",minWidth:`${b}%`,transform:`translateX(-${100*p}%)`,transition:"transform 0.5s ease-in-out"}},g.default.createElement("div",{style:{width:"100%",height:"100%"}},g.default.createElement(we,{customShapeStyle:i,identity:0===l?"first-arrow":e.length-1-l==0?"last-arrow":"others",backgroundColor:t?.backgroundColor,theme:s,clickable:o,onClick:()=>o?a(t):null},g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"16px",minWidth:"100%",height:"100%"},title:`value: ${t.value}, status: ${t.label}`},g.default.createElement("span",{style:{fontSize:"22px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:t?.color?t.color:s.variant.white,...d}},t.value),g.default.createElement("span",{style:{fontSize:"14px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:t?.color?t.color:s.variant.white,...n}},t.label))))," ")))," ")," ",C>c&&v>r&&g.default.createElement(ge,{btnStyle:{backgroundColor:"transparent",padding:0,border:"none"},disabled:!f.next,onClick:x},g.default.createElement(Q,{icon:"chevron-right",color:s.variant[f.next?"primary-2":"neutral-3"],size:22,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}}))),v<=r&&e.length>1&&g.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",margin:"8px 0",gap:"16px"}}," ",g.default.createElement(ge,{btnStyle:{backgroundColor:"transparent",padding:"6px",border:".5px solid "+s.variant["neutral-4"],boxShadow:"-20px 5px 37px rgba(56, 66, 100, 0.0880136)"},disabled:!f.prev,onClick:y},g.default.createElement(Q,{icon:"chevron-left",color:s.variant[f.prev?"primary-2":"neutral-3"],size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})),g.default.createElement(ge,{btnStyle:{backgroundColor:"transparent",padding:"6px",border:".5px solid "+s.variant["neutral-4"],boxShadow:"-20px 5px 37px rgba(56, 66, 100, 0.0880136)"},disabled:!f.next,onClick:x},g.default.createElement(Q,{icon:"chevron-right",color:s.variant[f.next?"primary-2":"neutral-3"],size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})))))};Ae.propTypes={data:b.default.array,onClick:b.default.func,clickable:b.default.bool,breakingPoint:b.default.number,breakingNumber:b.default.number,customShapeStyle:b.default.object,customShapeLabelStyle:b.default.object,customShapeValueStyle:b.default.object},Ae.defaultProps={data:[],onClick:()=>null,clickable:!1,breakingPoint:768,breakingNumber:5,customShapeStyle:{},customShapeLabelStyle:{},customShapeValueStyle:{}};const Se=h.default.img`
|
|
514
514
|
//Set the styles from the default styles object
|
|
515
515
|
${({inBuiltCss:e,type:t,size: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])o[l]=e[t][l],delete e.common[l];for(const a in e[`${t}${l}`])o[a]=e[`${t}${l}`][a],delete e.common[a]}return{...o,...a}}}}
|
|
516
|
-
`,ke=({customStyles:e,type:l,size:a,alt:o,src:r,
|
|
516
|
+
`,ke=({customStyles:e,type:l,size:a,alt:o,src:r,loadingPlaceholder:c,errorPlaceholder:i,...n})=>{const[d,s]=t.useState("loading");return g.default.createElement(g.default.Fragment,null,"loading"===d&&c,"error"===d&&i,g.default.createElement(Se,E({},n,{inBuiltCss:P,customStyles:e,type:l,alt:o,src:r,size:a,onLoad:()=>s("loaded"),onError:()=>s("error"),style:{display:"loaded"===d?"block":"none"}})))};ke.propTypes={customStyles:b.default.object,type:b.default.string,size:b.default.oneOf(["SM","MD","LG"]),alt:b.default.string,src:b.default.string},ke.defaultProps={customStyles:{},type:"image",alt:"image alternative",src:null};const Ee=h.default.span`
|
|
517
517
|
${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.common)a[t]=e.common[t];for(const l in e[t])a[l]=e[t][l],delete e.common[l]}return{...a,...l}}}}
|
|
518
518
|
`,Ve=h.default.div`
|
|
519
519
|
|
|
@@ -563,7 +563,7 @@ ${({inBuiltCss:e,type:t,size:l,customStyles:a})=>{if(e){let o={};if(e[t]){for(co
|
|
|
563
563
|
|
|
564
564
|
// custom styles
|
|
565
565
|
${({notificationCircleStyles:e})=>e}
|
|
566
|
-
`,Pe=({customStylesContainer:e,customStylesImage:a,customStylesCircle:o,customStylesName:r,customStylesNameHover:c,size:i,toggleName:n,user:d,border:s,isSelected:p,selectedStyle:u,notSelectedStyle:f,notificationCount:m,notificationCircleStyles:b,icon:h,underMaintenance:C})=>{const y=l.useTheme()||I,[x,v]=t.useState("loading");return g.default.createElement(Be,{border:s,inBuiltCss:P,customStyles:e,type:"avatarContainer"},g.default.createElement(He,{theme:y,selectedStyle:u,notSelectedStyle:f,inBuiltCss:P,type:"avatarCircle",customStyles:o,size:i,style:{visibility:"loaded"!==x?"visible":"hidden"},isSelected:p},h||(d
|
|
566
|
+
`,Pe=({customStylesContainer:e,customStylesImage:a,customStylesCircle:o,customStylesName:r,customStylesNameHover:c,size:i,toggleName:n,user:d,border:s,isSelected:p,selectedStyle:u,notSelectedStyle:f,notificationCount:m,notificationCircleStyles:b,icon:h,underMaintenance:C})=>{const y=l.useTheme()||I,[x,v]=t.useState("loading");return g.default.createElement(Be,{border:s,inBuiltCss:P,customStyles:e,type:"avatarContainer"},g.default.createElement(He,{theme:y,selectedStyle:u,notSelectedStyle:f,inBuiltCss:P,type:"avatarCircle",customStyles:o,size:i,style:{visibility:"loaded"!==x?"visible":"hidden"},isSelected:p},h||(d?.url?g.default.createElement(ke,{inBuiltCss:P,customStyles:{minWidth:"36px",minHeight:"36px",...a},type:"imageAvatar",size:i,alt:"service-layer",src:d.url,loadingPlaceholder:g.default.createElement(se,{customStyles:{border:`3px solid ${R(y.variant.white,.5)}`,borderTop:`3px solid ${y.variant.white}`},size:8}),errorPlaceholder:d.appNameShortForm?d.appNameShortForm:d?.userName&&d?.userName.split(" ").length>=2?d?.userName.split(" ")[0].charAt(0).toUpperCase()+d?.userName.split(" ")[1].charAt(0).toUpperCase():d?.userName&&1===d?.userName.split(" ").length&&d?.userName.split(" ")[0].charAt(0).toUpperCase()}):d.appNameShortForm?d.appNameShortForm:d?.userName&&d?.userName.split(" ").length>=2?d?.userName.split(" ")[0].charAt(0).toUpperCase()+d?.userName.split(" ")[1].charAt(0).toUpperCase():d?.userName&&1===d?.userName.split(" ").length&&d?.userName.split(" ")[0].charAt(0).toUpperCase())),m>0&&g.default.createElement(Ie,{notificationCircleStyles:b},m>9?"9+":m)," ",n&&g.default.createElement(ze,{theme:y,inBuiltCss:P,type:"avatarName",customStyles:r,customStylesHover:c,size:i,underMaintenance:C},d.userName," "))};Pe.propTypes={customStylesCircle:b.default.object,customStylesName:b.default.object,customStylesContainer:b.default.object,customStylesImage:b.default.object,toggleName:b.default.bool,size:b.default.oneOf(["SM","MD","LG"]),user:b.default.object,customStylesNameHover:b.default.object,notificationCircleStyles:b.default.object,notificationCount:b.default.number,underMaintenance:b.default.bool},Pe.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null,notificationCircleStyles:{},notificationCount:0,underMaintenance:!1};const We=h.default.div`
|
|
567
567
|
color: ${({theme:e})=>e.additional["text-color"]};
|
|
568
568
|
display: flex;
|
|
569
569
|
background-color: ${({backgroundColor:e,theme:t})=>e||t.variant["insight-purple"]};
|
|
@@ -579,7 +579,7 @@ ${({inBuiltCss:e,type:t,size:l,customStyles:a})=>{if(e){let o={};if(e[t]){for(co
|
|
|
579
579
|
font-size: 16px;
|
|
580
580
|
text-align: left;
|
|
581
581
|
word-wrap: break-word;
|
|
582
|
-
`,Te=({backgroundColor:e,borderColor:t,variant:a,children:o,...r})=>{const c=l.useTheme()||I;return g.default.createElement(g.default.Fragment,null,g.default.createElement(We,E({theme:c,backgroundColor:e,borderColor:t},r),g.default.createElement(Re,E({theme:c},r),o)))};Te.propTypes={backgroundColor:b.default.string,borderColor:b.default.string,children:b.default.any},Te.defaultProps={children:""};const
|
|
582
|
+
`,Te=({backgroundColor:e,borderColor:t,variant:a,children:o,...r})=>{const c=l.useTheme()||I;return g.default.createElement(g.default.Fragment,null,g.default.createElement(We,E({theme:c,backgroundColor:e,borderColor:t},r),g.default.createElement(Re,E({theme:c},r),o)))};Te.propTypes={backgroundColor:b.default.string,borderColor:b.default.string,children:b.default.any},Te.defaultProps={children:""};const Fe=h.default.div`
|
|
583
583
|
background-color: ${({theme:e})=>e.additional.white};
|
|
584
584
|
border: 1px solid ${({theme:e})=>e.additional.white};
|
|
585
585
|
color: ${({theme:e})=>e.additional.black},
|
|
@@ -623,7 +623,7 @@ ${({inBuiltCss:e,type:t,customStylesTPContainer:l})=>{if(e){let t={};if(e["toolt
|
|
|
623
623
|
&[data-popper-placement*='left'] .tooltip-arrow::after {
|
|
624
624
|
${({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}}}}
|
|
625
625
|
}
|
|
626
|
-
`,
|
|
626
|
+
`,Ze=h.default.div`
|
|
627
627
|
|
|
628
628
|
${({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}}}}
|
|
629
629
|
|
|
@@ -654,7 +654,7 @@ ${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>W(e,t)}
|
|
|
654
654
|
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>W(e,t)}
|
|
655
655
|
// custom styles
|
|
656
656
|
${({customTriggerStyle:e})=>e}
|
|
657
|
-
`,Xe=({inBuiltCss:e,contentTrigger:t,contentTooltip:a,popperOptionsP:r,settings:c,customStylesTPContainer:i,customStylesTPAbottom:n,customStylesTPAbottomBefore:d,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:u,customStylesTPAtopAfter:f,customStylesTPAright:m,customStylesTPArightBefore:b,customStylesTPArightAfter:h,customStylesTPAleft:C,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x,customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A,customTooltipContentStyle:S,customContentStyle:k,customHeaderStyle:V,customBodyStyle:M,customTriggerStyle:L,headerTooltip:B,footerTooltip:H,...z})=>{const W=l.useTheme()||I,R={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...r},{getArrowProps:T,getTooltipProps:
|
|
657
|
+
`,Xe=({inBuiltCss:e,contentTrigger:t,contentTooltip:a,popperOptionsP:r,settings:c,customStylesTPContainer:i,customStylesTPAbottom:n,customStylesTPAbottomBefore:d,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:u,customStylesTPAtopAfter:f,customStylesTPAright:m,customStylesTPArightBefore:b,customStylesTPArightAfter:h,customStylesTPAleft:C,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x,customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A,customTooltipContentStyle:S,customContentStyle:k,customHeaderStyle:V,customBodyStyle:M,customTriggerStyle:L,headerTooltip:B,footerTooltip:H,...z})=>{const W=l.useTheme()||I,R={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...r},{getArrowProps:T,getTooltipProps:F,setTooltipRef:Z,setTriggerRef:j,visible:q}=o.usePopperTooltip({interactive:!0,...c},R);return g.default.createElement(g.default.Fragment,null,g.default.createElement(Ge,{ref:j,inBuiltCss:P,customTriggerStyle:L,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},t),q&&g.default.createElement(Fe,E({inBuiltCss:P,theme:W,ref:Z},F({className:"tooltip-container"}),{customStylesTPContainer:i,customStylesTPAbottom:n,customStylesTPAbottomBefore:d,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:u,customStylesTPAtopAfter:f,customStylesTPAright:m,customStylesTPArightBefore:b,customStylesTPArightAfter:h,customStylesTPAleft:C,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x}),g.default.createElement(Ze,E({inBuiltCss:P},T({className:"tooltip-arrow"}),{customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A})),g.default.createElement(je,E({defaultTooltipContentStyle:"popOver-Content",theme:W,inBuiltCss:P},z,{customContentStyle:k}),g.default.createElement(qe,E({defaultTooltipHeaderStyle:"popOver-header",theme:W,inBuiltCss:P},z,{customHeaderStyle:V}),B),g.default.createElement(De,E({defaultTooltipBodyStyle:"popOver-body",theme:W,inBuiltCss:P},z,{customBodyStyle:M}),a),g.default.createElement(Oe,null,H))))};Xe.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},Xe.defaultProps={contentTrigger:g.default.createElement("div",null,"Trigger"),headerTooltip:"",contentTooltip:"",footerTooltip:g.default.createElement(ye,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Je=h.default.div`
|
|
658
658
|
background: transparent;
|
|
659
659
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
660
660
|
font-size: ${({isPrimary:e})=>e?"16px":"14px"};
|
|
@@ -1177,7 +1177,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1177
1177
|
|
|
1178
1178
|
// custom styles
|
|
1179
1179
|
${({customIconContainerStyle:e})=>e};
|
|
1180
|
-
`,Lt=["January","February","March","April","May","June","July","August","September","October","November","December"],Bt=({selectedDate:e,setSelectedDate:a,disabled:o,startYear:r,endYearRange:c,format:i,customIconContainerStyle:n,placeHolder:d,value:s,timeBtnStyle:p,onClick:u,onChange:f,wrapperStyle:m,iconProps:b,labelProps:h,...C})=>{const v=l.useTheme()||I;let w=[],A=c||10;for(let e=r||(new Date).getFullYear();e<=(new Date).getFullYear()+A;e++)w.push(e);const S=t.useRef(null),k=t.useRef(null),[V,M]=t.useState(!1),[L,B]=t.useState(!1),[H,z]=t.useState(!1),[P,W]=t.useState(!1),[R,T]=t.useState(e.getFullYear()),[Z
|
|
1180
|
+
`,Lt=["January","February","March","April","May","June","July","August","September","October","November","December"],Bt=({selectedDate:e,setSelectedDate:a,disabled:o,startYear:r,endYearRange:c,format:i,customIconContainerStyle:n,placeHolder:d,value:s,timeBtnStyle:p,onClick:u,onChange:f,wrapperStyle:m,iconProps:b,labelProps:h,...C})=>{const v=l.useTheme()||I;let w=[],A=c||10;for(let e=r||(new Date).getFullYear();e<=(new Date).getFullYear()+A;e++)w.push(e);const S=t.useRef(null),k=t.useRef(null),[V,M]=t.useState(!1),[L,B]=t.useState(!1),[H,z]=t.useState(!1),[P,W]=t.useState(!1),[R,T]=t.useState(e.getFullYear()),[F,Z]=t.useState(Lt[e.getMonth()]);t.useEffect((()=>{Z(Lt[e.getMonth()]),T(e.getFullYear())}),[e]),t.useEffect((()=>(j(document,"click","add",q(S,(()=>M(!1)))),j(document,"click","add",q(k,(()=>B(!1)))),()=>{j(document,"click","remove",q(S,(()=>M(!1)))),j(document,"click","remove",q(k,(()=>B(!1))))})),[]);const j=(e,t,l,a,o)=>{"add"===l?e.addEventListener(t,a,o||!1):e.removeEventListener(t,a,o||!1)},q=(e,t)=>l=>{e.current&&!e.current.contains(l.target)&&t()},D={icon:"calender",color:"black",size:"16",...b};return g.default.createElement(Ct,E({disabled:o,theme:v},C,{wrapperStyle:m}),g.default.createElement($e,E({customStyles:{marginBottom:"7px",padding:0}},h)),g.default.createElement(x.default,E({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:v},g.default.createElement(Vt,E({theme:v,value:s,onClick:u,timeBtnStyle:p},C),g.default.createElement("div",null,s?y.default(s).format(i||"DD/MM/YYYY"):d||"select a date"),g.default.createElement(Mt,E({theme:v},C,{customIconContainerStyle:n,className:"input-icon"}),D.icon?g.default.createElement(Q,D):null))),renderCustomHeader:({date:e,changeYear:t,changeMonth:l})=>g.default.createElement(yt,null,g.default.createElement("div",{style:{display:"flex"}},g.default.createElement(vt,{ref:S},g.default.createElement(wt,{onClick:()=>{M(!V),B(!1)}},g.default.createElement("span",{onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1),style:{color:`${H?v.variant["primary-1"]:v.additional["text-color"]}`}},Lt[e.getMonth()]),g.default.createElement(xt,null,g.default.createElement(Q,{icon:"triangle-down",color:H?v.variant["primary-1"]:v.additional["text-color"],size:7}))),V&&g.default.createElement(At,null,g.default.createElement(St,{theme:v,onMouseEnter:()=>z(!0)},Lt.map(((e,t)=>g.default.createElement(kt,{selectedMonth:F,onClick:()=>{z(!1),l(t),M(!1),Z(Lt[t])},key:Math.random()},g.default.createElement("span",{style:{color:`${F===e?v.variant["primary-1"]:v.additional["text-color"]}`}},e))))))),g.default.createElement(vt,{ref:k},g.default.createElement(wt,{style:{marginLeft:"28px"},onClick:()=>{B(!L),M(!1)}},g.default.createElement("span",{onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),style:{color:`${P?v.variant["primary-1"]:v.additional["text-color"]}`}},e.getFullYear()),g.default.createElement(xt,null,g.default.createElement(Q,{icon:"triangle-down",color:P?v.variant["primary-1"]:v.additional["text-color"],size:7}))),L&&g.default.createElement(At,null,g.default.createElement(St,{onMouseEnter:()=>W(!0),theme:v},w.map(((e,l)=>g.default.createElement(kt,{onClick:()=>{W(!1),t(e),T(e),B(!1)},key:Math.random()+l},g.default.createElement("span",{style:{color:`${R===e?v.variant["primary-1"]:v.additional["text-color"]}`}},e)))))))))},C)))};Bt.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},Bt.defaultProps={selectedDate:new Date,setSelectedDate:()=>{},disabled:!1,onChange:()=>{},value:"",onClick:()=>{}};const Ht=h.default.div`
|
|
1181
1181
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1182
1182
|
.react-datepicker__tab-loop {
|
|
1183
1183
|
position: absolute;
|
|
@@ -1299,7 +1299,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1299
1299
|
margin-top: 5px;
|
|
1300
1300
|
font-size: 10px;
|
|
1301
1301
|
}
|
|
1302
|
-
`,
|
|
1302
|
+
`,Ft=({defaultValue:e,onChange:a,inputType:o,onClick:r,placeHolder:c,value:i,disabled:n,startYear:d,endYearRange:s,iconProps:p,customHeaderStyle:u,timeBtnStyle:f,wrapperStyle:m,customIconContainerStyle:b,label:h,labelInline:C,labelStyle:v,required:w,errMsg:A,errMsgColor:S,isValid:k,...V})=>{const[M,L]=t.useState(e);t.useEffect((()=>{L(e)}),[e]);let B=M?new Date(M):null;for(var H=[],z=s||10,P=d||(new Date).getFullYear();P<=(new Date).getFullYear()+z;P++)H.push(P);let W={};switch(o){case"date":default:W.dateFormat="dd MMM, yyyy";break;case"month":W.dateFormat="MMMM yyyy",W.showMonthYearPicker=!0;break;case"year":W.dateFormat="yyyy",W.showYearPicker=!0;break;case"datetime-local":W.dateFormat="dd MMM yyyy, hh:mm a",W.showTimeSelect=!0,W.timeFormat="hh:mm a",W.timeIntervals=15,W.timeCaption="Time";break;case"time":W.showTimeSelect=!0,W.showTimeSelectOnly=!0,W.dateFormat="hh:mm a"}const R=l.useTheme()||I,T={icon:"calender",color:R.variant["primary-1"],size:"16",...p};return g.default.createElement(Tt,E({labelInline:C,errMsgColor:S,theme:R},V),g.default.createElement("div",{style:{display:"flex"}},g.default.createElement($e,E({customStyles:v,type:"label-text",labelInline:C,errMsg:A,text:h,style:{display:"flex",marginBottom:""+(C?"":"7px"),paddingBottom:"0px"}},V)),w&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${R.variant.error}`}},"*")),g.default.createElement(Ht,E({theme:R},V,{wrapperStyle:m,isValid:k,disabled:n}),g.default.createElement(x.default,E({selected:B,disabled:n,customInput:g.default.createElement(zt,{value:i,onClick:r,placeholder:c,theme:R},g.default.createElement(It,E({theme:R,value:i,onClick:r,timeBtnStyle:f,disabled:n},V),g.default.createElement("div",null,i||(c||"-- : -- --")),g.default.createElement(Wt,E({theme:R},V,{customIconContainerStyle:b,className:"input-icon"}),T.icon?g.default.createElement(Q,T):null))),onChange:e=>{L(e);var t=null;t="datetime-local"==o?y.default(e).format("DD MMM YYYY, hh:mm A"):"date"==o?y.default(e).format("DD MMM, YYYY"):"year"==o?y.default(e).format("YYYY"):"month"==o?y.default(e).format("MMMM YYYY"):"time"==o?y.default(e).format("hh:mm A"):y.default(e).format("DD MMM, YYYY"),a(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:c},W,{renderCustomHeader:({date:e,changeYear:t,decreaseMonth:l,increaseMonth:a})=>{let r=y.default(e).format("MMMM");return g.default.createElement(Pt,E({theme:R},V,{inputType:o,customHeaderStyle:u}),"year"!==o?g.default.createElement("span",{style:{paddingLeft:"10px"},onClick:l},g.default.createElement(Q,{icon:"chevron-left",color:"white",size:16})):null,g.default.createElement("b",null,"year"!==o?g.default.createElement("span",{style:{paddingRight:"5px"}},r):null," ",g.default.createElement("span",{className:"calender-year"},g.default.createElement("select",{value:e.getFullYear(),onChange:({target:{value:e}})=>t(e)},H.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(Q,{icon:"chevron-right",color:"white",size:16})):null)}},V))),A.length>0&&g.default.createElement("div",{className:"err-text"},A))};Ft.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},Ft.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const Zt=h.default.div`
|
|
1303
1303
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"initial"} !important;
|
|
1304
1304
|
|
|
1305
1305
|
.text-main-alt {
|
|
@@ -1339,7 +1339,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1339
1339
|
margin-top: -15.5px;
|
|
1340
1340
|
cursor: pointer;
|
|
1341
1341
|
line-height: normal !important;
|
|
1342
|
-
`,Dt=({getValue:e,children:t,...l})=>{const a=e().length;return g.default.createElement(n.components.ValueContainer,E({"data-accordion":"contentClickFalse"},l),g.default.createElement("span",{"data-accordion":"contentClickFalse"}),t,a>1&&g.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Ot=({label:e,labelStyle:a,optionArr:o,selectedValue:r,setSelectedValue:c,placeHolder:i,isClearable:d,isValid:s,height:p,fontSize:u,loadOptions:f,onInputChange:m,clearSelected:b,customWrapperStyles:h,customLabelStyles:C,isRequired:y,dropdownType:x,isDisabled:v,isLoading:w,id:A,iconName:S,iconStyles:k,iconColor:V,iconSize:M,showIndicator:L,leftIcon:B,leftIconColor:H,leftIconSize:z,backgroundColor:W,placeHolderColor:R,indicatorBackgroundColor:T,inputColor:
|
|
1342
|
+
`,Dt=({getValue:e,children:t,...l})=>{const a=e().length;return g.default.createElement(n.components.ValueContainer,E({"data-accordion":"contentClickFalse"},l),g.default.createElement("span",{"data-accordion":"contentClickFalse"}),t,a>1&&g.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},Ot=({label:e,labelStyle:a,optionArr:o,selectedValue:r,setSelectedValue:c,placeHolder:i,isClearable:d,isValid:s,height:p,fontSize:u,loadOptions:f,onInputChange:m,clearSelected:b,customWrapperStyles:h,customLabelStyles:C,isRequired:y,dropdownType:x,isDisabled:v,isLoading:w,id:A,iconName:S,iconStyles:k,iconColor:V,iconSize:M,showIndicator:L,leftIcon:B,leftIconColor:H,leftIconSize:z,backgroundColor:W,placeHolderColor:R,indicatorBackgroundColor:T,inputColor:F,menuListFooter:Z,customSelectStyles:j,errorMessage:q,maximumSelectOptionLimit:D,maximumSelectOptionLimitMessage:O,labelProps:G,...X})=>{const J=l.useTheme()||I,U=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??J.primary["primary-1"]}},g.default.createElement(Q,{icon:"check-icon",color:"white"})),a=g.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return console.log(e),g.default.createElement(n.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)))},Y=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&g.default.createElement("span",{className:"text-main-alt-value"},l)},N={control:(e,t)=>({...e,border:s?W&&s?"1px solid "+W:"1px solid "+J.border:"1px solid "+J.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${p}px`,minHeight:`${p}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?J.variant["neutral-5"]:W||J.additional.white}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:R||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${p}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:T||"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"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:u+"px",color:F||"hsl(0, 0%, 20%)",padding:0,margin:0}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?J.neutral["neutral-5"]:J.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(n.components.DropdownIndicator,e,g.default.createElement(qt,{"data-accordion":"contentClickFalse"},g.default.createElement(Q,{icon:S,color:V,size:M,customstyles:k,"data-accordion":"contentClickFalse"})));return!0===L?t:null},ValueContainer:Dt,IndicatorSeparator:()=>null,ClearIndicator:e=>g.default.createElement(n.components.ClearIndicator,e,d?g.default.createElement(qt,{onClick:()=>{b(),e.clearValue()},"data-accordion":"contentClickFalse"},g.default.createElement(Q,{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(n.components.MenuList,E({},e,{"data-accordion":"contentClickFalse"}),o<D?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:Z};let $=null;switch(x){case"multiSelect":$=g.default.createElement(Gt,E({type:"multiSelect",MultiValue:Y,Option:U,value:r,CommonRenderedComponent:K,optionArr:o,placeHolder:i,isDisabled:v,stylesComp:N,setSelectedValue:c,isLoading:w,id:A,isClearable:d},X));break;case"asyncSingleSelect":$=g.default.createElement(Xt,E({CommonRenderedComponent:K,loadOptions:f,onInputChange:m,styles:N,placeholder:i,onChange:c,isLoading:w,isDisabled:v,id:A,value:r,isClearable:d},X));break;case"asyncMultiSelect":$=g.default.createElement(Xt,E({type:"asyncMultiSelect",CommonRenderedComponent:K,MultiValue:Y,Option:U,onChange:c,placeholder:i,styles:N,isDisabled:v,isLoading:w,loadOptions:f,onInputChange:m,id:A,isClearable:d,value:r},X));break;default:$=g.default.createElement(Gt,E({type:"singleSelect",value:{value:r?r.value:"",label:r?r.label:""},CommonRenderedComponent:K,optionArr:o,placeHolder:i,isDisabled:v,stylesComp:N,setSelectedValue:c,isLoading:w,id:A,isClearable:d},X))}return g.default.createElement(Zt,{style:h,backgroundColor:W,isValid:s,fontSize:u,theme:J,isDisabled:v},e&&g.default.createElement(jt,{inBuiltCss:P,labelWrapperStyle:"selectComp-label-wrapper",style:C},g.default.createElement($e,E({customStyles:a,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}},G)),y&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${J.ui.error}`}},"*")),$,!s&&q)},Gt=({type:e,Option:t,value:l,CommonRenderedComponent:a,MultiValue:o,optionArr:r,placeHolder:c,isDisabled:i,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(v.default,E({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:m,options:r,placeholder:c,isDisabled:i,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))},Xt=({CommonRenderedComponent:e,MultiValue:t,Option:l,type:a,id:o,styles:r,...c})=>{let i={...e};return"asyncMultiSelect"===a&&(i.MultiValue=t,i.Option=l),g.default.createElement(w.default,E({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:i,isMulti:"asyncMultiSelect"===a,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==a,isSearchable:!0,styles:r,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:o},c))};Ot.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},Ot.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:{}};const Jt=h.default.div`
|
|
1343
1343
|
//Set the styles from the default styles object
|
|
1344
1344
|
${({inBuiltCss:e,defaultStyles:t})=>W(e,t)}
|
|
1345
1345
|
|
|
@@ -1398,7 +1398,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1398
1398
|
align-items: center;
|
|
1399
1399
|
margin: 20px 0px;
|
|
1400
1400
|
font-size: 14px;
|
|
1401
|
-
`;const _t=({label:e,labelStyle:a,labelInline:o,required:r,message:c,fileArr:i,setFileArr:n,deleteFile:d,customDropzoneStyles:s,customFileStyles:p,customTextStyles:u,customFileNameStyles:f,backgroundColor:m,singleFile:b,messageSize:h,showSupportedFormats:C,file_extensions:y,maxFilesAmount:x,minFilesAmount:v,fileSizeLimit:w,fileSizeNamingConvention:A,errorMessages:S,suggesionMessage:k,MessagelabelStyle:V,dropValid:M,setDropValid:L,errorDetails:B,setErrorDetails:H,dropzoneContent:z,dropIcon:W,iconColor:R,id:T,customTooltipContentStyle:
|
|
1401
|
+
`;const _t=({label:e,labelStyle:a,labelInline:o,required:r,message:c,fileArr:i,setFileArr:n,deleteFile:d,customDropzoneStyles:s,customFileStyles:p,customTextStyles:u,customFileNameStyles:f,backgroundColor:m,singleFile:b,messageSize:h,showSupportedFormats:C,file_extensions:y,maxFilesAmount:x,minFilesAmount:v,fileSizeLimit:w,fileSizeNamingConvention:A,errorMessages:S,suggesionMessage:k,MessagelabelStyle:V,dropValid:M,setDropValid:L,errorDetails:B,setErrorDetails:H,dropzoneContent:z,dropIcon:W,iconColor:R,id:T,customTooltipContentStyle:F={padding:"4px 12px",fontSize:"14px",width:"auto",maxWidth:"226px"},customStylesTPArightBefore:Z,customStylesTPArightAfter:j,tooltipArrowColor:q,...D})=>{const O=l.useTheme()||I;q=q||O.primary["primary-1"];const[G,X]=t.useState(!1),J=t.createRef(),[U,Y]=t.useState(M),[N,K]=t.useState("");let $;var _=y;let ee=new Map(_.map((e=>[e.toLowerCase(),e])));ee=Array.from(ee.values()).join(", ");var te=!1,le=C?"All file formats cannot be used with the files you provided.":"",ae="";1==b&&(v=1,x=1);var oe="Please upload (min."+v+" to max."+x+")files",re=e=>{ae="";let t=[],l=[];var a=i.length;if(a+e.length<v||a+e.length>x){var o=`Please upload (minimum ${v} to maximum ${x} files)`;ae=S?.amount,ae=void 0!==ae?ae:o}if(""==ae)for(const[a,i]of Object.entries(e)){te=!0,i.name;let e=i.size,a=i.name.split(".");a=a[a.length-1],te=_.includes(a.toLowerCase());var r=1024;("MB"===A||"GB"===A||"TB"===A)&&(r*=1024);var c=e/r;if(!1===te&&(ae=S?.format,ae=ae||le),c>w&&te){te=!1;o="Each file must be under "+w+" "+A;ae=S?.size,ae=void 0!==ae?ae:o}te?($=URL.createObjectURL(i),i.path=$,t.push(i)):l.push(i)}return ae.length>0?(L(!1),H({valid:!1,errorMessage:ae,errorFiles:l}),Y(M),K(ae)):(L(!0),Y(M),K(""),H({valid:!0,errorMessage:"",errorFiles:[]})),t};function ce(e){e.preventDefault(),e.stopPropagation()}function ie(e,t){let l=[...i,...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=i.findIndex((t=>t.name===e.name));let l=i[t].path;URL.revokeObjectURL(l);const a=i.filter((t=>t.name!==e.name));n(a)}else!function(e){const t=i.filter((t=>t.name!==e.name));n(t),d(e)}(e)}const de=g.default.createElement("div",null,ee),se=y.map((e=>`.${e}`)).join(",");return g.default.createElement("div",null,g.default.createElement("div",{style:{display:"flex",width:"inherit"}},g.default.createElement($e,E({customStyles:a,type:"label-text",labelInline:o,text:e,style:{display:"flex",marginBottom:`${o?0:"8px"}`,paddingBottom:"0px"}},D)),r&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${O.variant.error}`}},"*")),g.default.createElement(Jt,{theme:O,inBuiltCss:P,defaultStyles:"dropzone-parent",backgroundColor:m,customDropzoneStyles:M?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=re(t);X(!0),D.onFilesAdded(ie(l,b))},onClick:function(){J.current.click()},hover:G,dropValid:M,fileArr:i},g.default.createElement(Yt,E({ref:J,valid:U,dropValid:M,type:"file",accept:se,id:T,multiple:!b,onChange:function(e){let{files:t}=e.target;X(!1);var l=re(t);l&&D.onFilesAdded(ie(l,b))},onClick:e=>e.target.value=null},D)),M?g.default.createElement(g.default.Fragment,null,W?g.default.createElement(Q,{icon:W,color:G?O.additional.white:R,size:24}):g.default.createElement(Q,{icon:"file-upload",color:G?O.additional.white:O.primary["primary-1"],size:24})):null,g.default.createElement(Nt,{dropValid:M,valid:U,hover:G,backgroundColor:m,customTextStyles:u,inBuiltCss:P,defaultStyles:"dropzone-text-div"},M?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 ",b?"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||S.format?g.default.createElement("div",{style:{display:"flex"}},g.default.createElement($e,E({themeColor:I,customStyles:V,type:"label-text",labelInline:o,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},D)),g.default.createElement(Xe,{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:Z,customStylesTPArightAfter:j,customStylesTPAbottomBefore:{borderColor:`transparent transparent ${q} transparent`,marginTop:"1px"},customStylesTPAbottomAfter:{display:"none"}})):"The file size is not uploaded"===N?g.default.createElement($e,E({themeColor:I,customStyles:V,type:"label-text",labelInline:o,text:oe,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},D)):"",i?.map(((e,t)=>g.default.createElement(Ut,{inBuiltCss:P,defaultStyles:"dropzone-file-div",key:`${e}-${t}`,customFileStyles:p},g.default.createElement(Kt,null,g.default.createElement(Q,{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($t,null,e?.otherInfo),g.default.createElement(Qt,{key:101*Math.random()|0},g.default.createElement("div",{style:{marginRight:"7px"}},g.default.createElement(Q,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:O.primary["primary-1"]})),g.default.createElement(Q,{icon:"cross-icon",color:O.neutral["neutral-2"],size:13,onClick:()=>ne(e),customstyles:{cursor:"pointer"}}))))))};_t.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},_t.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 el=l.css`
|
|
1402
1402
|
pointer-events: none;
|
|
1403
1403
|
`,tl=h.default.input`
|
|
1404
1404
|
background-color: transparent;
|
|
@@ -1752,12 +1752,12 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1752
1752
|
width: inherit;
|
|
1753
1753
|
display: flex;
|
|
1754
1754
|
margin: 4px;
|
|
1755
|
-
`,
|
|
1755
|
+
`,Fl=h.default.div`
|
|
1756
1756
|
padding-left: 2px;
|
|
1757
1757
|
display: flex;
|
|
1758
1758
|
justify-content: center;
|
|
1759
1759
|
cursor: pointer;
|
|
1760
|
-
`,
|
|
1760
|
+
`,Zl=({onChange:e,activeColor:a,defaultColor:o,placeholderColor:r,placeholderText:c,customInputStyle:i,pointsArray:n,setPointsArray:d,value:s,setValue:p,valueForSignatureDrawing:u,setValueForSignatureDrawing:f,imageURL:m,setImageURL:b,id:h,...C})=>{const y=l.useTheme()||I,[x,v]=t.useState("default"),[w,S]=t.useState(!1),[k,E]=t.useState(!1),V=t.useRef(null);t.useEffect((()=>{k&&(L(),f(V.current))}),[!0===k]);const M=()=>{p(""),f(V.current),V.current&&V.current.clear(),S(!1),E(!1)},L=()=>(d(V.current.toData()),b(V.current.toDataURL("image/png")),[m,n]);return g.default.createElement(Il,{inBuiltCss:P,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:w,selected:x,activeColor:a,defaultColor:o,theme:y},g.default.createElement(Pl,{inBuiltCss:P,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:a,defaultColor:o,selected:x,isMyInputFocused:w,signIcon:!0,theme:y},g.default.createElement(Wl,{activeColor:a,defaultColor:o,isMyInputFocused:w,theme:y,penIcon:!0,onClick:()=>{v("default"),M()}},g.default.createElement(Q,{icon:"pen-icon",color:"default"===x?a||y.primary["primary-1"]:y.additional.black})),g.default.createElement(Wl,{activeColor:a,defaultColor:o,theme:y,isMyInputFocused:w,penIcon:!1,onClick:()=>{v("sign"),M()}},g.default.createElement(Q,{icon:"sign-icon",color:"default"!==x?a||y.primary["primary-1"]:y.additional.black}))),g.default.createElement(Pl,{inBuiltCss:P,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:a,defaultColor:o,theme:y,selected:x,isMyInputFocused:w,signIcon:!1,onTouchStart:()=>{}},"default"===x?g.default.createElement(Rl,{inBuiltCss:P,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:r,customInputStyle:i,onBlur:()=>S(!1),onFocus:()=>S(!0),id:h,value:s,defaultColor:o,theme:y,onChange:e=>p(e.target.value)}):g.default.createElement(Tl,{onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),onClick:()=>{E(!0),L()}},g.default.createElement(A.default,{ref:V,id:h,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(s||k)&&g.default.createElement(Fl,{selected:x,onClick:()=>M()},g.default.createElement(Q,{icon:"cross-icon",color:o||y.neutral["neutral-3"]}))))};Zl.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},Zl.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const jl=h.default.div`
|
|
1761
1761
|
background-color: ${({theme:e})=>e.additional.white};
|
|
1762
1762
|
//Set the styles from the default styles object
|
|
1763
1763
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>W(e,t)}
|
|
@@ -2264,11 +2264,11 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
2264
2264
|
`,Pa=({vertical:e,borderColor:t,thickness:a,height:o,...r})=>{const c=l.useTheme()||I;return g.default.createElement(Ia,E({theme:c,borderColor:t,thickness:a,vertical:e,height:o},r))};Pa.propTypes={thickness:b.default.string,borderColor:b.default.string,vertical:b.default.bool,height:b.default.string},Pa.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const Wa=h.default.div`
|
|
2265
2265
|
//Set the styles from the default styles object
|
|
2266
2266
|
${({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}}}}
|
|
2267
|
-
`,Ra=({customStyles:e,drawerOpen:t,setDrawerOpen:l,children:a,...o})=>g.default.createElement(Wa,E({inBuiltCss:P,customStyles:e,type:"drawer",drawerOpen:t},o),a);Ra.propTypes={customStyles:b.default.object,drawerOpen:b.default.bool,setDrawerOpen:b.default.func},Ra.defaultProps={setDrawerOpen:()=>null};class Ta 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(ge,{onClick:()=>this.refreshPage()},"Click to refresh"));return e?l:this.props.children}}Ta.propTypes={children:b.default.any};const
|
|
2267
|
+
`,Ra=({customStyles:e,drawerOpen:t,setDrawerOpen:l,children:a,...o})=>g.default.createElement(Wa,E({inBuiltCss:P,customStyles:e,type:"drawer",drawerOpen:t},o),a);Ra.propTypes={customStyles:b.default.object,drawerOpen:b.default.bool,setDrawerOpen:b.default.func},Ra.defaultProps={setDrawerOpen:()=>null};class Ta 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(ge,{onClick:()=>this.refreshPage()},"Click to refresh"));return e?l:this.props.children}}Ta.propTypes={children:b.default.any};const Fa=l.css`
|
|
2268
2268
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
2269
2269
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
2270
2270
|
background: ${({theme:e})=>R(e.primary["primary-1"],.04)};
|
|
2271
|
-
`,
|
|
2271
|
+
`,Za=h.default.button`
|
|
2272
2272
|
font-size: 14px;
|
|
2273
2273
|
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
2274
2274
|
background: ${({theme:e})=>R(e.variant["neutral-5"],.7)};
|
|
@@ -2278,14 +2278,14 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
2278
2278
|
outline: none;
|
|
2279
2279
|
cursor: ${({disabled:e})=>e?"default":"pointer"};
|
|
2280
2280
|
|
|
2281
|
-
${({selected:e})=>e?
|
|
2281
|
+
${({selected:e})=>e?Fa:null}
|
|
2282
2282
|
${({customStyles:e})=>e}
|
|
2283
2283
|
|
|
2284
2284
|
|
|
2285
2285
|
&:not(:first-child) {
|
|
2286
2286
|
margin-left: 8px;
|
|
2287
2287
|
}
|
|
2288
|
-
`,ja=({options:e,selected:t,onClick:a,customStyles:o,disabled:r,...c})=>{const i=l.useTheme()||I,n=e.map(((e,l)=>g.default.createElement(
|
|
2288
|
+
`,ja=({options:e,selected:t,onClick:a,customStyles:o,disabled:r,...c})=>{const i=l.useTheme()||I,n=e.map(((e,l)=>g.default.createElement(Za,{theme:i,key:`${e.label}_${l}_${e.value}`,selected:t===e.value,onClick:()=>{a(e.value)},customStyles:o,disabled:r},e.label)));return g.default.createElement(g.default.Fragment,null,n)};ja.propTypes={options:b.default.array,selected:b.default.string,onClick:b.default.func,customStyles:b.default.object,disabled:b.default.bool},ja.defaultProps={options:[],selected:"",customStyles:{},disabled:!1};const qa=h.default.footer`
|
|
2289
2289
|
//Set the styles from the default styles object
|
|
2290
2290
|
${({theme:e,type:t})=>W(e,t)}
|
|
2291
2291
|
// custom styles
|
|
@@ -2763,7 +2763,7 @@ svg {
|
|
|
2763
2763
|
justify-content: space-evenly;
|
|
2764
2764
|
flex-grow: 1;
|
|
2765
2765
|
align-items: stretch;
|
|
2766
|
-
`,
|
|
2766
|
+
`,Fo=h.default.div`
|
|
2767
2767
|
display: flex;
|
|
2768
2768
|
color: ${({theme:e,disabled:t,variant:l,variantDisable:a})=>t?e.variant[a]:e.variant[l]};
|
|
2769
2769
|
background: ${({theme:e,disabled:t,bgVariant:l,variantBgDisable:a})=>t?e.variant[a]:e.variant[l]};
|
|
@@ -2778,7 +2778,7 @@ svg {
|
|
|
2778
2778
|
svg path {
|
|
2779
2779
|
fill: ${({theme:e,disabled:t,variant:l,variantDisable:a})=>t?e.variant[a]:e.variant[l]};
|
|
2780
2780
|
}
|
|
2781
|
-
`,
|
|
2781
|
+
`,Zo=({style:e,items:t,variant:a,borderVariant:o,bgVariant:r,variantDisable:c,variantBgDisable:i,allDisabled:n,divider:d,indexPrefix:s,onClick:p,variantTPtext:u,variantTPbg:f,...m})=>(l.useTheme(),g.default.createElement(Ro,E({variant:a,borderVariant:o},m),t?.map(((e,l)=>g.default.createElement(Ho,{key:s.concat(l),variant:a,borderVariant:o,bgVariant:r,variantDisable:c,variantBgDisable:i,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})))));Zo.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},Ro.defaultProps={theme:I},To.defaultProps={theme:I},Fo.defaultProps={theme:I},Zo.defaultProps={theme:I,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"white",variantDisable:"neutral-2",variantBgDisable:"white",variantTPtext:null,variantTPbg:null};const jo=h.default.div`
|
|
2782
2782
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
2783
2783
|
border: 1.3px solid ${({theme:e,variant:t,borderColor:l})=>l||e.variant[t]};
|
|
2784
2784
|
border-radius: 50%;
|
|
@@ -3122,13 +3122,13 @@ ${({forceOpen:e,inBuiltCss:t,customStylesPusherOpen:l,customStylesPusherClose:a}
|
|
|
3122
3122
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3123
3123
|
box-sizing: border-box;
|
|
3124
3124
|
|
|
3125
|
-
`,
|
|
3125
|
+
`,Fr=({block:e,style:t,variant:a,...o})=>(l.useTheme(),g.default.createElement(Tr,E({block:e,variant:a,style:t},o),o.children));Fr.propTypes={size:b.default.oneOf(["sm","md","lg"]),variant:b.default.string,block:b.default.bool,theme:b.default.object},Tr.defaultProps={theme:I},Fr.defaultProps={theme:I,variant:"primary-1",block:!1,size:"sm"};const Zr={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},jr=h.default.div`
|
|
3126
3126
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3127
3127
|
background: ${({theme:e})=>e.additional.white};
|
|
3128
|
-
padding: ${({size:e})=>
|
|
3128
|
+
padding: ${({size:e})=>Zr[e].padding};
|
|
3129
3129
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
3130
3130
|
border-radius: 42px;
|
|
3131
|
-
font-size: ${({size:e})=>
|
|
3131
|
+
font-size: ${({size:e})=>Zr[e].fontSize};
|
|
3132
3132
|
font-weight: 600;
|
|
3133
3133
|
display: flex;
|
|
3134
3134
|
align-items: center;
|
|
@@ -3334,4 +3334,4 @@ overflow: hidden;
|
|
|
3334
3334
|
background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
|
|
3335
3335
|
font-size: ${({size:e})=>oc[e].fontSize};
|
|
3336
3336
|
line-height: ${({size:e})=>oc[e].lineHeight};
|
|
3337
|
-
`,cc=({size:e,children:t,bg:a,text:o,...r})=>{const c=l.useTheme()||I;return g.default.createElement(rc,E({theme:c,bg:a,text:o,size:e},r),g.default.createElement(So,{theme:c}),t)};cc.propTypes={size:b.default.oneOf(["xs","sm","md","lg"]),text:b.default.string,bg:b.default.string,children:b.default.any,theme:b.default.object},cc.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=Aa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=Ae,exports.Avatar=Le,exports.AvatarSB=Pe,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=Ho,exports.Card=F,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=mr,exports.DateSelect=Bt,exports.DateTime=Zt,exports.Divider=Pa,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||I;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ra,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=ja,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...c})=>{const i=(new Date).getFullYear();return g.default.createElement(Oa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},c),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Premise HQ"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{footerWidth:o},"All Rights Restricted ",i," ©")),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Terms of use"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{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(Ya,E({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement($e,E({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Hl,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Gl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(bl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(El,E({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(pt,E({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(Fl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(_t,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Bt,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(fo,E({},e,a)))(e);case"toggle":return(e=>g.default.createElement(aa,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(Q,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(se,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(le,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(Te,E({},e,a)))(e);case"divider":return(e=>g.default.createElement(Pa,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Ao,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(J,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(sl,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement($,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ma,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(xo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(ge,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(ye,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(ve,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(fe,E({},e,a)))(e);case"search":return(e=>g.default.createElement(zl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(wo,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(xl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:I},g.default.createElement(za,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(La,null,e.map(((t,l)=>g.default.createElement(Ba,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Va,exports.FormWrapper=za,exports.GroupAvatars=Vo,exports.GroupButtons=Wo,exports.GroupButtonsPopup=Fo,exports.GroupStatusCircle=Xo,exports.Header=Ya,exports.HeaderComponent=Ao,exports.HyperLink=Yo,exports.Icon=Q,exports.Image=ke,exports.ImageUploader=sl,exports.Label=$e,exports.LightSecondaryLink=hr,exports.LinkButton=fe,exports.Loader=ie,exports.ModalComp=tr,exports.MultiColumnDiv=Ba,exports.MultiColumnWrapper=La,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:c,notSelectedStyle:i,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h,singleLine:C=!0,customFontColor:y,sortByCore:x=!1,setInvalidPath:v,bottomIconProps:w,iconForBottom:A,staticBottom:S=!0})=>{const k=l.useTheme()||I,[V,M]=t.useState(null),[L,B]=t.useState(!1),[H,z]=t.useState([]);if(x){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 P=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{z(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));W(t);try{v&&!t.id&&v(!0)}catch(e){console.log("e",e)}m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&B(!1),!o&&M(null)}),[o]);const W=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),b(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>W(e)))};let R=C?kr:Er;const T=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;if(e.routes&&e.routes.length>0){let r=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return g.default.createElement(_,{key:e?.id+t,showIcon:!!r,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`},onClick:()=>{e?.queryParams?!r&&u(e.path,e.queryParams):!r&&u(e.path,"")}},g.default.createElement("span",{style:{visibility:3===o&&H[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y||k.additional.white,flexShrink:0}}),g.default.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===o&&H[2]===a[2]?"bold":"normal",color:y||k.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:Cr,customStylesAccordionToggle:{cursor:"pointer",...yr},customStylesAccordionContent:xr,showIconInfo:!1,customWrapperStyles:vr})}return g.default.createElement(zr,{singleLine:C,listElementStyle:d,customFontColor:y,key:e?.id+t,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:k},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&H[H.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||k.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&H[H.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y||k.variant.white}}," ",e?.link))};return g.default.createElement(Mr,{onClick:()=>B(!0),onMouseEnter:()=>B(!0),onMouseLeave:()=>{M(null),B(!1)},toggleSideBarOpen:o},g.default.createElement(Br,{theme:k,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Hr,{toggleSideBarOpen:o,staticLayerNo:P},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{M(t)},style:{backgroundColor:e?.value?.toLowerCase()===H[1]?.toLowerCase()?s:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===V||L&&e?.value?.toLowerCase()===H[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===H[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...wr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Ar},customStylesAccordionContent:Sr,contentToggle:g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...i},toggleName:o,customStylesName:{...R,color:e.maintenance?k.variant["neutral-3"]:y||k.variant.white},customStylesCircle:{background:y||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:k.variant["neutral-3"]}):a.length-1===t&&S?g.default.createElement(Q,E({icon:A||"person",size:20,color:k.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},w)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===H[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Vr},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(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...i},toggleName:!1,customStylesName:{...R,color:y||"inherit"},customStylesCircle:{background:y||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:k.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===H[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?k.variant["neutral-3"]:y||k.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Lr}},e.label)))))))},exports.NumericInput=bl,exports.Overlay=ar,exports.OverlayOptionContainer=Sa,exports.OverlayOptionItemLabel=ka,exports.PageContent=ba,exports.Pagination=lo,exports.PaginationDefault=oo,exports.PaginationTypeTwo=fo,exports.PasswordInput=xl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Zr,exports.ProgressBar=cr,exports.ProgressSteps=pr,exports.RadioInput=El,exports.Rating=xo,exports.RoundedLoader=se,exports.SearchInput=zl,exports.SecondaryButton=ye,exports.SecondaryStatusChip=qr,exports.Sidebar=Wr,exports.SignatureInput=Fl,exports.SlimPrimaryStatusChip=Gr,exports.SlimSecondaryStatusChip=Ur,exports.StatusCircle=qo,exports.StyledCentralBar=Ca,exports.StyledClearSearch=ha,exports.StyledCreateRow=xa,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=wa,exports.StyledWarning=ya,exports.SubmitButtonContainer=Ma,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const c=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(ge,{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(ye,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>c(e)))))))},exports.Table=wo,exports.Tabs=$r,exports.TextArea=Gl,exports.TextInput=Hl,exports.TimeInput=$l,exports.TinyButton=ve,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||ac(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),c=t.useMemo((()=>({open:o,close:r})),[]),[i,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),g.default.createElement(tc.Provider,{value:c},e.children,i?f.createPortal(g.default.createElement(lc,null,g.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>g.default.createElement(ec,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=aa,exports.Tooltip=Xe,exports.Typography=cc,exports.additionalColors=z,exports.createDarker=T,exports.defaultStyles=P,exports.defaultThemeColor=I,exports.getDefaultStyles=W,exports.graphColor=H,exports.hexToRGB=R,exports.neutralColor=L,exports.primaryColor=V,exports.shadeColor=B,exports.uiColor=M,exports.useToast=()=>t.useContext(tc);
|
|
3337
|
+
`,cc=({size:e,children:t,bg:a,text:o,...r})=>{const c=l.useTheme()||I;return g.default.createElement(rc,E({theme:c,bg:a,text:o,size:e},r),g.default.createElement(So,{theme:c}),t)};cc.propTypes={size:b.default.oneOf(["xs","sm","md","lg"]),text:b.default.string,bg:b.default.string,children:b.default.any,theme:b.default.object},cc.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=Aa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=Ae,exports.Avatar=Le,exports.AvatarSB=Pe,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=Ho,exports.Card=Z,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=mr,exports.DateSelect=Bt,exports.DateTime=Ft,exports.Divider=Pa,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||I;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ra,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=ja,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...c})=>{const i=(new Date).getFullYear();return g.default.createElement(Oa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},c),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Premise HQ"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{footerWidth:o},"All Rights Restricted ",i," ©")),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Terms of use"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{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(Ya,E({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement($e,E({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Hl,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Gl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(bl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(El,E({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(pt,E({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(Zl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(_t,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Bt,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(fo,E({},e,a)))(e);case"toggle":return(e=>g.default.createElement(aa,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(Q,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(se,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(le,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(Te,E({},e,a)))(e);case"divider":return(e=>g.default.createElement(Pa,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Ao,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(J,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(sl,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement($,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ma,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(xo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(ge,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(ye,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(ve,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(fe,E({},e,a)))(e);case"search":return(e=>g.default.createElement(zl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(wo,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(xl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:I},g.default.createElement(za,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(La,null,e.map(((t,l)=>g.default.createElement(Ba,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Va,exports.FormWrapper=za,exports.GroupAvatars=Vo,exports.GroupButtons=Wo,exports.GroupButtonsPopup=Zo,exports.GroupStatusCircle=Xo,exports.Header=Ya,exports.HeaderComponent=Ao,exports.HyperLink=Yo,exports.Icon=Q,exports.Image=ke,exports.ImageUploader=sl,exports.Label=$e,exports.LightSecondaryLink=hr,exports.LinkButton=fe,exports.Loader=ie,exports.ModalComp=tr,exports.MultiColumnDiv=Ba,exports.MultiColumnWrapper=La,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:c,notSelectedStyle:i,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h,singleLine:C=!0,customFontColor:y,sortByCore:x=!1,setInvalidPath:v,bottomIconProps:w,iconForBottom:A,staticBottom:S=!0})=>{const k=l.useTheme()||I,[V,M]=t.useState(null),[L,B]=t.useState(!1),[H,z]=t.useState([]);if(x){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 P=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{z(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));W(t);try{v&&!t.id&&v(!0)}catch(e){console.log("e",e)}m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&B(!1),!o&&M(null)}),[o]);const W=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),b(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>W(e)))};let R=C?kr:Er;const T=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;if(e.routes&&e.routes.length>0){let r=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return g.default.createElement(_,{key:e?.id+t,showIcon:!!r,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`},onClick:()=>{e?.queryParams?!r&&u(e.path,e.queryParams):!r&&u(e.path,"")}},g.default.createElement("span",{style:{visibility:3===o&&H[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y||k.additional.white,flexShrink:0}}),g.default.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===o&&H[2]===a[2]?"bold":"normal",color:y||k.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:Cr,customStylesAccordionToggle:{cursor:"pointer",...yr},customStylesAccordionContent:xr,showIconInfo:!1,customWrapperStyles:vr})}return g.default.createElement(zr,{singleLine:C,listElementStyle:d,customFontColor:y,key:e?.id+t,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:k},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&H[H.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||k.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&H[H.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y||k.variant.white}}," ",e?.link))};return g.default.createElement(Mr,{onClick:()=>B(!0),onMouseEnter:()=>B(!0),onMouseLeave:()=>{M(null),B(!1)},toggleSideBarOpen:o},g.default.createElement(Br,{theme:k,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Hr,{toggleSideBarOpen:o,staticLayerNo:P},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{M(t)},style:{backgroundColor:e?.value?.toLowerCase()===H[1]?.toLowerCase()?s:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===V||L&&e?.value?.toLowerCase()===H[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===H[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...wr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Ar},customStylesAccordionContent:Sr,contentToggle:g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...i},toggleName:o,customStylesName:{...R,color:e.maintenance?k.variant["neutral-3"]:y||k.variant.white},customStylesCircle:{background:y||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:k.variant["neutral-3"]}):a.length-1===t&&S?g.default.createElement(Q,E({icon:A||"person",size:20,color:k.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},w)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===H[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Vr},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(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...c},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...i},toggleName:!1,customStylesName:{...R,color:y||"inherit"},customStylesCircle:{background:y||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:k.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===H[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?k.variant["neutral-3"]:y||k.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Lr}},e.label)))))))},exports.NumericInput=bl,exports.Overlay=ar,exports.OverlayOptionContainer=Sa,exports.OverlayOptionItemLabel=ka,exports.PageContent=ba,exports.Pagination=lo,exports.PaginationDefault=oo,exports.PaginationTypeTwo=fo,exports.PasswordInput=xl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Fr,exports.ProgressBar=cr,exports.ProgressSteps=pr,exports.RadioInput=El,exports.Rating=xo,exports.RoundedLoader=se,exports.SearchInput=zl,exports.SecondaryButton=ye,exports.SecondaryStatusChip=qr,exports.Sidebar=Wr,exports.SignatureInput=Zl,exports.SlimPrimaryStatusChip=Gr,exports.SlimSecondaryStatusChip=Ur,exports.StatusCircle=qo,exports.StyledCentralBar=Ca,exports.StyledClearSearch=ha,exports.StyledCreateRow=xa,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=wa,exports.StyledWarning=ya,exports.SubmitButtonContainer=Ma,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const c=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(ge,{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(ye,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>c(e)))))))},exports.Table=wo,exports.Tabs=$r,exports.TextArea=Gl,exports.TextInput=Hl,exports.TimeInput=$l,exports.TinyButton=ve,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||ac(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),c=t.useMemo((()=>({open:o,close:r})),[]),[i,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),g.default.createElement(tc.Provider,{value:c},e.children,i?f.createPortal(g.default.createElement(lc,null,g.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>g.default.createElement(ec,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=aa,exports.Tooltip=Xe,exports.Typography=cc,exports.additionalColors=z,exports.createDarker=T,exports.defaultStyles=P,exports.defaultThemeColor=I,exports.getDefaultStyles=W,exports.graphColor=H,exports.hexToRGB=R,exports.neutralColor=L,exports.primaryColor=V,exports.shadeColor=B,exports.uiColor=M,exports.useToast=()=>t.useContext(tc);
|