groundfloor-react-ui 1.3.64 → 1.3.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +42 -42
- package/dist/index.js +42 -42
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -2885,12 +2885,12 @@ svg {
|
|
|
2885
2885
|
${({inBuiltCss:e,type:t})=>F(e,t)}
|
|
2886
2886
|
// custom styles
|
|
2887
2887
|
${({customModalFooterStyle:e})=>e}
|
|
2888
|
-
|
|
2888
|
+
`;m.div`
|
|
2889
2889
|
cursor: pointer;
|
|
2890
|
-
`;try{E.setAppElement("#root")}catch(e){E.setAppElement("#__next")}const
|
|
2890
|
+
`;try{E.setAppElement("#root")}catch(e){E.setAppElement("#__next")}const rc=({modalIsOpen:e,toggleModal:l,closeOnOutsideClick:i,headerContent:o,bodyContent:c,footerContent:a,customModalHeaderStyle:r,customModalBodyStyle:n,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:u,contentWrapperStyle:f,customZIndex:g,hideCrossIcon:h,...C})=>{const y={overlay:{zIndex:g,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 ${(b()||R).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:d&&d,maxWidth:m&&m,...u}};return t.createElement("div",null,t.createElement(E,L({closeTimeoutMS:500,isOpen:e,onRequestClose:i?l:void 0,style:y,contentLabel:"Modal",onAfterOpen:()=>{try{document.body.style.overflow="hidden"}catch(e){console.log("error in modal onAfterOpen",e)}},onAfterClose:()=>{try{document.body.style.overflow="auto"}catch(e){console.log("error in modal onAfterClose",e)}}},C),o&&t.createElement(ic,{style:r,"data-accordion":"contentClickFalse"},o,!h&&t.createElement(he,{onClick:l},t.createElement(_,{onClick:l,icon:"close-icon",size:18}))),!o&&!h&&t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginRight:"24px",paddingTop:"24px"}},t.createElement("div",null),t.createElement(he,{onClick:l},t.createElement(_,{onClick:l,icon:"close-icon",size:18}))),t.createElement(cc,{contentWrapperStyle:f,"data-accordion":"contentClickFalse"},t.createElement(oc,{inBuiltCss:Z,style:n,"data-accordion":"contentClickFalse"},c),a&&t.createElement(ac,{inBuiltCss:Z,style:s,"data-accordion":"contentClickFalse"},a))),t.createElement(lc,null))};rc.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},rc.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{},customZIndex:9999999,hideCrossIcon:!1};const nc=m.div`
|
|
2891
2891
|
${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.common)i[t]=e.common[t];for(const l in e[t])i[l]=e[t][l],delete e.common[l]}return{...i,...l}}}}
|
|
2892
2892
|
}
|
|
2893
|
-
`,
|
|
2893
|
+
`,sc=({theme:e,toggleSimple:l,contentTrigger:i,contentOverlay:o,popperOptionsP:c,settingsP:a,customStyles:r,...n})=>{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,...c},d={...d,...a};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:b,setTriggerRef:u,visible:f}=C({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:u,style:{width:"fit-content",height:"fit-content"}},i),f&&t.createElement(nc,L({type:l?"simple-overlay":"overlay",theme:e,ref:b},m({className:"tooltip-container"}),{customStyles:r}),o))};sc.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},sc.defaultProps={theme:Z,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const dc=m.div`
|
|
2894
2894
|
position: relative;
|
|
2895
2895
|
height: 10px;
|
|
2896
2896
|
border-radius: 10px;
|
|
@@ -2901,7 +2901,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
2901
2901
|
|
|
2902
2902
|
// custom styles
|
|
2903
2903
|
${({progressWrapStyle:e})=>e}
|
|
2904
|
-
`,
|
|
2904
|
+
`,pc=m.div`
|
|
2905
2905
|
height: inherit;
|
|
2906
2906
|
/* border-radius: inherit; */
|
|
2907
2907
|
text-align: right;
|
|
@@ -2912,12 +2912,12 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
2912
2912
|
// custom styles
|
|
2913
2913
|
${({progressBarStyle:e})=>e}
|
|
2914
2914
|
|
|
2915
|
-
`,
|
|
2915
|
+
`,mc=({labelStyle:e,progressBarStyle:l,progressWrapStyle:i,label:a,total:r,sections:n,innerContent:s,baseColor:d,baseTitle:p,labelProps:m,props:u})=>{const f=b()||R,[g,h]=o([[]]),[C,y]=o(null);c((()=>{n&&n.length>0&&h(n)}),[n]);const x=g?.length>0?g?.reduce(((e,t)=>e+t.count),0):0;x>r&&(r=x);const v=g?.length>0?g?.map((e=>e.count/r*100)):[],w=null!==C?g[C].label:p;return t.createElement("div",null,t.createElement(lt,L({inBuiltCss:Z,customStyles:e,type:"progressBar-label",text:a},m)),t.createElement(dc,L({theme:f,progressWrapStyle:i,color:d,title:w},u),g?.map(((e,i)=>t.createElement(pc,L({key:i,onMouseEnter:()=>y(i),onMouseLeave:()=>y(null),progressBarStyle:l,theme:f,color:e.color,style:{width:v[i]+"%",left:0===i?0:v.slice(0,i).reduce(((e,t)=>e+t),0)+"%"}},u)))),t.createElement("div",{style:{position:"absolute",textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",top:"50%",left:"50%",transform:"translate(-50%, -50%)",cursor:"default"},onMouseEnter:e=>((e,t)=>{e.stopPropagation(),y(t)})(e,C),onMouseLeave:e=>{e.stopPropagation(),y(null)}},s)))};mc.propTypes={labelStyle:e.object,progressBarStyle:e.object,progressWrapStyle:e.object,sections:e.arrayOf(e.shape({color:e.string.isRequired,percentage:e.number,count:e.number.isRequired})).isRequired},mc.defaultProps={labelStyle:{},progressBarStyle:{},progressWrapStyle:{},label:"",total:100,innerContent:"",baseColor:"",baseTitle:"Total Task",labelProps:{},props:{}};const bc=m.div`
|
|
2916
2916
|
background: transparent;
|
|
2917
2917
|
display: flex;
|
|
2918
2918
|
align-items: center;
|
|
2919
2919
|
width: ${({block:e})=>e?"100%":"fit-content"};
|
|
2920
|
-
`,
|
|
2920
|
+
`,uc=m.div`
|
|
2921
2921
|
margin: 0;
|
|
2922
2922
|
color: ${({theme:e,variantOff:t})=>e.variant[t]};
|
|
2923
2923
|
white-space: nowrap;
|
|
@@ -2935,19 +2935,19 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
2935
2935
|
&>div:first-of-type{
|
|
2936
2936
|
color: ${({theme:e,variantOn:t})=>e.variant[t]};
|
|
2937
2937
|
}
|
|
2938
|
-
`,
|
|
2938
|
+
`,fc=m.div`
|
|
2939
2939
|
display: flex;
|
|
2940
2940
|
margin-left: 20px;
|
|
2941
2941
|
${({stepsStyle:e})=>e}
|
|
2942
2942
|
|
|
2943
|
-
`,
|
|
2943
|
+
`,gc=m.div`
|
|
2944
2944
|
height: 6px;
|
|
2945
2945
|
width: ${({widthStep:e})=>e}px;
|
|
2946
2946
|
margin: 0 3px;
|
|
2947
2947
|
background-color: ${({theme:e,isActive:t,variantOn:l,variantOff:i})=>t?e.variant[l]:e.variant[i]};
|
|
2948
2948
|
border-radius: 19px;
|
|
2949
|
-
`,
|
|
2950
|
-
background: ${({disabled:e,theme:t,bgVariant:l})=>e?
|
|
2949
|
+
`,hc=({block:e,variantOn:l,variantOff:i,currentStep:o,totalSteps:c,widthStep:a,style:r,progressText:n,stepsStyle:s,...d})=>(b(),t.createElement(bc,L({block:e},d,{style:r}),t.createElement(uc,L({},d,{variantOn:l,variantOff:i}),n||"Page"," ",t.createElement("div",null,o)," of ",t.createElement("div",null,c)),t.createElement(fc,L({stepsStyle:s},d),Array.from(Array(c).keys()).map((e=>t.createElement(gc,{key:"formSteps".concat(e),isActive:o===e+1,variantOn:l,variantOff:i,widthStep:a}))))));hc.propTypes={variantOn:e.string,variantOff:e.string,block:e.bool,theme:e.object,currentStep:e.number,totalSteps:e.number,widthStep:e.number,progressText:e.string},bc.defaultProps={theme:R},uc.defaultProps={theme:R},fc.defaultProps={theme:R},gc.defaultProps={theme:R},hc.defaultProps={theme:R,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const Cc="#BBC4CF",yc=m.button`
|
|
2950
|
+
background: ${({disabled:e,theme:t,bgVariant:l})=>e?Cc:t.variant[l]};
|
|
2951
2951
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2952
2952
|
padding: 6px 17px;
|
|
2953
2953
|
border: 1px solid ${({theme:e,bgVariant:t})=>e.variant[t]};
|
|
@@ -2961,8 +2961,8 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
2961
2961
|
|
|
2962
2962
|
&:disabled {
|
|
2963
2963
|
color: #929EAC;
|
|
2964
|
-
background: ${
|
|
2965
|
-
border: 1px solid ${
|
|
2964
|
+
background: ${Cc};
|
|
2965
|
+
border: 1px solid ${Cc};
|
|
2966
2966
|
cursor: not-allowed;
|
|
2967
2967
|
|
|
2968
2968
|
svg>path{
|
|
@@ -2973,8 +2973,8 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
2973
2973
|
* {
|
|
2974
2974
|
outline: none;
|
|
2975
2975
|
}
|
|
2976
|
-
`,
|
|
2977
|
-
background: ${({disabled:e,theme:t})=>e?
|
|
2976
|
+
`,xc=({block:e,style:l,variant:i,bgVariant:o,disabled:c,...a})=>(b(),t.createElement(yc,L({block:e,variant:i,bgVariant:o,type:"button",style:l,disabled:c},a),a.children));xc.propTypes={variant:e.string,bgVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},yc.defaultProps={theme:R},xc.defaultProps={theme:R,variant:"primary-2",bgVariant:"neutral-4",block:!1,disabled:!1,onClick:void 0};const vc="#BBC4CF",wc=m.button`
|
|
2977
|
+
background: ${({disabled:e,theme:t})=>e?vc:t.additional.white};
|
|
2978
2978
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2979
2979
|
padding: 6px 17px;
|
|
2980
2980
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
@@ -2988,15 +2988,15 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
2988
2988
|
|
|
2989
2989
|
&:disabled {
|
|
2990
2990
|
color: #929EAC;
|
|
2991
|
-
background: ${
|
|
2992
|
-
border: 1px solid ${
|
|
2991
|
+
background: ${vc};
|
|
2992
|
+
border: 1px solid ${vc};
|
|
2993
2993
|
cursor: not-allowed;
|
|
2994
2994
|
|
|
2995
2995
|
svg>path{
|
|
2996
2996
|
fill: #929EAC;
|
|
2997
2997
|
}
|
|
2998
2998
|
}
|
|
2999
|
-
`,
|
|
2999
|
+
`,Ac=({block:e,style:l,variant:i,borderVariant:o,disabled:c,...a})=>(b(),t.createElement(wc,L({block:e,variant:i,borderVariant:o,type:"button",style:l,disabled:c},a),a.children));Ac.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},wc.defaultProps={theme:R},Ac.defaultProps={theme:R,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const Sc={width:"auto",padding:0,boxShadow:"none",background:"transparent"},kc={background:"transparent",border:"none",color:"white",fontSize:"16px",boxShadow:"none",borderRadius:0,padding:"8px 0 8px"},Vc={borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:0,background:"transparent",borderRadius:0,boxShadow:"none"},Ec={float:"right",marginRight:"8px",marginTop:"3px"},Mc={boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Lc={padding:0,boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Hc={transition:"height ease 0.2s",overflow:"hidden",padding:"0",backgroundColor:"transparent",color:"white",position:"relative",boxShadow:"none"},Bc={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",fontWeight:"600"},zc={wordBreak:"break-word",paddingRight:"16px",fontWeight:"600"},Ic={padding:"0px 16px 0 0",marginLeft:"30px",height:"auto"},Pc=m.div`
|
|
3000
3000
|
display: flex;
|
|
3001
3001
|
flex-direction: column;
|
|
3002
3002
|
height: ${({toggleSideBarOpen:e})=>"100vh"};
|
|
@@ -3004,7 +3004,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
3004
3004
|
@media (max-width: 428px) {
|
|
3005
3005
|
height: ${({toggleSideBarOpen:e})=>e?"100vh":"56px"};
|
|
3006
3006
|
}
|
|
3007
|
-
`,
|
|
3007
|
+
`,Wc={fontWeight:"600",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",margin:"0 16px ",textDecoration:"none"},Rc=m.div`
|
|
3008
3008
|
min-height: 56px;
|
|
3009
3009
|
display: flex;
|
|
3010
3010
|
align-items: center;
|
|
@@ -3027,7 +3027,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
3027
3027
|
}
|
|
3028
3028
|
|
|
3029
3029
|
${({headerStyles:e})=>e}
|
|
3030
|
-
`,
|
|
3030
|
+
`,Zc=m.div`
|
|
3031
3031
|
display: flex;
|
|
3032
3032
|
flex-direction: column;
|
|
3033
3033
|
background-color: transparent;
|
|
@@ -3055,7 +3055,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
3055
3055
|
@media (max-width: 428px) {
|
|
3056
3056
|
margin-top: 56px;
|
|
3057
3057
|
}
|
|
3058
|
-
`,
|
|
3058
|
+
`,Fc=m.div`
|
|
3059
3059
|
display: flex;
|
|
3060
3060
|
justify-content: flex-start;
|
|
3061
3061
|
align-items: center;
|
|
@@ -3087,7 +3087,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
3087
3087
|
p {
|
|
3088
3088
|
margin: 0;
|
|
3089
3089
|
}
|
|
3090
|
-
`,
|
|
3090
|
+
`,Tc=({headerContent:e,bodyContent:l,toggleSideBarOpen:i,headerStyles:a,selectedStyle:r,notSelectedStyle:n,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:g,setRouterObject:h,notificationCircleStyles:C,singleLine:y=!0,customFontColor:x,sortByCore:v=!1,setInvalidPath:w,bottomIconProps:A,iconForBottom:S,staticBottom:k=!0})=>{const V=b()||R,[E,M]=o(null),[H,B]=o(!1),[z,I]=o([]);if(v){l.sort(((e,t)=>(!0===e.core?1:!1===e.core?0:-1)-(!0===t.core?1:!1===t.core?0:-1)));for(let e of l)if(!0===e.core&&"dynamic-bottom"!==e.type){e.border=!0;break}}let P=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;c((()=>{I(m?.split("/")||[]),h({});let e=m?.split("/")||[],t=l&&l.find((t=>e[1]===t.path?.split("/")[1]));W(t);try{w&&!t.id&&w(!0)}catch(e){console.log("e",e)}g(t?.id||null)}),[m]),c((()=>{!i&&B(!1),!i&&M(null)}),[i]);const W=e=>{if(e?.path===m){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),h(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>W(e)))};let Z=y?Bc:zc;const F=(e,l,i)=>{let o=e?.path.split("/"),c=o.length;if(e.routes&&e.routes.length>0){let a=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return t.createElement(le,{key:e?.id+l,showIcon:!!a,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${i}px`},onClick:()=>{e?.queryParams?!a&&u(e.path,e.queryParams):!a&&u(e.path,"")}},t.createElement("span",{style:{visibility:3===c&&z[2]===o[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x||V.additional.white,flexShrink:0}}),t.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===c&&z[2]===o[2]?"bold":"normal",color:x||V.variant.white}}," ",e?.link)),isAccordionOpen:m.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:t.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>F(e,t,i+8)))),customStylesAccordionContainer:Sc,customStylesAccordionToggle:{cursor:"pointer",...kc},customStylesAccordionContent:Vc,showIconInfo:!1,customWrapperStyles:Ec})}return t.createElement(Fc,{singleLine:y,listElementStyle:d,customFontColor:x,key:e?.id+l,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:V},t.createElement("span",{className:"selected-disk",style:{visibility:c<=3&&m===e?.path&&z[z.length-1]?.toLowerCase()===o[c-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:i-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:c>3&&m===e?.path?d?.selectedChildBG||V.additional.white:"transparent",fontWeight:c<=3&&m===e?.path&&z[z.length-1]?.toLowerCase()===o[c-1]?.toLowerCase()?"bold":"normal",color:x||V.variant.white}}," ",e?.link))};return t.createElement(Pc,{onClick:()=>B(!0),onMouseEnter:()=>B(!0),onMouseLeave:()=>{M(null),B(!1)},toggleSideBarOpen:i},t.createElement(Rc,{theme:V,headerStyles:a,toggleSideBarOpen:i},e),t.createElement(Zc,{toggleSideBarOpen:i,staticLayerNo:P},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,o)=>t.createElement("div",{className:"service-layer",key:e?.value+o,onClick:()=>{M(o)},style:{backgroundColor:e?.value?.toLowerCase()===z[1]?.toLowerCase()?p:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?t.createElement(le,{index:o,underMaintenance:e.maintenance,isAccordionOpen:o===E||H&&e?.value?.toLowerCase()===z[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===z[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...Mc,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Lc},customStylesAccordionContent:Hc,contentToggle:t.createElement(Fe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:i,customStylesName:{...Z,color:e.maintenance?V.variant["neutral-3"]:x||V.variant.white},customStylesCircle:{background:x||"inherit"},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:C,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:V.variant["neutral-3"]}):l.length-1===o&&k?t.createElement(_,L({icon:S||"person",size:20,color:V.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},A)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===z[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:Ic},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>F(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(Fe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...r},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:{...Z,color:x||"inherit"},customStylesCircle:{background:x||"inherit"},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:C,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:V.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===z[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:t.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?V.variant["neutral-3"]:x||V.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Wc}},e.label)))))))},jc=m.div`
|
|
3091
3091
|
background-color: ${({theme:e,containerBackgroundColorDynamic:t,containerBackgroundColor:l})=>t?l:e.variant["primary-1"]} !important;
|
|
3092
3092
|
color: ${({theme:e})=>e.additional.white};
|
|
3093
3093
|
overflow-y: hidden;
|
|
@@ -3108,7 +3108,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let i={};if(e[t]){for(const t in e.c
|
|
|
3108
3108
|
${({customStylesContainer:e})=>e}
|
|
3109
3109
|
|
|
3110
3110
|
${({isOpen:e,forceOpen:t,inBuiltCss:l,customStylesContainerOpen:i,customStylesContainerClose:o})=>e||t?{...F(l,"sidebar-container-open"),...i}:{...F(l,"sidebar-container-close"),...o}}
|
|
3111
|
-
`,
|
|
3111
|
+
`,qc=m.div`
|
|
3112
3112
|
${({inBuiltCss:e})=>F(e,"sidebar-pusher")}
|
|
3113
3113
|
${({customStylesPusher:e})=>e}
|
|
3114
3114
|
|
|
@@ -3117,33 +3117,33 @@ ${({forceOpen:e,inBuiltCss:t,customStylesPusherOpen:l,customStylesPusherClose:i}
|
|
|
3117
3117
|
@media (max-width: 980px) {
|
|
3118
3118
|
${({inBuiltCss:e,type:t,customStylesPusherMobile:l})=>({...F(e,"sidebar-pusher-mobile"),...l})}
|
|
3119
3119
|
}
|
|
3120
|
-
`,
|
|
3120
|
+
`,Dc=({customStylesContainer:e,customStylesContainerOpen:l,customStylesContainerClose:i,customStylesContainerMobileOpen:o,customStylesContainerMobileClose:c,customStylesPusher:a,customStylesPusherOpen:r,customStylesPusherClose:n,customStylesPusherMobile:s,forceOpen:d,forceClose:p,handleSidebar:m,toggleSideBarOpen:u,pinner:f,containerBackgroundColor:g,containerBackgroundColorDynamic:h,hideMenu:C,...y})=>{function x(e){m(e)}const v=b()||R;return t.createElement(jc,L({theme:v,containerBackgroundColor:g,containerBackgroundColorDynamic:h,inBuiltCss:Z,customStyles:e,hideMenu:C,onMouseEnter:()=>{d||x(!0)},onClick:()=>!u&&x(!0),onMouseLeave:()=>{x(!1),p()},forceOpen:d,isOpen:u},y),t.createElement(qc,null),y.children,f)};Dc.propTypes={customStylesContainer:e.object,customStylesContainerOpen:e.object,customStylesContainerClose:e.object,customStylesContainerMobileOpen:e.object,customStylesContainerMobileClose:e.object,customStylesPusher:e.object,customStylesPusherOpen:e.object,customStylesPusherClose:e.object,customStylesPusherMobile:e.object,forceOpen:e.bool,forceClose:e.func,handleSidebar:e.func,toggleSideBarOpen:e.bool,pinner:e.any,hideMenu:e.bool},Dc.defaultProps={forceClose:()=>{},forceOpen:!1,containerBackgroundColor:"#2A50FD",containerBackgroundColorDynamic:!1,hideMenu:!1};const Oc={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Gc=m.div`
|
|
3121
3121
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3122
3122
|
color: ${({theme:e})=>e.additional.white};
|
|
3123
|
-
padding: ${({size:e})=>
|
|
3123
|
+
padding: ${({size:e})=>Oc[e].padding};
|
|
3124
3124
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
3125
3125
|
border-radius: 42px;
|
|
3126
|
-
font-size: ${({size:e})=>
|
|
3126
|
+
font-size: ${({size:e})=>Oc[e].fontSize};
|
|
3127
3127
|
font-weight: 600;
|
|
3128
3128
|
display: flex;
|
|
3129
3129
|
align-items: center;
|
|
3130
3130
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3131
3131
|
box-sizing: border-box;
|
|
3132
3132
|
|
|
3133
|
-
`,
|
|
3133
|
+
`,Xc=({block:e,style:l,variant:i,...o})=>(b(),t.createElement(Gc,L({block:e,variant:i,style:l},o),o.children));Xc.propTypes={size:e.oneOf(["sm","md","lg"]),variant:e.string,block:e.bool,theme:e.object},Gc.defaultProps={theme:R},Xc.defaultProps={theme:R,variant:"primary-1",block:!1,size:"sm"};const Jc={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Uc=m.div`
|
|
3134
3134
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3135
3135
|
background: ${({theme:e})=>e.additional.white};
|
|
3136
|
-
padding: ${({size:e})=>
|
|
3136
|
+
padding: ${({size:e})=>Jc[e].padding};
|
|
3137
3137
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
3138
3138
|
border-radius: 42px;
|
|
3139
|
-
font-size: ${({size:e})=>
|
|
3139
|
+
font-size: ${({size:e})=>Jc[e].fontSize};
|
|
3140
3140
|
font-weight: 600;
|
|
3141
3141
|
display: flex;
|
|
3142
3142
|
align-items: center;
|
|
3143
3143
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3144
3144
|
box-sizing: border-box;
|
|
3145
3145
|
|
|
3146
|
-
`,
|
|
3146
|
+
`,Yc=({block:e,style:l,variant:i,...o})=>(b(),t.createElement(Uc,L({block:e,variant:i,style:l},o),o.children));Yc.propTypes={size:e.oneOf(["sm","md","lg"]),variant:e.string,block:e.bool,theme:e.object},Uc.defaultProps={theme:R},Yc.defaultProps={theme:R,variant:"primary-1",block:!1,size:"sm"};const Nc={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Qc=m.div`
|
|
3147
3147
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
3148
3148
|
color: ${({theme:e,textColor:t})=>t||e.bgColor};
|
|
3149
3149
|
border-radius: 13.5px;
|
|
@@ -3151,11 +3151,11 @@ font-size: 14px;
|
|
|
3151
3151
|
display: inline-flex;
|
|
3152
3152
|
align-items: center;
|
|
3153
3153
|
justify-content: center;
|
|
3154
|
-
min-width: ${({block:e,size:t})=>e?"auto":
|
|
3154
|
+
min-width: ${({block:e,size:t})=>e?"auto":Nc[t].width};
|
|
3155
3155
|
height: 28px;
|
|
3156
3156
|
box-sizing: border-box;
|
|
3157
3157
|
overflow: hidden;
|
|
3158
|
-
|
|
3158
|
+
`,Kc=({block:e,style:l,variant:i,textColor:o,bgColor:c,...a})=>(b(),t.createElement(Qc,L({block:e,variant:i,textColor:o,bgColor:c,style:l},a),a.children));Kc.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,bgColor:e.string},Qc.defaultProps={theme:R},Kc.defaultProps={theme:R,variant:"primary-1",block:!1,size:"sm"};const $c={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},_c=m.div`
|
|
3159
3159
|
background: ${({theme:e})=>e.additional.white};
|
|
3160
3160
|
color: ${({theme:e,variant:t,textColor:l})=>l||e.variant[t]};
|
|
3161
3161
|
border: 1px solid ${({theme:e,variant:t,borderColor:l})=>l||e.variant[t]};
|
|
@@ -3164,14 +3164,14 @@ font-size: 14px;
|
|
|
3164
3164
|
display: inline-flex;
|
|
3165
3165
|
align-items: center;
|
|
3166
3166
|
justify-content: center;
|
|
3167
|
-
min-width: ${({block:e,size:t})=>e?"auto"
|
|
3167
|
+
min-width: ${({block:e,size:t})=>e?"auto":$c[t].width};
|
|
3168
3168
|
height: 28px;
|
|
3169
3169
|
box-sizing: border-box;
|
|
3170
3170
|
overflow: hidden;
|
|
3171
|
-
`,
|
|
3171
|
+
`,ea=({block:e,style:l,variant:i,textColor:o,borderColor:c,...a})=>(b(),t.createElement(_c,L({block:e,variant:i,textColor:o,borderColor:c,style:l},a),a.children));ea.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,borderColor:e.string},_c.defaultProps={theme:R},ea.defaultProps={theme:R,variant:"primary-1",block:!1,size:"sm"};const ta=m.div`
|
|
3172
3172
|
padding: 24px;
|
|
3173
3173
|
${({tabWrapperStyle:e})=>e}
|
|
3174
|
-
`,
|
|
3174
|
+
`,la=m.div`
|
|
3175
3175
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
3176
3176
|
display: flex;
|
|
3177
3177
|
align-items: flex-start;
|
|
@@ -3179,16 +3179,16 @@ overflow: hidden;
|
|
|
3179
3179
|
gap: 12px;
|
|
3180
3180
|
padding-bottom: 24px;
|
|
3181
3181
|
${({headerWrapperStyle:e})=>e}
|
|
3182
|
-
`,
|
|
3182
|
+
`,ia=m.div`
|
|
3183
3183
|
font-size: 16px;
|
|
3184
3184
|
padding: 7px 20px;
|
|
3185
3185
|
cursor: pointer;
|
|
3186
3186
|
border-radius: 5px;
|
|
3187
3187
|
|
|
3188
3188
|
${({isActive:e,headerStyle:t,activeHeaderStyle:l})=>e?l:t}
|
|
3189
|
-
`,
|
|
3189
|
+
`,oa=m.div`
|
|
3190
3190
|
${({tabContentStyle:e})=>e}
|
|
3191
|
-
`,
|
|
3191
|
+
`,ca=({tabs:e,activeTab:l,setActiveTab:i,tabWrapperStyle:o,headerWrapperStyle:c,headerStyle:a,dividerProps:r,tabContentStyle:n,extraContent:s,activeHeaderStyle:d,iconProps:p})=>{const m=b()||R;return t.createElement(ta,{tabWrapperStyle:o},t.createElement(la,{theme:m,headerWrapperStyle:c},e.map(((e,o)=>t.createElement(ia,{id:"tab-"+o,theme:m,onClick:()=>i(o),active:o===l,key:e?.title+o,isActive:o===l,headerStyle:a,activeHeaderStyle:d},t.createElement("span",{style:{display:"flex",alignItems:"center",gap:e.icon&&e.title?"8px":"0px"}}," ",e.icon&&t.createElement(_,L({icon:e.icon,color:o===l?d.color:a.color},e?.iconProps)),e.title&&e.title)))),s),t.createElement(Fi,r),e.map(((e,i)=>i===l&&t.createElement(oa,{tabContentStyle:n,key:i},e.content))))};ca.propTypes={tabs:e.array,tabWrapperStyle:e.object,headerWrapperStyle:e.object,headerStyle:e.object,dividerProps:e.object,tabContentStyle:e.object,activeTab:e.number,setActiveTab:e.func,activeHeaderStyle:e.object,iconProps:e.object},ca.defaultProps={tabs:[],activeTab:0,tabWrapperStyle:{},headerStyle:{backgroundColor:"transparent",color:R.variant["primary-2"],fontWeight:"normal"},tabContentStyle:{},headerWrapperStyle:{},dividerProps:{},activeHeaderStyle:{color:R.variant["primary-1"],backgroundColor:T("#2A50FD",.05),fontWeight:"bold"},iconProps:{}};const aa=m.div`
|
|
3192
3192
|
.notification {
|
|
3193
3193
|
background: ${({theme:e})=>e.additional.white};
|
|
3194
3194
|
transition: 0.3s ease;
|
|
@@ -3283,7 +3283,7 @@ overflow: hidden;
|
|
|
3283
3283
|
.close-icon {
|
|
3284
3284
|
cursor: pointer;
|
|
3285
3285
|
}
|
|
3286
|
-
`,
|
|
3286
|
+
`,ra=({close:e,children:l,type:o,position:a,timeout:r,localTimeout:n})=>{((e,t)=>{const l=i(e);c((()=>{l.current=e}),[e]),c((()=>{if(null===t)return;const e=setTimeout((()=>l.current()),t);return()=>clearTimeout(e)}),[t])})(e,n||r||5e3);const s=b()||R;let d=null;switch(o){case"success":d=t.createElement(_,{icon:"check-icon",color:"white",size:12,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"warning":d=t.createElement(_,{icon:"warning",color:"white",size:20,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"error":d=t.createElement(_,{icon:"close-white",size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"info":d=t.createElement(_,{icon:"info-icon",size:10,color:"white",customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"pending":d=t.createElement(ue,{size:14})}return t.createElement(aa,{theme:s,type:o,timeout:n||r||5e3},t.createElement("div",{className:`notification toast ${a}`},t.createElement("div",{className:"leftSide"},t.createElement("div",{className:"notification-icon"},d),t.createElement("div",{className:"notification-message"},l)),t.createElement("div",{className:"close-icon",onClick:e},t.createElement(_,{icon:"close-icon",color:s.variant["neutral-2"]}))),t.createElement("div",{className:`notification-progress ${a}-border`}))},na=s(),sa=m.div`
|
|
3287
3287
|
.notification-container {
|
|
3288
3288
|
font-size: 14px;
|
|
3289
3289
|
box-sizing: border-box;
|
|
@@ -3337,9 +3337,9 @@ overflow: hidden;
|
|
|
3337
3337
|
transform: translateX(0);
|
|
3338
3338
|
}
|
|
3339
3339
|
}
|
|
3340
|
-
`;function
|
|
3340
|
+
`;function da(){let e=46656*Math.random()|0,t=46656*Math.random()|0;return e=("000"+e.toString(36)).slice(-3),t=("000"+t.toString(36)).slice(-3),e+t}const pa=e=>{const[l,i]=o([]),a=(e,t,l,o)=>{i((i=>[...i,{id:o||da(),content:t,type:e,localTimeout:l}]))},r=e=>i((t=>t.filter((t=>t.id!==e)))),n=d((()=>({open:a,close:r})),[]),[s,p]=o(!1);return c((()=>(p(!0),()=>p(!1))),[]),t.createElement(na.Provider,{value:n},e.children,s?M(t.createElement(sa,null,t.createElement("div",{className:`notification-container ${e.position}`},l.map((l=>t.createElement(ra,{key:l.id,type:l.type,position:e.position,timeout:e.timeout,localTimeout:l.localTimeout,close:()=>r(l.id)},l.content))))),document.body):null)},ma=()=>p(na),ba={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},ua=m.div`
|
|
3341
3341
|
color: ${({theme:e,text:t})=>t?e.variant[t]:e.additional["text-color"]};
|
|
3342
3342
|
background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
|
|
3343
|
-
font-size: ${({size:e})=>
|
|
3344
|
-
line-height: ${({size:e})=>
|
|
3345
|
-
`,
|
|
3343
|
+
font-size: ${({size:e})=>ba[e].fontSize};
|
|
3344
|
+
line-height: ${({size:e})=>ba[e].lineHeight};
|
|
3345
|
+
`,fa=({size:e,children:l,bg:i,text:o,...c})=>{const a=b()||R;return t.createElement(ua,L({theme:a,bg:i,text:o,size:e},c),t.createElement(Bo,{theme:a}),l)};fa.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},fa.defaultProps={size:"md"};export{te as Accordion,le as AccordionSB,Ei as ActionContainer,Hi as ActionItem,ce as Alert,Ee as ArrowBar,Ie as Avatar,Fe as AvatarSB,qe as Banner,et as Breadcrumb,Fo as ButtonPopup,D as Card,G as CardRef,ft as CheckBoxInput,st as ChipsInput,Ct as ColorInput,gi as Comment,Ci as Content,vt as CountryCodedPhoneInput,xc as DarkSecondaryLink,Pt as DateSelect,Dt as DateTime,Fi as Divider,N as DocumentCard,ne as DotPulseLoader,ji as Drawer,Ut as DropdownSelect,il as DropzoneInput,sl as EditableInput,qi as ErrorBoundary,Gi as FilterChip,Ji as Footer,Ki as FooterContent,Lo as FormComponent,Bi as FormContainer,Ri as FormWrapper,Po as GroupAvatars,Do as GroupButtons,Jo as GroupButtonsPopup,$o as GroupStatusCircle,_i as Header,Mo as HeaderComponent,tc as HyperLink,_ as Icon,Le as Image,ul as ImageUploader,lt as Label,Ac as LightSecondaryLink,he as LinkButton,pe as Loader,rc as ModalComp,Pi as MultiColumnDiv,Ii as MultiColumnWrapper,Tc as Navbar,yl as NumericInput,sc as Overlay,Mi as OverlayOptionContainer,Li as OverlayOptionItemLabel,yi as PageContent,ro as Pagination,so as PaginationDefault,Co as PaginationTypeTwo,Sl as PasswordInput,xe as PrimaryButton,Xc as PrimaryStatusChip,mc as ProgressBar,hc as ProgressSteps,Hl as RadioInput,ko as Rating,ue as RoundedLoader,Rl as SearchInput,Ae as SecondaryButton,Yc as SecondaryStatusChip,Dc as Sidebar,Ol as SignatureInput,Kc as SlimPrimaryStatusChip,ea as SlimSecondaryStatusChip,Yo as StatusCircle,wi as StyledCentralBar,vi as StyledClearSearch,Si as StyledCreateRow,ki as StyledRow,xi as StyledRowSearch,Vi as StyledSearchRow,Ai as StyledWarning,zi as SubmitButtonContainer,Ho as SubmitComponent,Eo as Table,ca as Tabs,Yl as TextArea,Wl as TextInput,li as TimeInput,ke as TinyButton,pa as ToastProvider,ri as ToggleSwitch,Ne as Tooltip,fa as Typography,W as additionalColors,j as createDarker,Z as defaultStyles,R as defaultThemeColor,F as getDefaultStyles,P as graphColor,T as hexToRGB,z as neutralColor,H as primaryColor,I as shadeColor,B as uiColor,ma as useToast};
|
package/dist/index.js
CHANGED
|
@@ -2885,12 +2885,12 @@ svg {
|
|
|
2885
2885
|
${({inBuiltCss:e,type:t})=>W(e,t)}
|
|
2886
2886
|
// custom styles
|
|
2887
2887
|
${({customModalFooterStyle:e})=>e}
|
|
2888
|
-
|
|
2888
|
+
`;h.default.div`
|
|
2889
2889
|
cursor: pointer;
|
|
2890
|
-
`;try{k.default.setAppElement("#root")}catch(e){k.default.setAppElement("#__next")}const
|
|
2890
|
+
`;try{k.default.setAppElement("#root")}catch(e){k.default.setAppElement("#__next")}const er=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:a,headerContent:o,bodyContent:r,footerContent:i,customModalHeaderStyle:c,customModalBodyStyle:n,customModalFooterStyle:d,customWidth:s,customMinWidth:p,customMaxWidth:u,contentStyle:f,contentWrapperStyle:m,customZIndex:b,hideCrossIcon:h,...C})=>{const y={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:p,overflow:"hidden",border:`1px solid ${(l.useTheme()||I).border}`,boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:s&&s,maxWidth:u&&u,...f}};return g.default.createElement("div",null,g.default.createElement(k.default,E({closeTimeoutMS:500,isOpen:e,onRequestClose:a?t:void 0,style:y,contentLabel:"Modal",onAfterOpen:()=>{try{document.body.style.overflow="hidden"}catch(e){console.log("error in modal onAfterOpen",e)}},onAfterClose:()=>{try{document.body.style.overflow="auto"}catch(e){console.log("error in modal onAfterClose",e)}}},C),o&&g.default.createElement(Qo,{style:c,"data-accordion":"contentClickFalse"},o,!h&&g.default.createElement(fe,{onClick:t},g.default.createElement(Q,{onClick:t,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(fe,{onClick:t},g.default.createElement(Q,{onClick:t,icon:"close-icon",size:18}))),g.default.createElement($o,{contentWrapperStyle:m,"data-accordion":"contentClickFalse"},g.default.createElement(Ko,{inBuiltCss:P,style:n,"data-accordion":"contentClickFalse"},r),i&&g.default.createElement(_o,{inBuiltCss:P,style:d,"data-accordion":"contentClickFalse"},i))),g.default.createElement(No,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`
|
|
2891
2891
|
${({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}}}}
|
|
2892
2892
|
}
|
|
2893
|
-
`,
|
|
2893
|
+
`,lr=({theme:e,toggleSimple:t,contentTrigger:l,contentOverlay:a,popperOptionsP:r,settingsP:i,customStyles:c,...n})=>{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:p,getTooltipProps:u,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,E({type:t?"simple-overlay":"overlay",theme:e,ref:f},u({className:"tooltip-container"}),{customStyles:c}),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:P,contentTrigger:g.default.createElement("div",null,"Trigger"),contentOverlay:g.default.createElement("div",null,"I am the Overlay")};const ar=h.default.div`
|
|
2894
2894
|
position: relative;
|
|
2895
2895
|
height: 10px;
|
|
2896
2896
|
border-radius: 10px;
|
|
@@ -2901,7 +2901,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
2901
2901
|
|
|
2902
2902
|
// custom styles
|
|
2903
2903
|
${({progressWrapStyle:e})=>e}
|
|
2904
|
-
`,
|
|
2904
|
+
`,or=h.default.div`
|
|
2905
2905
|
height: inherit;
|
|
2906
2906
|
/* border-radius: inherit; */
|
|
2907
2907
|
text-align: right;
|
|
@@ -2912,12 +2912,12 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
2912
2912
|
// custom styles
|
|
2913
2913
|
${({progressBarStyle:e})=>e}
|
|
2914
2914
|
|
|
2915
|
-
`,
|
|
2915
|
+
`,rr=({labelStyle:e,progressBarStyle:a,progressWrapStyle:o,label:r,total:i,sections:c,innerContent:n,baseColor:d,baseTitle:s,labelProps:p,props:u})=>{const f=l.useTheme()||I,[m,b]=t.useState([[]]),[h,C]=t.useState(null);t.useEffect((()=>{c&&c.length>0&&b(c)}),[c]);const y=m?.length>0?m?.reduce(((e,t)=>e+t.count),0):0;y>i&&(i=y);const x=m?.length>0?m?.map((e=>e.count/i*100)):[],v=null!==h?m[h].label:s;return g.default.createElement("div",null,g.default.createElement($e,E({inBuiltCss:P,customStyles:e,type:"progressBar-label",text:r},p)),g.default.createElement(ar,E({theme:f,progressWrapStyle:o,color:d,title:v},u),m?.map(((e,t)=>g.default.createElement(or,E({key:t,onMouseEnter:()=>C(t),onMouseLeave:()=>C(null),progressBarStyle:a,theme:f,color:e.color,style:{width:x[t]+"%",left:0===t?0:x.slice(0,t).reduce(((e,t)=>e+t),0)+"%"}},u)))),g.default.createElement("div",{style:{position:"absolute",textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",top:"50%",left:"50%",transform:"translate(-50%, -50%)",cursor:"default"},onMouseEnter:e=>((e,t)=>{e.stopPropagation(),C(t)})(e,h),onMouseLeave:e=>{e.stopPropagation(),C(null)}},n)))};rr.propTypes={labelStyle:b.default.object,progressBarStyle:b.default.object,progressWrapStyle:b.default.object,sections:b.default.arrayOf(b.default.shape({color:b.default.string.isRequired,percentage:b.default.number,count:b.default.number.isRequired})).isRequired},rr.defaultProps={labelStyle:{},progressBarStyle:{},progressWrapStyle:{},label:"",total:100,innerContent:"",baseColor:"",baseTitle:"Total Task",labelProps:{},props:{}};const ir=h.default.div`
|
|
2916
2916
|
background: transparent;
|
|
2917
2917
|
display: flex;
|
|
2918
2918
|
align-items: center;
|
|
2919
2919
|
width: ${({block:e})=>e?"100%":"fit-content"};
|
|
2920
|
-
`,
|
|
2920
|
+
`,cr=h.default.div`
|
|
2921
2921
|
margin: 0;
|
|
2922
2922
|
color: ${({theme:e,variantOff:t})=>e.variant[t]};
|
|
2923
2923
|
white-space: nowrap;
|
|
@@ -2935,19 +2935,19 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
2935
2935
|
&>div:first-of-type{
|
|
2936
2936
|
color: ${({theme:e,variantOn:t})=>e.variant[t]};
|
|
2937
2937
|
}
|
|
2938
|
-
`,
|
|
2938
|
+
`,nr=h.default.div`
|
|
2939
2939
|
display: flex;
|
|
2940
2940
|
margin-left: 20px;
|
|
2941
2941
|
${({stepsStyle:e})=>e}
|
|
2942
2942
|
|
|
2943
|
-
`,
|
|
2943
|
+
`,dr=h.default.div`
|
|
2944
2944
|
height: 6px;
|
|
2945
2945
|
width: ${({widthStep:e})=>e}px;
|
|
2946
2946
|
margin: 0 3px;
|
|
2947
2947
|
background-color: ${({theme:e,isActive:t,variantOn:l,variantOff:a})=>t?e.variant[l]:e.variant[a]};
|
|
2948
2948
|
border-radius: 19px;
|
|
2949
|
-
`,
|
|
2950
|
-
background: ${({disabled:e,theme:t,bgVariant:l})=>e?
|
|
2949
|
+
`,sr=({block:e,variantOn:t,variantOff:a,currentStep:o,totalSteps:r,widthStep:i,style:c,progressText:n,stepsStyle:d,...s})=>(l.useTheme(),g.default.createElement(ir,E({block:e},s,{style:c}),g.default.createElement(cr,E({},s,{variantOn:t,variantOff:a}),n||"Page"," ",g.default.createElement("div",null,o)," of ",g.default.createElement("div",null,r)),g.default.createElement(nr,E({stepsStyle:d},s),Array.from(Array(r).keys()).map((e=>g.default.createElement(dr,{key:"formSteps".concat(e),isActive:o===e+1,variantOn:t,variantOff:a,widthStep:i}))))));sr.propTypes={variantOn:b.default.string,variantOff:b.default.string,block:b.default.bool,theme:b.default.object,currentStep:b.default.number,totalSteps:b.default.number,widthStep:b.default.number,progressText:b.default.string},ir.defaultProps={theme:I},cr.defaultProps={theme:I},nr.defaultProps={theme:I},dr.defaultProps={theme:I},sr.defaultProps={theme:I,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const pr="#BBC4CF",ur=h.default.button`
|
|
2950
|
+
background: ${({disabled:e,theme:t,bgVariant:l})=>e?pr:t.variant[l]};
|
|
2951
2951
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2952
2952
|
padding: 6px 17px;
|
|
2953
2953
|
border: 1px solid ${({theme:e,bgVariant:t})=>e.variant[t]};
|
|
@@ -2961,8 +2961,8 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
2961
2961
|
|
|
2962
2962
|
&:disabled {
|
|
2963
2963
|
color: #929EAC;
|
|
2964
|
-
background: ${
|
|
2965
|
-
border: 1px solid ${
|
|
2964
|
+
background: ${pr};
|
|
2965
|
+
border: 1px solid ${pr};
|
|
2966
2966
|
cursor: not-allowed;
|
|
2967
2967
|
|
|
2968
2968
|
svg>path{
|
|
@@ -2973,8 +2973,8 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
2973
2973
|
* {
|
|
2974
2974
|
outline: none;
|
|
2975
2975
|
}
|
|
2976
|
-
`,
|
|
2977
|
-
background: ${({disabled:e,theme:t})=>e?
|
|
2976
|
+
`,fr=({block:e,style:t,variant:a,bgVariant:o,disabled:r,...i})=>(l.useTheme(),g.default.createElement(ur,E({block:e,variant:a,bgVariant:o,type:"button",style:t,disabled:r},i),i.children));fr.propTypes={variant:b.default.string,bgVariant:b.default.string,disabled:b.default.bool,block:b.default.bool,onClick:b.default.func,theme:b.default.object},ur.defaultProps={theme:I},fr.defaultProps={theme:I,variant:"primary-2",bgVariant:"neutral-4",block:!1,disabled:!1,onClick:void 0};const mr="#BBC4CF",br=h.default.button`
|
|
2977
|
+
background: ${({disabled:e,theme:t})=>e?mr:t.additional.white};
|
|
2978
2978
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2979
2979
|
padding: 6px 17px;
|
|
2980
2980
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
@@ -2988,15 +2988,15 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
2988
2988
|
|
|
2989
2989
|
&:disabled {
|
|
2990
2990
|
color: #929EAC;
|
|
2991
|
-
background: ${
|
|
2992
|
-
border: 1px solid ${
|
|
2991
|
+
background: ${mr};
|
|
2992
|
+
border: 1px solid ${mr};
|
|
2993
2993
|
cursor: not-allowed;
|
|
2994
2994
|
|
|
2995
2995
|
svg>path{
|
|
2996
2996
|
fill: #929EAC;
|
|
2997
2997
|
}
|
|
2998
2998
|
}
|
|
2999
|
-
`,
|
|
2999
|
+
`,gr=({block:e,style:t,variant:a,borderVariant:o,disabled:r,...i})=>(l.useTheme(),g.default.createElement(br,E({block:e,variant:a,borderVariant:o,type:"button",style:t,disabled:r},i),i.children));gr.propTypes={variant:b.default.string,borderVariant:b.default.string,disabled:b.default.bool,block:b.default.bool,onClick:b.default.func,theme:b.default.object},br.defaultProps={theme:I},gr.defaultProps={theme:I,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const hr={width:"auto",padding:0,boxShadow:"none",background:"transparent"},Cr={background:"transparent",border:"none",color:"white",fontSize:"16px",boxShadow:"none",borderRadius:0,padding:"8px 0 8px"},yr={borderTop:"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:0,background:"transparent",borderRadius:0,boxShadow:"none"},xr={float:"right",marginRight:"8px",marginTop:"3px"},vr={boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},wr={padding:0,boxShadow:"none",borderRadius:0,backgroundColor:"transparent"},Ar={transition:"height ease 0.2s",overflow:"hidden",padding:"0",backgroundColor:"transparent",color:"white",position:"relative",boxShadow:"none"},Sr={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",fontWeight:"600"},kr={wordBreak:"break-word",paddingRight:"16px",fontWeight:"600"},Er={padding:"0px 16px 0 0",marginLeft:"30px",height:"auto"},Vr=h.default.div`
|
|
3000
3000
|
display: flex;
|
|
3001
3001
|
flex-direction: column;
|
|
3002
3002
|
height: ${({toggleSideBarOpen:e})=>"100vh"};
|
|
@@ -3004,7 +3004,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
3004
3004
|
@media (max-width: 428px) {
|
|
3005
3005
|
height: ${({toggleSideBarOpen:e})=>e?"100vh":"56px"};
|
|
3006
3006
|
}
|
|
3007
|
-
`,
|
|
3007
|
+
`,Mr={fontWeight:"600",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",margin:"0 16px ",textDecoration:"none"},Lr=h.default.div`
|
|
3008
3008
|
min-height: 56px;
|
|
3009
3009
|
display: flex;
|
|
3010
3010
|
align-items: center;
|
|
@@ -3027,7 +3027,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
3027
3027
|
}
|
|
3028
3028
|
|
|
3029
3029
|
${({headerStyles:e})=>e}
|
|
3030
|
-
`,
|
|
3030
|
+
`,Hr=h.default.div`
|
|
3031
3031
|
display: flex;
|
|
3032
3032
|
flex-direction: column;
|
|
3033
3033
|
background-color: transparent;
|
|
@@ -3055,7 +3055,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
3055
3055
|
@media (max-width: 428px) {
|
|
3056
3056
|
margin-top: 56px;
|
|
3057
3057
|
}
|
|
3058
|
-
`,
|
|
3058
|
+
`,Br=h.default.div`
|
|
3059
3059
|
display: flex;
|
|
3060
3060
|
justify-content: flex-start;
|
|
3061
3061
|
align-items: center;
|
|
@@ -3087,7 +3087,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
3087
3087
|
p {
|
|
3088
3088
|
margin: 0;
|
|
3089
3089
|
}
|
|
3090
|
-
`,
|
|
3090
|
+
`,zr=h.default.div`
|
|
3091
3091
|
background-color: ${({theme:e,containerBackgroundColorDynamic:t,containerBackgroundColor:l})=>t?l:e.variant["primary-1"]} !important;
|
|
3092
3092
|
color: ${({theme:e})=>e.additional.white};
|
|
3093
3093
|
overflow-y: hidden;
|
|
@@ -3108,7 +3108,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let a={};if(e[t]){for(const t in e.c
|
|
|
3108
3108
|
${({customStylesContainer:e})=>e}
|
|
3109
3109
|
|
|
3110
3110
|
${({isOpen:e,forceOpen:t,inBuiltCss:l,customStylesContainerOpen:a,customStylesContainerClose:o})=>e||t?{...W(l,"sidebar-container-open"),...a}:{...W(l,"sidebar-container-close"),...o}}
|
|
3111
|
-
`,
|
|
3111
|
+
`,Ir=h.default.div`
|
|
3112
3112
|
${({inBuiltCss:e})=>W(e,"sidebar-pusher")}
|
|
3113
3113
|
${({customStylesPusher:e})=>e}
|
|
3114
3114
|
|
|
@@ -3117,33 +3117,33 @@ ${({forceOpen:e,inBuiltCss:t,customStylesPusherOpen:l,customStylesPusherClose:a}
|
|
|
3117
3117
|
@media (max-width: 980px) {
|
|
3118
3118
|
${({inBuiltCss:e,type:t,customStylesPusherMobile:l})=>({...W(e,"sidebar-pusher-mobile"),...l})}
|
|
3119
3119
|
}
|
|
3120
|
-
`,
|
|
3120
|
+
`,Pr=({customStylesContainer:e,customStylesContainerOpen:t,customStylesContainerClose:a,customStylesContainerMobileOpen:o,customStylesContainerMobileClose:r,customStylesPusher:i,customStylesPusherOpen:c,customStylesPusherClose:n,customStylesPusherMobile:d,forceOpen:s,forceClose:p,handleSidebar:u,toggleSideBarOpen:f,pinner:m,containerBackgroundColor:b,containerBackgroundColorDynamic:h,hideMenu:C,...y})=>{function x(e){u(e)}const v=l.useTheme()||I;return g.default.createElement(zr,E({theme:v,containerBackgroundColor:b,containerBackgroundColorDynamic:h,inBuiltCss:P,customStyles:e,hideMenu:C,onMouseEnter:()=>{s||x(!0)},onClick:()=>!f&&x(!0),onMouseLeave:()=>{x(!1),p()},forceOpen:s,isOpen:f},y),g.default.createElement(Ir,null),y.children,m)};Pr.propTypes={customStylesContainer:b.default.object,customStylesContainerOpen:b.default.object,customStylesContainerClose:b.default.object,customStylesContainerMobileOpen:b.default.object,customStylesContainerMobileClose:b.default.object,customStylesPusher:b.default.object,customStylesPusherOpen:b.default.object,customStylesPusherClose:b.default.object,customStylesPusherMobile:b.default.object,forceOpen:b.default.bool,forceClose:b.default.func,handleSidebar:b.default.func,toggleSideBarOpen:b.default.bool,pinner:b.default.any,hideMenu:b.default.bool},Pr.defaultProps={forceClose:()=>{},forceOpen:!1,containerBackgroundColor:"#2A50FD",containerBackgroundColorDynamic:!1,hideMenu:!1};const Wr={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Rr=h.default.div`
|
|
3121
3121
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3122
3122
|
color: ${({theme:e})=>e.additional.white};
|
|
3123
|
-
padding: ${({size:e})=>
|
|
3123
|
+
padding: ${({size:e})=>Wr[e].padding};
|
|
3124
3124
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
3125
3125
|
border-radius: 42px;
|
|
3126
|
-
font-size: ${({size:e})=>
|
|
3126
|
+
font-size: ${({size:e})=>Wr[e].fontSize};
|
|
3127
3127
|
font-weight: 600;
|
|
3128
3128
|
display: flex;
|
|
3129
3129
|
align-items: center;
|
|
3130
3130
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3131
3131
|
box-sizing: border-box;
|
|
3132
3132
|
|
|
3133
|
-
`,
|
|
3133
|
+
`,Tr=({block:e,style:t,variant:a,...o})=>(l.useTheme(),g.default.createElement(Rr,E({block:e,variant:a,style:t},o),o.children));Tr.propTypes={size:b.default.oneOf(["sm","md","lg"]),variant:b.default.string,block:b.default.bool,theme:b.default.object},Rr.defaultProps={theme:I},Tr.defaultProps={theme:I,variant:"primary-1",block:!1,size:"sm"};const Zr={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Fr=h.default.div`
|
|
3134
3134
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3135
3135
|
background: ${({theme:e})=>e.additional.white};
|
|
3136
|
-
padding: ${({size:e})=>
|
|
3136
|
+
padding: ${({size:e})=>Zr[e].padding};
|
|
3137
3137
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
3138
3138
|
border-radius: 42px;
|
|
3139
|
-
font-size: ${({size:e})=>
|
|
3139
|
+
font-size: ${({size:e})=>Zr[e].fontSize};
|
|
3140
3140
|
font-weight: 600;
|
|
3141
3141
|
display: flex;
|
|
3142
3142
|
align-items: center;
|
|
3143
3143
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
3144
3144
|
box-sizing: border-box;
|
|
3145
3145
|
|
|
3146
|
-
`,
|
|
3146
|
+
`,jr=({block:e,style:t,variant:a,...o})=>(l.useTheme(),g.default.createElement(Fr,E({block:e,variant:a,style:t},o),o.children));jr.propTypes={size:b.default.oneOf(["sm","md","lg"]),variant:b.default.string,block:b.default.bool,theme:b.default.object},Fr.defaultProps={theme:I},jr.defaultProps={theme:I,variant:"primary-1",block:!1,size:"sm"};const qr={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Dr=h.default.div`
|
|
3147
3147
|
background: ${({theme:e,variant:t,bgColor:l})=>l||e.variant[t]};
|
|
3148
3148
|
color: ${({theme:e,textColor:t})=>t||e.bgColor};
|
|
3149
3149
|
border-radius: 13.5px;
|
|
@@ -3151,11 +3151,11 @@ font-size: 14px;
|
|
|
3151
3151
|
display: inline-flex;
|
|
3152
3152
|
align-items: center;
|
|
3153
3153
|
justify-content: center;
|
|
3154
|
-
min-width: ${({block:e,size:t})=>e?"auto":
|
|
3154
|
+
min-width: ${({block:e,size:t})=>e?"auto":qr[t].width};
|
|
3155
3155
|
height: 28px;
|
|
3156
3156
|
box-sizing: border-box;
|
|
3157
3157
|
overflow: hidden;
|
|
3158
|
-
`,
|
|
3158
|
+
`,Or=({block:e,style:t,variant:a,textColor:o,bgColor:r,...i})=>(l.useTheme(),g.default.createElement(Dr,E({block:e,variant:a,textColor:o,bgColor:r,style:t},i),i.children));Or.propTypes={variant:b.default.string,size:b.default.oneOf(["xsm","sm","md","lg"]),block:b.default.bool,theme:b.default.object,textColor:b.default.string,bgColor:b.default.string},Dr.defaultProps={theme:I},Or.defaultProps={theme:I,variant:"primary-1",block:!1,size:"sm"};const Gr={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Xr=h.default.div`
|
|
3159
3159
|
background: ${({theme:e})=>e.additional.white};
|
|
3160
3160
|
color: ${({theme:e,variant:t,textColor:l})=>l||e.variant[t]};
|
|
3161
3161
|
border: 1px solid ${({theme:e,variant:t,borderColor:l})=>l||e.variant[t]};
|
|
@@ -3164,14 +3164,14 @@ font-size: 14px;
|
|
|
3164
3164
|
display: inline-flex;
|
|
3165
3165
|
align-items: center;
|
|
3166
3166
|
justify-content: center;
|
|
3167
|
-
min-width: ${({block:e,size:t})=>e?"auto":
|
|
3167
|
+
min-width: ${({block:e,size:t})=>e?"auto":Gr[t].width};
|
|
3168
3168
|
height: 28px;
|
|
3169
3169
|
box-sizing: border-box;
|
|
3170
3170
|
overflow: hidden;
|
|
3171
|
-
`,
|
|
3171
|
+
`,Jr=({block:e,style:t,variant:a,textColor:o,borderColor:r,...i})=>(l.useTheme(),g.default.createElement(Xr,E({block:e,variant:a,textColor:o,borderColor:r,style:t},i),i.children));Jr.propTypes={variant:b.default.string,size:b.default.oneOf(["xsm","sm","md","lg"]),block:b.default.bool,theme:b.default.object,textColor:b.default.string,borderColor:b.default.string},Xr.defaultProps={theme:I},Jr.defaultProps={theme:I,variant:"primary-1",block:!1,size:"sm"};const Ur=h.default.div`
|
|
3172
3172
|
padding: 24px;
|
|
3173
3173
|
${({tabWrapperStyle:e})=>e}
|
|
3174
|
-
`,
|
|
3174
|
+
`,Yr=h.default.div`
|
|
3175
3175
|
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
3176
3176
|
display: flex;
|
|
3177
3177
|
align-items: flex-start;
|
|
@@ -3179,16 +3179,16 @@ overflow: hidden;
|
|
|
3179
3179
|
gap: 12px;
|
|
3180
3180
|
padding-bottom: 24px;
|
|
3181
3181
|
${({headerWrapperStyle:e})=>e}
|
|
3182
|
-
`,
|
|
3182
|
+
`,Nr=h.default.div`
|
|
3183
3183
|
font-size: 16px;
|
|
3184
3184
|
padding: 7px 20px;
|
|
3185
3185
|
cursor: pointer;
|
|
3186
3186
|
border-radius: 5px;
|
|
3187
3187
|
|
|
3188
3188
|
${({isActive:e,headerStyle:t,activeHeaderStyle:l})=>e?l:t}
|
|
3189
|
-
`,
|
|
3189
|
+
`,Qr=h.default.div`
|
|
3190
3190
|
${({tabContentStyle:e})=>e}
|
|
3191
|
-
|
|
3191
|
+
`,Kr=({tabs:e,activeTab:t,setActiveTab:a,tabWrapperStyle:o,headerWrapperStyle:r,headerStyle:i,dividerProps:c,tabContentStyle:n,extraContent:d,activeHeaderStyle:s,iconProps:p})=>{const u=l.useTheme()||I;return g.default.createElement(Ur,{tabWrapperStyle:o},g.default.createElement(Yr,{theme:u,headerWrapperStyle:r},e.map(((e,l)=>g.default.createElement(Nr,{id:"tab-"+l,theme:u,onClick:()=>a(l),active:l===t,key:e?.title+l,isActive:l===t,headerStyle:i,activeHeaderStyle:s},g.default.createElement("span",{style:{display:"flex",alignItems:"center",gap:e.icon&&e.title?"8px":"0px"}}," ",e.icon&&g.default.createElement(Q,E({icon:e.icon,color:l===t?s.color:i.color},e?.iconProps)),e.title&&e.title)))),d),g.default.createElement(Pa,c),e.map(((e,l)=>l===t&&g.default.createElement(Qr,{tabContentStyle:n,key:l},e.content))))};Kr.propTypes={tabs:b.default.array,tabWrapperStyle:b.default.object,headerWrapperStyle:b.default.object,headerStyle:b.default.object,dividerProps:b.default.object,tabContentStyle:b.default.object,activeTab:b.default.number,setActiveTab:b.default.func,activeHeaderStyle:b.default.object,iconProps:b.default.object},Kr.defaultProps={tabs:[],activeTab:0,tabWrapperStyle:{},headerStyle:{backgroundColor:"transparent",color:I.variant["primary-2"],fontWeight:"normal"},tabContentStyle:{},headerWrapperStyle:{},dividerProps:{},activeHeaderStyle:{color:I.variant["primary-1"],backgroundColor:R("#2A50FD",.05),fontWeight:"bold"},iconProps:{}};const $r=h.default.div`
|
|
3192
3192
|
.notification {
|
|
3193
3193
|
background: ${({theme:e})=>e.additional.white};
|
|
3194
3194
|
transition: 0.3s ease;
|
|
@@ -3283,7 +3283,7 @@ overflow: hidden;
|
|
|
3283
3283
|
.close-icon {
|
|
3284
3284
|
cursor: pointer;
|
|
3285
3285
|
}
|
|
3286
|
-
`,
|
|
3286
|
+
`,_r=({close:e,children:a,type:o,position:r,timeout:i,localTimeout:c})=>{((e,l)=>{const a=t.useRef(e);t.useEffect((()=>{a.current=e}),[e]),t.useEffect((()=>{if(null===l)return;const e=setTimeout((()=>a.current()),l);return()=>clearTimeout(e)}),[l])})(e,c||i||5e3);const n=l.useTheme()||I;let d=null;switch(o){case"success":d=g.default.createElement(Q,{icon:"check-icon",color:"white",size:12,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"warning":d=g.default.createElement(Q,{icon:"warning",color:"white",size:20,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"error":d=g.default.createElement(Q,{icon:"close-white",size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"info":d=g.default.createElement(Q,{icon:"info-icon",size:10,color:"white",customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"pending":d=g.default.createElement(se,{size:14})}return g.default.createElement($r,{theme:n,type:o,timeout:c||i||5e3},g.default.createElement("div",{className:`notification toast ${r}`},g.default.createElement("div",{className:"leftSide"},g.default.createElement("div",{className:"notification-icon"},d),g.default.createElement("div",{className:"notification-message"},a)),g.default.createElement("div",{className:"close-icon",onClick:e},g.default.createElement(Q,{icon:"close-icon",color:n.variant["neutral-2"]}))),g.default.createElement("div",{className:`notification-progress ${r}-border`}))},ei=t.createContext(),ti=h.default.div`
|
|
3287
3287
|
.notification-container {
|
|
3288
3288
|
font-size: 14px;
|
|
3289
3289
|
box-sizing: border-box;
|
|
@@ -3337,9 +3337,9 @@ overflow: hidden;
|
|
|
3337
3337
|
transform: translateX(0);
|
|
3338
3338
|
}
|
|
3339
3339
|
}
|
|
3340
|
-
`;function
|
|
3340
|
+
`;function li(){let e=46656*Math.random()|0,t=46656*Math.random()|0;return e=("000"+e.toString(36)).slice(-3),t=("000"+t.toString(36)).slice(-3),e+t}const ai={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},oi=h.default.div`
|
|
3341
3341
|
color: ${({theme:e,text:t})=>t?e.variant[t]:e.additional["text-color"]};
|
|
3342
3342
|
background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
|
|
3343
|
-
font-size: ${({size:e})=>
|
|
3344
|
-
line-height: ${({size:e})=>
|
|
3345
|
-
`,ii=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||I;return g.default.createElement(ri,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(So,{theme:i}),t)};ii.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},ii.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=Aa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=Ae,exports.Avatar=Le,exports.AvatarSB=Pe,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=Bo,exports.Card=F,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=mr,exports.DateSelect=Ht,exports.DateTime=Zt,exports.Divider=Pa,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||I;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ra,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=ja,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const c=(new Date).getFullYear();return g.default.createElement(Oa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},i),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Premise HQ"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{footerWidth:o},"All Rights Restricted ",c," ©")),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Terms of use"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>g.default.createElement(t.Fragment,null,g.default.createElement(Ya,E({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement($e,E({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Bl,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Gl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(bl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(El,E({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(pt,E({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(Fl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(_t,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Ht,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(fo,E({},e,a)))(e);case"toggle":return(e=>g.default.createElement(aa,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(Q,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(se,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(le,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(Te,E({},e,a)))(e);case"divider":return(e=>g.default.createElement(Pa,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Ao,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(J,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(sl,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement($,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ma,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(xo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(ge,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(ye,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(ve,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(fe,E({},e,a)))(e);case"search":return(e=>g.default.createElement(zl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(wo,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(xl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:I},g.default.createElement(za,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(La,null,e.map(((t,l)=>g.default.createElement(Ha,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Va,exports.FormWrapper=za,exports.GroupAvatars=Vo,exports.GroupButtons=Wo,exports.GroupButtonsPopup=Fo,exports.GroupStatusCircle=Xo,exports.Header=Ya,exports.HeaderComponent=Ao,exports.HyperLink=Yo,exports.Icon=Q,exports.Image=ke,exports.ImageUploader=sl,exports.Label=$e,exports.LightSecondaryLink=hr,exports.LinkButton=fe,exports.Loader=ce,exports.ModalComp=tr,exports.MultiColumnDiv=Ha,exports.MultiColumnWrapper=La,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:c,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h,singleLine:C=!0,customFontColor:y,sortByCore:x=!1,setInvalidPath:v,bottomIconProps:w,iconForBottom:A,staticBottom:S=!0})=>{const k=l.useTheme()||I,[V,M]=t.useState(null),[L,H]=t.useState(!1),[B,z]=t.useState([]);if(x){a.sort(((e,t)=>(!0===e.core?1:!1===e.core?0:-1)-(!0===t.core?1:!1===t.core?0:-1)));for(let e of a)if(!0===e.core&&"dynamic-bottom"!==e.type){e.border=!0;break}}let P=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{z(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));W(t);try{v&&!t.id&&v(!0)}catch(e){console.log("e",e)}m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&H(!1),!o&&M(null)}),[o]);const W=e=>{if(e?.path===p){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),b(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>W(e)))};let R=C?kr:Er;const T=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;if(e.routes&&e.routes.length>0){let r=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return g.default.createElement(_,{key:e?.id+t,showIcon:!!r,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`},onClick:()=>{e?.queryParams?!r&&u(e.path,e.queryParams):!r&&u(e.path,"")}},g.default.createElement("span",{style:{visibility:3===o&&B[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y||k.additional.white,flexShrink:0}}),g.default.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===o&&B[2]===a[2]?"bold":"normal",color:y||k.variant.white}}," ",e?.link)),isAccordionOpen:p.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>T(e,t,l+8)))),customStylesAccordionContainer:Cr,customStylesAccordionToggle:{cursor:"pointer",...yr},customStylesAccordionContent:xr,showIconInfo:!1,customWrapperStyles:vr})}return g.default.createElement(zr,{singleLine:C,listElementStyle:d,customFontColor:y,key:e?.id+t,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:k},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&B[B.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),g.default.createElement("span",{className:"link",style:{marginLeft:l-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&p===e?.path?d?.selectedChildBG||k.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&B[B.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y||k.variant.white}}," ",e?.link))};return g.default.createElement(Mr,{onClick:()=>H(!0),onMouseEnter:()=>H(!0),onMouseLeave:()=>{M(null),H(!1)},toggleSideBarOpen:o},g.default.createElement(Hr,{theme:k,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Br,{toggleSideBarOpen:o,staticLayerNo:P},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{M(t)},style:{backgroundColor:e?.value?.toLowerCase()===B[1]?.toLowerCase()?s:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===V||L&&e?.value?.toLowerCase()===B[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...wr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Ar},customStylesAccordionContent:Sr,contentToggle:g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...R,color:e.maintenance?k.variant["neutral-3"]:y||k.variant.white},customStylesCircle:{background:y||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:k.variant["neutral-3"]}):a.length-1===t&&S?g.default.createElement(Q,E({icon:A||"person",size:20,color:k.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},w)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Vr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>T(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:{...R,color:y||"inherit"},customStylesCircle:{background:y||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:k.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:g.default.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?k.variant["neutral-3"]:y||k.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Lr}},e.label)))))))},exports.NumericInput=bl,exports.Overlay=ar,exports.OverlayOptionContainer=Sa,exports.OverlayOptionItemLabel=ka,exports.PageContent=ba,exports.Pagination=lo,exports.PaginationDefault=oo,exports.PaginationTypeTwo=fo,exports.PasswordInput=xl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Zr,exports.ProgressBar=ir,exports.ProgressSteps=pr,exports.RadioInput=El,exports.Rating=xo,exports.RoundedLoader=se,exports.SearchInput=zl,exports.SecondaryButton=ye,exports.SecondaryStatusChip=qr,exports.Sidebar=Wr,exports.SignatureInput=Fl,exports.SlimPrimaryStatusChip=Gr,exports.SlimSecondaryStatusChip=Ur,exports.StatusCircle=qo,exports.StyledCentralBar=Ca,exports.StyledClearSearch=ha,exports.StyledCreateRow=xa,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=wa,exports.StyledWarning=ya,exports.SubmitButtonContainer=Ma,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(ge,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>g.default.createElement(ye,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=wo,exports.Tabs=$r,exports.TextArea=Gl,exports.TextInput=Bl,exports.TimeInput=$l,exports.TinyButton=ve,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||ai(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),i=t.useMemo((()=>({open:o,close:r})),[]),[c,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),g.default.createElement(ti.Provider,{value:i},e.children,c?f.createPortal(g.default.createElement(li,null,g.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>g.default.createElement(ei,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=aa,exports.Tooltip=Xe,exports.Typography=ii,exports.additionalColors=z,exports.createDarker=T,exports.defaultStyles=P,exports.defaultThemeColor=I,exports.getDefaultStyles=W,exports.graphColor=B,exports.hexToRGB=R,exports.neutralColor=L,exports.primaryColor=V,exports.shadeColor=H,exports.uiColor=M,exports.useToast=()=>t.useContext(ti);
|
|
3343
|
+
font-size: ${({size:e})=>ai[e].fontSize};
|
|
3344
|
+
line-height: ${({size:e})=>ai[e].lineHeight};
|
|
3345
|
+
`,ri=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||I;return g.default.createElement(oi,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(So,{theme:i}),t)};ri.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},ri.defaultProps={size:"md"},exports.Accordion=$,exports.AccordionSB=_,exports.ActionContainer=Aa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=Ae,exports.Avatar=Le,exports.AvatarSB=Pe,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=Bo,exports.Card=F,exports.CardRef=q,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=fr,exports.DateSelect=Ht,exports.DateTime=Zt,exports.Divider=Pa,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||I;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Ra,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=ja,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const c=(new Date).getFullYear();return g.default.createElement(Oa,E({variant:e,textColor:t,footerWidth:o,customStyles:r},i),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Premise HQ"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{footerWidth:o},"All Rights Restricted ",c," ©")),g.default.createElement(Ga,{footerWidth:o},g.default.createElement(Xa,{footerWidth:o},"Terms of use"),g.default.createElement(Ja,{footerWidth:o},"|"),g.default.createElement(Xa,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>g.default.createElement(t.Fragment,null,g.default.createElement(Ya,E({},e,a),e.children),e))(e);case"label":return(e=>g.default.createElement($e,E({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>g.default.createElement(Bl,E({},e,a)))(e);case"textArea":return(e=>g.default.createElement(Gl,E({},e,a)))(e);case"number":return(e=>g.default.createElement(bl,E({},e,a)))(e);case"radio":return(e=>g.default.createElement(El,E({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>g.default.createElement(pt,E({},e,a)))(e);case"singleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>g.default.createElement(Ot,E({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>g.default.createElement(Fl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(_t,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Ht,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(fo,E({},e,a)))(e);case"toggle":return(e=>g.default.createElement(aa,E({},e,a)))(e);case"icon":return(e=>g.default.createElement(Q,E({},e,a)))(e);case"roundedLoader":return(e=>g.default.createElement(se,E({},e,a)))(e);case"alert":return(e=>g.default.createElement(le,E({},e,a)))(e);case"banner":return(e=>g.default.createElement(Te,E({},e,a)))(e);case"divider":return(e=>g.default.createElement(Pa,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(Ao,E({},e,a)))(e);case"documentCard":return(e=>g.default.createElement(J,E({},e,a)))(e);case"imageUploader":return(e=>g.default.createElement(sl,E({},e,a)))(e);case"accordion":return(e=>g.default.createElement($,E({},e,a)))(e);case"content":return(e=>g.default.createElement(ma,E({},e,a)))(e);case"rating":return(e=>g.default.createElement(xo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(ge,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(ye,E({},e,a)))(e);case"buttonTiny":return(e=>g.default.createElement(ve,E({},e,a)))(e);case"buttonLink":return(e=>g.default.createElement(fe,E({},e,a)))(e);case"search":return(e=>g.default.createElement(zl,E({},e,a)))(e);case"table":return(e=>g.default.createElement(wo,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(xl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:I},g.default.createElement(za,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(La,null,e.map(((t,l)=>g.default.createElement(Ha,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Va,exports.FormWrapper=za,exports.GroupAvatars=Vo,exports.GroupButtons=Wo,exports.GroupButtonsPopup=Fo,exports.GroupStatusCircle=Xo,exports.Header=Ya,exports.HeaderComponent=Ao,exports.HyperLink=Yo,exports.Icon=Q,exports.Image=ke,exports.ImageUploader=sl,exports.Label=$e,exports.LightSecondaryLink=gr,exports.LinkButton=fe,exports.Loader=ce,exports.ModalComp=er,exports.MultiColumnDiv=Ha,exports.MultiColumnWrapper=La,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:c,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h,singleLine:C=!0,customFontColor:y,sortByCore:x=!1,setInvalidPath:v,bottomIconProps:w,iconForBottom:A,staticBottom:S=!0})=>{const k=l.useTheme()||I,[V,M]=t.useState(null),[L,H]=t.useState(!1),[B,z]=t.useState([]);if(x){a.sort(((e,t)=>(!0===e.core?1:!1===e.core?0:-1)-(!0===t.core?1:!1===t.core?0:-1)));for(let e of a)if(!0===e.core&&"dynamic-bottom"!==e.type){e.border=!0;break}}let P=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{z(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));W(t);try{v&&!t.id&&v(!0)}catch(e){console.log("e",e)}m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&H(!1),!o&&M(null)}),[o]);const W=e=>{if(e?.path===p){f(e?.id||null);let t={...e},l=e?.queryParams;l&&(t.path=e.path+l,t.link=e.link+l),b(t||null)}else e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>W(e)))};let R=C?Sr:kr;const T=(e,t,l)=>{let a=e?.path.split("/"),o=a.length;if(e.routes&&e.routes.length>0){let r=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return g.default.createElement(_,{key:e?.id+t,showIcon:!!r,contentToggle:g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${l}px`},onClick:()=>{e?.queryParams?!r&&u(e.path,e.queryParams):!r&&u(e.path,"")}},g.default.createElement("span",{style:{visibility:3===o&&B[2]===a[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:y||k.additional.white,flexShrink:0}}),g.default.createElement("span",{id:e?.path.substring(1).replace(/\//g,"-"),style:{fontWeight:3===o&&B[2]===a[2]?"bold":"normal",color:y||k.variant.white}}," ",e?.link)),isAccordionOpen:p.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>T(e,t,l+8)))),customStylesAccordionContainer:hr,customStylesAccordionToggle:{cursor:"pointer",...Cr},customStylesAccordionContent:yr,showIconInfo:!1,customWrapperStyles:xr})}return g.default.createElement(Br,{singleLine:C,listElementStyle:d,customFontColor:y,key:e?.id+t,onClick:()=>{u(e.path,e?.queryParams?e.queryParams:"")},theme:k},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&B[B.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),g.default.createElement("span",{className:"link",style:{marginLeft:l-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:o>3&&p===e?.path?d?.selectedChildBG||k.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&B[B.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y||k.variant.white}}," ",e?.link))};return g.default.createElement(Vr,{onClick:()=>H(!0),onMouseEnter:()=>H(!0),onMouseLeave:()=>{M(null),H(!1)},toggleSideBarOpen:o},g.default.createElement(Lr,{theme:k,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Hr,{toggleSideBarOpen:o,staticLayerNo:P},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{M(t)},style:{backgroundColor:e?.value?.toLowerCase()===B[1]?.toLowerCase()?s:"transparent",borderTop:e?.border?"1px solid #BBC4CF":"none"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===V||L&&e?.value?.toLowerCase()===B[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...vr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...wr},customStylesAccordionContent:Ar,contentToggle:g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...R,color:e.maintenance?k.variant["neutral-3"]:y||k.variant.white},customStylesCircle:{background:y||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:k.variant["neutral-3"]}):a.length-1===t&&S?g.default.createElement(Q,E({icon:A||"person",size:20,color:k.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}},w)):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Er},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>T(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(Pe,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:{...R,color:y||"inherit"},customStylesCircle:{background:y||"inherit"},customStylesNameHover:n,size:"MD",user:{userName:e?.label,url:e?.logo,appNameShortForm:e?.appNameShortForm},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:k.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===B[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:g.default.createElement("a",{href:e.path,target:e.target||"_blank",rel:"noreferrer",style:{color:e.maintenance?k.variant["neutral-3"]:y||k.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Mr}},e.label)))))))},exports.NumericInput=bl,exports.Overlay=lr,exports.OverlayOptionContainer=Sa,exports.OverlayOptionItemLabel=ka,exports.PageContent=ba,exports.Pagination=lo,exports.PaginationDefault=oo,exports.PaginationTypeTwo=fo,exports.PasswordInput=xl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Tr,exports.ProgressBar=rr,exports.ProgressSteps=sr,exports.RadioInput=El,exports.Rating=xo,exports.RoundedLoader=se,exports.SearchInput=zl,exports.SecondaryButton=ye,exports.SecondaryStatusChip=jr,exports.Sidebar=Pr,exports.SignatureInput=Fl,exports.SlimPrimaryStatusChip=Or,exports.SlimSecondaryStatusChip=Jr,exports.StatusCircle=qo,exports.StyledCentralBar=Ca,exports.StyledClearSearch=ha,exports.StyledCreateRow=xa,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=wa,exports.StyledWarning=ya,exports.SubmitButtonContainer=Ma,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>g.default.createElement(ge,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>g.default.createElement(ye,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Ma,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=wo,exports.Tabs=Kr,exports.TextArea=Gl,exports.TextInput=Bl,exports.TimeInput=$l,exports.TinyButton=ve,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||li(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),i=t.useMemo((()=>({open:o,close:r})),[]),[c,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),g.default.createElement(ei.Provider,{value:i},e.children,c?f.createPortal(g.default.createElement(ti,null,g.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>g.default.createElement(_r,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=aa,exports.Tooltip=Xe,exports.Typography=ri,exports.additionalColors=z,exports.createDarker=T,exports.defaultStyles=P,exports.defaultThemeColor=I,exports.getDefaultStyles=W,exports.graphColor=B,exports.hexToRGB=R,exports.neutralColor=L,exports.primaryColor=V,exports.shadeColor=H,exports.uiColor=M,exports.useToast=()=>t.useContext(ei);
|