groundfloor-react-ui 1.0.2 → 1.0.3
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/components/Footer/FooterContent.js +1 -0
- package/components/Inputs/DropdownSelect.js +171 -174
- package/components/Inputs/DropzoneInput.js +2 -4
- package/components/Modal/ModalComp.js +5 -4
- package/components/constants/defaultStyle.js +2 -4
- package/dist/index.es.js +23 -23
- package/dist/index.js +83 -83
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{forwardRef as t,useState as o,useRef as r,useEffect as l,Component as i,Fragment as a,createRef as n}from"react";import c from"prop-types";import s,{css as d,useTheme as p,keyframes as m,createGlobalStyle as u}from"styled-components";import{ReactSVG as g}from"react-svg";import f from"react-datepicker";import"react-datepicker/dist/react-datepicker.css";import b from"react-signature-pad-wrapper";import h,{components as y}from"react-select";import{usePopperTooltip as x}from"react-popper-tooltip";import"react-popper-tooltip/dist/styles.css";import A from"react-data-table-component";import"react-dom";import v from"react-modal";function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},C.apply(this,arguments)}const w={"primary-1":"#2E56F4","primary-2":"#081348"},S={error:"#DD0000",success:"#00B904 "},k={"neutral-1":"#39424D","neutral-2":"#929EAC","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},E={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},z={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},V={primary:{...w},ui:{...S},neutral:{...k},shade:{...E},graph:{...z},variant:{...w,...S,...k,...E,...z},textColor:w["primary-2"],bgColor:"#FFFFFF",black:"#000000",border:"#D4D7E3"},M={common:{color:"blue","background-color":`${V.bgColor}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${V.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},button:{color:"red","border-color":"black"},card:{color:`${V.textColor}`,"padding-top":"25px","padding-bottom":"25px","padding-left":"32px","padding-right":"32px","background-color":`${V.bgColor}`,width:"inherit",height:"inherit","border-color":`${V.neutral["neutral-4"]}`,"border-radius":"5px","box-shadow":"0px 5px 37px rgba(56, 66, 100, 0.0880136)"},progressWrapper:{height:"10px","border-radius":"10px","margin-top":"13px","margin-left":"13px","margin-right":"13px",width:"inherit","background-color":`${V.primary["primary-1"]}`},containerWrapper:{height:"inherit",width:"inherit",transition:"width 1s ease-in-out","border-radius":"inherit","text-align":"right","background-color":`${V.primary["primary-1"]}`},progressbarLabel:{display:"block","margin-left":"13px","margin-bottom":"6px","font-style":"normal","font-weight":"normal","font-size":"12px",color:`${V.textColor}`},spinner:{"background-color":`${V.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"100%",position:"relative"},avatarCircle:{"background-color":`${V.variant["primary-1"]}`,color:"#FFFFFF","border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"13px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"12px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"16px","min-width":"38px","min-height":"38px"},avatarName:{color:`${V.variant["primary-1"]}`},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"10px","font-size":"16px"},avatarNameLG:{"margin-left":"12px","font-size":"16px"},"textbox-wrapper":{border:`1px solid ${V.border}`,"border-radius":"4px",padding:"6.5px 7px",display:"flex","align-items":"center","line-height":".5rem","background-color":`${V.bgColor}`},"input-wrapper":{border:"0",outline:"0",color:`${V.variant["primary-2"]}`,margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0"},"textarea-wrapper":{border:"0",outline:"0",color:`${V.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-family":"Averta","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${V.variant["neutral-2"]}`,display:"flex",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:{width:"30px",height:"30px"},imageAvatarMD:{width:"32px",height:"32px"},imageAvatarLG:{width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"17px"}},headRow:{style:{background:`${V.variant["neutral-5"]}`,borderLeft:`1px solid ${V.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${V.variant["neutral-5"]}`,borderTop:`1px solid ${V.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{color:`${V.variant["primary-2"]}`,fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${V.variant.bgColor}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${V.variant["neutral-5"]}`,borderRight:`1px solid ${V.variant["neutral-5"]}`,borderBottom:`1px solid ${V.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${V.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":"51px","padding-left":"39px","font-size":"16px","background-color":`${V.bgColor}`,"border-bottom":`0.5px solid ${V.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":"7px",color:`${V.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"70px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${V.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${V.bgColor}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${V.bgColor}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"7px",color:`${V.variant["neutral-2"]}`},"checkbox-option-text":{"font-size":"16px","margin-left":"10px","background-color":`${V.bgColor}`},"toggle-switch-wrapper":{display:"flex","align-items":"center",gap:"7px",width:"fit-content"},"toggle-switch-checkbox-label":{position:"absolute",width:"45px",height:"22px","border-radius":"31px",cursor:"pointer"},"toggle-switch-option-text":{color:`${V.neutral["neutral-1"]}`,"font-size":"16px","margin-right":"30px"},"dropzone-parent":{width:"inherit","max-width":"514px",height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${V.textColor}`},"dropzone-file-div":{width:"inherit","max-width":"532px",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${V.textColor}`,"background-color":`${V.bgColor}`,"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:`${V.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:`${V.textColor}`,"background-color":`${V.bgColor}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${V.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${V.bgColor}`,"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":"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:`${V.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":"#FFFFFF","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"51px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${V.bgColor}`,"border-radius":"3.6px",border:`1px solid ${V.bgColor}`,"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 ${V.bgColor} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${V.bgColor} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${V.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${V.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${V.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${V.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${V.bgColor}`,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${V.bgColor}`,"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":`${V.bgColor}`,"border-radius":"3.6px",border:`1px solid ${V.bgColor}`,"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":`${V.variant["neutral-1"]}`,"border-radius":"6px",border:`1px solid ${V.variant["neutral-1"]}`,color:`${V.bgColor}`,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",transition:"width ease 400ms",display:"flex","flex-direction":"column","z-index":"1001"},"sidebar-container-open":{width:"240px"},"sidebar-container-close":{width:"70px"},"sidebar-container-mobile-open":{width:"240px","z-index":"1001"},"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:"10px",right:"5px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"30px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px","border-top":`1px solid ${V.border}`,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"}}},W=(e,t)=>{if(e){let o={};if(e[t]){for(const r in e[t])o[r]=e[t][r],delete e.common[r];for(const t in e.common)o[t]=e.common[t]}return o}};function R(e,t){var o=parseInt(e.slice(1,3),16),r=parseInt(e.slice(3,5),16),l=parseInt(e.slice(5,7),16);return t?"rgba("+o+", "+r+", "+l+", "+t+")":"rgb("+o+", "+r+", "+l+")"}R("#FF0000",.5);const I=s.label`
|
|
1
|
+
import e,{forwardRef as t,useState as o,useRef as r,useEffect as l,Component as i,Fragment as a,createRef as n}from"react";import c from"prop-types";import s,{css as d,useTheme as p,keyframes as m,createGlobalStyle as u}from"styled-components";import{ReactSVG as g}from"react-svg";import f from"react-datepicker";import"react-datepicker/dist/react-datepicker.css";import b from"react-signature-pad-wrapper";import h,{components as y}from"react-select";import{usePopperTooltip as x}from"react-popper-tooltip";import"react-popper-tooltip/dist/styles.css";import A from"react-data-table-component";import"react-dom";import v from"react-modal";function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},C.apply(this,arguments)}const w={"primary-1":"#2E56F4","primary-2":"#081348"},S={error:"#DD0000",success:"#00B904 "},k={"neutral-1":"#39424D","neutral-2":"#929EAC","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},E={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},z={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},V={primary:{...w},ui:{...S},neutral:{...k},shade:{...E},graph:{...z},variant:{...w,...S,...k,...E,...z},textColor:w["primary-2"],bgColor:"#FFFFFF",black:"#000000",border:"#D4D7E3"},M={common:{color:"blue","background-color":`${V.bgColor}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${V.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},button:{color:"red","border-color":"black"},card:{color:`${V.textColor}`,"padding-top":"25px","padding-bottom":"25px","padding-left":"32px","padding-right":"32px","background-color":`${V.bgColor}`,width:"inherit",height:"inherit","border-color":`${V.neutral["neutral-4"]}`,"border-radius":"5px","box-shadow":"0px 5px 37px rgba(56, 66, 100, 0.0880136)"},progressWrapper:{height:"10px","border-radius":"10px","margin-top":"13px","margin-left":"13px","margin-right":"13px",width:"inherit","background-color":`${V.primary["primary-1"]}`},containerWrapper:{height:"inherit",width:"inherit",transition:"width 1s ease-in-out","border-radius":"inherit","text-align":"right","background-color":`${V.primary["primary-1"]}`},progressbarLabel:{display:"block","margin-left":"13px","margin-bottom":"6px","font-style":"normal","font-weight":"normal","font-size":"12px",color:`${V.textColor}`},spinner:{"background-color":`${V.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"100%",position:"relative"},avatarCircle:{"background-color":`${V.variant["primary-1"]}`,color:"#FFFFFF","border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"13px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"12px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"16px","min-width":"38px","min-height":"38px"},avatarName:{color:`${V.variant["primary-1"]}`},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"10px","font-size":"16px"},avatarNameLG:{"margin-left":"12px","font-size":"16px"},"textbox-wrapper":{border:`1px solid ${V.border}`,"border-radius":"4px",padding:"6.5px 7px",display:"flex","align-items":"center","line-height":".5rem","background-color":`${V.bgColor}`},"input-wrapper":{border:"0",outline:"0",color:`${V.variant["primary-2"]}`,margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0"},"textarea-wrapper":{border:"0",outline:"0",color:`${V.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-family":"Averta","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${V.variant["neutral-2"]}`,display:"flex",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:{width:"30px",height:"30px"},imageAvatarMD:{width:"32px",height:"32px"},imageAvatarLG:{width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"17px"}},headRow:{style:{background:`${V.variant["neutral-5"]}`,borderLeft:`1px solid ${V.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${V.variant["neutral-5"]}`,borderTop:`1px solid ${V.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{color:`${V.variant["primary-2"]}`,fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${V.variant.bgColor}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${V.variant["neutral-5"]}`,borderRight:`1px solid ${V.variant["neutral-5"]}`,borderBottom:`1px solid ${V.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${V.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":"51px","padding-left":"39px","font-size":"16px","background-color":`${V.bgColor}`,"border-bottom":`0.5px solid ${V.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":"7px",color:`${V.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"70px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${V.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${V.bgColor}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${V.bgColor}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"7px",color:`${V.variant["neutral-2"]}`},"checkbox-option-text":{"font-size":"16px","margin-left":"10px","background-color":`${V.bgColor}`},"toggle-switch-wrapper":{display:"flex","align-items":"center",gap:"7px",width:"fit-content"},"toggle-switch-checkbox-label":{position:"absolute",width:"45px",height:"22px","border-radius":"31px",cursor:"pointer"},"toggle-switch-option-text":{color:`${V.neutral["neutral-1"]}`,"font-size":"16px","margin-right":"30px"},"dropzone-parent":{width:"100%",height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${V.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${V.textColor}`,"background-color":`${V.bgColor}`,"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:`${V.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:`${V.textColor}`,"background-color":`${V.bgColor}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${V.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${V.bgColor}`,"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":"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:`${V.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":"#FFFFFF","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"51px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${V.bgColor}`,"border-radius":"3.6px",border:`1px solid ${V.bgColor}`,"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 ${V.bgColor} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${V.bgColor} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${V.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${V.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${V.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${V.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${V.bgColor}`,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${V.bgColor}`,"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":`${V.bgColor}`,"border-radius":"3.6px",border:`1px solid ${V.bgColor}`,"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":`${V.variant["neutral-1"]}`,"border-radius":"6px",border:`1px solid ${V.variant["neutral-1"]}`,color:`${V.bgColor}`,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",transition:"width ease 400ms",display:"flex","flex-direction":"column","z-index":"1001"},"sidebar-container-open":{width:"240px"},"sidebar-container-close":{width:"70px"},"sidebar-container-mobile-open":{width:"240px","z-index":"1001"},"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:"10px",right:"5px",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","border-top":`1px solid ${V.border}`,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"}}},W=(e,t)=>{if(e){let o={};if(e[t]){for(const r in e[t])o[r]=e[t][r],delete e.common[r];for(const t in e.common)o[t]=e.common[t]}return o}};function R(e,t){var o=parseInt(e.slice(1,3),16),r=parseInt(e.slice(3,5),16),l=parseInt(e.slice(5,7),16);return t?"rgba("+o+", "+r+", "+l+", "+t+")":"rgb("+o+", "+r+", "+l+")"}R("#FF0000",.5);const I=s.label`
|
|
2
2
|
//Set the styles from the default styles object
|
|
3
3
|
${({theme:e,type:t})=>W(e,t)}
|
|
4
4
|
|
|
@@ -504,6 +504,7 @@ ${({theme:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(c
|
|
|
504
504
|
padding:28px 30.5px 28px 30.5px;
|
|
505
505
|
font-family: 'Averta', sans-serif;
|
|
506
506
|
cursor: default;
|
|
507
|
+
width:inherit;
|
|
507
508
|
${({footerWidth:e})=>{if(e<650)return d`
|
|
508
509
|
flex-direction: column;
|
|
509
510
|
`}}
|
|
@@ -1119,11 +1120,9 @@ color: #494949;
|
|
|
1119
1120
|
display: flex;
|
|
1120
1121
|
justify-content: center;
|
|
1121
1122
|
align-items: center;
|
|
1122
|
-
max-width: 514px;
|
|
1123
1123
|
margin:20px 0px;
|
|
1124
1124
|
font-size: 14px;
|
|
1125
|
-
|
|
1126
|
-
`,oo=({theme:t,themeColor:r,isValid:l,label:i,labelStyle:a,labelInline:c,required:s,message:d,fileArr:p,setFileArr:m,deleteFile:u,customDropzoneStyles:g,customFileStyles:f,customTextStyles:b,customFileNameStyles:h,backgroundColor:y,singleFile:x,messageSize:A,additionalText:v,...w})=>{const[S,k]=o(!1),E=n();function z(e){e.preventDefault(),e.stopPropagation()}function W(e,t){let o=1==t?[]:[...p];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),m(o),k(!1),o}function R(e,t){if(e instanceof File){const t=p.filter((t=>t.name!==e.name));m(t)}else!function(e,t){const o=p.filter((t=>t.name!==e.name));m(o),u(e)}(e)}return e.createElement("div",{style:{paddingBottom:"5px"}},e.createElement("div",{style:{display:"flex"}},e.createElement(P,C({themeColor:V,customStyles:a,type:"label-text",labelInline:c,text:i,style:{display:"flex",paddingBottom:""+(c?"":"7px")}},w)),s&&e.createElement("div",{style:{marginLeft:"4px",color:`${r.variant.error}`}},"*")),e.createElement(Qt,{theme:M,themeColor:V,defaultStyles:"dropzone-parent",backgroundColor:y,customDropzoneStyles:g,onDragLeave:function(e){z(e),k(!1)},onDragOver:function(e){z(e),k(!0)},onDrop:function(e){z(e);const{files:t}=e.dataTransfer;k(!0),w.onFilesAdded(W(t,x))},onClick:function(){E.current.click()},hover:S,isValid:l,fileArr:p},e.createElement(Nt,C({ref:E,type:"file",multiple:1!=x,onChange:function(e){const{files:t}=e.target;k(!1),w.onFilesAdded(W(t,x))},onClick:e=>e.target.value=null},w)),l?e.createElement(Ut,{icon:"file-upload",color:S?r.bgColor:y,size:24}):null,e.createElement(Yt,{isValid:l,hover:S,customTextStyles:b,theme:M,defaultStyles:"dropzone-text-div"},l?e.createElement("div",null,e.createElement("span",{style:{color:S?r.bgColor:y}},"Choose a file"," "),e.createElement("span",{style:{color:S?r.bgColor:r.neutral["neutral-2"]}},"or"," "),e.createElement("span",{style:{color:S?r.bgColor:r.textColor}},"drag ",x?"it":"them"," here")):e.createElement("div",null,e.createElement("span",{style:{color:r.variant.error}},"Try again!!"," "),e.createElement("span",{style:{color:t.textColor}},d.length>A?d.slice(0,A):d)))),e.createElement(to,null,v),p?.map(((t,o)=>e.createElement(Kt,{theme:M,defaultStyles:"dropzone-file-div",key:`${t}-${o}`,customFileStyles:f},e.createElement(_t,null,e.createElement(Ut,{icon:"pdf-icon"})),e.createElement(Dt,{theme:M,type:"dropzone-file-name",customFileNameStyles:h},t.name),e.createElement(_t,null,e.createElement(Ut,{icon:`${!(t instanceof File)&&"cloud-icon"}`})),e.createElement(eo,null,t?.otherInfo),e.createElement($t,{key:101*Math.random()|0,onClick:()=>R(t)},e.createElement(Ut,{icon:"cross-icon",color:r.neutral["neutral-2"],size:13}))))))};oo.propTypes={theme:c.object,onFilesAdded:c.func,isValid:c.bool,message:c.string,fileArr:c.array,setFileArr:c.func,customDropzoneStyles:c.object,customFileStyles:c.object,customTextStyles:c.object,customFileNameStyles:c.object,backgroundColor:c.string,messageSize:c.number,additionalText:c.string},oo.defaultProps={themeColor:V,theme:M,onFilesAdded:()=>null,isValid:!0,message:"",backgroundColor:`${V.primary["primary-1"]}`,fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:""};const ro=s.div`
|
|
1125
|
+
`,oo=({theme:t,themeColor:r,isValid:l,label:i,labelStyle:a,labelInline:c,required:s,message:d,fileArr:p,setFileArr:m,deleteFile:u,customDropzoneStyles:g,customFileStyles:f,customTextStyles:b,customFileNameStyles:h,backgroundColor:y,singleFile:x,messageSize:A,additionalText:v,...w})=>{const[S,k]=o(!1),E=n();function z(e){e.preventDefault(),e.stopPropagation()}function W(e,t){let o=1==t?[]:[...p];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),m(o),k(!1),o}function R(e,t){if(e instanceof File){const t=p.filter((t=>t.name!==e.name));m(t)}else!function(e,t){const o=p.filter((t=>t.name!==e.name));m(o),u(e)}(e)}return e.createElement("div",{style:{paddingBottom:"5px"}},e.createElement("div",{style:{display:"flex"}},e.createElement(P,C({themeColor:V,customStyles:a,type:"label-text",labelInline:c,text:i,style:{display:"flex",paddingBottom:""+(c?"":"7px")}},w)),s&&e.createElement("div",{style:{marginLeft:"4px",color:`${r.variant.error}`}},"*")),e.createElement(Qt,{theme:M,themeColor:V,defaultStyles:"dropzone-parent",backgroundColor:y,customDropzoneStyles:g,onDragLeave:function(e){z(e),k(!1)},onDragOver:function(e){z(e),k(!0)},onDrop:function(e){z(e);const{files:t}=e.dataTransfer;k(!0),w.onFilesAdded(W(t,x))},onClick:function(){E.current.click()},hover:S,isValid:l,fileArr:p},e.createElement(Nt,C({ref:E,type:"file",multiple:1!=x,onChange:function(e){const{files:t}=e.target;k(!1),w.onFilesAdded(W(t,x))},onClick:e=>e.target.value=null},w)),l?e.createElement(Ut,{icon:"file-upload",color:S?r.bgColor:y,size:24}):null,e.createElement(Yt,{isValid:l,hover:S,customTextStyles:b,theme:M,defaultStyles:"dropzone-text-div"},l?e.createElement("div",null,e.createElement("span",{style:{color:S?r.bgColor:y}},"Choose a file"," "),e.createElement("span",{style:{color:S?r.bgColor:r.neutral["neutral-2"]}},"or"," "),e.createElement("span",{style:{color:S?r.bgColor:r.textColor}},"drag ",x?"it":"them"," here")):e.createElement("div",null,e.createElement("span",{style:{color:r.variant.error}},"Try again!!"," "),e.createElement("span",{style:{color:t.textColor}},d.length>A?d.slice(0,A):d)))),v.length>0&&e.createElement(to,null,v)," ",p?.map(((t,o)=>e.createElement(Kt,{theme:M,defaultStyles:"dropzone-file-div",key:`${t}-${o}`,customFileStyles:f},e.createElement(_t,null,e.createElement(Ut,{icon:"pdf-icon"})),e.createElement(Dt,{theme:M,type:"dropzone-file-name",customFileNameStyles:h},t.name),e.createElement(_t,null,e.createElement(Ut,{icon:`${!(t instanceof File)&&"cloud-icon"}`})),e.createElement(eo,null,t?.otherInfo),e.createElement($t,{key:101*Math.random()|0,onClick:()=>R(t)},e.createElement(Ut,{icon:"cross-icon",color:r.neutral["neutral-2"],size:13}))))))};oo.propTypes={theme:c.object,onFilesAdded:c.func,isValid:c.bool,message:c.string,fileArr:c.array,setFileArr:c.func,customDropzoneStyles:c.object,customFileStyles:c.object,customTextStyles:c.object,customFileNameStyles:c.object,backgroundColor:c.string,messageSize:c.number,additionalText:c.string},oo.defaultProps={themeColor:V,theme:M,onFilesAdded:()=>null,isValid:!0,message:"",backgroundColor:`${V.primary["primary-1"]}`,fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:""};const ro=s.div`
|
|
1127
1126
|
|
|
1128
1127
|
display: flex;
|
|
1129
1128
|
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
@@ -1485,11 +1484,6 @@ font-size: 14px;
|
|
|
1485
1484
|
}
|
|
1486
1485
|
`;Mo.defaultProps={theme:V};const Wo=({label:t,inputValue:o,inputStyle:r,iconBefore:l,iconAfter:i,onChange:a,...n})=>e.createElement(Mo,n,t.length>0&&e.createElement(zo,n,t),e.createElement("div",null,e.createElement(ko,n,e.createElement("div",{className:"input-icon"},l),e.createElement(Eo,C({},n,{inputStyle:r,value:o,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&a(t)},type:"number"})),e.createElement("div",{className:"input-icon"},i))));Wo.propTypes={theme:c.object,label:c.string,labelInline:c.bool,inputValue:c.any,inputStyle:c.object},Wo.defaultProps={theme:V,label:"",labelInline:!1,inputStyle:{},inputValue:null};const Ro=s.div`
|
|
1487
1486
|
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
1487
|
.master-dropdown,
|
|
1494
1488
|
.new-select {
|
|
1495
1489
|
.master-dropdown__menu,
|
|
@@ -1624,24 +1618,30 @@ font-size: 14px;
|
|
|
1624
1618
|
.new-select__menu {
|
|
1625
1619
|
z-Index: 2;
|
|
1626
1620
|
}
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1621
|
+
|
|
1622
|
+
.new-select__input-container{
|
|
1623
|
+
margin:0px;
|
|
1624
|
+
padding:0px;
|
|
1625
|
+
}
|
|
1626
|
+
.new-select__input{
|
|
1627
|
+
margin:0px;
|
|
1628
|
+
padding:0px;
|
|
1630
1629
|
}
|
|
1631
|
-
|
|
1632
1630
|
`,Io=s.div`
|
|
1633
|
-
|
|
1634
|
-
|
|
1631
|
+
|
|
1632
|
+
// Default style
|
|
1633
|
+
display: flex;
|
|
1634
|
+
|
|
1635
1635
|
|
|
1636
1636
|
//Set the styles from the default styles object
|
|
1637
|
-
|
|
1638
|
-
|
|
1637
|
+
${({theme:e,labelWrapperStyle:t})=>W(e,t)}
|
|
1638
|
+
// custom styles
|
|
1639
1639
|
${({customLabelStyles:e})=>e}
|
|
1640
1640
|
`,Po=s.div`
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
`,Lo=({customWrapperStyles:t,customLabelStyles:o,labelStyle:r,label:l,isRequired:i,optionArr:a,selectedValue:n,setSelectedValue:c,placeHolder:s,dropdownType:d,isDisabled:p,isValid:m,clearSelected:u,isClearSelected:g,isLoading:f,height:b,placeholderSize:x,...A})=>{const v=t=>e.createElement(y.DropdownIndicator,t,1==g?e.createElement(Po,{onClick:()=>{u()}},e.createElement(Ut,{icon:"cross-icon",color:"black",size:8})):null,e.createElement(Po,null,e.createElement(Ut,{icon:"triangle-down",color:"black",size:8}))),w={control:e=>({...e,border:"1px solid #d4d7e3",height:`${b}px`,minHeight:`${b}px`,minWidth:"226px"}),placeholder:e=>({...e,fontSize:x+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${b}px`,display:"flex",justifyContent:"center",alignItems:"center"}),valueContainer:e=>({...e,height:`${b}px`,padding:"7px 8px"}),indicatorsContainer:e=>({...e,padding:0,height:`${b}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:"14px"}),singleValue:e=>({...e,fontSize:"14px",marginLeft:"0px"}),input:e=>({...e,fontSize:"14px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?"#F0F3F8":"white",padding:"10px",cursor:"pointer",color:"#081348"}),...A.styles};return e.createElement(Ro,{style:t,isValid:m,placeholderSize:x},l&&e.createElement(Io,{theme:M,labelWrapperStyle:"selectComp-label-wrapper",style:o},e.createElement(P,{themeColor:V,customStyles:r,type:"label-text",text:l,style:{marginBottom:"7px"}}),i&&e.createElement("div",{style:{marginLeft:"4px",color:`${V.ui.error}`}},"*")),"
|
|
1641
|
+
margin-left: 6px;
|
|
1642
|
+
margin-top:-14px;
|
|
1643
|
+
cursor:pointer;
|
|
1644
|
+
`,Lo=({customWrapperStyles:t,customLabelStyles:o,labelStyle:r,label:l,isRequired:i,optionArr:a,selectedValue:n,setSelectedValue:c,placeHolder:s,dropdownType:d,isDisabled:p,isValid:m,clearSelected:u,isClearSelected:g,isLoading:f,height:b,placeholderSize:x,...A})=>{const v=t=>e.createElement(y.DropdownIndicator,t,1==g?e.createElement(Po,{onClick:()=>{u()}},e.createElement(Ut,{icon:"cross-icon",color:"black",size:8})):null,e.createElement(Po,null,e.createElement(Ut,{icon:"triangle-down",color:"black",size:8}))),w={control:e=>({...e,border:"1px solid #d4d7e3",height:`${b}px`,minHeight:`${b}px`,minWidth:"226px"}),placeholder:e=>({...e,fontSize:x+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${b}px`,display:"flex",justifyContent:"center",alignItems:"center"}),valueContainer:e=>({...e,height:`${b}px`,padding:"7px 8px"}),indicatorsContainer:e=>({...e,padding:0,height:`${b}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:"14px"}),singleValue:e=>({...e,fontSize:"14px",marginLeft:"0px"}),input:e=>({...e,fontSize:"14px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?"#F0F3F8":"white",padding:"10px",cursor:"pointer",color:"#081348"}),...A.styles};return e.createElement(Ro,{style:t,isValid:m,placeholderSize:x},l&&e.createElement(Io,{theme:M,labelWrapperStyle:"selectComp-label-wrapper",style:o},e.createElement(P,{themeColor:V,customStyles:r,type:"label-text",text:l,style:{marginBottom:"7px"}}),i&&e.createElement("div",{style:{marginLeft:"4px",color:`${V.ui.error}`}},"*")),"multiSelect"===d?e.createElement(h,C({components:{DropdownIndicator:v,MultiValue:({getValue:t,index:o,...r})=>{const l=r?.data?.label||"Select",i=t().length;return!o&&e.createElement("div",{className:"multiValue-wrapper"},e.createElement("div",{className:"text-main-alt"},l),i>1&&e.createElement("div",{className:"text-more-alt"},"& ",i-1," more"))},Option:t=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px"},r=e.createElement("div",{style:{...o,backgroundColor:t?.data?.color??"#2E56F4"}},e.createElement(Ut,{icon:"check-icon",color:"white"})),l=e.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return e.createElement(y.Option,t,e.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},t.isSelected?r:l,e.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},t.label)))},IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown mb-1",onChange:c,placeholder:s,value:n,options:a,styles:w,isMulti:!0,isDisabled:p,isClearable:A.isClearable,hideSelectedOptions:!1,closeMenuOnSelect:!1,onMenuClose:A.onMenuClose,isSearchable:!1,isLoading:f},A)):e.createElement(h,C({components:{DropdownIndicator:v,IndicatorSeparator:()=>null,ClearIndicator:()=>null},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:a,placeholder:s,isDisabled:p,value:{value:n?n.value:"",label:n?n.label:""},styles:w,onChange:c,isLoading:f},A)))};Lo.propTypes={label:c.string,labelStyle:c.object,optionArr:c.array,selectedValue:c.object,setSelectedValue:c.func,placeHolder:c.string,placeholderSize:c.number,clearSelected:c.func},Lo.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearSelected:!1,height:31,placeholderSize:14};const qo=({label:t,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:a,textBoxStyle:n,...c})=>e.createElement(bt,C({iconAfter:e.createElement(Ut,{icon:"magnifier-icon"}),label:t,textBoxStyle:n,placeholder:o,ref:l,onChange:r},c)),Bo=s.div`
|
|
1645
1645
|
//Set the styles from the default styles object
|
|
1646
1646
|
${({theme:e,defaultWrapperStyle:t})=>W(e,t)}
|
|
1647
1647
|
|
|
@@ -2308,7 +2308,7 @@ p{
|
|
|
2308
2308
|
`;dl.defaultProps={theme:V},(sl.PageItem=function({selected:t,...o}){return e.createElement(dl,C({selected:t},o),o.children)}).propTypes={theme:c.object,selected:c.bool},sl.PageItem.defaultProps={theme:V,selected:!1};const pl=s.div`
|
|
2309
2309
|
${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
|
|
2310
2310
|
}
|
|
2311
|
-
`,ml=({theme:t,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:a,customStyles:n,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...a};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:f}=x({...d},s);return e.createElement(e.Fragment,null,e.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),f&&e.createElement(pl,C({type:o?"simple-overlay":"overlay",theme:t,ref:u},m({className:"tooltip-container"}),{customStyles:n}),l))};ml.propTypes={theme:c.object,contentTrigger:c.any,contentOverlay:c.any,popperOptionsP:c.object,settingsP:c.object,customStyles:c.object,toggleSimple:c.bool},ml.defaultProps={theme:M,contentTrigger:e.createElement("div",null,"Trigger"),contentOverlay:e.createElement("div",null,"I am the Overlay")};const ul={overlay:{zIndex:"
|
|
2311
|
+
`,ml=({theme:t,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:a,customStyles:n,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...a};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:f}=x({...d},s);return e.createElement(e.Fragment,null,e.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),f&&e.createElement(pl,C({type:o?"simple-overlay":"overlay",theme:t,ref:u},m({className:"tooltip-container"}),{customStyles:n}),l))};ml.propTypes={theme:c.object,contentTrigger:c.any,contentOverlay:c.any,popperOptionsP:c.object,settingsP:c.object,customStyles:c.object,toggleSimple:c.bool},ml.defaultProps={theme:M,contentTrigger:e.createElement("div",null,"Trigger"),contentOverlay:e.createElement("div",null,"I am the Overlay")};const ul={overlay:{zIndex:"999999",backgroundColor:"rgb(0 0 0 / 30%)"},content:{borderColor:V.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",padding:"0px",transform:"translate(-50%, -50%)",maxHeight:"75vh"}},gl=s.button`
|
|
2312
2312
|
//Set the styles from the default styles object
|
|
2313
2313
|
${({theme:e,type:t})=>W(e,t)}
|
|
2314
2314
|
// custom styles
|
|
@@ -2343,5 +2343,5 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2343
2343
|
// custom styles
|
|
2344
2344
|
${({customModalFooterStyle:e})=>e}
|
|
2345
2345
|
`,yl=s.div`
|
|
2346
|
-
padding:
|
|
2346
|
+
padding: 2rem 3rem 0rem 3rem;
|
|
2347
2347
|
`;v.setAppElement("#root");const xl=({modalIsOpen:t,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:a,customModalCloseStyle:n,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:d,...p})=>e.createElement(v,C({isOpen:t,onRequestClose:r?o:void 0,style:ul,contentLabel:"Modal"},p),e.createElement(gl,{theme:M,type:"modalComp-modal-close",style:n,onClick:o},e.createElement(Ut,{icon:"cross-icon",color:V.neutral["neutral-2"],size:15})),e.createElement(fl,{style:c},e.createElement(yl,null,l)),e.createElement(bl,{theme:M,type:"modalComp-modal-body",style:s},e.createElement(yl,null," ",i)),e.createElement(hl,{theme:M,type:"modalComp-modal-footer",style:d},a));xl.propTypes={modalIsOpen:c.bool,toggleModal:c.func,closeOnOutsideClick:c.bool,headerContent:c.any,bodyContent:c.any,footerContent:c.any,customModalCloseStyle:c.object,customModalHeaderStyle:c.object,customModalBodyStyle:c.object,customModalFooterStyle:c.object},xl.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{}};export{Z as Accordion,J as AccordionSB,O as AccordionSBfooter,tt as ActionContainer,lt as ActionItem,N as ArrowBar,te as Avatar,ie as AvatarSB,se as AvatarSBfooter,me as Banner,be as Breadcrumb,nr as ButtonPopup,T as Card,X as CardRef,wt as CheckBoxInput,Re as Content,_r as DarkSecondaryLink,mo as DateSelect,Pe as Divider,F as DocumentCard,qe as Drawer,Lo as DropdownSelect,oo as DropzoneInput,Be as ErrorBoundary,He as FilterChip,Ge as Footer,Ue as FooterContent,Ko as FormComponent,it as FormContainer,at as FormWrapper,_o as GroupAvatars,rr as GroupButtons,pr as GroupButtonsPopup,hr as GroupStatusCircle,pt as Header,No as HeaderComponent,Ar as HyperLink,Ut as Icon,D as Image,P as Label,Dr as LightSecondaryLink,Me as Loader,xl as ModalComp,st as MultiColumnDiv,ct as MultiColumnWrapper,Nr as Navbar,Wo as NumericInput,ml as Overlay,ot as OverlayOptionContainer,rt as OverlayOptionItemLabel,Qe as PageContent,sl as Pagination,To as PasswordInput,ve as PrimaryButton,Rr as PrimaryStatusChip,nl as ProgressBar,ll as ProgressSteps,Xt as RadioInput,Qo as Rating,qo as SearchInput,Se as SecondaryButton,Lr as SecondaryStatusChip,Zr as Sidebar,xo as SignatureInput,jr as SlimPrimaryStatusChip,Tr as SlimSecondaryStatusChip,ur as StatusCircle,Ye as StyledCentralBar,Ne as StyledClearSearch,$e as StyledCreateRow,_e as StyledRow,Ke as StyledRowSearch,et as StyledSearchRow,De as StyledWarning,nt as SubmitButtonContainer,Yo as SubmitComponent,Vr as Table,So as TextArea,bt as TextInput,Rt as TimeInput,Ee as TinyButton,Bt as ToggleSwitch,zr as Tooltip,Sr as Typography,z as graphColor,R as hexToRGB,k as neutralColor,w as primaryColor,E as shadeColor,S as uiColor};
|