groundfloor-react-ui 1.3.47 → 1.3.48
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 +19 -19
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as c,useEffect as i,Fragment as a,createRef as r,Component as n,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as b,css as u,keyframes as f,createGlobalStyle as g}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as y}from"react-popper-tooltip";import C from"react-phone-input-2";import x from"dayjs";import"dayjs/locale/es";import v from"react-datepicker";import w,{components as A}from"react-select";import S from"react-select/async";import k from"react-signature-pad-wrapper";import E from"react-data-table-component";import V from"react-modal";import{createPortal as M}from"react-dom";function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var o in l)({}).hasOwnProperty.call(l,o)&&(e[o]=l[o])}return e},L.apply(null,arguments)}const z={"primary-1":"#2A50FD","primary-2":"#081348"},B={error:"#DD0000",success:"#00B904 "},H={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},I={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},W={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},P={white:"#FFFFFF",black:"#000000","text-color":z["primary-2"],border:H["neutral-3"]},R={primary:{...z},ui:{...B},neutral:{...H},shade:{...I},graph:{...W},additional:{...P},variant:{...z,...B,...H,...I,...W,...P}},F={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${R.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},"progressBar-label":{display:"block","margin-bottom":"8px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.neutral["neutral-2"]}`},spinner:{"background-color":`${R.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"auto",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"12px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"16px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"18px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"16px","font-size":"16px"},avatarNameLG:{"margin-left":"16px","font-size":"16px"},"textbox-wrapper":{"border-radius":"4px",padding:"5.5px 7px",display:"flex","align-items":"center","line-height":".5rem",position:"relative"},"input-wrapper":{border:"0",outline:"0",margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"},"textarea-wrapper":{border:"0",outline:"0",color:`${R.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.variant["neutral-2"]}`,display:"flex","align-items":"center","justify-content":"center",width:"max-content","background-color":"transparent","margin-bottom":"0px","padding-bottom":"0px"},image:{"border-radius":"0%",width:"100%",height:"100%"},imageAvatar:{"border-radius":"50%","box-sizing":"border-box",position:"absolute"},imageAvatarSM:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"30px",height:"30px"},imageAvatarMD:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"32px",height:"32px"},imageAvatarLG:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"0px",backgroundColor:"transparent"}},checkbox:{style:{maxHeight:"28px",maxWidth:"28px"}},headRow:{style:{background:`${R.variant["neutral-5"]}`,borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${R.variant["neutral-5"]}`,borderTop:`1px solid ${R.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${R.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px solid ${R.variant["neutral-5"]}`,borderBottom:`1px solid ${R.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${R.variant["neutral-5"]}`}}},header:{display:"flex","justify-content":"space-between","align-items":"center",position:"fixed","z-index":"1000",top:"0",right:"0",left:"0","min-height":"56px","margin-left":"48px","font-size":"16px","background-color":`${R.additional.white}`,"border-bottom":`0.5px solid ${R.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"8px","padding-bottom":0,color:`${R.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"48px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${R.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${R.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${R.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${R.variant["neutral-2"]}`},"toggle-switch-wrapper":{display:"inline-flex","align-items":"center",width:"fit-content"},"dropzone-parent":{height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${R.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${R.textColor}`,"background-color":`${R.additional.white}`,"box-shadow":"0px 5px 15px rgba(33, 55, 71, 0.096946)","border-radius":"5.5px","margin-top":"5px"},"dropzone-text-div":{display:"flex","justify-content":"center","margin-left":"14px",color:`${R.textColor}`,"background-color":"transparent"},"dropzone-file-name":{"margin-left":"5px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap",padding:"2px","font-size":"14px",color:"#494949"},"signature-parent-div":{"border-radius":"5.5px","align-content":"flex-start","justify-content":"center",width:"inherit","max-width":"532px",height:"86px",display:"block","flex-flow":"column wrap","font-size":"17px",color:`${R.textColor}`,"background-color":`${R.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${R.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${R.additional.white}`,"font-family":"Beauty","background-clip":"padding-box",color:"#444444","font-style":"normal","font-weight":"normal","font-size":"47px","padding-left":"10px"},"modal-background":{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.6)","z-index":"2000"},"modal-wrapper":{position:"fixed",display:"flex","align-items":"flex-end","justify-content":"center","flex-direction":"column",background:"white",width:"fit-content",height:"fit-content",top:"50%",left:"50%",transform:"translate(-50%, -50%)","border-radius":"5px"},"modal-close-button":{cursor:"pointer",width:"fit-content",height:"fit-content",padding:"0","padding-right":"5px","padding-top":"5px",color:`${R.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"white","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"56px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${R.additional.white}`,"border-radius":"3.6px",border:`1px solid ${R.additional.white}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${R.additional.white} `,"border-radius":"3.6px",border:`1px solid ${R.additional.white} `,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${R.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${R.variant["neutral-1"]} `,color:`${R.additional.white} `,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"background-color":"#2e56f4",position:"fixed",color:"white",display:"flex","flex-direction":"column","z-index":"999999"},"sidebar-container-open":{width:"256px"},"sidebar-container-close":{width:"48px"},"sidebar-container-mobile-open":{width:"256px","z-index":"9999999"},"sidebar-container-mobile-close":{width:"0px","z-index":"1001"},"sidebar-pusher":{"min-height":"100%",overflow:"hidden","background-color":"transparent",position:"fixed",transition:"width ease 400ms"},"sidebar-pusher-open":{width:"240px"},"sidebar-pusher-close":{width:"70px"},"sidebar-pusher-mobile":{width:"0px"},"modalComp-custom-style":{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",zIndex:"999"}},"modalComp-modal-close":{position:"absolute",top:"15px",right:"10px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"20px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px",padding:"1rem 3rem 0rem 3rem","&:before":{content:"",position:"fixed",display:"inline-block",left:0,right:0,"margin-top":"-0.9rem","z-index":-1},"selectComp-label-wrapper":{paddingBottom:"10px",display:"flex",width:"25vw"}},"popOver-Content":{padding:"16px",color:"white",width:"226px",borderRadius:"3.6px"},"popOver-header":{marginBottom:"8px",fontWeight:"600"},"popOver-body":{marginBottom:"11.5px"},ColorWrapper:{borderRadius:"4.87px",padding:"8px 21px",display:"flex"},"input-color":{borderRadius:"4px !important",width:"24px !important",height:"24px !important",cursor:"pointer"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},Z=(e,t)=>{if(e){let l={};if(e[t]){for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const t in e.common)l[t]=e.common[t]}return l}};function T(e,t){var l=parseInt(e.slice(1,3),16),o=parseInt(e.slice(3,5),16),c=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+o+", "+c+", "+t+")":"rgb("+l+", "+o+", "+c+")"}T("#FF0000",.5);const j=(e,t)=>{if(e.includes("#")){e=e.replace("#","");const[t,l,o]=[e[0]+e[1],e[2]+e[3],e[4]+e[5]];e=`${parseInt(t,16)}, ${parseInt(l,16)}, ${parseInt(o,16)}`}return`#${e.split(",").map((e=>parseInt(e.trim()))).map((e=>Math.round(e*(1-t)))).reduce(((e,t)=>e+t.toString(16).padStart(2,"0")),"")}`},q=m.div`
|
|
1
|
+
import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as c,useEffect as i,Fragment as a,createRef as r,Component as n,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as b,css as u,keyframes as f,createGlobalStyle as g}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as y}from"react-popper-tooltip";import C from"react-phone-input-2";import x from"dayjs";import"dayjs/locale/es";import v from"react-datepicker";import w,{components as A}from"react-select";import S from"react-select/async";import k from"react-signature-pad-wrapper";import E from"react-data-table-component";import V from"react-modal";import{createPortal as M}from"react-dom";function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var o in l)({}).hasOwnProperty.call(l,o)&&(e[o]=l[o])}return e},L.apply(null,arguments)}const z={"primary-1":"#2A50FD","primary-2":"#081348"},B={error:"#DD0000",success:"#00B904 "},H={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},I={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},P={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},W={white:"#FFFFFF",black:"#000000","text-color":z["primary-2"],border:H["neutral-3"]},R={primary:{...z},ui:{...B},neutral:{...H},shade:{...I},graph:{...P},additional:{...W},variant:{...z,...B,...H,...I,...P,...W}},F={common:{},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${R.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},"progressBar-label":{display:"block","margin-bottom":"8px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.neutral["neutral-2"]}`},spinner:{"background-color":`${R.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"auto",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"12px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"16px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"18px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"16px","font-size":"16px"},avatarNameLG:{"margin-left":"16px","font-size":"16px"},"textbox-wrapper":{"border-radius":"4px",padding:"5.5px 7px",display:"flex","align-items":"center","line-height":".5rem",position:"relative"},"input-wrapper":{border:"0",outline:"0",margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"},"textarea-wrapper":{border:"0",outline:"0",color:`${R.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.variant["neutral-2"]}`,display:"flex","align-items":"center","justify-content":"center",width:"max-content","background-color":"transparent","margin-bottom":"0px","padding-bottom":"0px"},image:{"border-radius":"0%",width:"100%",height:"100%"},imageAvatar:{"border-radius":"50%","box-sizing":"border-box",position:"absolute"},imageAvatarSM:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"30px",height:"30px"},imageAvatarMD:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"32px",height:"32px"},imageAvatarLG:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"0px",backgroundColor:"transparent"}},checkbox:{style:{maxHeight:"28px",maxWidth:"28px"}},headRow:{style:{background:`${R.variant["neutral-5"]}`,borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${R.variant["neutral-5"]}`,borderTop:`1px solid ${R.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${R.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px solid ${R.variant["neutral-5"]}`,borderBottom:`1px solid ${R.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${R.variant["neutral-5"]}`}}},header:{display:"flex","justify-content":"space-between","align-items":"center",position:"fixed","z-index":"1000",top:"0",right:"0",left:"0","min-height":"56px","margin-left":"48px","font-size":"16px","background-color":`${R.additional.white}`,"border-bottom":`0.5px solid ${R.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"8px","padding-bottom":0,color:`${R.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"48px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${R.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${R.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${R.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${R.variant["neutral-2"]}`},"toggle-switch-wrapper":{display:"inline-flex","align-items":"center",width:"fit-content"},"dropzone-parent":{height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${R.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${R.textColor}`,"background-color":`${R.additional.white}`,"box-shadow":"0px 5px 15px rgba(33, 55, 71, 0.096946)","border-radius":"5.5px","margin-top":"5px"},"dropzone-text-div":{display:"flex","justify-content":"center","margin-left":"14px",color:`${R.textColor}`,"background-color":"transparent"},"dropzone-file-name":{"margin-left":"5px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap",padding:"2px","font-size":"14px",color:"#494949"},"signature-parent-div":{"border-radius":"5.5px","align-content":"flex-start","justify-content":"center",width:"inherit","max-width":"532px",height:"86px",display:"block","flex-flow":"column wrap","font-size":"17px",color:`${R.textColor}`,"background-color":`${R.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${R.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${R.additional.white}`,"font-family":"Beauty","background-clip":"padding-box",color:"#444444","font-style":"normal","font-weight":"normal","font-size":"47px","padding-left":"10px"},"modal-background":{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.6)","z-index":"2000"},"modal-wrapper":{position:"fixed",display:"flex","align-items":"flex-end","justify-content":"center","flex-direction":"column",background:"white",width:"fit-content",height:"fit-content",top:"50%",left:"50%",transform:"translate(-50%, -50%)","border-radius":"5px"},"modal-close-button":{cursor:"pointer",width:"fit-content",height:"fit-content",padding:"0","padding-right":"5px","padding-top":"5px",color:`${R.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"white","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"56px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${R.additional.white}`,"border-radius":"3.6px",border:`1px solid ${R.additional.white}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${R.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${R.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${R.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${R.additional.white} `,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${R.additional.white} `,"border-radius":"3.6px",border:`1px solid ${R.additional.white} `,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${R.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${R.variant["neutral-1"]} `,color:`${R.additional.white} `,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"background-color":"#2e56f4",position:"fixed",color:"white",display:"flex","flex-direction":"column","z-index":"999999"},"sidebar-container-open":{width:"256px"},"sidebar-container-close":{width:"48px"},"sidebar-container-mobile-open":{width:"256px","z-index":"9999999"},"sidebar-container-mobile-close":{width:"0px","z-index":"1001"},"sidebar-pusher":{"min-height":"100%",overflow:"hidden","background-color":"transparent",position:"fixed",transition:"width ease 400ms"},"sidebar-pusher-open":{width:"240px"},"sidebar-pusher-close":{width:"70px"},"sidebar-pusher-mobile":{width:"0px"},"modalComp-custom-style":{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",zIndex:"999"}},"modalComp-modal-close":{position:"absolute",top:"15px",right:"10px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"20px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px",padding:"1rem 3rem 0rem 3rem","&:before":{content:"",position:"fixed",display:"inline-block",left:0,right:0,"margin-top":"-0.9rem","z-index":-1},"selectComp-label-wrapper":{paddingBottom:"10px",display:"flex",width:"25vw"}},"popOver-Content":{padding:"16px",color:"white",width:"226px",borderRadius:"3.6px"},"popOver-header":{marginBottom:"8px",fontWeight:"600"},"popOver-body":{marginBottom:"11.5px"},ColorWrapper:{borderRadius:"4.87px",padding:"8px 21px",display:"flex"},"input-color":{borderRadius:"4px !important",width:"24px !important",height:"24px !important",cursor:"pointer"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},Z=(e,t)=>{if(e){let l={};if(e[t]){for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const t in e.common)l[t]=e.common[t]}return l}};function T(e,t){var l=parseInt(e.slice(1,3),16),o=parseInt(e.slice(3,5),16),c=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+o+", "+c+", "+t+")":"rgb("+l+", "+o+", "+c+")"}T("#FF0000",.5);const j=(e,t)=>{if(e.includes("#")){e=e.replace("#","");const[t,l,o]=[e[0]+e[1],e[2]+e[3],e[4]+e[5]];e=`${parseInt(t,16)}, ${parseInt(l,16)}, ${parseInt(o,16)}`}return`#${e.split(",").map((e=>parseInt(e.trim()))).map((e=>Math.round(e*(1-t)))).reduce(((e,t)=>e+t.toString(16).padStart(2,"0")),"")}`},q=m.div`
|
|
2
2
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
3
3
|
padding-top: 24px;
|
|
4
4
|
padding-bottom: 24px;
|
|
@@ -525,10 +525,10 @@ ${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t i
|
|
|
525
525
|
color:${({theme:e})=>e.additional["text-color"]};
|
|
526
526
|
|
|
527
527
|
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let c={};if(e[t]){for(const t in e.common)c[t]=e.common[t];for(const l in e[t])delete e.common[l],c[l]=e[t][l];for(const o in e[`${t}${l}`])c[o]=e[`${t}${l}`][o],delete e.common[o]}return{...c,...o}}}}
|
|
528
|
-
`,Ie=({customStylesContainer:e,customStylesImage:l,customStylesCircle:o,customStylesName:c,size:i,toggleName:a,user:r,...n})=>{const s=b()||R;return t.createElement(ze,L({inBuiltCss:F,theme:s,customStyles:e,type:"avatarContainer"},n),r?.url&&t.createElement(Le,L({},n,{customStyles:l,type:"imageAvatar",size:i,alt:"user-picture",src:r.url})),t.createElement(Be,L({},n,{theme:s,inBuiltCss:F,type:"avatarCircle",customStyles:o,size:i,style:{visibility:r?.url?"hidden":"visible"}}),r?.userName&&r?.userName.split(" ").length>=2?r?.userName.split(" ")[0].charAt(0).toUpperCase()+r?.userName.split(" ")[1].charAt(0).toUpperCase():r?.userName&&1===r?.userName.split(" ").length&&r?.userName.split(" ")[0].charAt(0).toUpperCase()),a&&t.createElement(He,L({inBuiltCss:F},n,{theme:s,type:"avatarName",customStyles:c,size:i}),r.userName," "))};Ie.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},Ie.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const
|
|
528
|
+
`,Ie=({customStylesContainer:e,customStylesImage:l,customStylesCircle:o,customStylesName:c,size:i,toggleName:a,user:r,...n})=>{const s=b()||R;return t.createElement(ze,L({inBuiltCss:F,theme:s,customStyles:e,type:"avatarContainer"},n),r?.url&&t.createElement(Le,L({},n,{customStyles:l,type:"imageAvatar",size:i,alt:"user-picture",src:r.url})),t.createElement(Be,L({},n,{theme:s,inBuiltCss:F,type:"avatarCircle",customStyles:o,size:i,style:{visibility:r?.url?"hidden":"visible"}}),r?.userName&&r?.userName.split(" ").length>=2?r?.userName.split(" ")[0].charAt(0).toUpperCase()+r?.userName.split(" ")[1].charAt(0).toUpperCase():r?.userName&&1===r?.userName.split(" ").length&&r?.userName.split(" ")[0].charAt(0).toUpperCase()),a&&t.createElement(He,L({inBuiltCss:F},n,{theme:s,type:"avatarName",customStyles:c,size:i}),r.userName," "))};Ie.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},Ie.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const Pe=m.span`
|
|
529
529
|
${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
530
530
|
width: auto;
|
|
531
|
-
`,
|
|
531
|
+
`,We=m.div`
|
|
532
532
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
533
533
|
color: ${({theme:e})=>e.additional.white};
|
|
534
534
|
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let c={};if(e[t]){for(const t in e.common)c[t]=e.common[t];for(const l in e[t])c[l]=e[t][l],delete e.common[l];for(const o in e[`${t}${l}`])c[o]=e[`${t}${l}`][o],delete e.common[o]}return{...c,...o}}}}
|
|
@@ -563,7 +563,7 @@ ${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{if(e){let c={};if(e[t]){for(co
|
|
|
563
563
|
|
|
564
564
|
// custom styles
|
|
565
565
|
${({notificationCircleStyles:e})=>e}
|
|
566
|
-
`,Ze=({customStylesContainer:e,customStylesImage:l,customStylesCircle:o,customStylesName:i,customStylesNameHover:a,size:r,toggleName:n,user:s,border:d,isSelected:p,selectedStyle:m,notSelectedStyle:u,notificationCount:f,notificationCircleStyles:g,icon:h,underMaintenance:y})=>{const C=b()||R,[x,v]=c("loading");return t.createElement(
|
|
566
|
+
`,Ze=({customStylesContainer:e,customStylesImage:l,customStylesCircle:o,customStylesName:i,customStylesNameHover:a,size:r,toggleName:n,user:s,border:d,isSelected:p,selectedStyle:m,notSelectedStyle:u,notificationCount:f,notificationCircleStyles:g,icon:h,underMaintenance:y})=>{const C=b()||R,[x,v]=c("loading");return t.createElement(Pe,{border:d,inBuiltCss:F,customStyles:e,type:"avatarContainer"},t.createElement(We,{theme:C,selectedStyle:m,notSelectedStyle:u,inBuiltCss:F,type:"avatarCircle",customStyles:o,size:r,style:{visibility:"loaded"!==x?"visible":"hidden"},isSelected:p},h||(s.appNameShortForm?s.appNameShortForm:s?.url?t.createElement(Le,{inBuiltCss:F,customStyles:{minWidth:"36px",minHeight:"36px",...l},type:"imageAvatar",size:r,alt:"service-layer",src:s.url,handleImageStatus:e=>{v(e)},style:{visibility:"loaded"!==x?"hidden":"visible"}}):s?.userName&&s?.userName.split(" ").length>=2?s?.userName.split(" ")[0].charAt(0).toUpperCase()+s?.userName.split(" ")[1].charAt(0).toUpperCase():s?.userName&&1===s?.userName.split(" ").length&&s?.userName.split(" ")[0].charAt(0).toUpperCase())),f>0&&t.createElement(Fe,{notificationCircleStyles:g},f>9?"9+":f)," ",n&&t.createElement(Re,{theme:C,inBuiltCss:F,type:"avatarName",customStyles:i,customStylesHover:a,size:r,underMaintenance:y},s.userName," "))};Ze.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object,customStylesNameHover:e.object,notificationCircleStyles:e.object,notificationCount:e.number,underMaintenance:e.bool},Ze.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null,notificationCircleStyles:{},notificationCount:0,underMaintenance:!1};const Te=m.div`
|
|
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"]};
|
|
@@ -654,7 +654,7 @@ ${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>Z(e,t)}
|
|
|
654
654
|
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>Z(e,t)}
|
|
655
655
|
// custom styles
|
|
656
656
|
${({customTriggerStyle:e})=>e}
|
|
657
|
-
`,Ne=({inBuiltCss:e,contentTrigger:l,contentTooltip:o,popperOptionsP:c,settings:i,customStylesTPContainer:a,customStylesTPAbottom:r,customStylesTPAbottomBefore:n,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:f,customStylesTPArightAfter:g,customStylesTPAleft:h,customStylesTPAleftBefore:C,customStylesTPAleftAfter:x,customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A,customTooltipContentStyle:S,customContentStyle:k,customHeaderStyle:E,customBodyStyle:V,customTriggerStyle:M,headerTooltip:z,footerTooltip:B,...H})=>{const I=b()||R,
|
|
657
|
+
`,Ne=({inBuiltCss:e,contentTrigger:l,contentTooltip:o,popperOptionsP:c,settings:i,customStylesTPContainer:a,customStylesTPAbottom:r,customStylesTPAbottomBefore:n,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:f,customStylesTPArightAfter:g,customStylesTPAleft:h,customStylesTPAleftBefore:C,customStylesTPAleftAfter:x,customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A,customTooltipContentStyle:S,customContentStyle:k,customHeaderStyle:E,customBodyStyle:V,customTriggerStyle:M,headerTooltip:z,footerTooltip:B,...H})=>{const I=b()||R,P={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...c},{getArrowProps:W,getTooltipProps:Z,setTooltipRef:T,setTriggerRef:j,visible:q}=y({interactive:!0,...i},P);return t.createElement(t.Fragment,null,t.createElement(Ye,{ref:j,inBuiltCss:F,customTriggerStyle:M,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},l),q&&t.createElement(De,L({inBuiltCss:F,theme:I,ref:T},Z({className:"tooltip-container"}),{customStylesTPContainer:a,customStylesTPAbottom:r,customStylesTPAbottomBefore:n,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:f,customStylesTPArightAfter:g,customStylesTPAleft:h,customStylesTPAleftBefore:C,customStylesTPAleftAfter:x}),t.createElement(Oe,L({inBuiltCss:F},W({className:"tooltip-arrow"}),{customStylesTPArrow:v,customStylesTPAbefore:w,customStylesTPAafter:A})),t.createElement(Ge,L({defaultTooltipContentStyle:"popOver-Content",theme:I,inBuiltCss:F},H,{customContentStyle:k}),t.createElement(Xe,L({defaultTooltipHeaderStyle:"popOver-header",theme:I,inBuiltCss:F},H,{customHeaderStyle:E}),z),t.createElement(Je,L({defaultTooltipBodyStyle:"popOver-body",theme:I,inBuiltCss:F},H,{customBodyStyle:V}),o),t.createElement(Ue,null,B))))};Ne.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings:e.object,customContentStyle:e.object,customHeaderStyle:e.object,customBodyStyle:e.object,customStylesTPContainer:e.object,customStylesTPAbottom:e.object,customStylesTPAbottomBefore:e.object,customStylesTPAbottomAfter:e.object,customStylesTPAtop:e.object,customStylesTPAtopBefore:e.object,customStylesTPAtopAfter:e.object,customStylesTPAright:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object,customStylesTPAleft:e.object,customStylesTPAleftBefore:e.object,customStylesTPAleftAfter:e.object,customStylesTPArrow:e.object,customStylesTPAbefore:e.object,customStylesTPAafter:e.object,customTriggerStyle:e.object},Ne.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"",contentTooltip:"",footerTooltip:t.createElement(Ae,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Qe=m.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
|
-
`,It=["January","February","March","April","May","June","July","August","September","October","November","December"],
|
|
1180
|
+
`,It=["January","February","March","April","May","June","July","August","September","October","November","December"],Pt=({selectedDate:e,setSelectedDate:l,disabled:a,startYear:r,endYearRange:n,format:s,customIconContainerStyle:d,placeHolder:p,value:m,timeBtnStyle:u,onClick:f,onChange:g,wrapperStyle:h,iconProps:y,labelProps:C,...w})=>{const A=b()||R;let S=[],k=n||10;for(let e=r||(new Date).getFullYear();e<=(new Date).getFullYear()+k;e++)S.push(e);const E=o(null),V=o(null),[M,z]=c(!1),[B,H]=c(!1),[I,P]=c(!1),[W,F]=c(!1),[Z,T]=c(e.getFullYear()),[j,q]=c(It[e.getMonth()]);i((()=>{q(It[e.getMonth()]),T(e.getFullYear())}),[e]),i((()=>(D(document,"click","add",O(E,(()=>z(!1)))),D(document,"click","add",O(V,(()=>H(!1)))),()=>{D(document,"click","remove",O(E,(()=>z(!1)))),D(document,"click","remove",O(V,(()=>H(!1))))})),[]);const D=(e,t,l,o,c)=>{"add"===l?e.addEventListener(t,o,c||!1):e.removeEventListener(t,o,c||!1)},O=(e,t)=>l=>{e.current&&!e.current.contains(l.target)&&t()},G={icon:"calender",color:"black",size:"16",...y};return t.createElement(wt,L({disabled:a,theme:A},w,{wrapperStyle:h}),t.createElement(lt,L({customStyles:{marginBottom:"7px",padding:0}},C)),t.createElement(v,L({selected:m===e?e:m,useWeekdaysShort:!0,onChange:e=>{l(e),g(e)},adjustDateOnChange:!0,disabled:a,dropdownMode:"select",customInput:t.createElement(zt,{value:m,onClick:f,placeholder:p,theme:A},t.createElement(Bt,L({theme:A,value:m,onClick:f,timeBtnStyle:u},w),t.createElement("div",null,m?x(m).format(s||"DD/MM/YYYY"):p||"select a date"),t.createElement(Ht,L({theme:A},w,{customIconContainerStyle:d,className:"input-icon"}),G.icon?t.createElement(_,G):null))),renderCustomHeader:({date:e,changeYear:l,changeMonth:o})=>t.createElement(At,null,t.createElement("div",{style:{display:"flex"}},t.createElement(kt,{ref:E},t.createElement(Et,{onClick:()=>{z(!M),H(!1)}},t.createElement("span",{onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),style:{color:`${I?A.variant["primary-1"]:A.additional["text-color"]}`}},It[e.getMonth()]),t.createElement(St,null,t.createElement(_,{icon:"triangle-down",color:I?A.variant["primary-1"]:A.additional["text-color"],size:7}))),M&&t.createElement(Vt,null,t.createElement(Mt,{theme:A,onMouseEnter:()=>P(!0)},It.map(((e,l)=>t.createElement(Lt,{selectedMonth:j,onClick:()=>{P(!1),o(l),z(!1),q(It[l])},key:Math.random()},t.createElement("span",{style:{color:`${j===e?A.variant["primary-1"]:A.additional["text-color"]}`}},e))))))),t.createElement(kt,{ref:V},t.createElement(Et,{style:{marginLeft:"28px"},onClick:()=>{H(!B),z(!1)}},t.createElement("span",{onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),style:{color:`${W?A.variant["primary-1"]:A.additional["text-color"]}`}},e.getFullYear()),t.createElement(St,null,t.createElement(_,{icon:"triangle-down",color:W?A.variant["primary-1"]:A.additional["text-color"],size:7}))),B&&t.createElement(Vt,null,t.createElement(Mt,{onMouseEnter:()=>F(!0),theme:A},S.map(((e,o)=>t.createElement(Lt,{onClick:()=>{F(!1),l(e),T(e),H(!1)},key:Math.random()+o},t.createElement("span",{style:{color:`${Z===e?A.variant["primary-1"]:A.additional["text-color"]}`}},e)))))))))},w)))};Pt.propTypes={selectedDate:e.any,setSelectedDate:e.func,disabled:e.bool,startYear:e.number,endYearRange:e.number,format:e.string,placeHolder:e.string,onChange:e.func,timeBtnStyle:e.object,wrapperStyle:e.object,customIconContainerStyle:e.object,iconProps:e.object,value:e.any,onClick:e.func,labelProps:e.object},Pt.defaultProps={selectedDate:new Date,setSelectedDate:()=>{},disabled:!1,onChange:()=>{},value:"",onClick:()=>{}};const Wt=m.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
|
-
`,Dt=({defaultValue:e,onChange:l,inputType:o,onClick:i,placeHolder:a,value:r,disabled:n,startYear:s,endYearRange:d,iconProps:p,customHeaderStyle:m,timeBtnStyle:u,wrapperStyle:f,customIconContainerStyle:g,label:h,labelInline:y,labelStyle:C,required:w,errMsg:A,errMsgColor:S,isValid:k,...E})=>{const[V,M]=c(e);let z=V?new Date(V):null;for(var B=[],H=d||10,I=s||(new Date).getFullYear();I<=(new Date).getFullYear()+H;I++)B.push(I);let
|
|
1302
|
+
`,Dt=({defaultValue:e,onChange:l,inputType:o,onClick:i,placeHolder:a,value:r,disabled:n,startYear:s,endYearRange:d,iconProps:p,customHeaderStyle:m,timeBtnStyle:u,wrapperStyle:f,customIconContainerStyle:g,label:h,labelInline:y,labelStyle:C,required:w,errMsg:A,errMsgColor:S,isValid:k,...E})=>{const[V,M]=c(e);let z=V?new Date(V):null;for(var B=[],H=d||10,I=s||(new Date).getFullYear();I<=(new Date).getFullYear()+H;I++)B.push(I);let P={};switch(o){case"date":default:P.dateFormat="dd MMM, yyyy";break;case"month":P.dateFormat="MMMM yyyy",P.showMonthYearPicker=!0;break;case"year":P.dateFormat="yyyy",P.showYearPicker=!0;break;case"datetime-local":P.dateFormat="dd MMM yyyy, hh:mm a",P.showTimeSelect=!0,P.timeFormat="hh:mm a",P.timeIntervals=15,P.timeCaption="Time";break;case"time":P.showTimeSelect=!0,P.showTimeSelectOnly=!0,P.dateFormat="hh:mm a"}const W=b()||R,F={icon:"calender",color:W.variant["primary-1"],size:"16",...p};return t.createElement(qt,L({labelInline:y,errMsgColor:S,theme:W},E),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,L({customStyles:C,type:"label-text",labelInline:y,errMsg:A,text:h,style:{display:"flex",marginBottom:""+(y?"":"7px"),paddingBottom:"0px"}},E)),w&&t.createElement("div",{style:{marginLeft:"4px",color:`${W.variant.error}`}},"*")),t.createElement(Wt,L({theme:W},E,{wrapperStyle:f,isValid:k,disabled:n}),t.createElement(v,L({selected:z,disabled:n,customInput:t.createElement(Rt,{value:r,onClick:i,placeholder:a,theme:W},t.createElement(Ft,L({theme:W,value:r,onClick:i,timeBtnStyle:u,disabled:n},E),t.createElement("div",null,r||(a||"-- : -- --")),t.createElement(Tt,L({theme:W},E,{customIconContainerStyle:g,className:"input-icon"}),F.icon?t.createElement(_,F):null))),onChange:e=>{M(e);var t=null;t="datetime-local"==o?x(e).format("DD MMM YYYY, hh:mm A"):"date"==o?x(e).format("DD MMM, YYYY"):"year"==o?x(e).format("YYYY"):"month"==o?x(e).format("MMMM YYYY"):"time"==o?x(e).format("hh:mm A"):x(e).format("DD MMM, YYYY"),l(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:a},P,{renderCustomHeader:({date:e,changeYear:l,decreaseMonth:c,increaseMonth:i})=>{let a=x(e).format("MMMM");return t.createElement(Zt,L({theme:W},E,{inputType:o,customHeaderStyle:m}),"year"!==o?t.createElement("span",{style:{paddingLeft:"10px"},onClick:c},t.createElement(_,{icon:"chevron-left",color:"white",size:16})):null,t.createElement("b",null,"year"!==o?t.createElement("span",{style:{paddingRight:"5px"}},a):null," ",t.createElement("span",{className:"calender-year"},t.createElement("select",{value:e.getFullYear(),onChange:({target:{value:e}})=>l(e)},B.map((e=>t.createElement("option",{key:e,value:e},e)))))),"year"!==o?t.createElement("span",{style:{paddingRight:"10px"},onClick:i},t.createElement(_,{icon:"chevron-right",color:"white",size:16})):null)}},E))),A.length>0&&t.createElement("div",{className:"err-text"},A))};Dt.propTypes={defaultValue:e.string,onChange:e.func,inputType:e.string,onClick:e.func,placeHolder:e.string,value:e.string,disabled:e.bool,startYear:e.number,endYearRange:e.number,iconProps:e.object,customHeaderStyle:e.object,timeBtnStyle:e.object,wrapperStyle:e.object,customIconContainerStyle:e.object,label:e.string,labelStyle:e.object,labelInline:e.bool,errMsg:e.string,errMsgColor:e.string,isValid:e.bool},Dt.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const Ot=m.div`
|
|
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
|
-
`,Jt=({getValue:e,children:l,...o})=>{const c=e().length;return t.createElement(A.ValueContainer,L({"data-accordion":"contentClickFalse"},o),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,c>1&&t.createElement("span",{className:"text-more-alt"},"& ",c-1," more"))},Ut=({label:e,labelStyle:l,optionArr:o,selectedValue:c,setSelectedValue:i,placeHolder:r,isClearable:n,isValid:s,height:d,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:f,customWrapperStyles:g,customLabelStyles:h,isRequired:y,dropdownType:C,isDisabled:x,isLoading:v,id:w,iconName:S,iconStyles:k,iconColor:E,iconSize:V,showIndicator:M,leftIcon:z,leftIconColor:B,leftIconSize:H,backgroundColor:I,placeHolderColor:
|
|
1342
|
+
`,Jt=({getValue:e,children:l,...o})=>{const c=e().length;return t.createElement(A.ValueContainer,L({"data-accordion":"contentClickFalse"},o),t.createElement("span",{"data-accordion":"contentClickFalse"}),l,c>1&&t.createElement("span",{className:"text-more-alt"},"& ",c-1," more"))},Ut=({label:e,labelStyle:l,optionArr:o,selectedValue:c,setSelectedValue:i,placeHolder:r,isClearable:n,isValid:s,height:d,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:f,customWrapperStyles:g,customLabelStyles:h,isRequired:y,dropdownType:C,isDisabled:x,isLoading:v,id:w,iconName:S,iconStyles:k,iconColor:E,iconSize:V,showIndicator:M,leftIcon:z,leftIconColor:B,leftIconSize:H,backgroundColor:I,placeHolderColor:P,indicatorBackgroundColor:W,inputColor:Z,menuListFooter:T,customSelectStyles:j,errorMessage:q,maximumSelectOptionLimit:D,maximumSelectOptionLimitMessage:O,labelProps:G,...X})=>{const J=b()||R,U=e=>{const l={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px",boxSizing:"content-box"},o=t.createElement("div",{style:{...l,backgroundColor:e?.data?.color??J.primary["primary-1"]}},t.createElement(_,{icon:"check-icon",color:"white"})),c=t.createElement("div",{style:{...l,backgroundColor:"#e0e7ff"}});return console.log(e),t.createElement(A.Option,e,t.createElement("div",{"data-accordion":"contentClickFalse",style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},"further-details"!==e.value&&(e.isSelected?o:c),t.createElement("div",{className:"text-main-alt","data-accordion":"contentClickFalse",style:{marginLeft:"10px"}},e.label)))},Y=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},N={control:(e,t)=>({...e,border:s?I&&s?"1px solid "+I:"1px solid "+J.border:"1px solid "+J.ui.error,minWidth:"singleSelect"===C||"asyncSingleSelect"===C?"120px":"185px",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:t.isDisabled?J.variant["neutral-5"]:I||J.additional.white}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:P||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:W||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,fontSize:p+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:p+"px",width:"100%",minWidth:"singleSelect"===C||"asyncSingleSelect"===C?"120px":"185px"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto",marginRight:0,display:"grid"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto",display:"grid"}),input:e=>({...e,fontSize:p+"px",color:Z||"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},Q={DropdownIndicator:e=>{const l=t.createElement(A.DropdownIndicator,e,t.createElement(Xt,{"data-accordion":"contentClickFalse"},t.createElement(_,{icon:S,color:E,size:V,customstyles:k,"data-accordion":"contentClickFalse"})));return!0===M?l:null},ValueContainer:Jt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(A.ClearIndicator,e,n?t.createElement(Xt,{onClick:()=>{f(),e.clearValue()},"data-accordion":"contentClickFalse"},t.createElement(_,{icon:"cross-icon",color:"black",size:8,"data-accordion":"contentClickFalse"})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:o=null}=e.selectProps.components,c=e.getValue().length||0;return t.createElement(A.MenuList,L({},e,{"data-accordion":"contentClickFalse"}),c<D?t.createElement(a,null,e.children.length&&l,e.children,e.children.length&&o):t.createElement("div",{style:{margin:15}},O))},MenuListFooter:T};let K=null;switch(C){case"multiSelect":K=t.createElement(Yt,L({type:"multiSelect",MultiValue:Y,Option:U,value:c,CommonRenderedComponent:Q,optionArr:o,placeHolder:r,isDisabled:x,stylesComp:N,setSelectedValue:i,isLoading:v,id:w,isClearable:n},X));break;case"asyncSingleSelect":K=t.createElement(Nt,L({CommonRenderedComponent:Q,loadOptions:m,onInputChange:u,styles:N,placeholder:r,onChange:i,isLoading:v,isDisabled:x,id:w,value:c,isClearable:n},X));break;case"asyncMultiSelect":K=t.createElement(Nt,L({type:"asyncMultiSelect",CommonRenderedComponent:Q,MultiValue:Y,Option:U,onChange:i,placeholder:r,styles:N,isDisabled:x,isLoading:v,loadOptions:m,onInputChange:u,id:w,isClearable:n,value:c},X));break;default:K=t.createElement(Yt,L({type:"singleSelect",value:{value:c?c.value:"",label:c?c.label:""},CommonRenderedComponent:Q,optionArr:o,placeHolder:r,isDisabled:x,stylesComp:N,setSelectedValue:i,isLoading:v,id:w,isClearable:n},X))}return t.createElement(Ot,{style:g,backgroundColor:I,isValid:s,fontSize:p,theme:J,isDisabled:x},e&&t.createElement(Gt,{inBuiltCss:F,labelWrapperStyle:"selectComp-label-wrapper",style:h},t.createElement(lt,L({customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}},G)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${J.ui.error}`}},"*")),K,!s&&q)},Yt=({type:e,Option:l,value:o,CommonRenderedComponent:c,MultiValue:i,optionArr:a,placeHolder:r,isDisabled:n,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:b,...u})=>{let f={...c};return"multiSelect"===e&&(f.MultiValue=i,f.Option=l),t.createElement(w,L({className:"select-manage-page contentClickFalse",classNamePrefix:"new-select",name:"select-dropdown",components:f,options:a,placeholder:r,isDisabled:n,value:o,styles:s,onChange:d,isLoading:p,id:m,isClearable:b,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse"},u))},Nt=({CommonRenderedComponent:e,MultiValue:l,Option:o,type:c,id:i,styles:a,...r})=>{let n={...e};return"asyncMultiSelect"===c&&(n.MultiValue=l,n.Option=o),t.createElement(S,L({className:"select-manage-page contentClickFalse ",classNamePrefix:"new-select",name:"select-dropdown",components:n,isMulti:"asyncMultiSelect"===c,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==c,isSearchable:!0,styles:a,menuShouldScrollIntoView:!1,"data-accordion":"contentClickFalse",id:i},r))};Ut.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool,backgroundColor:e.string,placeHolderColor:e.string,inputColor:e.string,menuListFooter:e.any,customSelectStyles:e.object,maximumSelectOptionLimit:e.number,maximumSelectOptionLimitMessage:e.string,labelProps:e.object},Ut.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:{},customLabelStyles:{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0,customSelectStyles:{},maximumSelectOptionLimit:1e4,maximumSelectOptionLimitMessage:"Max limit achieved",labelProps:{}};const Qt=m.div`
|
|
1343
1343
|
//Set the styles from the default styles object
|
|
1344
1344
|
${({inBuiltCss:e,defaultStyles:t})=>Z(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 ol=({label:e,labelStyle:l,labelInline:o,required:i,message:a,fileArr:n,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:u,customFileNameStyles:f,backgroundColor:g,singleFile:h,messageSize:y,showSupportedFormats:C,file_extensions:x,maxFilesAmount:v,minFilesAmount:w,fileSizeLimit:A,fileSizeNamingConvention:S,errorMessages:k,suggesionMessage:E,MessagelabelStyle:V,dropValid:M,setDropValid:z,errorDetails:B,setErrorDetails:H,dropzoneContent:I,dropIcon:
|
|
1401
|
+
`;const ol=({label:e,labelStyle:l,labelInline:o,required:i,message:a,fileArr:n,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:u,customFileNameStyles:f,backgroundColor:g,singleFile:h,messageSize:y,showSupportedFormats:C,file_extensions:x,maxFilesAmount:v,minFilesAmount:w,fileSizeLimit:A,fileSizeNamingConvention:S,errorMessages:k,suggesionMessage:E,MessagelabelStyle:V,dropValid:M,setDropValid:z,errorDetails:B,setErrorDetails:H,dropzoneContent:I,dropIcon:P,iconColor:W,id:Z,customTooltipContentStyle:T={padding:"4px 12px",fontSize:"14px",width:"auto",maxWidth:"226px"},customStylesTPArightBefore:j,customStylesTPArightAfter:q,tooltipArrowColor:D,...O})=>{const G=b()||R;D=D||G.primary["primary-1"];const[X,J]=c(!1),U=r(),[Y,N]=c(M),[Q,K]=c("");let $;var ee=x;let te=new Map(ee.map((e=>[e.toLowerCase(),e])));te=Array.from(te.values()).join(", ");var le=!1,oe=C?"All file formats cannot be used with the files you provided.":"",ce="";1==h&&(w=1,v=1);var ie="Please upload (min."+w+" to max."+v+")files",ae=e=>{ce="";let t=[],l=[];var o=n.length;if(o+e.length<w||o+e.length>v){var c=`Please upload (minimum ${w} to maximum ${v} files)`;ce=k?.amount,ce=void 0!==ce?ce:c}if(""==ce)for(const[o,r]of Object.entries(e)){le=!0,r.name;let e=r.size,o=r.name.split(".");o=o[o.length-1],le=ee.includes(o.toLowerCase());var i=1024;("MB"===S||"GB"===S||"TB"===S)&&(i*=1024);var a=e/i;if(!1===le&&(ce=k?.format,ce=ce||oe),a>A&&le){le=!1;c="Each file must be under "+A+" "+S;ce=k?.size,ce=void 0!==ce?ce:c}le?($=URL.createObjectURL(r),r.path=$,t.push(r)):l.push(r)}return ce.length>0?(z(!1),H({valid:!1,errorMessage:ce,errorFiles:l}),N(M),K(ce)):(z(!0),N(M),K(""),H({valid:!0,errorMessage:"",errorFiles:[]})),t};function re(e){e.preventDefault(),e.stopPropagation()}function ne(e,t){let l=[...n,...e];return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),s(l),J(!1),l}function se(e,t){if(e instanceof File){const t=n.findIndex((t=>t.name===e.name));let l=n[t].path;URL.revokeObjectURL(l);const o=n.filter((t=>t.name!==e.name));s(o)}else!function(e){const t=n.filter((t=>t.name!==e.name));s(t),d(e)}(e)}const de=t.createElement("div",null,te),pe=x.map((e=>`.${e}`)).join(",");return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(lt,L({customStyles:l,type:"label-text",labelInline:o,text:e,style:{display:"flex",marginBottom:`${o?0:"8px"}`,paddingBottom:"0px"}},O)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${G.variant.error}`}},"*")),t.createElement(Qt,{theme:G,inBuiltCss:F,defaultStyles:"dropzone-parent",backgroundColor:g,customDropzoneStyles:M?p:{},onDragLeave:function(e){re(e),J(!1)},onDragOver:function(e){re(e),J(!0)},onDrop:function(e){re(e);const{files:t}=e.dataTransfer;var l=ae(t);J(!0),O.onFilesAdded(ne(l,h))},onClick:function(){U.current.click()},hover:X,dropValid:M,fileArr:n},t.createElement($t,L({ref:U,valid:Y,dropValid:M,type:"file",accept:pe,id:Z,multiple:!h,onChange:function(e){let{files:t}=e.target;J(!1);var l=ae(t);l&&O.onFilesAdded(ne(l,h))},onClick:e=>e.target.value=null},O)),M?t.createElement(t.Fragment,null,P?t.createElement(_,{icon:P,color:X?G.additional.white:W,size:24}):t.createElement(_,{icon:"file-upload",color:X?G.additional.white:G.primary["primary-1"],size:24})):null,t.createElement(_t,{dropValid:M,valid:Y,hover:X,backgroundColor:g,customTextStyles:u,inBuiltCss:F,defaultStyles:"dropzone-text-div"},M?t.createElement(t.Fragment,null,I?t.createElement("div",{style:{color:X?G.additional.white:null}},I):t.createElement("div",null,t.createElement("span",{style:{color:X?G.additional.white:G.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:X?G.additional.white:G.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:X?G.additional.white:G.additional["text-color"]}},"drag ",h?"it":"them"," here"))):t.createElement("div",null,t.createElement("span",{style:{color:G.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:G.additional["text-color"]}},Q||a)))),Q===oe||k.format?t.createElement("div",{style:{display:"flex"}},t.createElement(lt,L({themeColor:R,customStyles:V,type:"label-text",labelInline:o,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},O)),t.createElement(Ne,{contentTrigger:t.createElement("span",{style:{cursor:"pointer"}},"Click here to view the supported file types"),headerTooltip:"",contentTooltip:de,footerTooltip:"",popperOptionsP:{placement:"bottom"},settings:{closeOnOutsideClick:!0,trigger:"click"},customTriggerStyle:{marginTop:"8px",marginLeft:"4px",textDecoration:"underline",color:G.variant["primary-1"]},customBodyStyle:{wordWrap:"break-word"},customContentStyle:T,customStylesTPArightBefore:j,customStylesTPArightAfter:q,customStylesTPAbottomBefore:{borderColor:`transparent transparent ${D} transparent`,marginTop:"1px"},customStylesTPAbottomAfter:{display:"none"}})):"The file size is not uploaded"===Q?t.createElement(lt,L({themeColor:R,customStyles:V,type:"label-text",labelInline:o,text:ie,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},O)):"",n?.map(((e,l)=>t.createElement(Kt,{inBuiltCss:F,defaultStyles:"dropzone-file-div",key:`${e}-${l}`,customFileStyles:m},t.createElement(tl,null,t.createElement(_,{icon:"file-icon",color:G.primary["primary-1"]})),(File,t.createElement("a",{style:{color:G.variant["primary-1"],marginLeft:"5px",overflow:"hidden"},href:e?.path,target:"_blank",rel:"noreferrer",download:e.name}," ",e.name)),t.createElement(ll,null,e?.otherInfo),t.createElement(el,{key:101*Math.random()|0},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(_,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:G.primary["primary-1"]})),t.createElement(_,{icon:"cross-icon",color:G.neutral["neutral-2"],size:13,onClick:()=>se(e),customstyles:{cursor:"pointer"}}))))))};ol.propTypes={onFilesAdded:e.func,dropValid:e.bool,setDropValid:e.func,message:e.string,fileArr:e.array,setFileArr:e.func,customDropzoneStyles:e.object,customFileStyles:e.object,customTextStyles:e.object,customFileNameStyles:e.object,backgroundColor:e.string,messageSize:e.number,maxFilesAmount:e.number,minFilesAmount:e.number,fileSizeLimit:e.number,fileSizeNamingConvention:e.string,showSupportedFormats:e.bool,file_extensions:e.array,errorMessages:e.object,suggesionMessage:e.any,MessagelabelStyle:e.object,id:e.string,dropzoneContent:e.any,dropIcon:e.string,iconColor:e.string,singleFile:e.bool,customTooltipContentStyle:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object},ol.defaultProps={onFilesAdded:()=>null,dropValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},errorDetails:{},setErrorDetails:()=>{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",maxFilesAmount:5,minFilesAmount:1,fileSizeLimit:10,fileSizeNamingConvention:"MB",showSupportedFormats:!0,file_extensions:["doc","docx","jpg","JPG","pdf","png","xlsx","xlsr","xls"],errorMessages:{},MessagelabelStyle:{},suggesionMessage:"doc, docx, jpg, pdf, png, xlsx, xlsr, xls (Max 10MB)",id:"",iconColor:"black"};const cl=u`
|
|
1402
1402
|
pointer-events: none;
|
|
1403
1403
|
`,il=m.input`
|
|
1404
1404
|
background-color: transparent;
|
|
@@ -1685,14 +1685,14 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1685
1685
|
display: flex;
|
|
1686
1686
|
gap: 7px;
|
|
1687
1687
|
align-items: center;
|
|
1688
|
-
`,
|
|
1688
|
+
`,Pl=m.div`
|
|
1689
1689
|
${({labelInline:e})=>e?Il:null}
|
|
1690
1690
|
.err-text {
|
|
1691
1691
|
color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
|
|
1692
1692
|
margin-top: 5px;
|
|
1693
1693
|
font-size: 10px;
|
|
1694
1694
|
}
|
|
1695
|
-
`,
|
|
1695
|
+
`,Wl=({textBoxStyle:e,labelStyle:l,inputStyle:o,errMsg:c,required:i,label:a,labelInline:r,iconBefore:n,iconAfter:s,isValid:d,type:p,isDisabled:m,id:u,errMsgColor:f,iconAfterStyle:g,iconBeforeStyle:h,ref:y,pattern:C,iconColorOnFocus:x,labelProps:v,...w})=>{const A=b()||R;return t.createElement(Pl,L({labelInline:r,theme:A,errMsgColor:f},w),t.createElement(lt,L({customStyles:l,type:"label-text",labelInline:r,text:a,errMsg:c,style:{display:"flex",marginBottom:`${r?0:"8px"}`,paddingBottom:"0px"},required:i},w,v)),t.createElement(Bl,L({required:i,isDisabled:m,theme:A,textBoxStyle:e,isValid:d,inBuiltCss:F,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:x},w),t.createElement("div",{className:"input-icon",style:{...h}},n),t.createElement(Hl,L({inputStyle:o,type:p,theme:A,id:u,defaultInputStyle:"input-wrapper",isDisabled:m,disabled:m,ref:y,pattern:C},w)),t.createElement("div",{className:"input-icon",style:{...g}},s)),c.length>0&&t.createElement("div",{className:"err-text"},c))};Wl.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,id:e.string,errMsgColor:e.string,iconAfterStyle:e.object,iconBeforeStyle:e.object,iconColorOnFocus:e.string,labelProps:e.object},Wl.defaultProps={inBuiltCss:F,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:"",labelProps:{}};const Rl=({label:e,placeholder:l,handleSearch:o,searchInput:c,customStylesForm:i,customStyleObject:a,textBoxStyle:r,id:n,...s})=>t.createElement(Wl,L({iconAfter:t.createElement(_,{icon:"magnifier-icon"}),label:e,textBoxStyle:r,placeholder:l,ref:c,onChange:o,id:n},s)),Fl=m.div`
|
|
1696
1696
|
//Set the styles from the default styles object
|
|
1697
1697
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>Z(e,t)}
|
|
1698
1698
|
|
|
@@ -2237,13 +2237,13 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
2237
2237
|
`,Io=m.div`
|
|
2238
2238
|
display: flex;
|
|
2239
2239
|
justify-content: flex-end;
|
|
2240
|
-
`,
|
|
2240
|
+
`,Po=m.div`
|
|
2241
2241
|
display: flex;
|
|
2242
2242
|
justify-content: center;
|
|
2243
2243
|
flex-direction: row;
|
|
2244
2244
|
align-items: flex-start;
|
|
2245
2245
|
gap: 20px;
|
|
2246
|
-
`,
|
|
2246
|
+
`,Wo=m.div`
|
|
2247
2247
|
width: 48;
|
|
2248
2248
|
max-width: 48%;
|
|
2249
2249
|
min-width: 48%;
|
|
@@ -2556,7 +2556,7 @@ svg {
|
|
|
2556
2556
|
.form-check-input {
|
|
2557
2557
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
2558
2558
|
}
|
|
2559
|
-
`,Vc=({customStyles:e,inBuiltCss:l,type:o="table",sortIcon:c,data:i,tableColumns:a,progressPending:r,defaultSortFieldId:n,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:u,fixedHeader:f,fixedHeaderScrollHeight:g,checkboxColor:h,...y})=>{let C={};if(l&&l[o]&&(C=l[o]),e)for(const t in e)C[t]=e[t];const x=b()||R,v=t.forwardRef((({onClick:e,...l},o)=>t.createElement(Ec,{theme:x},t.createElement("input",L({type:"checkbox",className:"form-check-input",ref:o,onClick:e},l)))));return t.createElement(E,L({responsive:m,data:i,columns:a,noHeader:!0,highlightOnHover:!0,sortIcon:c,progressPending:r,customStyles:C,defaultSortFieldId:n,progressComponent:p||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:u,fixedHeader:f,fixedHeaderScrollHeight:g,selectableRowsComponent:v},y))};Vc.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},Vc.defaultProps={inBuiltCss:F,sortIcon:t.createElement(_,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,l)=>{},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100%"};const Mc=({title:e,subtitle:l,wrapperStyle:o,imgLink:c,imgStyle:i,iconSize:a})=>{const r=b()||R,n={fontSize:"26px",fontWeight:"bold",color:`${r.additional["text-color"]}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${r.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:o},t.createElement("div",{style:n},c?t.createElement("img",{src:c,alt:"userIcon",style:i}):t.createElement(_,{icon:"user-icon",size:a,color:r.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,l)))};Mc.propTypes={size:e.number},Mc.defaultProps={iconSize:23};const Lc=({formData:e,customStyles:l,...o})=>{const c=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(ec,L({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(lt,L({style:{marginBottom:"8px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(
|
|
2559
|
+
`,Vc=({customStyles:e,inBuiltCss:l,type:o="table",sortIcon:c,data:i,tableColumns:a,progressPending:r,defaultSortFieldId:n,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:u,fixedHeader:f,fixedHeaderScrollHeight:g,checkboxColor:h,...y})=>{let C={};if(l&&l[o]&&(C=l[o]),e)for(const t in e)C[t]=e[t];const x=b()||R,v=t.forwardRef((({onClick:e,...l},o)=>t.createElement(Ec,{theme:x},t.createElement("input",L({type:"checkbox",className:"form-check-input",ref:o,onClick:e},l)))));return t.createElement(E,L({responsive:m,data:i,columns:a,noHeader:!0,highlightOnHover:!0,sortIcon:c,progressPending:r,customStyles:C,defaultSortFieldId:n,progressComponent:p||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:u,fixedHeader:f,fixedHeaderScrollHeight:g,selectableRowsComponent:v},y))};Vc.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},Vc.defaultProps={inBuiltCss:F,sortIcon:t.createElement(_,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,l)=>{},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100%"};const Mc=({title:e,subtitle:l,wrapperStyle:o,imgLink:c,imgStyle:i,iconSize:a})=>{const r=b()||R,n={fontSize:"26px",fontWeight:"bold",color:`${r.additional["text-color"]}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${r.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:o},t.createElement("div",{style:n},c?t.createElement("img",{src:c,alt:"userIcon",style:i}):t.createElement(_,{icon:"user-icon",size:a,color:r.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,l)))};Mc.propTypes={size:e.number},Mc.defaultProps={iconSize:23};const Lc=({formData:e,customStyles:l,...o})=>{const c=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(ec,L({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(lt,L({style:{marginBottom:"8px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(Wl,L({},e,o)))(e);case"textArea":return(e=>t.createElement(Yl,L({},e,o)))(e);case"number":return(e=>t.createElement(Cl,L({},e,o)))(e);case"radio":return(e=>t.createElement(zl,L({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(ft,L({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Ut,L({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Ut,L({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Ut,L({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Ut,L({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(Ol,L({},e,o)))(e);case"fileUpload":return(e=>t.createElement(ol,L({},e,o)))(e);case"date":return(e=>t.createElement(Pt,L({},e,o)))(e);case"paginationTypeTwo":return(e=>t.createElement(yc,L({},e,o)))(e);case"toggle":return(e=>t.createElement(ro,L({},e,o)))(e);case"icon":return(e=>t.createElement(_,L({},e,o)))(e);case"roundedLoader":return(e=>t.createElement(ue,L({},e,o)))(e);case"alert":return(e=>t.createElement(ie,L({},e,o)))(e);case"banner":return(e=>t.createElement(qe,L({},e,o)))(e);case"divider":return(e=>t.createElement(To,L({},e,o)))(e);case"headerComponent":case"headerComponent":return(e=>t.createElement(Mc,L({},e,o)))(e);case"documentCard":return(e=>t.createElement(N,L({},e,o)))(e);case"imageUploader":return(e=>t.createElement(ul,L({},e,o)))(e);case"accordion":return(e=>t.createElement(te,L({},e,o)))(e);case"content":return(e=>t.createElement(Co,L({},e,o)))(e);case"rating":return(e=>t.createElement(kc,L({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(xe,L({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(Ae,L({},e,o)))(e);case"buttonTiny":return(e=>t.createElement(ke,L({},e,o)))(e);case"buttonLink":return(e=>t.createElement(he,L({},e,o)))(e);case"search":return(e=>t.createElement(Rl,L({},e,o)))(e);case"table":return(e=>t.createElement(Vc,L({},e,o)))(e);case"passwordInput":return(e=>t.createElement(Sl,L({},e,o)))(e)}};return t.createElement(a,null,t.createElement(Ho,{defaultThemeColor:R},t.createElement(Fo,{onSubmit:()=>{},customStyles:l},e.map(((e,l)=>e.length>1?t.createElement(Po,null,e.map(((l,o)=>t.createElement(Wo,{cols:e.length},c(l))))):c(e[0]))))))},zc=({formData:e,onSubmit:l,onReset:o,style:c,...i})=>{const r=e=>{switch(e.type){case"submit":return(e=>t.createElement(xe,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>t.createElement(Ae,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Io,{style:c},e&&e.map(((e,t)=>e.map(((e,t)=>r(e)))))))};const Bc=g`
|
|
2560
2560
|
@font-face {
|
|
2561
2561
|
font-family: "Averta";
|
|
2562
2562
|
font-weight: 100;
|
|
@@ -2678,7 +2678,7 @@ svg {
|
|
|
2678
2678
|
margin: 0;
|
|
2679
2679
|
margin-left: 7px;
|
|
2680
2680
|
font-size: 16px;
|
|
2681
|
-
`,
|
|
2681
|
+
`,Pc=({items:e,size:l,variantCircle:o,variantName:c,variantQty:i,user:a,colorCircle:r,colorBorderCircle:n,...s})=>{const d=b()||R;return t.createElement(Hc,s,e?.map(((i,a)=>{let s={},p={};return s.backgroundColor=r?`${d.variant[r]}`:`${d.variant[o]}`,0!==a&&(s.border=n?`2px solid ${n}`:`2px solid ${d.variant[o]}`,p.border=n?`2px solid ${n}`:`2px solid ${d.variant[o]}`),1===e.length?t.createElement(Ie,{key:i.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${d.variant[{variantName:c}]}`},size:l,toggleName:!0,user:i,customStylesCircle:s,customStylesImage:p}):a<=3?t.createElement(Ie,{key:i.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${d.variant[{variantName:c}]}`},size:l,toggleName:!1,user:i,customStylesCircle:s,customStylesImage:p}):null})),e.length-4>0?t.createElement(Ic,{theme:d,variantQty:i},"+",e.length-4):null)};Pc.propTypes={variantCircle:e.string,variantName:e.string,size:e.oneOf(["SM","MD","LG"]),user:e.object,theme:e.object,colorCircle:e.string,colorBorderCircle:e.string,variantQty:e.string},Pc.defaultProps={variantCircle:"primary-1",variantName:"primary-2",size:"MD",user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const Wc=m.div`
|
|
2682
2682
|
max-width: inherit;
|
|
2683
2683
|
width: inherit;
|
|
2684
2684
|
font-size: 14px;
|
|
@@ -2724,7 +2724,7 @@ svg {
|
|
|
2724
2724
|
justify-content: space-evenly;
|
|
2725
2725
|
flex-grow: 1;
|
|
2726
2726
|
align-items: stretch;
|
|
2727
|
-
`,Zc=({label:e,index:l,style:o,items:c,variant:i,borderVariant:a,bgVariant:r,variantDisable:n,variantBgDisable:s,disabled:d,divider:p,indexPrefix:m,onClick:u,icon:f,variantTPtext:g,variantTPbg:h,...C})=>{b();const{getArrowProps:x,getTooltipProps:v,setTooltipRef:w,setTriggerRef:A,visible:S}=y();return t.createElement(t.Fragment,null,t.createElement(Fc,{ref:A},t.createElement(Rc,{variant:i,borderVariant:a,bgVariant:r,variantDisable:n,variantBgDisable:s,disabled:d,onClick:d?null:()=>{u(u)}},f),p),S&&t.createElement(
|
|
2727
|
+
`,Zc=({label:e,index:l,style:o,items:c,variant:i,borderVariant:a,bgVariant:r,variantDisable:n,variantBgDisable:s,disabled:d,divider:p,indexPrefix:m,onClick:u,icon:f,variantTPtext:g,variantTPbg:h,...C})=>{b();const{getArrowProps:x,getTooltipProps:v,setTooltipRef:w,setTriggerRef:A,visible:S}=y();return t.createElement(t.Fragment,null,t.createElement(Fc,{ref:A},t.createElement(Rc,{variant:i,borderVariant:a,bgVariant:r,variantDisable:n,variantBgDisable:s,disabled:d,onClick:d?null:()=>{u(u)}},f),p),S&&t.createElement(Wc,L({variantTPtext:g,variantTPbg:h,ref:w},v({className:"tooltip-container"})),e,t.createElement("div",x({className:"tooltip-arrow"}))))};Zc.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},Fc.defaultProps={theme:R},Rc.defaultProps={theme:R},Wc.defaultProps={theme:R},Zc.defaultProps={theme:R,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"white",variantDisable:"neutral-2",variantBgDisable:"white",variantTPtext:null,variantTPbg:null};const Tc=m.div`
|
|
2728
2728
|
display: flex;
|
|
2729
2729
|
justify-content: space-evenly;
|
|
2730
2730
|
align-items: stretch;
|
|
@@ -2988,7 +2988,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
2988
2988
|
fill: #929EAC;
|
|
2989
2989
|
}
|
|
2990
2990
|
}
|
|
2991
|
-
`,Si=({block:e,style:l,variant:o,borderVariant:c,disabled:i,...a})=>(b(),t.createElement(Ai,L({block:e,variant:o,borderVariant:c,type:"button",style:l,disabled:i},a),a.children));Si.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Ai.defaultProps={theme:R},Si.defaultProps={theme:R,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const ki={width:"auto",padding:0,boxShadow:"none",background:"transparent"},Ei={background:"transparent",border:"none",color:"white",fontSize:"16px",boxShadow:"none",borderRadius:0,padding:"8px 0 8px"},Vi={borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:0,background:"transparent",borderRadius:0,boxShadow:"none"},Mi={float:"right",marginRight:"8px",marginTop:"3px"},Li={boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},zi={padding:0,boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Bi={transition:"height ease 0.2s",overflow:"hidden",padding:"0",backgroundColor:"transparent",color:"white",position:"relative",boxShadow:"none"},Hi={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",fontWeight:"600"},Ii={wordBreak:"break-word",paddingRight:"16px",fontWeight:"600"},
|
|
2991
|
+
`,Si=({block:e,style:l,variant:o,borderVariant:c,disabled:i,...a})=>(b(),t.createElement(Ai,L({block:e,variant:o,borderVariant:c,type:"button",style:l,disabled:i},a),a.children));Si.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Ai.defaultProps={theme:R},Si.defaultProps={theme:R,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const ki={width:"auto",padding:0,boxShadow:"none",background:"transparent"},Ei={background:"transparent",border:"none",color:"white",fontSize:"16px",boxShadow:"none",borderRadius:0,padding:"8px 0 8px"},Vi={borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:0,background:"transparent",borderRadius:0,boxShadow:"none"},Mi={float:"right",marginRight:"8px",marginTop:"3px"},Li={boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},zi={padding:0,boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Bi={transition:"height ease 0.2s",overflow:"hidden",padding:"0",backgroundColor:"transparent",color:"white",position:"relative",boxShadow:"none"},Hi={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",fontWeight:"600"},Ii={wordBreak:"break-word",paddingRight:"16px",fontWeight:"600"},Pi={padding:"0px 16px 0 0",marginLeft:"30px",height:"auto"},Wi=m.div`
|
|
2992
2992
|
display: flex;
|
|
2993
2993
|
flex-direction: column;
|
|
2994
2994
|
height: ${({toggleSideBarOpen:e})=>"100vh"};
|
|
@@ -3079,7 +3079,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3079
3079
|
p {
|
|
3080
3080
|
margin: 0;
|
|
3081
3081
|
}
|
|
3082
|
-
`,ji=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:r,notSelectedStyle:n,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:g,setRouterObject:h,notificationCircleStyles:y,singleLine:C=!0,customFontColor:x,sortByCore:v=!1,setInvalidPath:w,bottomIconProps:A,iconForBottom:S,staticBottom:k=!0})=>{const E=b()||R,[V,M]=c(null),[z,B]=c(!1),[H,I]=c([]);if(v){l.sort(((e,t)=>(!0===e.core?1:!1===e.core?0:-1)-(!0===t.core?1:!1===t.core?0:-1)));for(let e of l)if(!0===e.core&&"dynamic-bottom"!==e.type){e.border=!0;break}}let
|
|
3082
|
+
`,ji=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:r,notSelectedStyle:n,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:g,setRouterObject:h,notificationCircleStyles:y,singleLine:C=!0,customFontColor:x,sortByCore:v=!1,setInvalidPath:w,bottomIconProps:A,iconForBottom:S,staticBottom:k=!0})=>{const E=b()||R,[V,M]=c(null),[z,B]=c(!1),[H,I]=c([]);if(v){l.sort(((e,t)=>(!0===e.core?1:!1===e.core?0:-1)-(!0===t.core?1:!1===t.core?0:-1)));for(let e of l)if(!0===e.core&&"dynamic-bottom"!==e.type){e.border=!0;break}}let P=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;i((()=>{I(m?.split("/")||[]),h({});let e=m?.split("/")||[],t=l&&l.find((t=>e[1]===t.path?.split("/")[1]));W(t);try{w&&!t.id&&w(!0)}catch(e){console.log("e",e)}g(t?.id||null)}),[m]),i((()=>{!o&&B(!1),!o&&M(null)}),[o]);const W=e=>{if(e?.path===m){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),h(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>W(e)))};let F=C?Hi:Ii;const Z=(e,l,o)=>{let c=e?.path.split("/"),i=c.length;if(e.routes&&e.routes.length>0){let a=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return t.createElement(le,{key:e?.id+l,showIcon:!!a,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`},onClick:()=>{e?.queryParams?!a&&u(e.path,e.queryParams):!a&&u(e.path,"")}},t.createElement("span",{style:{visibility:3===i&&H[2]===c[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x||E.additional.white,flexShrink:0}}),t.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===i&&H[2]===c[2]?"bold":"normal",color:x||E.variant.white}}," ",e?.link)),isAccordionOpen:m.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:t.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>Z(e,t,o+8)))),customStylesAccordionContainer:ki,customStylesAccordionToggle:{cursor:"pointer",...Ei},customStylesAccordionContent:Vi,showIconInfo:!1,customWrapperStyles:Mi})}return t.createElement(Ti,{singleLine:C,listElementStyle:d,customFontColor:x,key:e?.id+l,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:E},t.createElement("span",{className:"selected-disk",style:{visibility:i<=3&&m===e?.path&&H[H.length-1]?.toLowerCase()===c[i-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:o-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:i>3&&m===e?.path?d?.selectedChildBG||E.additional.white:"transparent",fontWeight:i<=3&&m===e?.path&&H[H.length-1]?.toLowerCase()===c[i-1]?.toLowerCase()?"bold":"normal",color:x||E.variant.white}}," ",e?.link))};return t.createElement(Wi,{onClick:()=>B(!0),onMouseEnter:()=>B(!0),onMouseLeave:()=>{M(null),B(!1)},toggleSideBarOpen:o},t.createElement(Fi,{theme:E,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Zi,{toggleSideBarOpen:o,staticLayerNo:P},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,c)=>t.createElement("div",{className:"service-layer",key:e?.value+c,onClick:()=>{M(c)},style:{backgroundColor:e?.value?.toLowerCase()===H[1]?.toLowerCase()?p:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?t.createElement(le,{index:c,underMaintenance:e.maintenance,isAccordionOpen:c===V||z&&e?.value?.toLowerCase()===H[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===H[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...Li,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...zi},customStylesAccordionContent:Bi,contentToggle:t.createElement(Ze,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...F,color:e.maintenance?E.variant["neutral-3"]:x||E.variant.white},customStylesCircle:{background:x||"inherit"},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:E.variant["neutral-3"]}):l.length-1===c&&k?t.createElement(_,L({icon:S||"person",size:20,color:E.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},A)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===H[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Pi},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>Z(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(Ze,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:{...F,color:x||"inherit"},customStylesCircle:{background:x||"inherit"},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:E.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:t.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?E.variant["neutral-3"]:x||E.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Ri}},e.label)))))))},qi=m.div`
|
|
3083
3083
|
background-color: ${({theme:e,containerBackgroundColorDynamic:t,containerBackgroundColor:l})=>t?l:e.variant["primary-1"]} !important;
|
|
3084
3084
|
color: ${({theme:e})=>e.additional.white};
|
|
3085
3085
|
overflow-y: hidden;
|
|
@@ -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})=>ua[e].fontSize};
|
|
3336
3336
|
line-height: ${({size:e})=>ua[e].lineHeight};
|
|
3337
|
-
`,ga=({size:e,children:l,bg:o,text:c,...i})=>{const a=b()||R;return t.createElement(fa,L({theme:a,bg:o,text:c,size:e},i),t.createElement(Bc,{theme:a}),l)};ga.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},ga.defaultProps={size:"md"};export{te as Accordion,le as AccordionSB,Mo as ActionContainer,Bo as ActionItem,ie as Alert,Ve as ArrowBar,Ie as Avatar,Ze as AvatarSB,qe as Banner,et as Breadcrumb,Zc as ButtonPopup,D as Card,G as CardRef,ft as CheckBoxInput,st as ChipsInput,yt as ColorInput,ho as Comment,Co as Content,vt as CountryCodedPhoneInput,vi as DarkSecondaryLink,
|
|
3337
|
+
`,ga=({size:e,children:l,bg:o,text:c,...i})=>{const a=b()||R;return t.createElement(fa,L({theme:a,bg:o,text:c,size:e},i),t.createElement(Bc,{theme:a}),l)};ga.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},ga.defaultProps={size:"md"};export{te as Accordion,le as AccordionSB,Mo as ActionContainer,Bo as ActionItem,ie as Alert,Ve as ArrowBar,Ie as Avatar,Ze as AvatarSB,qe as Banner,et as Breadcrumb,Zc as ButtonPopup,D as Card,G as CardRef,ft as CheckBoxInput,st as ChipsInput,yt as ColorInput,ho as Comment,Co as Content,vt as CountryCodedPhoneInput,vi as DarkSecondaryLink,Pt as DateSelect,Dt as DateTime,To as Divider,N as DocumentCard,ne as DotPulseLoader,qo as Drawer,Ut as DropdownSelect,ol as DropzoneInput,sl as EditableInput,Do as ErrorBoundary,Xo as FilterChip,Uo as Footer,$o as FooterContent,Lc as FormComponent,Ho as FormContainer,Fo as FormWrapper,Pc as GroupAvatars,Dc as GroupButtons,Jc as GroupButtonsPopup,$c as GroupStatusCircle,ec as Header,Mc as HeaderComponent,ti as HyperLink,_ as Icon,Le as Image,ul as ImageUploader,lt as Label,Si as LightSecondaryLink,he as LinkButton,pe as Loader,ni as ModalComp,Wo as MultiColumnDiv,Po as MultiColumnWrapper,ji as Navbar,Cl as NumericInput,di as Overlay,Lo as OverlayOptionContainer,zo as OverlayOptionItemLabel,xo as PageContent,nc as Pagination,dc as PaginationDefault,yc as PaginationTypeTwo,Sl as PasswordInput,xe as PrimaryButton,Ji as PrimaryStatusChip,bi as ProgressBar,yi as ProgressSteps,zl as RadioInput,kc as Rating,ue as RoundedLoader,Rl as SearchInput,Ae as SecondaryButton,Ni as SecondaryStatusChip,Oi as Sidebar,Ol as SignatureInput,$i as SlimPrimaryStatusChip,ta as SlimSecondaryStatusChip,Yc as StatusCircle,Ao as StyledCentralBar,wo as StyledClearSearch,ko as StyledCreateRow,Eo as StyledRow,vo as StyledRowSearch,Vo as StyledSearchRow,So as StyledWarning,Io as SubmitButtonContainer,zc as SubmitComponent,Vc as Table,aa as Tabs,Yl as TextArea,Wl as TextInput,lo as TimeInput,ke as TinyButton,ma as ToastProvider,ro as ToggleSwitch,Ne as Tooltip,ga as Typography,W as additionalColors,j as createDarker,F as defaultStyles,R as defaultThemeColor,Z as getDefaultStyles,P as graphColor,T as hexToRGB,H as neutralColor,z as primaryColor,I as shadeColor,B as uiColor,ba as useToast};
|
package/dist/index.js
CHANGED
|
@@ -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:y,isRequired:C,dropdownType:x,isDisabled:v,isLoading:w,id:A,iconName:S,iconStyles:k,iconColor:V,iconSize:M,showIndicator:B,leftIcon:L,leftIconColor:z,leftIconSize:H,backgroundColor:W,placeHolderColor:R,indicatorBackgroundColor:T,inputColor:F,menuListFooter:Z,customSelectStyles:j,errorMessage:q,maximumSelectOptionLimit:D,maximumSelectOptionLimitMessage:O,...
|
|
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:y,isRequired:C,dropdownType:x,isDisabled:v,isLoading:w,id:A,iconName:S,iconStyles:k,iconColor:V,iconSize:M,showIndicator:B,leftIcon:L,leftIconColor:z,leftIconSize:H,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===B?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:y},g.default.createElement($e,E({customStyles:a,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}},G)),C&&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
|
|
|
@@ -1692,7 +1692,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1692
1692
|
margin-top: 5px;
|
|
1693
1693
|
font-size: 10px;
|
|
1694
1694
|
}
|
|
1695
|
-
`,zl=({textBoxStyle:e,labelStyle:t,inputStyle:a,errMsg:o,required:r,label:c,labelInline:i,iconBefore:n,iconAfter:d,isValid:s,type:p,isDisabled:u,id:f,errMsgColor:m,iconAfterStyle:b,iconBeforeStyle:h,ref:y,pattern:C,iconColorOnFocus:x,...
|
|
1695
|
+
`,zl=({textBoxStyle:e,labelStyle:t,inputStyle:a,errMsg:o,required:r,label:c,labelInline:i,iconBefore:n,iconAfter:d,isValid:s,type:p,isDisabled:u,id:f,errMsgColor:m,iconAfterStyle:b,iconBeforeStyle:h,ref:y,pattern:C,iconColorOnFocus:x,labelProps:v,...w})=>{const A=l.useTheme()||I;return g.default.createElement(Ll,E({labelInline:i,theme:A,errMsgColor:m},w),g.default.createElement($e,E({customStyles:t,type:"label-text",labelInline:i,text:c,errMsg:o,style:{display:"flex",marginBottom:`${i?0:"8px"}`,paddingBottom:"0px"},required:r},w,v)),g.default.createElement(Vl,E({required:r,isDisabled:u,theme:A,textBoxStyle:e,isValid:s,inBuiltCss:P,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:x},w),g.default.createElement("div",{className:"input-icon",style:{...h}},n),g.default.createElement(Ml,E({inputStyle:a,type:p,theme:A,id:f,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u,ref:y,pattern:C},w)),g.default.createElement("div",{className:"input-icon",style:{...b}},d)),o.length>0&&g.default.createElement("div",{className:"err-text"},o))};zl.propTypes={inBuiltCss:b.default.object,label:b.default.string,required:b.default.bool,labelInline:b.default.bool,errMsg:b.default.string,iconBefore:b.default.any,iconAfter:b.default.any,textBoxStyle:b.default.object,labelStyle:b.default.object,inputStyle:b.default.object,type:b.default.string,isDisabled:b.default.bool,id:b.default.string,errMsgColor:b.default.string,iconAfterStyle:b.default.object,iconBeforeStyle:b.default.object,iconColorOnFocus:b.default.string,labelProps:b.default.object},zl.defaultProps={inBuiltCss:P,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:"",labelProps:{}};const Hl=({label:e,placeholder:t,handleSearch:l,searchInput:a,customStylesForm:o,customStyleObject:r,textBoxStyle:c,id:i,...n})=>g.default.createElement(zl,E({iconAfter:g.default.createElement(Q,{icon:"magnifier-icon"}),label:e,textBoxStyle:c,placeholder:t,ref:a,onChange:l,id:i},n)),Il=h.default.div`
|
|
1696
1696
|
//Set the styles from the default styles object
|
|
1697
1697
|
${({inBuiltCss:e,defaultParentDivStyle:t})=>W(e,t)}
|
|
1698
1698
|
|