groundfloor-react-ui 1.3.1 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +8 -9
- package/dist/index.js +8 -9
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -501,7 +501,7 @@ ${({customStyles:e})=>e}
|
|
|
501
501
|
border-bottom-right-radius: ${({identity:e})=>"last-arrow"===e?"20px":0};
|
|
502
502
|
|
|
503
503
|
margin-left: ${({identity:e})=>"last-arrow"===e?"-5px":0};
|
|
504
|
-
`,Ve=({data:e,onClick:l,clickable:o})=>{const n=b()||P,[c,s]=i(0),[d,p]=i({next:!0,prev:!1}),[m,u]=i(100),g=e.length,f=()=>{p(c-1==0?{next:!0,prev:!1}:{next:!0,prev:!0}),s((e=>e-1))},h=()=>{s((e=>e+1));let e=Math.ceil(100/m);p(g-e===c?{next:!1,prev:!0}:{next:!0,prev:!0})},{width:y}=ae();r((()=>{x()}),[y]);const x=()=>{let e=0;switch(!0){case 1===g:e=100;break;case y<=576:e=85;break;case y<=768:e=50;break;case g<=
|
|
504
|
+
`,Ve=({data:e,onClick:l,clickable:o})=>{const n=b()||P,[c,s]=i(0),[d,p]=i({next:!0,prev:!1}),[m,u]=i(100),g=e.length,f=()=>{p(c-1==0?{next:!0,prev:!1}:{next:!0,prev:!0}),s((e=>e-1))},h=()=>{s((e=>e+1));let e=Math.ceil(100/m);p(g-e===c?{next:!1,prev:!0}:{next:!0,prev:!0})},{width:y}=ae();r((()=>{x()}),[y]);const x=()=>{let e=0;switch(!0){case 1===g:e=100;break;case y<=576:e=85;break;case y<=768:e=50;break;case g<=6:e=100/g;break;case g>4&&y>768&&y<=900:e=Math.ceil(y/22);break;case g>4&&y>900&&y<=1020:e=Math.ceil(y/24);break;case g>4&&y>1020&&y<=1200:e=Math.ceil(y/27);break;case g>4&&y>1200&&y<=1440:e=Math.ceil(y/40);break;case g>4&&y>1440:e=Math.ceil(y/85);break;default:e=100}u(e)};return t.createElement(a,null," ",g>0&&t.createElement(a,null," ",t.createElement("div",{style:{display:g<=4||y<=768?"block":"flex",width:"100%",alignItems:"center",gap:"4px"}}," ",g>4&&y>768&&t.createElement(Ce,{btnStyle:{backgroundColor:"transparent",padding:0,border:"none"},disabled:!d.prev,onClick:f},t.createElement(_,{icon:"chevron-left",color:n.variant[d.prev?"primary-2":"neutral-3"],size:22,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})),t.createElement("div",{style:{display:"flex",alignItems:"center",overflow:"hidden",width:"100%",justifyContent:"space-between"}},e.map(((i,r)=>t.createElement("div",{key:r,style:{scrollSnapAlign:"center",minWidth:`${m}%`,transform:`translateX(-${100*c}%)`,transition:"transform 0.5s ease-in-out"}},t.createElement("div",{style:{width:"100%",height:"100%"}},t.createElement(Ee,{identity:0===r?"first-arrow":e.length-1-r==0?"last-arrow":"others",backgroundColor:i?.backgroundColor,theme:n,clickable:o,onClick:()=>o?l(i):null},t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"16px",minWidth:"100%",height:"100%"},title:`value: ${i.value}, status: ${i.label}`},t.createElement("span",{style:{fontSize:"22px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:i?.color?i.color:n.variant.white}},i.value),t.createElement("span",{style:{fontSize:"14px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:i?.color?i.color:n.variant.white}},i.label))))," ")))," ")," ",g>4&&y>768&&t.createElement(Ce,{btnStyle:{backgroundColor:"transparent",padding:0,border:"none"},disabled:!d.next,onClick:h},t.createElement(_,{icon:"chevron-right",color:n.variant[d.next?"primary-2":"neutral-3"],size:22,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}}))),y<=768&&e.length>1&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",margin:"8px 0",gap:"16px"}}," ",t.createElement(Ce,{btnStyle:{backgroundColor:"transparent",padding:"6px",border:".5px solid "+n.variant["neutral-4"],boxShadow:"-20px 5px 37px rgba(56, 66, 100, 0.0880136)"},disabled:!d.prev,onClick:f},t.createElement(_,{icon:"chevron-left",color:n.variant[d.prev?"primary-2":"neutral-3"],size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})),t.createElement(Ce,{btnStyle:{backgroundColor:"transparent",padding:"6px",border:".5px solid "+n.variant["neutral-4"],boxShadow:"-20px 5px 37px rgba(56, 66, 100, 0.0880136)"},disabled:!d.next,onClick:h},t.createElement(_,{icon:"chevron-right",color:n.variant[d.next?"primary-2":"neutral-3"],size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})))))};Ve.propTypes={data:e.array,onClick:e.func,clickable:e.bool},Ve.defaultProps={data:[],onClick:()=>null,clickable:!1};const Me=m.img`
|
|
505
505
|
//Set the styles from the default styles object
|
|
506
506
|
${({inBuiltCss:e,type:t,size:l,customStyles:o})=>{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];for(const o in e[`${t}${l}`])i[o]=e[`${t}${l}`][o],delete e.common[o]}return{...i,...o}}}}
|
|
507
507
|
`,ze=({customStyles:e,type:l,size:a,alt:n,src:c,handleImageStatus:s,...d})=>{const[p,m]=i("loading"),b=o(null),u=()=>{m("loaded"),s&&s("loaded")},g=()=>{m("failed"),s&&s("failed")};return r((()=>{const e=b.current;if(e)return e.addEventListener("load",u),e.addEventListener("error",g),()=>{e.removeEventListener("load",u),e.removeEventListener("error",g)}}),[p]),t.createElement(Me,z({},d,{inBuiltCss:F,customStyles:e,type:l,alt:n,src:c,ref:b,size:a}))};ze.propTypes={customStyles:e.object,type:e.string,size:e.oneOf(["SM","MD","LG"]),alt:e.string,src:e.string,handleImageStatus:e.func},ze.defaultProps={customStyles:{},type:"image",alt:"image alternative",src:null,handleImageStatus:null};const Be=m.span`
|
|
@@ -1169,11 +1169,11 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1169
1169
|
// custom styles
|
|
1170
1170
|
${({customIconContainerStyle:e})=>e};
|
|
1171
1171
|
`,Ht=["January","February","March","April","May","June","July","August","September","October","November","December"],Wt=({selectedDate:e,setSelectedDate:l,disabled:a,startYear:n,endYearRange:c,format:s,customIconContainerStyle:d,placeHolder:p,value:m,timeBtnStyle:u,onClick:g,onChange:f,wrapperStyle:h,iconProps:y,labelProps:x,...A})=>{const w=b()||P;let S=[],k=c||10;for(let e=n||(new Date).getFullYear();e<=(new Date).getFullYear()+k;e++)S.push(e);const E=o(null),V=o(null),[M,B]=i(!1),[L,I]=i(!1),[H,W]=i(!1),[R,F]=i(!1),[T,j]=i(e.getFullYear()),[q,Z]=i(Ht[e.getMonth()]);r((()=>{Z(Ht[e.getMonth()]),j(e.getFullYear())}),[e]),r((()=>(D(document,"click","add",O(E,(()=>B(!1)))),D(document,"click","add",O(V,(()=>I(!1)))),()=>{D(document,"click","remove",O(E,(()=>B(!1)))),D(document,"click","remove",O(V,(()=>I(!1))))})),[]);const D=(e,t,l,o,i)=>{"add"===l?e.addEventListener(t,o,i||!1):e.removeEventListener(t,o,i||!1)},O=(e,t)=>l=>{e.current&&!e.current.contains(l.target)&&t()},G={icon:"calender",color:"black",size:"16",...y};return t.createElement(At,z({disabled:a,theme:w},A,{wrapperStyle:h}),t.createElement(lt,z({customStyles:{marginBottom:"7px",padding:0}},x)),t.createElement(v,z({selected:m===e?e:m,useWeekdaysShort:!0,onChange:e=>{l(e),f(e)},adjustDateOnChange:!0,disabled:a,dropdownMode:"select",customInput:t.createElement(Bt,{value:m,onClick:g,placeholder:p,theme:w},t.createElement(Lt,z({theme:w,value:m,onClick:g,timeBtnStyle:u},A),t.createElement("div",null,m?C(m).format(s||"DD/MM/YYYY"):p||"select a date"),t.createElement(It,z({theme:w},A,{customIconContainerStyle:d,className:"input-icon"}),G.icon?t.createElement(_,G):null))),renderCustomHeader:({date:e,changeYear:l,changeMonth:o})=>t.createElement(wt,null,t.createElement("div",{style:{display:"flex"}},t.createElement(kt,{ref:E},t.createElement(Et,{onClick:()=>{B(!M),I(!1)}},t.createElement("span",{onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),style:{color:`${H?w.variant["primary-1"]:w.additional["text-color"]}`}},Ht[e.getMonth()]),t.createElement(St,null,t.createElement(_,{icon:"triangle-down",color:H?w.variant["primary-1"]:w.additional["text-color"],size:7}))),M&&t.createElement(Vt,null,t.createElement(Mt,{theme:w,onMouseEnter:()=>W(!0)},Ht.map(((e,l)=>t.createElement(zt,{selectedMonth:q,onClick:()=>{W(!1),o(l),B(!1),Z(Ht[l])},key:Math.random()},t.createElement("span",{style:{color:`${q===e?w.variant["primary-1"]:w.additional["text-color"]}`}},e))))))),t.createElement(kt,{ref:V},t.createElement(Et,{style:{marginLeft:"28px"},onClick:()=>{I(!L),B(!1)}},t.createElement("span",{onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),style:{color:`${R?w.variant["primary-1"]:w.additional["text-color"]}`}},e.getFullYear()),t.createElement(St,null,t.createElement(_,{icon:"triangle-down",color:R?w.variant["primary-1"]:w.additional["text-color"],size:7}))),L&&t.createElement(Vt,null,t.createElement(Mt,{onMouseEnter:()=>F(!0),theme:w},S.map(((e,o)=>t.createElement(zt,{onClick:()=>{F(!1),l(e),j(e),I(!1)},key:Math.random()+o},t.createElement("span",{style:{color:`${T===e?w.variant["primary-1"]:w.additional["text-color"]}`}},e)))))))))},A)))};Wt.propTypes={selectedDate:e.any,setSelectedDate:e.func,disabled:e.bool,startYear:e.number,endYearRange:e.number,format:e.string,placeHolder:e.string,onChange:e.func,timeBtnStyle:e.object,wrapperStyle:e.object,customIconContainerStyle:e.object,iconProps:e.object,value:e.any,onClick:e.func,labelProps:e.object},Wt.defaultProps={selectedDate:new Date,setSelectedDate:()=>{},disabled:!1,onChange:()=>{},value:"",onClick:()=>{}};const Rt=m.div`
|
|
1172
|
-
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1173
|
-
.react-datepicker__tab-loop{
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
}
|
|
1172
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1173
|
+
.react-datepicker__tab-loop {
|
|
1174
|
+
position: absolute;
|
|
1175
|
+
z-index: 9999;
|
|
1176
|
+
}
|
|
1177
1177
|
.react-datepicker-wrapper {
|
|
1178
1178
|
width: 100%;
|
|
1179
1179
|
display: flex;
|
|
@@ -1278,7 +1278,6 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1278
1278
|
|
|
1279
1279
|
// custom styles
|
|
1280
1280
|
${({customIconContainerStyle:e})=>e};
|
|
1281
|
-
|
|
1282
1281
|
`,qt=u`
|
|
1283
1282
|
display: flex;
|
|
1284
1283
|
gap: 7px;
|
|
@@ -1291,7 +1290,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1291
1290
|
margin-top: 5px;
|
|
1292
1291
|
font-size: 10px;
|
|
1293
1292
|
}
|
|
1294
|
-
`,Dt=({defaultValue:e,onChange:l,inputType:o,onClick:r,placeHolder:a,value:n,disabled:c,startYear:s,endYearRange:d,iconProps:p,customHeaderStyle:m,timeBtnStyle:u,wrapperStyle:g,customIconContainerStyle:f,label:h,labelInline:y,labelStyle:x,required:A,errMsg:w,errMsgColor:S,isValid:k,...E})=>{const[V,M]=i(e);let B=V?new Date(V):null;for(var L=[],I=d||10,H=s||(new Date).getFullYear();H<=(new Date).getFullYear()+I;H++)L.push(H);let W={};switch(o){case"date":default:W.dateFormat="dd MMM, yyyy";break;case"month":W.dateFormat="MMMM yyyy",W.showMonthYearPicker=!0;break;case"year":W.dateFormat="yyyy",W.showYearPicker=!0;break;case"datetime-local":W.dateFormat="dd MMM yyyy, hh:mm a",W.showTimeSelect=!0,W.timeFormat="hh:mm a",W.timeIntervals=15,W.timeCaption="Time";break;case"time":W.showTimeSelect=!0,W.showTimeSelectOnly=!0,W.dateFormat="hh:mm a"}const R=b()||P,F={icon:"calender",color:R.variant["primary-1"],size:"16",...p};return t.createElement(Zt,z({labelInline:y,errMsgColor:S,theme:R},E),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({customStyles:x,type:"label-text",labelInline:y,errMsg:w,text:h,style:{display:"flex",marginBottom:""+(y?"":"7px"),paddingBottom:"0px"}},E)),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${R.variant.error}`}},"*")),t.createElement(Rt,z({theme:R},E,{wrapperStyle:g,isValid:k,disabled:c}),t.createElement(v,z({selected:B,disabled:c,customInput:t.createElement(Pt,{value:n,onClick:r,placeholder:a,theme:R},t.createElement(Ft,z({theme:R,value:n,onClick:r,timeBtnStyle:u,disabled:c},E),t.createElement("div",null,n||(a||"-- : -- --")),t.createElement(jt,z({theme:R},E,{customIconContainerStyle:f,className:"input-icon"}),F.icon?t.createElement(_,F):null))),onChange:e=>{M(e);var t=null;t="datetime-local"==o?C(e).format("DD MMM YYYY, hh:mm A"):"date"==o?C(e).format("DD MMM, YYYY"):"year"==o?C(e).format("YYYY"):"month"==o?C(e).format("MMMM YYYY"):"time"==o?C(e).format("hh:mm A"):C(e).format("DD MMM, YYYY"),l(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:a},W,{renderCustomHeader:({date:e,changeYear:l,decreaseMonth:i,increaseMonth:r})=>{let a=C(e).format("MMMM");return t.createElement(Tt,z({theme:R},E,{inputType:o,customHeaderStyle:m}),"year"!==o?t.createElement("span",{style:{paddingLeft:"10px"},onClick:i},t.createElement(_,{icon:"chevron-left",color:"white",size:16})):null,t.createElement("b",null,"year"!==o?t.createElement("span",{style:{paddingRight:"5px"}},a):null," ",t.createElement("span",{className:"calender-year"},t.createElement("select",{value:e.getFullYear(),onChange:({target:{value:e}})=>l(e)},L.map((e=>t.createElement("option",{key:e,value:e},e)))))),"year"!==o?t.createElement("span",{style:{paddingRight:"10px"},onClick:r},t.createElement(_,{icon:"chevron-right",color:"white",size:16})):null)}}))),w.length>0&&t.createElement("div",{className:"err-text"},w))};Dt.propTypes={defaultValue:e.string,onChange:e.func,inputType:e.string,onClick:e.func,placeHolder:e.string,value:e.string,disabled:e.bool,startYear:e.number,endYearRange:e.number,iconProps:e.object,customHeaderStyle:e.object,timeBtnStyle:e.object,wrapperStyle:e.object,customIconContainerStyle:e.object,label:e.string,labelStyle:e.object,labelInline:e.bool,errMsg:e.string,errMsgColor:e.string,isValid:e.bool},Dt.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const Ot=m.div`
|
|
1293
|
+
`,Dt=({defaultValue:e,onChange:l,inputType:o,onClick:r,placeHolder:a,value:n,disabled:c,startYear:s,endYearRange:d,iconProps:p,customHeaderStyle:m,timeBtnStyle:u,wrapperStyle:g,customIconContainerStyle:f,label:h,labelInline:y,labelStyle:x,required:A,errMsg:w,errMsgColor:S,isValid:k,...E})=>{const[V,M]=i(e);let B=V?new Date(V):null;for(var L=[],I=d||10,H=s||(new Date).getFullYear();H<=(new Date).getFullYear()+I;H++)L.push(H);let W={};switch(o){case"date":default:W.dateFormat="dd MMM, yyyy";break;case"month":W.dateFormat="MMMM yyyy",W.showMonthYearPicker=!0;break;case"year":W.dateFormat="yyyy",W.showYearPicker=!0;break;case"datetime-local":W.dateFormat="dd MMM yyyy, hh:mm a",W.showTimeSelect=!0,W.timeFormat="hh:mm a",W.timeIntervals=15,W.timeCaption="Time";break;case"time":W.showTimeSelect=!0,W.showTimeSelectOnly=!0,W.dateFormat="hh:mm a"}const R=b()||P,F={icon:"calender",color:R.variant["primary-1"],size:"16",...p};return t.createElement(Zt,z({labelInline:y,errMsgColor:S,theme:R},E),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({customStyles:x,type:"label-text",labelInline:y,errMsg:w,text:h,style:{display:"flex",marginBottom:""+(y?"":"7px"),paddingBottom:"0px"}},E)),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${R.variant.error}`}},"*")),t.createElement(Rt,z({theme:R},E,{wrapperStyle:g,isValid:k,disabled:c}),t.createElement(v,z({selected:B,disabled:c,customInput:t.createElement(Pt,{value:n,onClick:r,placeholder:a,theme:R},t.createElement(Ft,z({theme:R,value:n,onClick:r,timeBtnStyle:u,disabled:c},E),t.createElement("div",null,n||(a||"-- : -- --")),t.createElement(jt,z({theme:R},E,{customIconContainerStyle:f,className:"input-icon"}),F.icon?t.createElement(_,F):null))),onChange:e=>{M(e);var t=null;t="datetime-local"==o?C(e).format("DD MMM YYYY, hh:mm A"):"date"==o?C(e).format("DD MMM, YYYY"):"year"==o?C(e).format("YYYY"):"month"==o?C(e).format("MMMM YYYY"):"time"==o?C(e).format("hh:mm A"):C(e).format("DD MMM, YYYY"),l(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:a},W,{renderCustomHeader:({date:e,changeYear:l,decreaseMonth:i,increaseMonth:r})=>{let a=C(e).format("MMMM");return t.createElement(Tt,z({theme:R},E,{inputType:o,customHeaderStyle:m}),"year"!==o?t.createElement("span",{style:{paddingLeft:"10px"},onClick:i},t.createElement(_,{icon:"chevron-left",color:"white",size:16})):null,t.createElement("b",null,"year"!==o?t.createElement("span",{style:{paddingRight:"5px"}},a):null," ",t.createElement("span",{className:"calender-year"},t.createElement("select",{value:e.getFullYear(),onChange:({target:{value:e}})=>l(e)},L.map((e=>t.createElement("option",{key:e,value:e},e)))))),"year"!==o?t.createElement("span",{style:{paddingRight:"10px"},onClick:r},t.createElement(_,{icon:"chevron-right",color:"white",size:16})):null)}},E))),w.length>0&&t.createElement("div",{className:"err-text"},w))};Dt.propTypes={defaultValue:e.string,onChange:e.func,inputType:e.string,onClick:e.func,placeHolder:e.string,value:e.string,disabled:e.bool,startYear:e.number,endYearRange:e.number,iconProps:e.object,customHeaderStyle:e.object,timeBtnStyle:e.object,wrapperStyle:e.object,customIconContainerStyle:e.object,label:e.string,labelStyle:e.object,labelInline:e.bool,errMsg:e.string,errMsgColor:e.string,isValid:e.bool},Dt.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const Ot=m.div`
|
|
1295
1294
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"initial"} !important;
|
|
1296
1295
|
|
|
1297
1296
|
.text-main-alt {
|
|
@@ -3069,7 +3068,7 @@ ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.c
|
|
|
3069
3068
|
p {
|
|
3070
3069
|
margin: 0;
|
|
3071
3070
|
}
|
|
3072
|
-
`,Rr=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:y})=>{const x=b()||P,[C,v]=i(null),[A,w]=i(!1),[S,k]=i([]);let E=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;r((()=>{k(m?.split("/")||[]),h({});let e=m?.split("/")||[],t=l&&l.find((t=>e[1]===t.path?.split("/")[1]));V(t),f(t?.id||null)}),[m]),r((()=>{!o&&w(!1),!o&&v(null)}),[o]);const V=e=>{e?.path===m?(g(e?.id||null),h(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>V(e)))},M=(e,l,o)=>{let i=e?.path.split("/"),r=i.length;if(e.routes&&e.routes.length>0){let a=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return t.createElement(le,{key:e?.id+l,showIcon:!!a,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`},onClick:()=>{!a&&u(e.path)}},t.createElement("span",{style:{visibility:3===r&&S[2]===i[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{style:{fontWeight:3===r&&S[2]===i[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)=>M(e,t,o+8)))),customStylesAccordionContainer:vr,customStylesAccordionToggle:{cursor:"pointer",...Ar},customStylesAccordionContent:wr,showIconInfo:!1,customWrapperStyles:Sr})}return t.createElement(Wr,{listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path)},theme:x},t.createElement("span",{className:"selected-disk",style:{visibility:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:o-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:r>3&&m===e?.path?d?.selectedChildBG||x.additional.white:"transparent",fontWeight:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"bold":"normal",color:x.variant.white}}," ",e?.link))};return t.createElement(Br,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Ir,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Hr,{toggleSideBarOpen:o,staticLayerNo:E},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,i)=>t.createElement("div",{className:"service-layer",key:e?.value+i,onClick:()=>{v(i)},style:{backgroundColor:e?.value?.toLowerCase()===S[1]?.toLowerCase()?p:"transparent"}},"static"!==e.type.split("-")[0]?t.createElement(le,{index:i,underMaintenance:e.maintenance,isAccordionOpen:i===C||A&&e?.value?.toLowerCase()===S[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...kr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Er},customStylesAccordionContent:Vr,contentToggle:t.createElement(Te,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...Mr,color:e.maintenance?x.variant["neutral-3"]:x.variant.white},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):l.length-1===i?t.createElement(_,{icon:"person",size:20,color:x.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:zr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(Te,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:Mr,customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:t.createElement("a",{href:e.path,target:"_blank",rel:"noreferrer",style:{color:e.maintenance?x.variant["neutral-3"]:x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Lr}},e.label)))))))},Pr=m.div`
|
|
3071
|
+
`,Rr=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:a,selectedStyle:n,notSelectedStyle:c,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:g,setParentId:f,setRouterObject:h,notificationCircleStyles:y})=>{const x=b()||P,[C,v]=i(null),[A,w]=i(!1),[S,k]=i([]);let E=l?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;r((()=>{k(m?.split("/")||[]),h({});let e=m?.split("/")||[],t=l&&l.find((t=>e[1]===t.path?.split("/")[1]));V(t),f(t?.id||null)}),[m]),r((()=>{!o&&w(!1),!o&&v(null)}),[o]);const V=e=>{e?.path===m?(g(e?.id||null),h(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>V(e)))},M=(e,l,o)=>{let i=e?.path.split("/"),r=i.length;if(e.routes&&e.routes.length>0){let a=e.routes.filter((e=>!0===e.visibleAsMenu)).length>0;return t.createElement(le,{key:e?.id+l,showIcon:!!a,contentToggle:t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",marginLeft:`${o}px`},onClick:()=>{!a&&u(e.path)}},t.createElement("span",{style:{visibility:3===r&&S[2]===i[2]?"visible":"hidden",marginRight:"16px",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:x.additional.white,flexShrink:0}}),t.createElement("span",{style:{fontWeight:3===r&&S[2]===i[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)=>M(e,t,o+8)))),customStylesAccordionContainer:vr,customStylesAccordionToggle:{cursor:"pointer",...Ar},customStylesAccordionContent:wr,showIconInfo:!1,customWrapperStyles:Sr})}return t.createElement(Wr,{listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path)},theme:x},t.createElement("span",{className:"selected-disk",style:{visibility:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"visible":"hidden",marginRight:"16px"}}),t.createElement("span",{className:"link",style:{marginLeft:o-8+"px",padding:"4px 8px",borderRadius:"4px",backgroundColor:r>3&&m===e?.path?d?.selectedChildBG||x.additional.white:"transparent",fontWeight:r<=3&&m===e?.path&&S[S.length-1]?.toLowerCase()===i[r-1]?.toLowerCase()?"bold":"normal",color:x.variant.white}}," ",e?.link))};return t.createElement(Br,{onClick:()=>w(!0),onMouseEnter:()=>w(!0),onMouseLeave:()=>{v(null),w(!1)},toggleSideBarOpen:o},t.createElement(Ir,{theme:x,headerStyles:a,toggleSideBarOpen:o},e),t.createElement(Hr,{toggleSideBarOpen:o,staticLayerNo:E},l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,i)=>t.createElement("div",{className:"service-layer",key:e?.value+i,onClick:()=>{v(i)},style:{backgroundColor:e?.value?.toLowerCase()===S[1]?.toLowerCase()?p:"transparent"}},"static"!==e.type.split("-")[0]?t.createElement(le,{index:i,underMaintenance:e.maintenance,isAccordionOpen:i===C||A&&e?.value?.toLowerCase()===S[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{...kr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...Er},customStylesAccordionContent:Vr,contentToggle:t.createElement(Te,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:o,customStylesName:{...Mr,color:e.maintenance?x.variant["neutral-3"]:x.variant.white},customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):l.length-1===i?t.createElement(_,{icon:"person",size:20,color:x.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:t.createElement("div",{style:zr},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>M(e,t,0))))}):t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},t.createElement(Te,{selectedStyle:{minWidth:"36px",minHeight:"36px",...n},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...c},toggleName:!1,customStylesName:Mr,customStylesNameHover:s,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:y,icon:e?.maintenance?t.createElement(_,{icon:"maintenance",size:22,color:x.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===S[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?x.variant["neutral-3"]:x.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Lr}},e.label)))))))},Pr=m.div`
|
|
3073
3072
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
3074
3073
|
color: ${({theme:e})=>e.additional.white};
|
|
3075
3074
|
overflow-y: hidden;
|
package/dist/index.js
CHANGED
|
@@ -501,7 +501,7 @@ ${({customStyles:e})=>e}
|
|
|
501
501
|
border-bottom-right-radius: ${({identity:e})=>"last-arrow"===e?"20px":0};
|
|
502
502
|
|
|
503
503
|
margin-left: ${({identity:e})=>"last-arrow"===e?"-5px":0};
|
|
504
|
-
`,we=({data:e,onClick:a,clickable:o})=>{const r=l.useTheme()||H,[i,n]=t.useState(0),[c,d]=t.useState({next:!0,prev:!1}),[s,p]=t.useState(100),u=e.length,f=()=>{d(i-1==0?{next:!0,prev:!1}:{next:!0,prev:!0}),n((e=>e-1))},m=()=>{n((e=>e+1));let e=Math.ceil(100/s);d(u-e===i?{next:!1,prev:!0}:{next:!0,prev:!0})},{width:b}=ae();t.useEffect((()=>{h()}),[b]);const h=()=>{let e=0;switch(!0){case 1===u:e=100;break;case b<=576:e=85;break;case b<=768:e=50;break;case u<=
|
|
504
|
+
`,we=({data:e,onClick:a,clickable:o})=>{const r=l.useTheme()||H,[i,n]=t.useState(0),[c,d]=t.useState({next:!0,prev:!1}),[s,p]=t.useState(100),u=e.length,f=()=>{d(i-1==0?{next:!0,prev:!1}:{next:!0,prev:!0}),n((e=>e-1))},m=()=>{n((e=>e+1));let e=Math.ceil(100/s);d(u-e===i?{next:!1,prev:!0}:{next:!0,prev:!0})},{width:b}=ae();t.useEffect((()=>{h()}),[b]);const h=()=>{let e=0;switch(!0){case 1===u:e=100;break;case b<=576:e=85;break;case b<=768:e=50;break;case u<=6:e=100/u;break;case u>4&&b>768&&b<=900:e=Math.ceil(b/22);break;case u>4&&b>900&&b<=1020:e=Math.ceil(b/24);break;case u>4&&b>1020&&b<=1200:e=Math.ceil(b/27);break;case u>4&&b>1200&&b<=1440:e=Math.ceil(b/40);break;case u>4&&b>1440:e=Math.ceil(b/85);break;default:e=100}p(e)};return g.default.createElement(t.Fragment,null," ",u>0&&g.default.createElement(t.Fragment,null," ",g.default.createElement("div",{style:{display:u<=4||b<=768?"block":"flex",width:"100%",alignItems:"center",gap:"4px"}}," ",u>4&&b>768&&g.default.createElement(ge,{btnStyle:{backgroundColor:"transparent",padding:0,border:"none"},disabled:!c.prev,onClick:f},g.default.createElement(Q,{icon:"chevron-left",color:r.variant[c.prev?"primary-2":"neutral-3"],size:22,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})),g.default.createElement("div",{style:{display:"flex",alignItems:"center",overflow:"hidden",width:"100%",justifyContent:"space-between"}},e.map(((t,l)=>g.default.createElement("div",{key:l,style:{scrollSnapAlign:"center",minWidth:`${s}%`,transform:`translateX(-${100*i}%)`,transition:"transform 0.5s ease-in-out"}},g.default.createElement("div",{style:{width:"100%",height:"100%"}},g.default.createElement(Ae,{identity:0===l?"first-arrow":e.length-1-l==0?"last-arrow":"others",backgroundColor:t?.backgroundColor,theme:r,clickable:o,onClick:()=>o?a(t):null},g.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"16px",minWidth:"100%",height:"100%"},title:`value: ${t.value}, status: ${t.label}`},g.default.createElement("span",{style:{fontSize:"22px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:t?.color?t.color:r.variant.white}},t.value),g.default.createElement("span",{style:{fontSize:"14px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:t?.color?t.color:r.variant.white}},t.label))))," ")))," ")," ",u>4&&b>768&&g.default.createElement(ge,{btnStyle:{backgroundColor:"transparent",padding:0,border:"none"},disabled:!c.next,onClick:m},g.default.createElement(Q,{icon:"chevron-right",color:r.variant[c.next?"primary-2":"neutral-3"],size:22,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}}))),b<=768&&e.length>1&&g.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",margin:"8px 0",gap:"16px"}}," ",g.default.createElement(ge,{btnStyle:{backgroundColor:"transparent",padding:"6px",border:".5px solid "+r.variant["neutral-4"],boxShadow:"-20px 5px 37px rgba(56, 66, 100, 0.0880136)"},disabled:!c.prev,onClick:f},g.default.createElement(Q,{icon:"chevron-left",color:r.variant[c.prev?"primary-2":"neutral-3"],size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})),g.default.createElement(ge,{btnStyle:{backgroundColor:"transparent",padding:"6px",border:".5px solid "+r.variant["neutral-4"],boxShadow:"-20px 5px 37px rgba(56, 66, 100, 0.0880136)"},disabled:!c.next,onClick:m},g.default.createElement(Q,{icon:"chevron-right",color:r.variant[c.next?"primary-2":"neutral-3"],size:10,customstyles:{display:"flex",justifyContent:"center",alignItems:"center"}})))))};we.propTypes={data:b.default.array,onClick:b.default.func,clickable:b.default.bool},we.defaultProps={data:[],onClick:()=>null,clickable:!1};const Se=h.default.img`
|
|
505
505
|
//Set the styles from the default styles object
|
|
506
506
|
${({inBuiltCss:e,type:t,size:l,customStyles:a})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l];for(const a in e[`${t}${l}`])o[a]=e[`${t}${l}`][a],delete e.common[a]}return{...o,...a}}}}
|
|
507
507
|
`,ke=({customStyles:e,type:l,size:a,alt:o,src:r,handleImageStatus:i,...n})=>{const[c,d]=t.useState("loading"),s=t.useRef(null),p=()=>{d("loaded"),i&&i("loaded")},u=()=>{d("failed"),i&&i("failed")};return t.useEffect((()=>{const e=s.current;if(e)return e.addEventListener("load",p),e.addEventListener("error",u),()=>{e.removeEventListener("load",p),e.removeEventListener("error",u)}}),[c]),g.default.createElement(Se,E({},n,{inBuiltCss:R,customStyles:e,type:l,alt:o,src:r,ref:s,size:a}))};ke.propTypes={customStyles:b.default.object,type:b.default.string,size:b.default.oneOf(["SM","MD","LG"]),alt:b.default.string,src:b.default.string,handleImageStatus:b.default.func},ke.defaultProps={customStyles:{},type:"image",alt:"image alternative",src:null,handleImageStatus:null};const Ee=h.default.span`
|
|
@@ -1169,11 +1169,11 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
|
1169
1169
|
// custom styles
|
|
1170
1170
|
${({customIconContainerStyle:e})=>e};
|
|
1171
1171
|
`,zt=["January","February","March","April","May","June","July","August","September","October","November","December"],Bt=({selectedDate:e,setSelectedDate:a,disabled:o,startYear:r,endYearRange:i,format:n,customIconContainerStyle:c,placeHolder:d,value:s,timeBtnStyle:p,onClick:u,onChange:f,wrapperStyle:m,iconProps:b,labelProps:h,...y})=>{const v=l.useTheme()||H;let A=[],w=i||10;for(let e=r||(new Date).getFullYear();e<=(new Date).getFullYear()+w;e++)A.push(e);const S=t.useRef(null),k=t.useRef(null),[V,M]=t.useState(!1),[z,B]=t.useState(!1),[L,I]=t.useState(!1),[R,W]=t.useState(!1),[P,T]=t.useState(e.getFullYear()),[F,j]=t.useState(zt[e.getMonth()]);t.useEffect((()=>{j(zt[e.getMonth()]),T(e.getFullYear())}),[e]),t.useEffect((()=>(q(document,"click","add",Z(S,(()=>M(!1)))),q(document,"click","add",Z(k,(()=>B(!1)))),()=>{q(document,"click","remove",Z(S,(()=>M(!1)))),q(document,"click","remove",Z(k,(()=>B(!1))))})),[]);const q=(e,t,l,a,o)=>{"add"===l?e.addEventListener(t,a,o||!1):e.removeEventListener(t,a,o||!1)},Z=(e,t)=>l=>{e.current&&!e.current.contains(l.target)&&t()},D={icon:"calender",color:"black",size:"16",...b};return g.default.createElement(yt,E({disabled:o,theme:v},y,{wrapperStyle:m}),g.default.createElement($e,E({customStyles:{marginBottom:"7px",padding:0}},h)),g.default.createElement(C.default,E({selected:s===e?e:s,useWeekdaysShort:!0,onChange:e=>{a(e),f(e)},adjustDateOnChange:!0,disabled:o,dropdownMode:"select",customInput:g.default.createElement(Et,{value:s,onClick:u,placeholder:d,theme:v},g.default.createElement(Vt,E({theme:v,value:s,onClick:u,timeBtnStyle:p},y),g.default.createElement("div",null,s?x.default(s).format(n||"DD/MM/YYYY"):d||"select a date"),g.default.createElement(Mt,E({theme:v},y,{customIconContainerStyle:c,className:"input-icon"}),D.icon?g.default.createElement(Q,D):null))),renderCustomHeader:({date:e,changeYear:t,changeMonth:l})=>g.default.createElement(xt,null,g.default.createElement("div",{style:{display:"flex"}},g.default.createElement(vt,{ref:S},g.default.createElement(At,{onClick:()=>{M(!V),B(!1)}},g.default.createElement("span",{onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),style:{color:`${L?v.variant["primary-1"]:v.additional["text-color"]}`}},zt[e.getMonth()]),g.default.createElement(Ct,null,g.default.createElement(Q,{icon:"triangle-down",color:L?v.variant["primary-1"]:v.additional["text-color"],size:7}))),V&&g.default.createElement(wt,null,g.default.createElement(St,{theme:v,onMouseEnter:()=>I(!0)},zt.map(((e,t)=>g.default.createElement(kt,{selectedMonth:F,onClick:()=>{I(!1),l(t),M(!1),j(zt[t])},key:Math.random()},g.default.createElement("span",{style:{color:`${F===e?v.variant["primary-1"]:v.additional["text-color"]}`}},e))))))),g.default.createElement(vt,{ref:k},g.default.createElement(At,{style:{marginLeft:"28px"},onClick:()=>{B(!z),M(!1)}},g.default.createElement("span",{onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),style:{color:`${R?v.variant["primary-1"]:v.additional["text-color"]}`}},e.getFullYear()),g.default.createElement(Ct,null,g.default.createElement(Q,{icon:"triangle-down",color:R?v.variant["primary-1"]:v.additional["text-color"],size:7}))),z&&g.default.createElement(wt,null,g.default.createElement(St,{onMouseEnter:()=>W(!0),theme:v},A.map(((e,l)=>g.default.createElement(kt,{onClick:()=>{W(!1),t(e),T(e),B(!1)},key:Math.random()+l},g.default.createElement("span",{style:{color:`${P===e?v.variant["primary-1"]:v.additional["text-color"]}`}},e)))))))))},y)))};Bt.propTypes={selectedDate:b.default.any,setSelectedDate:b.default.func,disabled:b.default.bool,startYear:b.default.number,endYearRange:b.default.number,format:b.default.string,placeHolder:b.default.string,onChange:b.default.func,timeBtnStyle:b.default.object,wrapperStyle:b.default.object,customIconContainerStyle:b.default.object,iconProps:b.default.object,value:b.default.any,onClick:b.default.func,labelProps:b.default.object},Bt.defaultProps={selectedDate:new Date,setSelectedDate:()=>{},disabled:!1,onChange:()=>{},value:"",onClick:()=>{}};const Lt=h.default.div`
|
|
1172
|
-
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1173
|
-
.react-datepicker__tab-loop{
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
}
|
|
1172
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
1173
|
+
.react-datepicker__tab-loop {
|
|
1174
|
+
position: absolute;
|
|
1175
|
+
z-index: 9999;
|
|
1176
|
+
}
|
|
1177
1177
|
.react-datepicker-wrapper {
|
|
1178
1178
|
width: 100%;
|
|
1179
1179
|
display: flex;
|
|
@@ -1278,7 +1278,6 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1278
1278
|
|
|
1279
1279
|
// custom styles
|
|
1280
1280
|
${({customIconContainerStyle:e})=>e};
|
|
1281
|
-
|
|
1282
1281
|
`,Pt=l.css`
|
|
1283
1282
|
display: flex;
|
|
1284
1283
|
gap: 7px;
|
|
@@ -1291,7 +1290,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
1291
1290
|
margin-top: 5px;
|
|
1292
1291
|
font-size: 10px;
|
|
1293
1292
|
}
|
|
1294
|
-
`,Ft=({defaultValue:e,onChange:a,inputType:o,onClick:r,placeHolder:i,value:n,disabled:c,startYear:d,endYearRange:s,iconProps:p,customHeaderStyle:u,timeBtnStyle:f,wrapperStyle:m,customIconContainerStyle:b,label:h,labelInline:y,labelStyle:v,required:A,errMsg:w,errMsgColor:S,isValid:k,...V})=>{const[M,z]=t.useState(e);let B=M?new Date(M):null;for(var L=[],I=s||10,R=d||(new Date).getFullYear();R<=(new Date).getFullYear()+I;R++)L.push(R);let W={};switch(o){case"date":default:W.dateFormat="dd MMM, yyyy";break;case"month":W.dateFormat="MMMM yyyy",W.showMonthYearPicker=!0;break;case"year":W.dateFormat="yyyy",W.showYearPicker=!0;break;case"datetime-local":W.dateFormat="dd MMM yyyy, hh:mm a",W.showTimeSelect=!0,W.timeFormat="hh:mm a",W.timeIntervals=15,W.timeCaption="Time";break;case"time":W.showTimeSelect=!0,W.showTimeSelectOnly=!0,W.dateFormat="hh:mm a"}const P=l.useTheme()||H,T={icon:"calender",color:P.variant["primary-1"],size:"16",...p};return g.default.createElement(Tt,E({labelInline:y,errMsgColor:S,theme:P},V),g.default.createElement("div",{style:{display:"flex"}},g.default.createElement($e,E({customStyles:v,type:"label-text",labelInline:y,errMsg:w,text:h,style:{display:"flex",marginBottom:""+(y?"":"7px"),paddingBottom:"0px"}},V)),A&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${P.variant.error}`}},"*")),g.default.createElement(Lt,E({theme:P},V,{wrapperStyle:m,isValid:k,disabled:c}),g.default.createElement(C.default,E({selected:B,disabled:c,customInput:g.default.createElement(It,{value:n,onClick:r,placeholder:i,theme:P},g.default.createElement(Ht,E({theme:P,value:n,onClick:r,timeBtnStyle:f,disabled:c},V),g.default.createElement("div",null,n||(i||"-- : -- --")),g.default.createElement(Wt,E({theme:P},V,{customIconContainerStyle:b,className:"input-icon"}),T.icon?g.default.createElement(Q,T):null))),onChange:e=>{z(e);var t=null;t="datetime-local"==o?x.default(e).format("DD MMM YYYY, hh:mm A"):"date"==o?x.default(e).format("DD MMM, YYYY"):"year"==o?x.default(e).format("YYYY"):"month"==o?x.default(e).format("MMMM YYYY"):"time"==o?x.default(e).format("hh:mm A"):x.default(e).format("DD MMM, YYYY"),a(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:i},W,{renderCustomHeader:({date:e,changeYear:t,decreaseMonth:l,increaseMonth:a})=>{let r=x.default(e).format("MMMM");return g.default.createElement(Rt,E({theme:P},V,{inputType:o,customHeaderStyle:u}),"year"!==o?g.default.createElement("span",{style:{paddingLeft:"10px"},onClick:l},g.default.createElement(Q,{icon:"chevron-left",color:"white",size:16})):null,g.default.createElement("b",null,"year"!==o?g.default.createElement("span",{style:{paddingRight:"5px"}},r):null," ",g.default.createElement("span",{className:"calender-year"},g.default.createElement("select",{value:e.getFullYear(),onChange:({target:{value:e}})=>t(e)},L.map((e=>g.default.createElement("option",{key:e,value:e},e)))))),"year"!==o?g.default.createElement("span",{style:{paddingRight:"10px"},onClick:a},g.default.createElement(Q,{icon:"chevron-right",color:"white",size:16})):null)}}))),w.length>0&&g.default.createElement("div",{className:"err-text"},w))};Ft.propTypes={defaultValue:b.default.string,onChange:b.default.func,inputType:b.default.string,onClick:b.default.func,placeHolder:b.default.string,value:b.default.string,disabled:b.default.bool,startYear:b.default.number,endYearRange:b.default.number,iconProps:b.default.object,customHeaderStyle:b.default.object,timeBtnStyle:b.default.object,wrapperStyle:b.default.object,customIconContainerStyle:b.default.object,label:b.default.string,labelStyle:b.default.object,labelInline:b.default.bool,errMsg:b.default.string,errMsgColor:b.default.string,isValid:b.default.bool},Ft.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const jt=h.default.div`
|
|
1293
|
+
`,Ft=({defaultValue:e,onChange:a,inputType:o,onClick:r,placeHolder:i,value:n,disabled:c,startYear:d,endYearRange:s,iconProps:p,customHeaderStyle:u,timeBtnStyle:f,wrapperStyle:m,customIconContainerStyle:b,label:h,labelInline:y,labelStyle:v,required:A,errMsg:w,errMsgColor:S,isValid:k,...V})=>{const[M,z]=t.useState(e);let B=M?new Date(M):null;for(var L=[],I=s||10,R=d||(new Date).getFullYear();R<=(new Date).getFullYear()+I;R++)L.push(R);let W={};switch(o){case"date":default:W.dateFormat="dd MMM, yyyy";break;case"month":W.dateFormat="MMMM yyyy",W.showMonthYearPicker=!0;break;case"year":W.dateFormat="yyyy",W.showYearPicker=!0;break;case"datetime-local":W.dateFormat="dd MMM yyyy, hh:mm a",W.showTimeSelect=!0,W.timeFormat="hh:mm a",W.timeIntervals=15,W.timeCaption="Time";break;case"time":W.showTimeSelect=!0,W.showTimeSelectOnly=!0,W.dateFormat="hh:mm a"}const P=l.useTheme()||H,T={icon:"calender",color:P.variant["primary-1"],size:"16",...p};return g.default.createElement(Tt,E({labelInline:y,errMsgColor:S,theme:P},V),g.default.createElement("div",{style:{display:"flex"}},g.default.createElement($e,E({customStyles:v,type:"label-text",labelInline:y,errMsg:w,text:h,style:{display:"flex",marginBottom:""+(y?"":"7px"),paddingBottom:"0px"}},V)),A&&g.default.createElement("div",{style:{marginLeft:"4px",color:`${P.variant.error}`}},"*")),g.default.createElement(Lt,E({theme:P},V,{wrapperStyle:m,isValid:k,disabled:c}),g.default.createElement(C.default,E({selected:B,disabled:c,customInput:g.default.createElement(It,{value:n,onClick:r,placeholder:i,theme:P},g.default.createElement(Ht,E({theme:P,value:n,onClick:r,timeBtnStyle:f,disabled:c},V),g.default.createElement("div",null,n||(i||"-- : -- --")),g.default.createElement(Wt,E({theme:P},V,{customIconContainerStyle:b,className:"input-icon"}),T.icon?g.default.createElement(Q,T):null))),onChange:e=>{z(e);var t=null;t="datetime-local"==o?x.default(e).format("DD MMM YYYY, hh:mm A"):"date"==o?x.default(e).format("DD MMM, YYYY"):"year"==o?x.default(e).format("YYYY"):"month"==o?x.default(e).format("MMMM YYYY"):"time"==o?x.default(e).format("hh:mm A"):x.default(e).format("DD MMM, YYYY"),a(t)},showYearDropdown:!0,yearDropdownItemNumber:5,dropdownMode:"select",placeholderText:i},W,{renderCustomHeader:({date:e,changeYear:t,decreaseMonth:l,increaseMonth:a})=>{let r=x.default(e).format("MMMM");return g.default.createElement(Rt,E({theme:P},V,{inputType:o,customHeaderStyle:u}),"year"!==o?g.default.createElement("span",{style:{paddingLeft:"10px"},onClick:l},g.default.createElement(Q,{icon:"chevron-left",color:"white",size:16})):null,g.default.createElement("b",null,"year"!==o?g.default.createElement("span",{style:{paddingRight:"5px"}},r):null," ",g.default.createElement("span",{className:"calender-year"},g.default.createElement("select",{value:e.getFullYear(),onChange:({target:{value:e}})=>t(e)},L.map((e=>g.default.createElement("option",{key:e,value:e},e)))))),"year"!==o?g.default.createElement("span",{style:{paddingRight:"10px"},onClick:a},g.default.createElement(Q,{icon:"chevron-right",color:"white",size:16})):null)}},V))),w.length>0&&g.default.createElement("div",{className:"err-text"},w))};Ft.propTypes={defaultValue:b.default.string,onChange:b.default.func,inputType:b.default.string,onClick:b.default.func,placeHolder:b.default.string,value:b.default.string,disabled:b.default.bool,startYear:b.default.number,endYearRange:b.default.number,iconProps:b.default.object,customHeaderStyle:b.default.object,timeBtnStyle:b.default.object,wrapperStyle:b.default.object,customIconContainerStyle:b.default.object,label:b.default.string,labelStyle:b.default.object,labelInline:b.default.bool,errMsg:b.default.string,errMsgColor:b.default.string,isValid:b.default.bool},Ft.defaultProps={disabled:!1,startYear:new Date,endYearRange:10,value:"",defaultValue:"",onChange:()=>{},label:"",required:!1,labelInline:!1,errMsg:"",isValid:!0};const jt=h.default.div`
|
|
1295
1294
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"initial"} !important;
|
|
1296
1295
|
|
|
1297
1296
|
.text-main-alt {
|
|
@@ -3322,4 +3321,4 @@ overflow: hidden;
|
|
|
3322
3321
|
background: ${({theme:e,bg:t})=>t?e.variant[t]:e.additional.white};
|
|
3323
3322
|
font-size: ${({size:e})=>_r[e].fontSize};
|
|
3324
3323
|
line-height: ${({size:e})=>_r[e].lineHeight};
|
|
3325
|
-
`,ti=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||H;return g.default.createElement(ei,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(Ao,{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=$,exports.AccordionSB=_,exports.ActionContainer=wa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=we,exports.Avatar=ze,exports.AvatarSB=Re,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=zo,exports.Card=j,exports.CardRef=Z,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=pr,exports.DateSelect=Bt,exports.DateTime=Ft,exports.Divider=Ra,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||H;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Pa,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=qa,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(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 ",n," ©")),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(Ll,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(jl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(_t,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Bt,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(po,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(Ra,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(vo,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(yo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(ge,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(xe,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(Il,E({},e,a)))(e);case"table":return(e=>g.default.createElement(Co,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Cl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:H},g.default.createElement(Ia,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(za,null,e.map(((t,l)=>g.default.createElement(Ba,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Va,exports.FormWrapper=Ia,exports.GroupAvatars=ko,exports.GroupButtons=Ho,exports.GroupButtonsPopup=To,exports.GroupStatusCircle=Oo,exports.Header=Ya,exports.HeaderComponent=vo,exports.HyperLink=Jo,exports.Icon=Q,exports.Image=ke,exports.ImageUploader=sl,exports.Label=$e,exports.LightSecondaryLink=fr,exports.LinkButton=fe,exports.Loader=ne,exports.ModalComp=_o,exports.MultiColumnDiv=Ba,exports.MultiColumnWrapper=za,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:n,customStylesNameHover:c,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h})=>{const y=l.useTheme()||H,[x,C]=t.useState(null),[v,A]=t.useState(!1),[w,S]=t.useState([]);let k=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{S(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));E(t),m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&A(!1),!o&&C(null)}),[o]);const E=e=>{e?.path===p?(f(e?.id||null),b(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>E(e)))},V=(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:()=>{!r&&u(e.path)}},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:p.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,l+8)))),customStylesAccordionContainer:mr,customStylesAccordionToggle:{cursor:"pointer",...br},customStylesAccordionContent:gr,showIconInfo:!1,customWrapperStyles:hr})}return g.default.createElement(Vr,{listElementStyle:d,key:e?.id+t,onClick:()=>{u(e.path)},theme:y},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&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&&p===e?.path?d?.selectedChildBG||y.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y.variant.white}}," ",e?.link))};return g.default.createElement(wr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{C(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(kr,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Er,{toggleSideBarOpen:o,staticLayerNo:k},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{C(t)},style:{backgroundColor:e?.value?.toLowerCase()===w[1]?.toLowerCase()?s:"transparent"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===x||v&&e?.value?.toLowerCase()===w[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...yr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...xr},customStylesAccordionContent:Cr,contentToggle:g.default.createElement(Re,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...vr,color:e.maintenance?y.variant["neutral-3"]:y.variant.white},customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):a.length-1===t?g.default.createElement(Q,{icon:"person",size:20,color:y.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Ar},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(Re,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:vr,customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),e.element?e.element:g.default.createElement("a",{href:e.path,target:"_blank",rel:"noreferrer",style:{color:e.maintenance?y.variant["neutral-3"]:y.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Sr}},e.label)))))))},exports.NumericInput=bl,exports.Overlay=tr,exports.OverlayOptionContainer=Sa,exports.OverlayOptionItemLabel=ka,exports.PageContent=ba,exports.Pagination=eo,exports.PaginationDefault=lo,exports.PaginationTypeTwo=po,exports.PasswordInput=Cl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Hr,exports.ProgressBar=or,exports.ProgressSteps=dr,exports.RadioInput=El,exports.Rating=yo,exports.RoundedLoader=se,exports.SearchInput=Il,exports.SecondaryButton=xe,exports.SecondaryStatusChip=Pr,exports.Sidebar=Br,exports.SignatureInput=jl,exports.SlimPrimaryStatusChip=jr,exports.SlimSecondaryStatusChip=Dr,exports.StatusCircle=jo,exports.StyledCentralBar=ya,exports.StyledClearSearch=ha,exports.StyledCreateRow=Ca,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=Aa,exports.StyledWarning=xa,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(xe,{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=Co,exports.Tabs=Ur,exports.TextArea=Gl,exports.TextInput=Ll,exports.TimeInput=$l,exports.TinyButton=ve,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=aa,exports.Tooltip=Xe,exports.Typography=ti,exports.additionalColors=I,exports.createDarker=T,exports.defaultStyles=R,exports.defaultThemeColor=H,exports.getDefaultStyles=W,exports.graphColor=L,exports.hexToRGB=P,exports.neutralColor=z,exports.primaryColor=V,exports.shadeColor=B,exports.uiColor=M,exports.useToast=()=>t.useContext(Qr);
|
|
3324
|
+
`,ti=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||H;return g.default.createElement(ei,E({theme:i,bg:a,text:o,size:e},r),g.default.createElement(Ao,{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=$,exports.AccordionSB=_,exports.ActionContainer=wa,exports.ActionItem=Ea,exports.Alert=le,exports.ArrowBar=we,exports.Avatar=ze,exports.AvatarSB=Re,exports.Banner=Te,exports.Breadcrumb=Qe,exports.ButtonPopup=zo,exports.Card=j,exports.CardRef=Z,exports.CheckBoxInput=pt,exports.ChipsInput=rt,exports.ColorInput=mt,exports.Comment=ua,exports.Content=ma,exports.CountryCodedPhoneInput=ht,exports.DarkSecondaryLink=pr,exports.DateSelect=Bt,exports.DateTime=Ft,exports.Divider=Ra,exports.DocumentCard=J,exports.DotPulseLoader=()=>{const e=l.useTheme()||H;return g.default.createElement(oe,{activeTheme:e},g.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=Pa,exports.DropdownSelect=Ot,exports.DropzoneInput=_t,exports.EditableInput=rl,exports.ErrorBoundary=Ta,exports.FilterChip=qa,exports.Footer=Da,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const n=(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 ",n," ©")),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(Ll,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(jl,E({},e,a)))(e);case"fileUpload":return(e=>g.default.createElement(_t,E({},e,a)))(e);case"date":return(e=>g.default.createElement(Bt,E({},e,a)))(e);case"paginationTypeTwo":return(e=>g.default.createElement(po,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(Ra,E({},e,a)))(e);case"headerComponent":case"headerComponent":return(e=>g.default.createElement(vo,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(yo,E({},e,a)))(e);case"buttonPrimary":return(e=>g.default.createElement(ge,E({},e,a)))(e);case"buttonSecondary":return(e=>g.default.createElement(xe,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(Il,E({},e,a)))(e);case"table":return(e=>g.default.createElement(Co,E({},e,a)))(e);case"passwordInput":return(e=>g.default.createElement(Cl,E({},e,a)))(e)}};return g.default.createElement(t.Fragment,null,g.default.createElement(Va,{defaultThemeColor:H},g.default.createElement(Ia,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?g.default.createElement(za,null,e.map(((t,l)=>g.default.createElement(Ba,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Va,exports.FormWrapper=Ia,exports.GroupAvatars=ko,exports.GroupButtons=Ho,exports.GroupButtonsPopup=To,exports.GroupStatusCircle=Oo,exports.Header=Ya,exports.HeaderComponent=vo,exports.HyperLink=Jo,exports.Icon=Q,exports.Image=ke,exports.ImageUploader=sl,exports.Label=$e,exports.LightSecondaryLink=fr,exports.LinkButton=fe,exports.Loader=ne,exports.ModalComp=_o,exports.MultiColumnDiv=Ba,exports.MultiColumnWrapper=za,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:n,customStylesNameHover:c,listElementStyle:d,customSelectCardColor:s,selectedAppPath:p,setSelectedAppPath:u,setSelectedAppPageId:f,setParentId:m,setRouterObject:b,notificationCircleStyles:h})=>{const y=l.useTheme()||H,[x,C]=t.useState(null),[v,A]=t.useState(!1),[w,S]=t.useState([]);let k=a?.filter((e=>!0===e.visibleAsMenu&&"bottom"===e.type.split("-")[1])).length;t.useEffect((()=>{S(p?.split("/")||[]),b({});let e=p?.split("/")||[],t=a&&a.find((t=>e[1]===t.path?.split("/")[1]));E(t),m(t?.id||null)}),[p]),t.useEffect((()=>{!o&&A(!1),!o&&C(null)}),[o]);const E=e=>{e?.path===p?(f(e?.id||null),b(e||null)):e?.routes&&e?.routes.length>0&&e.routes.forEach((e=>E(e)))},V=(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:()=>{!r&&u(e.path)}},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:p.includes(e.path),setContentIsOpen:()=>{},toggleIconAnimation:!0,content:g.default.createElement("div",null,e.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,l+8)))),customStylesAccordionContainer:mr,customStylesAccordionToggle:{cursor:"pointer",...br},customStylesAccordionContent:gr,showIconInfo:!1,customWrapperStyles:hr})}return g.default.createElement(Vr,{listElementStyle:d,key:e?.id+t,onClick:()=>{u(e.path)},theme:y},g.default.createElement("span",{className:"selected-disk",style:{visibility:o<=3&&p===e?.path&&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&&p===e?.path?d?.selectedChildBG||y.additional.white:"transparent",fontWeight:o<=3&&p===e?.path&&w[w.length-1]?.toLowerCase()===a[o-1]?.toLowerCase()?"bold":"normal",color:y.variant.white}}," ",e?.link))};return g.default.createElement(wr,{onClick:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>{C(null),A(!1)},toggleSideBarOpen:o},g.default.createElement(kr,{theme:y,headerStyles:r,toggleSideBarOpen:o},e),g.default.createElement(Er,{toggleSideBarOpen:o,staticLayerNo:k},a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t)=>g.default.createElement("div",{className:"service-layer",key:e?.value+t,onClick:()=>{C(t)},style:{backgroundColor:e?.value?.toLowerCase()===w[1]?.toLowerCase()?s:"transparent"}},"static"!==e.type.split("-")[0]?g.default.createElement(_,{index:t,underMaintenance:e.maintenance,isAccordionOpen:t===x||v&&e?.value?.toLowerCase()===w[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{...yr,padding:"0px 0px 0px 0px"},customStylesAccordionToggle:{cursor:e.maintenance?"not-allowed":"pointer",...xr},customStylesAccordionContent:Cr,contentToggle:g.default.createElement(Re,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:o,customStylesName:{...vr,color:e.maintenance?y.variant["neutral-3"]:y.variant.white},customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):a.length-1===t?g.default.createElement(Q,{icon:"person",size:20,color:y.variant["primary-1"],customstyles:{backgroundColor:"white",borderRadius:"50%",padding:"8px",boxSizing:"content-box"}}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount,underMaintenance:e.maintenance}),content:g.default.createElement("div",{style:Ar},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>V(e,t,0))))}):g.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center"}},g.default.createElement(Re,{selectedStyle:{minWidth:"36px",minHeight:"36px",...i},notSelectedStyle:{minWidth:"36px",minHeight:"36px",...n},toggleName:!1,customStylesName:vr,customStylesNameHover:c,size:"MD",user:{userName:e?.label,url:e?.logo},notificationCircleStyles:h,icon:e?.maintenance?g.default.createElement(Q,{icon:"maintenance",size:22,color:y.variant["neutral-3"]}):e?.icon?e?.icon:null,isSelected:e?.value?.toLowerCase()===w[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?y.variant["neutral-3"]:y.variant.white,cursor:e.maintenance?"not-allowed":"pointer",...Sr}},e.label)))))))},exports.NumericInput=bl,exports.Overlay=tr,exports.OverlayOptionContainer=Sa,exports.OverlayOptionItemLabel=ka,exports.PageContent=ba,exports.Pagination=eo,exports.PaginationDefault=lo,exports.PaginationTypeTwo=po,exports.PasswordInput=Cl,exports.PrimaryButton=ge,exports.PrimaryStatusChip=Hr,exports.ProgressBar=or,exports.ProgressSteps=dr,exports.RadioInput=El,exports.Rating=yo,exports.RoundedLoader=se,exports.SearchInput=Il,exports.SecondaryButton=xe,exports.SecondaryStatusChip=Pr,exports.Sidebar=Br,exports.SignatureInput=jl,exports.SlimPrimaryStatusChip=jr,exports.SlimSecondaryStatusChip=Dr,exports.StatusCircle=jo,exports.StyledCentralBar=ya,exports.StyledClearSearch=ha,exports.StyledCreateRow=Ca,exports.StyledRow=va,exports.StyledRowSearch=ga,exports.StyledSearchRow=Aa,exports.StyledWarning=xa,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(xe,{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=Co,exports.Tabs=Ur,exports.TextArea=Gl,exports.TextInput=Ll,exports.TimeInput=$l,exports.TinyButton=ve,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=aa,exports.Tooltip=Xe,exports.Typography=ti,exports.additionalColors=I,exports.createDarker=T,exports.defaultStyles=R,exports.defaultThemeColor=H,exports.getDefaultStyles=W,exports.graphColor=L,exports.hexToRGB=P,exports.neutralColor=z,exports.primaryColor=V,exports.shadeColor=B,exports.uiColor=M,exports.useToast=()=>t.useContext(Qr);
|