groundfloor-react-ui 1.2.82 → 1.2.84
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/README.md +3 -2
- package/dist/index.es.js +7 -7
- package/dist/index.js +7 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -23,10 +23,11 @@ import 'react-popper-tooltip/dist/styles.css';
|
|
|
23
23
|
|
|
24
24
|
```
|
|
25
25
|
|
|
26
|
-
##
|
|
26
|
+
## Documentation And Example
|
|
27
27
|
|
|
28
28
|
```
|
|
29
|
-
|
|
29
|
+
https://groundfloor-react-ui--63f723af2a11e9df1310e721.chromatic.com/
|
|
30
|
+
|
|
30
31
|
```
|
|
31
32
|
|
|
32
33
|
## Pre-requisites
|
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 r,useEffect as i,createRef as a,Component as n,Fragment as c,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as u,css as b,keyframes as g,createGlobalStyle as f}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as y}from"react-popper-tooltip";import x from"react-phone-input-2";import v from"dayjs";import"dayjs/locale/es";import C from"react-datepicker";import A,{components as w}from"react-select";import S from"react-select/async";import k from"react-signature-pad-wrapper";import E from"react-data-table-component";import V from"react-modal";import{createPortal as M}from"react-dom";function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var o in l)Object.prototype.hasOwnProperty.call(l,o)&&(e[o]=l[o])}return e},z.apply(this,arguments)}const B={"primary-1":"#2A50FD","primary-2":"#081348"},L={error:"#DD0000",success:"#00B904 "},I={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},W={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},R={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},P={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:I["neutral-3"]},H={primary:{...B},ui:{...L},neutral:{...I},shade:{...W},graph:{...R},additional:{...P},variant:{...B,...L,...I,...W,...R,...P}},T={common:{color:"blue","background-color":`${H.additional.white}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${H.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:`${H.neutral["neutral-2"]}`},spinner:{"background-color":`${H.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:`${H.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:`${H.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:`${H.variant["neutral-5"]}`,borderLeft:`1px solid ${H.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${H.variant["neutral-5"]}`,borderTop:`1px solid ${H.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:`${H.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${H.variant["neutral-5"]}`,borderRight:`1px solid ${H.variant["neutral-5"]}`,borderBottom:`1px solid ${H.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${H.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":`${H.additional.white}`,"border-bottom":`0.5px solid ${H.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:`${H.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 ${H.additional.border}`,minWidth:"20px",width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${H.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",minWidth:"20px",width:"20px",height:"20px",color:`${H.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${H.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:` ${H.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${H.textColor}`,"background-color":`${H.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:`${H.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:`${H.textColor}`,"background-color":`${H.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${H.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${H.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:`${H.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":`${H.additional.white}`,"border-radius":"3.6px",border:`1px solid ${H.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 ${H.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${H.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${H.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${H.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${H.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${H.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${H.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${H.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":`${H.additional.white} `,"border-radius":"3.6px",border:`1px solid ${H.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":`${H.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${H.variant["neutral-1"]} `,color:`${H.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"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},j=(e,t)=>{if(e){let l={};if(e[t]){for(const 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 F(e,t){var l=parseInt(e.slice(1,3),16),o=parseInt(e.slice(3,5),16),r=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+o+", "+r+", "+t+")":"rgb("+l+", "+o+", "+r+")"}F("#FF0000",.5);const q=m.div`
|
|
1
|
+
import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as r,useEffect as i,createRef as a,Component as n,Fragment as c,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as u,css as b,keyframes as g,createGlobalStyle as f}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as y}from"react-popper-tooltip";import x from"react-phone-input-2";import v from"dayjs";import"dayjs/locale/es";import C from"react-datepicker";import A,{components as w}from"react-select";import S from"react-select/async";import k from"react-signature-pad-wrapper";import E from"react-data-table-component";import V from"react-modal";import{createPortal as M}from"react-dom";function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var o in l)Object.prototype.hasOwnProperty.call(l,o)&&(e[o]=l[o])}return e},z.apply(this,arguments)}const B={"primary-1":"#2A50FD","primary-2":"#081348"},L={error:"#DD0000",success:"#00B904 "},I={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},W={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},R={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},P={white:"#FFFFFF",black:"#000000","text-color":B["primary-2"],border:I["neutral-3"]},H={primary:{...B},ui:{...L},neutral:{...I},shade:{...W},graph:{...R},additional:{...P},variant:{...B,...L,...I,...W,...R,...P}},T={common:{color:"blue","background-color":`${H.additional.white}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${H.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:`${H.neutral["neutral-2"]}`},spinner:{"background-color":`${H.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:`${H.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:`${H.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:`${H.variant["neutral-5"]}`,borderLeft:`1px solid ${H.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${H.variant["neutral-5"]}`,borderTop:`1px solid ${H.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:`${H.variant.white}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${H.variant["neutral-5"]}`,borderRight:`1px solid ${H.variant["neutral-5"]}`,borderBottom:`1px solid ${H.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${H.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":`${H.additional.white}`,"border-bottom":`0.5px solid ${H.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:`${H.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 ${H.additional.border}`,width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${H.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",width:"20px",height:"20px",color:`${H.additional.white}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"8px","padding-bottom":"0px",color:`${H.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:` ${H.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${H.textColor}`,"background-color":`${H.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:`${H.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:`${H.textColor}`,"background-color":`${H.additional.white}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${H.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${H.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:`${H.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":`${H.additional.white}`,"border-radius":"3.6px",border:`1px solid ${H.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 ${H.additional.white} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${H.additional.white} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${H.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${H.additional.white} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${H.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${H.additional.white} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${H.additional.white} `,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${H.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":`${H.additional.white} `,"border-radius":"3.6px",border:`1px solid ${H.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":`${H.variant["neutral-1"]} `,"border-radius":"6px",border:`1px solid ${H.variant["neutral-1"]} `,color:`${H.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"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},j=(e,t)=>{if(e){let l={};if(e[t]){for(const 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 F(e,t){var l=parseInt(e.slice(1,3),16),o=parseInt(e.slice(3,5),16),r=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+o+", "+r+", "+t+")":"rgb("+l+", "+o+", "+r+")"}F("#FF0000",.5);const q=m.div`
|
|
2
2
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
3
3
|
padding-top: 25px;
|
|
4
4
|
padding-bottom: 25px;
|
|
@@ -151,7 +151,7 @@ import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as r,us
|
|
|
151
151
|
cursor: pointer;
|
|
152
152
|
padding-bottom: 9px;
|
|
153
153
|
${({iconDivCustomStyle:e})=>e}
|
|
154
|
-
`,re=({content:e,alertWrapperStyle:l,iconDivCustomStyle:o,alertIsOpen:r,closeAlert:i,iconProps:a})=>{const n=u()||H;return t.createElement(le,{theme:n,alertIsOpen:r,alertWrapperStyle:l},t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"
|
|
154
|
+
`,re=({content:e,alertWrapperStyle:l,iconDivCustomStyle:o,alertIsOpen:r,closeAlert:i,iconProps:a})=>{const n=u()||H;return t.createElement(le,{theme:n,alertIsOpen:r,alertWrapperStyle:l},t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 24px"}},t.createElement("div",null,e),t.createElement(oe,{onClick:i,iconDivCustomStyle:o},t.createElement($,z({icon:"close-icon",color:"#000000",size:13},a)))))};re.propTypes={content:e.any,alertWrapperStyle:e.object,alertIsOpen:e.bool,iconDivCustomStyle:e.object,closeAlert:e.func,iconProps:e.object},re.defaultProps={alertWrapperStyle:{},content:"",alertIsOpen:!0};const ie=m.div`
|
|
155
155
|
color: ${({theme:e,variant:t})=>t?e.variant[t]:"white"};
|
|
156
156
|
${({scroll:e})=>e?b`
|
|
157
157
|
display: flex;
|
|
@@ -829,7 +829,7 @@ ${({customTriggerStyle:e})=>e}
|
|
|
829
829
|
`,st=m.span`
|
|
830
830
|
color: ${({theme:e})=>e.variant.error};
|
|
831
831
|
${({errorTextStyle:e})=>e};
|
|
832
|
-
`,dt=({listChips:e,setListChips:l,currentChip:o,setCurrentChip:a,chipListString:n,placeholder:c,validationCheck:s,errorMsg:d,handleBlurProps:p,label:m,labelCusTomStyles:b,containerStyle:g,inputContainerStyle:f,errorTextStyle:h,multipleItemsValidator:y,disabled:x,...v})=>{let C=n?n.split(","):e||[];const[A,w]=r(C),[S,k]=r(o),[E,V]=r(""),M=u()||H;i((()=>{w(C)}),[]);return t.createElement(rt,{theme:M,containerStyle:g},t.createElement(it,{inputContainerStyle:f},t.createElement(ot,{text:m,customStyles:b}),A.map(((e,l)=>t.createElement(at,{theme:M,key:e+`${l}`,onClick:()=>(e=>{const t=[...A];t.splice(e,1),w(t),V("")})(l)},t.createElement(nt,null,e)))),t.createElement(ct,{type:"text",placeholder:c,value:S,onKeyDown:e=>{let t=s(S,A);"Enter"===e.key||","===e.key?(e.preventDefault(),t?S.trim()&&(w([...A,S.trim()]),k(""),V("")):V(d)):"Backspace"!==e.key||S||w(A.slice(0,-1))},onChange:e=>{k(e.target.value),V("")},theme:M,onBlur:()=>{const e=s(S,A);if(e&&S.trim()){const e=[...A,S.trim()];p(e.join(",")),w(e),k("")}else e||V(d)},onPaste:e=>{e.preventDefault();const t=e.clipboardData.getData("text/plain"),l=y(t);if(l&&l.length>0){const e=[...A,...l];w(e)}k("")},disabled:x})),E&&t.createElement(st,{errorTextStyle:h,theme:M},E))};dt.propTypes={listChips:e.arrayOf(e.string),setListChips:e.func,chipListString:e.string,currentChip:e.string,setCurrentChip:e.func,placeholder:e.string,validationCheck:e.func.isRequired,errorMsg:e.string,label:e.string,labelCusTomStyles:e.object,containerStyle:e.object,inputContainerStyle:e.object,errorTextStyle:e.object,disabled:e.bool},dt.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1};const pt=m.div`
|
|
832
|
+
`,dt=({listChips:e,setListChips:l,currentChip:o,setCurrentChip:a,chipListString:n,placeholder:c,validationCheck:s,errorMsg:d,handleBlurProps:p,label:m,labelCusTomStyles:b,containerStyle:g,inputContainerStyle:f,errorTextStyle:h,multipleItemsValidator:y,disabled:x,...v})=>{let C=n?n.split(","):e||[];const[A,w]=r(C),[S,k]=r(o),[E,V]=r(""),M=u()||H;i((()=>{w(C)}),[]);return t.createElement(rt,{theme:M,containerStyle:g},t.createElement(it,{inputContainerStyle:f},t.createElement(ot,{text:m,customStyles:b}),A.map(((e,l)=>t.createElement(at,{theme:M,key:e+`${l}`,onClick:()=>(e=>{const t=[...A];t.splice(e,1),w(t),V("")})(l)},t.createElement(nt,null,e)))),t.createElement(ct,{type:"text",placeholder:c,value:S,onKeyDown:e=>{let t=s(S,A);"Enter"===e.key||","===e.key?(e.preventDefault(),t?S.trim()&&(w([...A,S.trim()]),k(""),V("")):V(d)):"Backspace"!==e.key||S||w(A.slice(0,-1))},onChange:e=>{k(e.target.value),V("")},theme:M,onBlur:()=>{const e=s(S,A);if(e&&S.trim()){const e=[...A,S.trim()];p(e.join(",")),w(e),k("")}else e||V(d)},onPaste:e=>{e.preventDefault();const t=e.clipboardData.getData("text/plain"),l=y(t,A);if(l&&l.length>0){const e=[...A,...l];w(e)}k("")},disabled:x})),E&&t.createElement(st,{errorTextStyle:h,theme:M},E))};dt.propTypes={listChips:e.arrayOf(e.string),setListChips:e.func,chipListString:e.string,currentChip:e.string,setCurrentChip:e.func,placeholder:e.string,validationCheck:e.func.isRequired,errorMsg:e.string,label:e.string,labelCusTomStyles:e.object,containerStyle:e.object,inputContainerStyle:e.object,errorTextStyle:e.object,disabled:e.bool},dt.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1};const pt=m.div`
|
|
833
833
|
box-sizing: initial;
|
|
834
834
|
|
|
835
835
|
//Set the styles from the default styles object
|
|
@@ -880,7 +880,7 @@ ${({customTriggerStyle:e})=>e}
|
|
|
880
880
|
`,gt=m.div`
|
|
881
881
|
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
882
882
|
width: ${({inline:e})=>e?"initial":"auto"};
|
|
883
|
-
`,ft=({getCheckedArr:e,checkBoxOuterStyle:l,checkBoxInnerStyle:o,optionTextStyle:r,defaultBorderColor:a,defaultTextColor:n,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:d,label:p,options:m,setOptions:b,wrapperStyles:g,inline:f,wrapperStyle:h,isRequired:y,...
|
|
883
|
+
`,ft=({getCheckedArr:e,checkBoxOuterStyle:l,checkBoxInnerStyle:o,optionTextStyle:r,defaultBorderColor:a,defaultTextColor:n,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:d,label:p,options:m,setOptions:b,wrapperStyles:g,inline:f,wrapperStyle:h,isRequired:y,iconProps:x,...v})=>{const C=u()||H;i((()=>{A(m)}),[]);const A=t=>{let l=t.filter((e=>!1!==e.checked));e(l)},w=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",z({style:w},v),t.createElement("div",{style:{display:"flex"}},t.createElement(ot,z({customStyles:d,type:"check-label",text:p},v)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${C.variant.error}`}},"*")),t.createElement(gt,z({style:{display:"flex",flexWrap:"wrap"},inline:f},v),m?.map(((e,i)=>t.createElement(bt,z({inline:f,id:e.id,key:`${e.name}-${i}`,onClick:()=>{!e.disabled&&((e,t)=>{let l=[...m];l[t].checked=!e.checked,b(l),A(l)})(e,i)},wrapperStyles:g},v),e.checked?t.createElement(mt,z({theme:C,inBuiltCss:T,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:a,checkedCheckBoxColor:s,checked:e.checked},v),t.createElement($,z({icon:"check-icon",size:18,color:"white"},x))):t.createElement(pt,z({inBuiltCss:T,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:a,theme:C},v)),t.createElement(ut,{theme:C,inline:f,optionTextStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:n,checkedTextColor:c},e.label))))))};ft.propTypes={wrapperStyle:e.object,label:e.string,labelStyle:e.object,checkBoxOuterStyle:e.object,checkBoxInnerStyle:e.object,optionTextStyle:e.object,defaultTextColor:e.string,checkedTextColor:e.string,defaultBorderColor:e.string,checkedCheckBoxColor:e.string,inline:e.bool,options:e.array,setOptions:e.func,getCheckedArr:e.func,isRequired:e.bool,wrapperStyles:e.object,iconProps:e.object},ft.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{},iconProps:{}};const ht=m.div`
|
|
884
884
|
border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
885
885
|
background-color: ${({theme:e})=>e.additional.white};
|
|
886
886
|
|
|
@@ -2009,7 +2009,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2009
2009
|
`,ho=m.div`
|
|
2010
2010
|
width: 100%;
|
|
2011
2011
|
margin-left: 16px;
|
|
2012
|
-
`,yo=({commentsArray:e,customStyles:l,myInfoAvatarProps:o,loading:i,viewOnly:a,textInputProps:n,saveBtnProps:c,cancelBtnProps:s,loadMore:d,avatarProps:p,message:m})=>{const b=u()||H,[g,f]=r(!1),[h,y]=r(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await d.callback(),y((e=>[...e,...t]))};return t.createElement(so,{commentWrapperStyle:l?.commentWrapperStyle,theme:b},h.map(((e,o)=>{const{name:r,date:i,comment:a,image:n}=e;return t.createElement(po,{key:o,commentBodyStyle:l?.commentBodyStyle,theme:b},t.createElement(mo,{commentHeadStyle:l?.commentHeadStyle},t.createElement(be,z({user:{fullName:r,userName:r,url:n},toggleName:!0,size:"LG",customStylesName:{color:b.additional["text-color"]}},p)),t.createElement(uo,{dateTimeStyle:l?.dateTimeStyle,theme:b},i)),t.createElement(bo,{commentDivStyle:l?.commentDivStyle},a))})),!i&&0===h.length&&m,i&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},t.createElement(Le,{size:25})),!i&&d.showLoadMore&&t.createElement("div",{className:"load-more"},t.createElement(Re,{onClick:()=>x("load")},"Load more")),!a&&t.createElement(go,{theme:b,inputWrapperStyle:l?.inputWrapperStyle},t.createElement(be,z({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),t.createElement(ho,null,t.createElement(Hl,z({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>f(!0)},n,{onChange:e=>{n.setInputValue(e.target.value)}})),g&&t.createElement(fo,null,t.createElement(Te,z({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),t.createElement(Re,z({disabled:!(!s?.isLoading&&!c?.isLoading),onClick:()=>{f(!1),n.setInputValue("")},btnStyle:{color:b.variant["neutral-1"]}},s),s.text)))))};yo.propTypes={commentsArray:e.array,customStyles:e.object,myInfoAvatarProps:e.bool,viewOnly:e.bool,textInputProps:e.object,saveBtnProps:e.object,cancelBtnProps:e.object,loadMore:e.object,avatarProps:e.object,message:e.element},yo.defaultProps={commentsArray:[],customStyles:{commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{}},myInfoAvatarProps:{},loading:!1,viewOnly:!1,textInputProps:{},saveBtnProps:{size:"sm",text:"Save"},cancelBtnProps:{size:"sm",text:"Cancel"},loadMore:{showLoadMore:!1,callback:()=>{}},avatarProps:{},message:t.createElement("span",{style:{textAlign:"center",display:"block",marginBottom:"16px"}},"No comments yet")};const xo=m.div`
|
|
2012
|
+
`,yo=({commentsArray:e,customStyles:l,myInfoAvatarProps:o,loading:i,viewOnly:a,textInputProps:n,saveBtnProps:c,cancelBtnProps:s,loadMore:d,avatarProps:p,message:m})=>{const b=u()||H,[g,f]=r(!1),[h,y]=r(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await d.callback(),y((e=>[...e,...t]))};return console.log(n),t.createElement(so,{commentWrapperStyle:l?.commentWrapperStyle,theme:b},h.map(((e,o)=>{const{name:r,date:i,comment:a,image:n}=e;return t.createElement(po,{key:o,commentBodyStyle:l?.commentBodyStyle,theme:b},t.createElement(mo,{commentHeadStyle:l?.commentHeadStyle},t.createElement(be,z({user:{fullName:r,userName:r,url:n},toggleName:!0,size:"LG",customStylesName:{color:b.additional["text-color"]}},p)),t.createElement(uo,{dateTimeStyle:l?.dateTimeStyle,theme:b},i)),t.createElement(bo,{commentDivStyle:l?.commentDivStyle},a))})),!i&&0===h.length&&m,i&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},t.createElement(Le,{size:25})),!i&&d.showLoadMore&&t.createElement("div",{className:"load-more"},t.createElement(Re,{onClick:()=>x("load")},"Load more")),!a&&t.createElement(go,{theme:b,inputWrapperStyle:l?.inputWrapperStyle},t.createElement(be,z({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),t.createElement(ho,null,t.createElement(Hl,z({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>f(!0)},n,{onChange:e=>{n.setInputValue(e.target.value)}})),g&&t.createElement(fo,null,t.createElement(Te,z({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),t.createElement(Re,z({disabled:!(!s?.isLoading&&!c?.isLoading),onClick:()=>{f(!1),n.setInputValue(""),n.setValidValue(!0)},btnStyle:{color:b.variant["neutral-1"]}},s),s.text)))))};yo.propTypes={commentsArray:e.array,customStyles:e.object,myInfoAvatarProps:e.bool,viewOnly:e.bool,textInputProps:e.object,saveBtnProps:e.object,cancelBtnProps:e.object,loadMore:e.object,avatarProps:e.object,message:e.element},yo.defaultProps={commentsArray:[],customStyles:{commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{}},myInfoAvatarProps:{},loading:!1,viewOnly:!1,textInputProps:{},saveBtnProps:{size:"sm",text:"Save"},cancelBtnProps:{size:"sm",text:"Cancel"},loadMore:{showLoadMore:!1,callback:()=>{}},avatarProps:{},message:t.createElement("span",{style:{textAlign:"center",display:"block",marginBottom:"16px"}},"No comments yet")};const xo=m.div`
|
|
2013
2013
|
//Set the styles from the default styles object
|
|
2014
2014
|
${({theme:e,type:t})=>j(e,t)}
|
|
2015
2015
|
@media (max-width: 980px) {
|
|
@@ -2922,7 +2922,7 @@ svg {
|
|
|
2922
2922
|
${({customModalFooterStyle:e})=>e}
|
|
2923
2923
|
`,ai=m.div`
|
|
2924
2924
|
cursor: pointer;
|
|
2925
|
-
`;try{V.setAppElement("#root")}catch(e){V.setAppElement("#__next")}const ni=({modalIsOpen:e,toggleModal:l,closeOnOutsideClick:o,headerContent:r,bodyContent:i,footerContent:a,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:b,contentWrapperStyle:g,customZIndex:f,
|
|
2925
|
+
`;try{V.setAppElement("#root")}catch(e){V.setAppElement("#__next")}const ni=({modalIsOpen:e,toggleModal:l,closeOnOutsideClick:o,headerContent:r,bodyContent:i,footerContent:a,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:b,contentWrapperStyle:g,customZIndex:f,hideCrossIcon:h,...y})=>{const x={overlay:{zIndex:f,backgroundColor:"rgb(51 51 51 / 30%)"},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",minWidth:p,overflow:"hidden",border:`1px solid ${(u()||H).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:d&&d,maxWidth:m&&m,...b}};return t.createElement("div",null,t.createElement(V,z({closeTimeoutMS:500,isOpen:e,onRequestClose:o?l:void 0,style:x,contentLabel:"Modal"},y),r&&t.createElement(li,{style:n},r,!h&&t.createElement(ai,{onClick:l},t.createElement($,{icon:"close-icon",size:18}))),!r&&!h&&t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginRight:"24px",paddingTop:"24px"}},t.createElement("div",null),t.createElement(ai,{onClick:l},t.createElement($,{icon:"close-icon",size:18}))),t.createElement(ri,{contentWrapperStyle:g},t.createElement(oi,{inBuiltCss:T,style:c},i),a&&t.createElement(ii,{inBuiltCss:T,style:s},a))),t.createElement(ti,null))};ni.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,hideCrossIcon:e.bool,bodyContent:e.any,footerContent:e.any,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string,contentStyle:e.object,contentWrapperStyle:e.object,customZIndex:e.number},ni.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const ci=m.div`
|
|
2926
2926
|
${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
|
|
2927
2927
|
}
|
|
2928
2928
|
`,si=({theme:e,toggleSimple:l,contentTrigger:o,contentOverlay:r,popperOptionsP:i,settingsP:a,customStyles:n,...c})=>{let s={},d={};l?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...a};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:b,visible:g}=y({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:b,style:{width:"fit-content",height:"fit-content"}},o),g&&t.createElement(ci,z({type:l?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:n}),r))};si.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},si.defaultProps={theme:T,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const di=m.div`
|
|
@@ -3119,7 +3119,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3119
3119
|
p {
|
|
3120
3120
|
margin: 0;
|
|
3121
3121
|
}
|
|
3122
|
-
`,Pi=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:b,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:y})=>{const x=u()||H,[v,C]=r(null),[A,w]=r(!1),[S,k]=r([]);i((()=>{k(m.split("/"));let e=m.split("/"),t=l&&l.find((t=>e[1]===t.path.split("/")[1]));E(t),f(t?.id||null)}),[m]),i((()=>{!o&&w(!1),!o&&C(null)}),[o]);const E=e=>{if(e?.routes&&e?.routes.length>0)e.routes.forEach((e=>E(e)));else if(e?.path===m)return g(e?.id||null),h(e||null),null},V=(e,l,o)=>{let r=e?.path.split("/"),i=r.length;return e.routes&&e.routes.length>0?t.createElement(te,{key:e?.id+l,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`}},t.createElement("span",{style:{visibility:3===i&&S[2]===r[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{style:{fontWeight:3===i&&S[2]===r[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:m.includes(e.path),
|
|
3122
|
+
`,Pi=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:b,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:y})=>{const x=u()||H,[v,C]=r(null),[A,w]=r(!1),[S,k]=r([]);i((()=>{k(m.split("/"));let e=m.split("/"),t=l&&l.find((t=>e[1]===t.path.split("/")[1]));E(t),f(t?.id||null)}),[m]),i((()=>{!o&&w(!1),!o&&C(null)}),[o]);const E=e=>{if(e?.routes&&e?.routes.length>0)e.routes.forEach((e=>E(e)));else if(e?.path===m)return g(e?.id||null),h(e||null),null},V=(e,l,o)=>{let r=e?.path.split("/"),i=r.length;return e.routes&&e.routes.length>0?t.createElement(te,{key:e?.id+l,showIcon:e.routes.filter((e=>!0===e.visibleAsMenu)).length>0,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`}},t.createElement("span",{style:{visibility:3===i&&S[2]===r[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{style:{fontWeight:3===i&&S[2]===r[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:m.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:t.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,o+8)))),customStylesAccordionContainer:Ai,customStylesAccordionToggle:wi,customStylesAccordionContent:Si,showIconInfo:!1,customWrapperStyles:ki}):t.createElement(Ri,{listElementStyle:d,key:e?.id+l,onClick:()=>{b(e.path)},theme:x},t.createElement("span",{className:"selected-disk",style:{visibility:i<=3&&S[S.length-1]?.toLowerCase()===r[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||x.additional.white:"transparent",fontWeight:i<=3&&S[S.length-1]?.toLowerCase()===r[i-1]?.toLowerCase()?"bold":"normal",color:x.variant.white}}," ",e?.link))};return t.createElement(Li,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{C(null),w(!1)},toggleSideBarOpen:o},t.createElement(Ii,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Wi,{toggleSideBarOpen:o},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,l,r)=>(r.length,t.createElement("div",{className:"service-layer",key:e?.value+l,onClick:()=>{C(l)},style:{backgroundColor:e?.value?.toLowerCase()===S[1]?.toLowerCase()?p:"transparent"}},t.createElement(te,{index:l,isAccordionOpen:l===v||A&&e?.value?.toLowerCase()===S[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...Ei,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:Vi,customStylesAccordionContent:Mi,contentToggle:t.createElement(xe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:zi,customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo,fullName:e?.label},notificationCircleStyles:y,icon:e?.icon?e?.icon:e?.maintenance?t.createElement($,{icon:"maintenance",size:22,color:"white"}):null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount}),content:t.createElement("div",{style:Bi},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,0))))})))))))},Hi=m.div`
|
|
3123
3123
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
3124
3124
|
color: ${({theme:e})=>e.additional.white};
|
|
3125
3125
|
overflow-y: hidden;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("react"),l=require("styled-components"),a=require("react-svg"),o=require("react-popper-tooltip"),r=require("react-phone-input-2"),i=require("dayjs");require("dayjs/locale/es");var n=require("react-datepicker"),c=require("react-select"),d=require("react-select/async"),s=require("react-signature-pad-wrapper"),u=require("react-data-table-component"),p=require("react-modal"),f=require("react-dom");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(e),g=m(t),h=m(l),y=m(r),x=m(i),v=m(n),C=m(c),A=m(d),w=m(s),S=m(u),E=m(p);function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},k.apply(this,arguments)}const V={"primary-1":"#2A50FD","primary-2":"#081348"},M={error:"#DD0000",success:"#00B904 "},z={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},B={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},I={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},L={white:"#FFFFFF",black:"#000000","text-color":V["primary-2"],border:z["neutral-3"]},R={primary:{...V},ui:{...M},neutral:{...z},shade:{...B},graph:{...I},additional:{...L},variant:{...V,...M,...z,...B,...I,...L}},W={common:{color:"blue","background-color":`${R.additional.white}`},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}`,minWidth:"20px",width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${R.additional.white}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",minWidth:"20px",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"},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"}},P=(e,t)=>{if(e){let l={};if(e[t]){for(const a in e[t])l[a]=e[t][a],delete e.common[a];for(const t in e.common)l[t]=e.common[t]}return l}};function T(e,t){var l=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+a+", "+o+", "+t+")":"rgb("+l+", "+a+", "+o+")"}T("#FF0000",.5);const H=h.default.div`
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("react"),l=require("styled-components"),a=require("react-svg"),o=require("react-popper-tooltip"),r=require("react-phone-input-2"),i=require("dayjs");require("dayjs/locale/es");var n=require("react-datepicker"),c=require("react-select"),d=require("react-select/async"),s=require("react-signature-pad-wrapper"),u=require("react-data-table-component"),p=require("react-modal"),f=require("react-dom");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(e),g=m(t),h=m(l),y=m(r),x=m(i),v=m(n),C=m(c),A=m(d),w=m(s),S=m(u),E=m(p);function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},k.apply(this,arguments)}const V={"primary-1":"#2A50FD","primary-2":"#081348"},M={error:"#DD0000",success:"#00B904 "},z={"neutral-1":"#39424D","neutral-2":"#6B747F","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},B={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},I={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},L={white:"#FFFFFF",black:"#000000","text-color":V["primary-2"],border:z["neutral-3"]},R={primary:{...V},ui:{...M},neutral:{...z},shade:{...B},graph:{...I},additional:{...L},variant:{...V,...M,...z,...B,...I,...L}},W={common:{color:"blue","background-color":`${R.additional.white}`},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"},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"}},P=(e,t)=>{if(e){let l={};if(e[t]){for(const a in e[t])l[a]=e[t][a],delete e.common[a];for(const t in e.common)l[t]=e.common[t]}return l}};function T(e,t){var l=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return t?"rgba("+l+", "+a+", "+o+", "+t+")":"rgb("+l+", "+a+", "+o+")"}T("#FF0000",.5);const H=h.default.div`
|
|
2
2
|
color: ${({activeTheme:e})=>e.additional["text-color"]};
|
|
3
3
|
padding-top: 25px;
|
|
4
4
|
padding-bottom: 25px;
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
cursor: pointer;
|
|
152
152
|
padding-bottom: 9px;
|
|
153
153
|
${({iconDivCustomStyle:e})=>e}
|
|
154
|
-
`,te=({content:e,alertWrapperStyle:t,iconDivCustomStyle:a,alertIsOpen:o,closeAlert:r,iconProps:i})=>{const n=l.useTheme()||R;return g.default.createElement(_,{theme:n,alertIsOpen:o,alertWrapperStyle:t},g.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"
|
|
154
|
+
`,te=({content:e,alertWrapperStyle:t,iconDivCustomStyle:a,alertIsOpen:o,closeAlert:r,iconProps:i})=>{const n=l.useTheme()||R;return g.default.createElement(_,{theme:n,alertIsOpen:o,alertWrapperStyle:t},g.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 24px"}},g.default.createElement("div",null,e),g.default.createElement(ee,{onClick:r,iconDivCustomStyle:a},g.default.createElement(N,k({icon:"close-icon",color:"#000000",size:13},i)))))};te.propTypes={content:b.default.any,alertWrapperStyle:b.default.object,alertIsOpen:b.default.bool,iconDivCustomStyle:b.default.object,closeAlert:b.default.func,iconProps:b.default.object},te.defaultProps={alertWrapperStyle:{},content:"",alertIsOpen:!0};const le=h.default.div`
|
|
155
155
|
color: ${({theme:e,variant:t})=>t?e.variant[t]:"white"};
|
|
156
156
|
${({scroll:e})=>e?l.css`
|
|
157
157
|
display: flex;
|
|
@@ -829,7 +829,7 @@ ${({customTriggerStyle:e})=>e}
|
|
|
829
829
|
`,rt=h.default.span`
|
|
830
830
|
color: ${({theme:e})=>e.variant.error};
|
|
831
831
|
${({errorTextStyle:e})=>e};
|
|
832
|
-
`,it=({listChips:e,setListChips:a,currentChip:o,setCurrentChip:r,chipListString:i,placeholder:n,validationCheck:c,errorMsg:d,handleBlurProps:s,label:u,labelCusTomStyles:p,containerStyle:f,inputContainerStyle:m,errorTextStyle:b,multipleItemsValidator:h,disabled:y,...x})=>{let v=i?i.split(","):e||[];const[C,A]=t.useState(v),[w,S]=t.useState(o),[E,k]=t.useState(""),V=l.useTheme()||R;t.useEffect((()=>{A(v)}),[]);return g.default.createElement(et,{theme:V,containerStyle:f},g.default.createElement(tt,{inputContainerStyle:m},g.default.createElement(_e,{text:u,customStyles:p}),C.map(((e,t)=>g.default.createElement(lt,{theme:V,key:e+`${t}`,onClick:()=>(e=>{const t=[...C];t.splice(e,1),A(t),k("")})(t)},g.default.createElement(at,null,e)))),g.default.createElement(ot,{type:"text",placeholder:n,value:w,onKeyDown:e=>{let t=c(w,C);"Enter"===e.key||","===e.key?(e.preventDefault(),t?w.trim()&&(A([...C,w.trim()]),S(""),k("")):k(d)):"Backspace"!==e.key||w||A(C.slice(0,-1))},onChange:e=>{S(e.target.value),k("")},theme:V,onBlur:()=>{const e=c(w,C);if(e&&w.trim()){const e=[...C,w.trim()];s(e.join(",")),A(e),S("")}else e||k(d)},onPaste:e=>{e.preventDefault();const t=e.clipboardData.getData("text/plain"),l=h(t);if(l&&l.length>0){const e=[...C,...l];A(e)}S("")},disabled:y})),E&&g.default.createElement(rt,{errorTextStyle:b,theme:V},E))};it.propTypes={listChips:b.default.arrayOf(b.default.string),setListChips:b.default.func,chipListString:b.default.string,currentChip:b.default.string,setCurrentChip:b.default.func,placeholder:b.default.string,validationCheck:b.default.func.isRequired,errorMsg:b.default.string,label:b.default.string,labelCusTomStyles:b.default.object,containerStyle:b.default.object,inputContainerStyle:b.default.object,errorTextStyle:b.default.object,disabled:b.default.bool},it.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1};const nt=h.default.div`
|
|
832
|
+
`,it=({listChips:e,setListChips:a,currentChip:o,setCurrentChip:r,chipListString:i,placeholder:n,validationCheck:c,errorMsg:d,handleBlurProps:s,label:u,labelCusTomStyles:p,containerStyle:f,inputContainerStyle:m,errorTextStyle:b,multipleItemsValidator:h,disabled:y,...x})=>{let v=i?i.split(","):e||[];const[C,A]=t.useState(v),[w,S]=t.useState(o),[E,k]=t.useState(""),V=l.useTheme()||R;t.useEffect((()=>{A(v)}),[]);return g.default.createElement(et,{theme:V,containerStyle:f},g.default.createElement(tt,{inputContainerStyle:m},g.default.createElement(_e,{text:u,customStyles:p}),C.map(((e,t)=>g.default.createElement(lt,{theme:V,key:e+`${t}`,onClick:()=>(e=>{const t=[...C];t.splice(e,1),A(t),k("")})(t)},g.default.createElement(at,null,e)))),g.default.createElement(ot,{type:"text",placeholder:n,value:w,onKeyDown:e=>{let t=c(w,C);"Enter"===e.key||","===e.key?(e.preventDefault(),t?w.trim()&&(A([...C,w.trim()]),S(""),k("")):k(d)):"Backspace"!==e.key||w||A(C.slice(0,-1))},onChange:e=>{S(e.target.value),k("")},theme:V,onBlur:()=>{const e=c(w,C);if(e&&w.trim()){const e=[...C,w.trim()];s(e.join(",")),A(e),S("")}else e||k(d)},onPaste:e=>{e.preventDefault();const t=e.clipboardData.getData("text/plain"),l=h(t,C);if(l&&l.length>0){const e=[...C,...l];A(e)}S("")},disabled:y})),E&&g.default.createElement(rt,{errorTextStyle:b,theme:V},E))};it.propTypes={listChips:b.default.arrayOf(b.default.string),setListChips:b.default.func,chipListString:b.default.string,currentChip:b.default.string,setCurrentChip:b.default.func,placeholder:b.default.string,validationCheck:b.default.func.isRequired,errorMsg:b.default.string,label:b.default.string,labelCusTomStyles:b.default.object,containerStyle:b.default.object,inputContainerStyle:b.default.object,errorTextStyle:b.default.object,disabled:b.default.bool},it.defaultProps={listChips:[],setListChips:()=>{},currentChip:"",setCurrentChip:()=>{},placeholder:"",errorMsg:"Please enter a valid email address",label:"From:",labelCusTomStyles:{},containerStyle:{},inputContainerStyle:{},errorTextStyle:{},disabled:!1};const nt=h.default.div`
|
|
833
833
|
box-sizing: initial;
|
|
834
834
|
|
|
835
835
|
//Set the styles from the default styles object
|
|
@@ -880,7 +880,7 @@ ${({customTriggerStyle:e})=>e}
|
|
|
880
880
|
`,ut=h.default.div`
|
|
881
881
|
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
882
882
|
width: ${({inline:e})=>e?"initial":"auto"};
|
|
883
|
-
`,pt=({getCheckedArr:e,checkBoxOuterStyle:a,checkBoxInnerStyle:o,optionTextStyle:r,defaultBorderColor:i,defaultTextColor:n,checkedTextColor:c,checkedCheckBoxColor:d,labelStyle:s,label:u,options:p,setOptions:f,wrapperStyles:m,inline:b,wrapperStyle:h,isRequired:y,...
|
|
883
|
+
`,pt=({getCheckedArr:e,checkBoxOuterStyle:a,checkBoxInnerStyle:o,optionTextStyle:r,defaultBorderColor:i,defaultTextColor:n,checkedTextColor:c,checkedCheckBoxColor:d,labelStyle:s,label:u,options:p,setOptions:f,wrapperStyles:m,inline:b,wrapperStyle:h,isRequired:y,iconProps:x,...v})=>{const C=l.useTheme()||R;t.useEffect((()=>{A(p)}),[]);const A=t=>{let l=t.filter((e=>!1!==e.checked));e(l)},w=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return g.default.createElement("div",k({style:w},v),g.default.createElement("div",{style:{display:"flex"}},g.default.createElement(_e,k({customStyles:s,type:"check-label",text:u},v)),y&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${C.variant.error}`}},"*")),g.default.createElement(ut,k({style:{display:"flex",flexWrap:"wrap"},inline:b},v),p?.map(((e,t)=>g.default.createElement(st,k({inline:b,id:e.id,key:`${e.name}-${t}`,onClick:()=>{!e.disabled&&((e,t)=>{let l=[...p];l[t].checked=!e.checked,f(l),A(l)})(e,t)},wrapperStyles:m},v),e.checked?g.default.createElement(ct,k({theme:C,inBuiltCss:W,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:i,checkedCheckBoxColor:d,checked:e.checked},v),g.default.createElement(N,k({icon:"check-icon",size:18,color:"white"},x))):g.default.createElement(nt,k({inBuiltCss:W,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...a,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:i,theme:C},v)),g.default.createElement(dt,{theme:C,inline:b,optionTextStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:n,checkedTextColor:c},e.label))))))};pt.propTypes={wrapperStyle:b.default.object,label:b.default.string,labelStyle:b.default.object,checkBoxOuterStyle:b.default.object,checkBoxInnerStyle:b.default.object,optionTextStyle:b.default.object,defaultTextColor:b.default.string,checkedTextColor:b.default.string,defaultBorderColor:b.default.string,checkedCheckBoxColor:b.default.string,inline:b.default.bool,options:b.default.array,setOptions:b.default.func,getCheckedArr:b.default.func,isRequired:b.default.bool,wrapperStyles:b.default.object,iconProps:b.default.object},pt.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{},iconProps:{}};const ft=h.default.div`
|
|
884
884
|
border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
885
885
|
background-color: ${({theme:e})=>e.additional.white};
|
|
886
886
|
|
|
@@ -2009,7 +2009,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2009
2009
|
`,pa=h.default.div`
|
|
2010
2010
|
width: 100%;
|
|
2011
2011
|
margin-left: 16px;
|
|
2012
|
-
`,fa=({commentsArray:e,customStyles:a,myInfoAvatarProps:o,loading:r,viewOnly:i,textInputProps:n,saveBtnProps:c,cancelBtnProps:d,loadMore:s,avatarProps:u,message:p})=>{const f=l.useTheme()||R,[m,b]=t.useState(!1),[h,y]=t.useState(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await s.callback(),y((e=>[...e,...t]))};return g.default.createElement(ra,{commentWrapperStyle:a?.commentWrapperStyle,theme:f},h.map(((e,t)=>{const{name:l,date:o,comment:r,image:i}=e;return g.default.createElement(ia,{key:t,commentBodyStyle:a?.commentBodyStyle,theme:f},g.default.createElement(na,{commentHeadStyle:a?.commentHeadStyle},g.default.createElement(ue,k({user:{fullName:l,userName:l,url:i},toggleName:!0,size:"LG",customStylesName:{color:f.additional["text-color"]}},u)),g.default.createElement(ca,{dateTimeStyle:a?.dateTimeStyle,theme:f},o)),g.default.createElement(da,{commentDivStyle:a?.commentDivStyle},r))})),!r&&0===h.length&&p,r&&g.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},g.default.createElement(Ve,{size:25})),!r&&s.showLoadMore&&g.default.createElement("div",{className:"load-more"},g.default.createElement(Be,{onClick:()=>x("load")},"Load more")),!i&&g.default.createElement(sa,{theme:f,inputWrapperStyle:a?.inputWrapperStyle},g.default.createElement(ue,k({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),g.default.createElement(pa,null,g.default.createElement(Ll,k({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>b(!0)},n,{onChange:e=>{n.setInputValue(e.target.value)}})),m&&g.default.createElement(ua,null,g.default.createElement(Re,k({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),g.default.createElement(Be,k({disabled:!(!d?.isLoading&&!c?.isLoading),onClick:()=>{b(!1),n.setInputValue("")},btnStyle:{color:f.variant["neutral-1"]}},d),d.text)))))};fa.propTypes={commentsArray:b.default.array,customStyles:b.default.object,myInfoAvatarProps:b.default.bool,viewOnly:b.default.bool,textInputProps:b.default.object,saveBtnProps:b.default.object,cancelBtnProps:b.default.object,loadMore:b.default.object,avatarProps:b.default.object,message:b.default.element},fa.defaultProps={commentsArray:[],customStyles:{commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{}},myInfoAvatarProps:{},loading:!1,viewOnly:!1,textInputProps:{},saveBtnProps:{size:"sm",text:"Save"},cancelBtnProps:{size:"sm",text:"Cancel"},loadMore:{showLoadMore:!1,callback:()=>{}},avatarProps:{},message:g.default.createElement("span",{style:{textAlign:"center",display:"block",marginBottom:"16px"}},"No comments yet")};const ma=h.default.div`
|
|
2012
|
+
`,fa=({commentsArray:e,customStyles:a,myInfoAvatarProps:o,loading:r,viewOnly:i,textInputProps:n,saveBtnProps:c,cancelBtnProps:d,loadMore:s,avatarProps:u,message:p})=>{const f=l.useTheme()||R,[m,b]=t.useState(!1),[h,y]=t.useState(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await s.callback(),y((e=>[...e,...t]))};return console.log(n),g.default.createElement(ra,{commentWrapperStyle:a?.commentWrapperStyle,theme:f},h.map(((e,t)=>{const{name:l,date:o,comment:r,image:i}=e;return g.default.createElement(ia,{key:t,commentBodyStyle:a?.commentBodyStyle,theme:f},g.default.createElement(na,{commentHeadStyle:a?.commentHeadStyle},g.default.createElement(ue,k({user:{fullName:l,userName:l,url:i},toggleName:!0,size:"LG",customStylesName:{color:f.additional["text-color"]}},u)),g.default.createElement(ca,{dateTimeStyle:a?.dateTimeStyle,theme:f},o)),g.default.createElement(da,{commentDivStyle:a?.commentDivStyle},r))})),!r&&0===h.length&&p,r&&g.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},g.default.createElement(Ve,{size:25})),!r&&s.showLoadMore&&g.default.createElement("div",{className:"load-more"},g.default.createElement(Be,{onClick:()=>x("load")},"Load more")),!i&&g.default.createElement(sa,{theme:f,inputWrapperStyle:a?.inputWrapperStyle},g.default.createElement(ue,k({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),g.default.createElement(pa,null,g.default.createElement(Ll,k({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>b(!0)},n,{onChange:e=>{n.setInputValue(e.target.value)}})),m&&g.default.createElement(ua,null,g.default.createElement(Re,k({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),g.default.createElement(Be,k({disabled:!(!d?.isLoading&&!c?.isLoading),onClick:()=>{b(!1),n.setInputValue(""),n.setValidValue(!0)},btnStyle:{color:f.variant["neutral-1"]}},d),d.text)))))};fa.propTypes={commentsArray:b.default.array,customStyles:b.default.object,myInfoAvatarProps:b.default.bool,viewOnly:b.default.bool,textInputProps:b.default.object,saveBtnProps:b.default.object,cancelBtnProps:b.default.object,loadMore:b.default.object,avatarProps:b.default.object,message:b.default.element},fa.defaultProps={commentsArray:[],customStyles:{commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{}},myInfoAvatarProps:{},loading:!1,viewOnly:!1,textInputProps:{},saveBtnProps:{size:"sm",text:"Save"},cancelBtnProps:{size:"sm",text:"Cancel"},loadMore:{showLoadMore:!1,callback:()=>{}},avatarProps:{},message:g.default.createElement("span",{style:{textAlign:"center",display:"block",marginBottom:"16px"}},"No comments yet")};const ma=h.default.div`
|
|
2013
2013
|
//Set the styles from the default styles object
|
|
2014
2014
|
${({theme:e,type:t})=>P(e,t)}
|
|
2015
2015
|
@media (max-width: 980px) {
|
|
@@ -2922,7 +2922,7 @@ svg {
|
|
|
2922
2922
|
${({customModalFooterStyle:e})=>e}
|
|
2923
2923
|
`,_o=h.default.div`
|
|
2924
2924
|
cursor: pointer;
|
|
2925
|
-
`;try{E.default.setAppElement("#root")}catch(e){E.default.setAppElement("#__next")}const er=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:a,headerContent:o,bodyContent:r,footerContent:i,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:d,customWidth:s,customMinWidth:u,customMaxWidth:p,contentStyle:f,contentWrapperStyle:m,customZIndex:b,
|
|
2925
|
+
`;try{E.default.setAppElement("#root")}catch(e){E.default.setAppElement("#__next")}const er=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:a,headerContent:o,bodyContent:r,footerContent:i,customModalHeaderStyle:n,customModalBodyStyle:c,customModalFooterStyle:d,customWidth:s,customMinWidth:u,customMaxWidth:p,contentStyle:f,contentWrapperStyle:m,customZIndex:b,hideCrossIcon:h,...y})=>{const x={overlay:{zIndex:b,backgroundColor:"rgb(51 51 51 / 30%)"},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",minWidth:u,overflow:"hidden",border:`1px solid ${(l.useTheme()||R).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:s&&s,maxWidth:p&&p,...f}};return g.default.createElement("div",null,g.default.createElement(E.default,k({closeTimeoutMS:500,isOpen:e,onRequestClose:a?t:void 0,style:x,contentLabel:"Modal"},y),o&&g.default.createElement(No,{style:n},o,!h&&g.default.createElement(_o,{onClick:t},g.default.createElement(N,{icon:"close-icon",size:18}))),!o&&!h&&g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginRight:"24px",paddingTop:"24px"}},g.default.createElement("div",null),g.default.createElement(_o,{onClick:t},g.default.createElement(N,{icon:"close-icon",size:18}))),g.default.createElement(Ko,{contentWrapperStyle:m},g.default.createElement(Qo,{inBuiltCss:W,style:c},r),i&&g.default.createElement($o,{inBuiltCss:W,style:d},i))),g.default.createElement(Yo,null))};er.propTypes={modalIsOpen:b.default.bool,toggleModal:b.default.func,closeOnOutsideClick:b.default.bool,headerContent:b.default.any,hideCrossIcon:b.default.bool,bodyContent:b.default.any,footerContent:b.default.any,customModalHeaderStyle:b.default.object,customModalBodyStyle:b.default.object,customModalFooterStyle:b.default.object,customMinWidth:b.default.string,contentStyle:b.default.object,contentWrapperStyle:b.default.object,customZIndex:b.default.number},er.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const tr=h.default.div`
|
|
2926
2926
|
${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.common)a[t]=e.common[t];for(const l in e[t])a[l]=e[t][l],delete e.common[l]}return{...a,...l}}}}
|
|
2927
2927
|
}
|
|
2928
2928
|
`,lr=({theme:e,toggleSimple:t,contentTrigger:l,contentOverlay:a,popperOptionsP:r,settingsP:i,customStyles:n,...c})=>{let d={},s={};t?(d={...d,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},s={...s}):(d={...d,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},s={...s,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),d={...d,...r},s={...s,...i};const{getArrowProps:u,getTooltipProps:p,setTooltipRef:f,setTriggerRef:m,visible:b}=o.usePopperTooltip({...s},d);return g.default.createElement(g.default.Fragment,null,g.default.createElement("div",{ref:m,style:{width:"fit-content",height:"fit-content"}},l),b&&g.default.createElement(tr,k({type:t?"simple-overlay":"overlay",theme:e,ref:f},p({className:"tooltip-container"}),{customStyles:n}),a))};lr.propTypes={theme:b.default.object,contentTrigger:b.default.any,contentOverlay:b.default.any,popperOptionsP:b.default.object,settingsP:b.default.object,customStyles:b.default.object,toggleSimple:b.default.bool},lr.defaultProps={theme:W,contentTrigger:g.default.createElement("div",null,"Trigger"),contentOverlay:g.default.createElement("div",null,"I am the Overlay")};const ar=h.default.div`
|
|
@@ -3375,4 +3375,4 @@ overflow: hidden;
|
|
|
3375
3375
|
background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
|
|
3376
3376
|
font-size: ${({size:e})=>_r[e].fontSize};
|
|
3377
3377
|
line-height: ${({size:e})=>_r[e].lineHeight};
|
|
3378
|
-
`,ti=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||R;return g.default.createElement(ei,k({theme:i,bg:a,text:o,size:e},r),g.default.createElement(wo,{theme:i}),t)};ti.propTypes={size:b.default.oneOf(["xs","sm","md","lg"]),text:b.default.string,bg:b.default.string,children:b.default.any,theme:b.default.object},ti.defaultProps={size:"md"},exports.Accordion=K,exports.AccordionSB=$,exports.ActionContainer=Sa,exports.ActionItem=Va,exports.Alert=te,exports.ArrowBar=re,exports.Avatar=ue,exports.AvatarSB=ge,exports.Banner=xe,exports.Breadcrumb=Ke,exports.ButtonPopup=Bo,exports.Card=j,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=it,exports.ColorInput=bt,exports.Comment=fa,exports.Content=ba,exports.CountryCodedPhoneInput=yt,exports.DarkSecondaryLink=pr,exports.DateSelect=It,exports.DateTime=Ft,exports.Divider=Pa,exports.DocumentCard=X,exports.DotPulseLoader=()=>{const e=l.useTheme()||R;return g.default.createElement(Ce,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ha,exports.DropdownSelect=Gt,exports.DropzoneInput=el,exports.EditableInput=il,exports.ErrorBoundary=ja,exports.FilterChip=Za,exports.Footer=Oa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return g.default.createElement(Ga,k({variant:e,textColor:t,footerWidth:o,customStyles:r},i),g.default.createElement(Xa,{footerWidth:o},g.default.createElement(Ja,{footerWidth:o},"Premise HQ"),g.default.createElement(Ua,{footerWidth:o},"|"),g.default.createElement(Ja,{footerWidth:o},"All Rights Restricted ",n," ©")),g.default.createElement(Xa,{footerWidth:o},g.default.createElement(Ja,{footerWidth:o},"Terms of use"),g.default.createElement(Ua,{footerWidth:o},"|"),g.default.createElement(Ja,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>g.default.createElement(t.Fragment,null,g.default.createElement(Na,k({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement(_e,k({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Ll,k({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Xl,k({},e,a)))(e);case"number":return(e=>g.default.createElement(gl,k({},e,a)))(e);case"radio":return(e=>g.default.createElement(Vl,k({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(pt,k({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Gt,k({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Gt,k({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Gt,k({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Gt,k({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(ql,k({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(el,k({},e,a)))(e);case"date":return(e=>g.default.createElement(It,k({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(po,k({},e,a)))(e);case"toggle":return(e=>g.default.createElement(oa,k({},e,a)))(e);case"icon":return(e=>g.default.createElement(N,k({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(Ve,k({},e,a)))(e);case"alert":return(e=>g.default.createElement(te,k({},e,a)))(e);case"banner":return(e=>g.default.createElement(xe,k({},e,a)))(e);case"divider":return(e=>g.default.createElement(Pa,k({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Ao,k({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(X,k({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(ul,k({},e,a)))(e);case"accordion":return(e=>g.default.createElement(K,k({},e,a)))(e);case"content":return(e=>g.default.createElement(ba,k({},e,a)))(e);case"rating":return(e=>g.default.createElement(xo,k({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(Re,k({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(Te,k({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(je,k({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(Be,k({},e,a)))(e);case"search":return(e=>g.default.createElement(Rl,k({},e,a)))(e);case"table":return(e=>g.default.createElement(Co,k({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Cl,k({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{defaultThemeColor:R},g.default.createElement(Ra,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(Ba,null,e.map(((t,l)=>g.default.createElement(Ia,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Ma,exports.FormWrapper=Ra,exports.GroupAvatars=ko,exports.GroupButtons=Wo,exports.GroupButtonsPopup=jo,exports.GroupStatusCircle=Go,exports.Header=Na,exports.HeaderComponent=Ao,exports.HyperLink=Uo,exports.Icon=N,exports.Image=ne,exports.ImageUploader=ul,exports.Label=_e,exports.LightSecondaryLink=mr,exports.LinkButton=Be,exports.Loader=Se,exports.ModalComp=er,exports.MultiColumnDiv=Ia,exports.MultiColumnWrapper=Ba,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:n,customStylesNameHover:c,listElementStyle:d,customSelectCardColor:s,selectedAppPath:u,setSelectedAppPath:p,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h})=>{const y=l.useTheme()||R,[x,v]=t.useState(null),[C,A]=t.useState(!1),[w,S]=t.useState([]);t.useEffect((()=>{S(u.split("/"));let e=u.split("/"),t=a&&a.find((t=>e[1]===t.path.split("/")[1]));E(t),m(t?.id||null)}),[u]),t.useEffect((()=>{!o&&A(!1),!o&&v(null)}),[o]);const E=e=>{if(e?.routes&&e?.routes.length>0)e.routes.forEach((e=>E(e)));else if(e?.path===u)return f(e?.id||null),b(e||null),null},k=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;return e.routes&&e.routes.length>0?g.default.createElement($,{key:e?.id+t,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`}},g.default.createElement("span",{style:{visibility:3===o&&w[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y.additional.white,flexShrink:0}}),g.default.createElement("span",{style:{fontWeight:3===o&&w[2]===a[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:u.includes(e.path),showIcon:!0,setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>k(e,t,l+8)))),customStylesAccordionContainer:br,customStylesAccordionToggle:gr,customStylesAccordionContent:hr,showIconInfo:!1,customWrapperStyles:yr}):g.default.createElement(Vr,{listElementStyle:d,key:e?.id+t,onClick:()=>{p(e.path)},theme:y},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),g.default.createElement("span",{className:"link",style:{marginLeft:l-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&u===e?.path?d?.selectedChildBG||y.additional.white:"transparent",fontWeight:o<=3&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y.variant.white}}," ",e?.link))};return g.default.createElement(Sr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{v(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(Er,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(kr,{toggleSideBarOpen:o},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t,l)=>(l.length,g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{v(t)},style:{backgroundColor:e?.value?.toLowerCase()===w[1]?.toLowerCase()?s:"transparent"}},g.default.createElement($,{index:t,isAccordionOpen:t===x||C&&e?.value?.toLowerCase()===w[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...xr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:vr,customStylesAccordionContent:Cr,contentToggle:g.default.createElement(ge,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:Ar,customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo,fullName:e?.label},notificationCircleStyles:h,icon:e?.icon?e?.icon:e?.maintenance?g.default.createElement(N,{icon:"maintenance",size:22,color:"white"}):null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount}),content:g.default.createElement("div",{style:wr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>k(e,t,0))))})))))))},exports.NumericInput=gl,exports.Overlay=lr,exports.OverlayOptionContainer=Ea,exports.OverlayOptionItemLabel=ka,exports.PageContent=ga,exports.Pagination=to,exports.PaginationDefault=ao,exports.PaginationTypeTwo=po,exports.PasswordInput=Cl,exports.PrimaryButton=Re,exports.PrimaryStatusChip=Rr,exports.ProgressBar=rr,exports.ProgressSteps=sr,exports.RadioInput=Vl,exports.Rating=xo,exports.RoundedLoader=Ve,exports.SearchInput=Rl,exports.SecondaryButton=Te,exports.SecondaryStatusChip=Tr,exports.Sidebar=Br,exports.SignatureInput=ql,exports.SlimPrimaryStatusChip=Fr,exports.SlimSecondaryStatusChip=Dr,exports.StatusCircle=qo,exports.StyledCentralBar=xa,exports.StyledClearSearch=ya,exports.StyledCreateRow=Ca,exports.StyledRow=Aa,exports.StyledRowSearch=ha,exports.StyledSearchRow=wa,exports.StyledWarning=va,exports.SubmitButtonContainer=za,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(Re,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>g.default.createElement(Te,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(za,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=Co,exports.Tabs=Ur,exports.TextArea=Xl,exports.TextInput=Ll,exports.TimeInput=_l,exports.TinyButton=je,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||$r(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),i=t.useMemo((()=>({open:o,close:r})),[]),[n,c]=t.useState(!1);return t.useEffect((()=>(c(!0),()=>c(!1))),[]),g.default.createElement(Qr.Provider,{value:i},e.children,n?f.createPortal(g.default.createElement(Kr,null,g.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>g.default.createElement(Nr,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=oa,exports.Tooltip=Je,exports.Typography=ti,exports.additionalColors=L,exports.defaultStyles=W,exports.defaultThemeColor=R,exports.getDefaultStyles=P,exports.graphColor=I,exports.hexToRGB=T,exports.neutralColor=z,exports.primaryColor=V,exports.shadeColor=B,exports.uiColor=M,exports.useToast=()=>t.useContext(Qr);
|
|
3378
|
+
`,ti=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||R;return g.default.createElement(ei,k({theme:i,bg:a,text:o,size:e},r),g.default.createElement(wo,{theme:i}),t)};ti.propTypes={size:b.default.oneOf(["xs","sm","md","lg"]),text:b.default.string,bg:b.default.string,children:b.default.any,theme:b.default.object},ti.defaultProps={size:"md"},exports.Accordion=K,exports.AccordionSB=$,exports.ActionContainer=Sa,exports.ActionItem=Va,exports.Alert=te,exports.ArrowBar=re,exports.Avatar=ue,exports.AvatarSB=ge,exports.Banner=xe,exports.Breadcrumb=Ke,exports.ButtonPopup=Bo,exports.Card=j,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=it,exports.ColorInput=bt,exports.Comment=fa,exports.Content=ba,exports.CountryCodedPhoneInput=yt,exports.DarkSecondaryLink=pr,exports.DateSelect=It,exports.DateTime=Ft,exports.Divider=Pa,exports.DocumentCard=X,exports.DotPulseLoader=()=>{const e=l.useTheme()||R;return g.default.createElement(Ce,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ha,exports.DropdownSelect=Gt,exports.DropzoneInput=el,exports.EditableInput=il,exports.ErrorBoundary=ja,exports.FilterChip=Za,exports.Footer=Oa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(new Date).getFullYear();return g.default.createElement(Ga,k({variant:e,textColor:t,footerWidth:o,customStyles:r},i),g.default.createElement(Xa,{footerWidth:o},g.default.createElement(Ja,{footerWidth:o},"Premise HQ"),g.default.createElement(Ua,{footerWidth:o},"|"),g.default.createElement(Ja,{footerWidth:o},"All Rights Restricted ",n," ©")),g.default.createElement(Xa,{footerWidth:o},g.default.createElement(Ja,{footerWidth:o},"Terms of use"),g.default.createElement(Ua,{footerWidth:o},"|"),g.default.createElement(Ja,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>g.default.createElement(t.Fragment,null,g.default.createElement(Na,k({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement(_e,k({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Ll,k({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Xl,k({},e,a)))(e);case"number":return(e=>g.default.createElement(gl,k({},e,a)))(e);case"radio":return(e=>g.default.createElement(Vl,k({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(pt,k({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Gt,k({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Gt,k({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Gt,k({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Gt,k({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(ql,k({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(el,k({},e,a)))(e);case"date":return(e=>g.default.createElement(It,k({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(po,k({},e,a)))(e);case"toggle":return(e=>g.default.createElement(oa,k({},e,a)))(e);case"icon":return(e=>g.default.createElement(N,k({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(Ve,k({},e,a)))(e);case"alert":return(e=>g.default.createElement(te,k({},e,a)))(e);case"banner":return(e=>g.default.createElement(xe,k({},e,a)))(e);case"divider":return(e=>g.default.createElement(Pa,k({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Ao,k({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(X,k({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(ul,k({},e,a)))(e);case"accordion":return(e=>g.default.createElement(K,k({},e,a)))(e);case"content":return(e=>g.default.createElement(ba,k({},e,a)))(e);case"rating":return(e=>g.default.createElement(xo,k({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(Re,k({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(Te,k({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(je,k({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(Be,k({},e,a)))(e);case"search":return(e=>g.default.createElement(Rl,k({},e,a)))(e);case"table":return(e=>g.default.createElement(Co,k({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Cl,k({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{defaultThemeColor:R},g.default.createElement(Ra,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(Ba,null,e.map(((t,l)=>g.default.createElement(Ia,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Ma,exports.FormWrapper=Ra,exports.GroupAvatars=ko,exports.GroupButtons=Wo,exports.GroupButtonsPopup=jo,exports.GroupStatusCircle=Go,exports.Header=Na,exports.HeaderComponent=Ao,exports.HyperLink=Uo,exports.Icon=N,exports.Image=ne,exports.ImageUploader=ul,exports.Label=_e,exports.LightSecondaryLink=mr,exports.LinkButton=Be,exports.Loader=Se,exports.ModalComp=er,exports.MultiColumnDiv=Ia,exports.MultiColumnWrapper=Ba,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:n,customStylesNameHover:c,listElementStyle:d,customSelectCardColor:s,selectedAppPath:u,setSelectedAppPath:p,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h})=>{const y=l.useTheme()||R,[x,v]=t.useState(null),[C,A]=t.useState(!1),[w,S]=t.useState([]);t.useEffect((()=>{S(u.split("/"));let e=u.split("/"),t=a&&a.find((t=>e[1]===t.path.split("/")[1]));E(t),m(t?.id||null)}),[u]),t.useEffect((()=>{!o&&A(!1),!o&&v(null)}),[o]);const E=e=>{if(e?.routes&&e?.routes.length>0)e.routes.forEach((e=>E(e)));else if(e?.path===u)return f(e?.id||null),b(e||null),null},k=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;return e.routes&&e.routes.length>0?g.default.createElement($,{key:e?.id+t,showIcon:e.routes.filter((e=>!0===e.visibleAsMenu)).length>0,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`}},g.default.createElement("span",{style:{visibility:3===o&&w[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y.additional.white,flexShrink:0}}),g.default.createElement("span",{style:{fontWeight:3===o&&w[2]===a[2]?"bold":"normal"}}," ",e?.link)),isAccordionOpen:u.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>k(e,t,l+8)))),customStylesAccordionContainer:br,customStylesAccordionToggle:gr,customStylesAccordionContent:hr,showIconInfo:!1,customWrapperStyles:yr}):g.default.createElement(Vr,{listElementStyle:d,key:e?.id+t,onClick:()=>{p(e.path)},theme:y},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),g.default.createElement("span",{className:"link",style:{marginLeft:l-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&u===e?.path?d?.selectedChildBG||y.additional.white:"transparent",fontWeight:o<=3&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y.variant.white}}," ",e?.link))};return g.default.createElement(Sr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{v(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(Er,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(kr,{toggleSideBarOpen:o},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t,l)=>(l.length,g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{v(t)},style:{backgroundColor:e?.value?.toLowerCase()===w[1]?.toLowerCase()?s:"transparent"}},g.default.createElement($,{index:t,isAccordionOpen:t===x||C&&e?.value?.toLowerCase()===w[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...xr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:vr,customStylesAccordionContent:Cr,contentToggle:g.default.createElement(ge,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:Ar,customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo,fullName:e?.label},notificationCircleStyles:h,icon:e?.icon?e?.icon:e?.maintenance?g.default.createElement(N,{icon:"maintenance",size:22,color:"white"}):null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount}),content:g.default.createElement("div",{style:wr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>k(e,t,0))))})))))))},exports.NumericInput=gl,exports.Overlay=lr,exports.OverlayOptionContainer=Ea,exports.OverlayOptionItemLabel=ka,exports.PageContent=ga,exports.Pagination=to,exports.PaginationDefault=ao,exports.PaginationTypeTwo=po,exports.PasswordInput=Cl,exports.PrimaryButton=Re,exports.PrimaryStatusChip=Rr,exports.ProgressBar=rr,exports.ProgressSteps=sr,exports.RadioInput=Vl,exports.Rating=xo,exports.RoundedLoader=Ve,exports.SearchInput=Rl,exports.SecondaryButton=Te,exports.SecondaryStatusChip=Tr,exports.Sidebar=Br,exports.SignatureInput=ql,exports.SlimPrimaryStatusChip=Fr,exports.SlimSecondaryStatusChip=Dr,exports.StatusCircle=qo,exports.StyledCentralBar=xa,exports.StyledClearSearch=ya,exports.StyledCreateRow=Ca,exports.StyledRow=Aa,exports.StyledRowSearch=ha,exports.StyledSearchRow=wa,exports.StyledWarning=va,exports.SubmitButtonContainer=za,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(Re,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>g.default.createElement(Te,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(za,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=Co,exports.Tabs=Ur,exports.TextArea=Xl,exports.TextInput=Ll,exports.TimeInput=_l,exports.TinyButton=je,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||$r(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),i=t.useMemo((()=>({open:o,close:r})),[]),[n,c]=t.useState(!1);return t.useEffect((()=>(c(!0),()=>c(!1))),[]),g.default.createElement(Qr.Provider,{value:i},e.children,n?f.createPortal(g.default.createElement(Kr,null,g.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>g.default.createElement(Nr,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=oa,exports.Tooltip=Je,exports.Typography=ti,exports.additionalColors=L,exports.defaultStyles=W,exports.defaultThemeColor=R,exports.getDefaultStyles=P,exports.graphColor=I,exports.hexToRGB=T,exports.neutralColor=z,exports.primaryColor=V,exports.shadeColor=B,exports.uiColor=M,exports.useToast=()=>t.useContext(Qr);
|