https://netmon.com/demo/static/js/4260.84b73e11.chunk.js

1"use strict";(self.webpackChunknetmon=self.webpackChunknetmon||[]).push([[4260],{17331:(e,t,n)=>{n.d(t,{A:()=>r});var a=n(65043),o=n(70579);const l=[{key:"15m",label:"15 min",ms:9e5},{key:"1h",label:"1 hour",ms:36e5},{key:"6h",label:"6 hours",ms:216e5},{key:"24h",label:"24 hours",ms:864e5},{key:"7d",label:"7 days",ms:6048e5}],s=e=>{if(!(e instanceof Date)||Number.isNaN(e.getTime()))return"";const t=e=>String(e).padStart(2,"0");return"".concat(e.getFullYear(),"-").concat(t(e.getMonth()+1),"-").concat(t(e.getDate()),"T").concat(t(e.getHours()),":").concat(t(e.getMinutes()))},r=e=>{let{timeRange:t,setTimeRange:n}=e;const[r,i]=(0,a.useState)(!1),c=r?null:(e=>{var t,n;const a=(null===e||void 0===e?void 0:e.endTime)-(null===e||void 0===e?void 0:e.startTime);return Math.abs(Date.now()-(null===e||void 0===e?void 0:e.endTime))<3e5&&null!==(t=null===(n=l.find((e=>Math.abs(e.ms-a)<9e4)))||void 0===n?void 0:n.key)&&void 0!==t?t:null})(t);return(0,o.jsxs)("div",{className:"nm-tr-presets",children:[(0,o.jsxs)("div",{className:"nm-tr-chips",children:[l.map((e=>(0,o.jsx)("button",{type:"button",className:"nm-tr-chip".concat(c===e.key?" is-active":""),onClick:()=>{i(!1),n({startTime:new Date(Date.now()-e.ms),endTime:new Date})},children:e.label},e.key))),(0,o.jsx)("button",{type:"button",className:"nm-tr-chip".concat(r?" is-active":""),onClick:()=>i(!0),children:"Custom"})]}),r&&(0,o.jsxs)("div",{className:"nm-tr-custom",children:[(0,o.jsxs)("label",{children:["From",(0,o.jsx)("input",{type:"datetime-local",value:s(null===t||void 0===t?void 0:t.startTime),onChange:e=>{const t=e.target.value;t&&n((e=>({...e,startTime:new Date(t)})))}})]}),(0,o.jsxs)("label",{children:["To",(0,o.jsx)("input",{type:"datetime-local",value:s(null===t||void 0===t?void 0:t.endTime),onChange:e=>{const t=e.target.value;t&&n((e=>({...e,endTime:new Date(t)})))}})]})]})]})}},46666:(e,t,n)=>{n.d(t,{A:()=>j});var a=n(65043),o=n(6288),l=n(90238),s=n(31555),r=n(39993),i=n(9519),c=n(91590),d=n(407),m=n(40494),u=n(34903),p=n(31899),f=n.n(p),h=(n(25015),n(23569)),x=n(22277),y=n(70579);const g=e=>{let{startTime:t,endTime:n,setTimeRange:p,showExactTime:g=!1}=e;const[j,v]=(0,a.useState)(!1),b=(0,a.useRef)(null),w=(0,a.useRef)(null),k=(0,a.useRef)(null);(0,h.A)([b,w],(()=>v(!1))),(0,a.useEffect)((()=>(j&&b.current&&w.current&&(k.current=(0,x.n4)(b.current,w.current,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{boundary:document.body,padding:8,rootBoundary:"viewport"}},{name:"flip",options:{fallbackPlacements:["top-start","bottom-end","top-end"]}},{name:"computeStyles",options:{gpuAcceleration:!1}},{name:"sizeByReference",enabled:!0,options:{width:"reference"}}]})),()=>{k.current&&(k.current.destroy(),k.current=null)})),[j]);const A=new Date,C=(0,a.useMemo)((()=>((e,t)=>{const n=(0,o.default)(A,1),a=(0,l.default)(A,{weekStartsOn:1}),p=(0,s.default)(A,{weekStartsOn:1});return t>A&&(t=A),e>t?"Error: start time is after end time.":g?"".concat((0,r.default)(e,"PPpp")," to ").concat((0,r.default)(t,"PPpp")):(0,i.default)(t,{start:n,end:A})?"".concat((0,c.A)(e,{addSuffix:!0})," to now"):(0,d.default)(e,t)?(0,m.A)(e)?"Today, ".concat((0,r.default)(e,"p")," to ").concat((0,r.default)(t,"p")):"".concat((0,r.default)(e,"MMM d"),", ").concat((0,r.default)(e,"p")," to ").concat((0,r.default)(t,"p")):(0,m.A)(t)&&(0,u.A)(e)?"Yesterday ".concat((0,r.default)(e,"p")," to today ").concat((0,r.default)(t,"p")):(0,i.default)(e,{start:a,end:p})&&(0,i.default)(t,{start:a,end:p})?"".concat((0,r.default)(e,"eeee p")," to ").concat((0,r.default)(t,"eeee p")):(0,r.default)(e,"yyyy")===(0,r.default)(t,"yyyy")?(0,r.default)(e,"MMM")===(0,r.default)(t,"MMM")?"".concat((0,r.default)(e,"MMM d"),", ").concat((0,r.default)(e,"p")," to ").concat((0,r.default)(t,"d"),", ").concat((0,r.default)(t,"p")):"".concat((0,r.default)(e,"MMM d"),", ").concat((0,r.default)(e,"p")," to ").concat((0,r.default)(t,"MMM d"),", ").concat((0,r.default)(t,"p")):"".concat((0,r.default)(e,"MMM d, yyyy"),", ").concat((0,r.default)(e,"p")," to ").concat((0,r.default)(t,"MMM d, yyyy"),", ").concat((0,r.default)(t,"p"))})(t,n)),[t,n]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{ref:b,style:{width:"fit-content"},children:(0,y.jsxs)("div",{style:{display:"flex",alignItems:"center",cursor:"pointer"},onClick:()=>v((e=>!e)),children:[(0,y.jsx)("i",{className:"fa fa-clock fa-xl"}),(0,y.jsx)("div",{style:{display:"flex",flexDirection:"column",marginLeft:"0.5em"},children:(0,y.jsx)("span",{children:C})})]})}),j&&(0,y.jsxs)("div",{ref:w,style:{display:"flex",flexDirection:"row",justifyContent:"space-evenly",width:"700px",minWidth:"fit-content",padding:"1em",gap:"1em",borderRadius:"10px",backgroundColor:"var(--background-primary)",boxShadow:"0 4px 6px var(--black-color-shadow)",zIndex:2e3},children:[(0,y.jsx)(f(),{inline:!0,showTimeSelect:!0,dateFormat:"Pp",className:"form-control nm-form-input",selected:t,maxDate:n,onChange:e=>p((t=>({...t,startTime:new Date(e)})))}),(0,y.jsx)(f(),{inline:!0,showTimeSelect:!0,dateFormat:"Pp",className:"form-control nm-form-input",selected:n,minDate:t,maxDate:A,onChange:e=>p((t=>({...t,endTime:new Date(e)})))})]})]})},j=(0,a.memo)(g)},66516:(e,t,n)=>{n.d(t,{A:()=>g});var a=n(65043),o=n(91688),l=n(51174),s=n(99994),r=n(10615),i=n(28125),c=n(32660),d=n(70579);const m=e=>{let{id:t,index:n,icon:o,icon_tip:l,icon_selected:m,name:u,selected:p,handle:f=(()=>null),save:h,middle:x,del:y,children:g,checkbox:j=!1,editname:v=!1,lockopen:b=!1,alertopen:w=!1,style:k={},substyle:A={}}=e;const[C,N]=(0,a.useState)(!1),[S,M]=(0,a.useState)(!1),[T,R]=(0,a.useState)(b),[D,E]=(0,a.useState)(w),P=a.Children.toArray(g).filter((e=>"type"in e&&e.type===c.A)),I=a.Children.toArray(g).filter((e=>"type"in e&&e.type!==c.A));return(0,a.useEffect)((()=>

1{if(C){const e=setTimeout((()=>{N(!1)}),5e3);return()=>clearTimeout(e)}}),[C]),(0,d.jsxs)("div",{className:"nm-pane-row",style:{...k,width:"100%",height:"100%"},children:[(0,d.jsxs)("div",{className:"d-flex justify-content-between align-items-center",children:[(0,d.jsxs)("div",{className:"d-flex",children:[(o||j)&&(0,d.jsx)("div",{children:(0,d.jsx)(s.A,{show:!1,placement:"top",overlay:(0,d.jsx)(r.A,{style:{cursor:"pointer"},id:"button-tooltip",children:l}),children:(0,d.jsx)("div",{onClick:()=>f(t,!(p||p===t),n),className:"nm-pane-row-ctl",style:{cursor:"pointer"},children:(0,d.jsx)("i",{className:"fa-solid\n                    ".concat(o&&!m&&o," \n                    ").concat(m&&(p||p===t)&&m," \n                    ").concat((p||p===t)&&" nm-blue nm-text ","\n                    ").concat(j&&(p||p===t?" fa-circle-check ":" fa-circle "),"\n                    fa-lg"),style:{paddingRight:"10px"}})})})}),(0,d.jsx)("div",{children:S?(0,d.jsx)(i.A.Control,{className:"text-center",style:{height:"75%"},type:"text",name:"name",value:u||"",onChange:e=>f(t,e.target.value,n),onKeyDown:e=>{"Enter"!==e.key&&13!==e.keyCode||(h(t),M(!1))},onBlur:()=>{h(t),M(!1)}}):v?(0,d.jsx)(s.A,{placement:"top",overlay:(0,d.jsxs)(r.A,{children:[(0,d.jsx)("i",{style:{cursor:"pointer"},className:"fa fa-pencil"}),"\xa0Edit Name"]}),children:(0,d.jsx)(i.A.Label,{className:"truncated",onClick:()=>M(!0),children:u})}):(0,d.jsx)(i.A.Label,{className:"truncated",children:u})})]}),x&&(0,d.jsx)("div",{className:"d-flex",children:x}),(!j||(p||p===t))&&(0,d.jsxs)("div",{className:"d-flex",children:[(0,d.jsx)("div",{children:g&&a.Children.toArray(g).filter((e=>"type"in e&&e.type!==c.A)).length>0&&!b&&(0,d.jsx)(s.A,{placement:"top",overlay:(0,d.jsx)(r.A,{style:{cursor:"pointer"},id:"button-tooltip",children:"Configure"}),children:(0,d.jsx)("div",{onClick:()=>R(!T),className:"nm-pane-row-ctl",style:{cursor:"pointer"},children:(0,d.jsx)("i",{className:"fa-solid fa-gear ".concat(T&&"nm-gold nm-text"," fa-lg"),style:{paddingRight:"10px"}})})})}),(0,d.jsx)("div",{children:g&&a.Children.toArray(g).filter((e=>"type"in e&&e.type===c.A)).length>0&&!w&&(0,d.jsx)(s.A,{placement:"top",overlay:(0,d.jsx)(r.A,{style:{cursor:"pointer"},id:"button-tooltip",children:"Alerts"}),children:(0,d.jsx)("div",{onClick:()=>E(!D),className:"nm-pane-row-ctl",style:{cursor:"pointer"},children:(0,d.jsx)("i",{className:"fa-solid fa-bell ".concat(D&&"nm-green nm-text"," fa-lg"),style:{paddingRight:"10px"}})})})}),(0,d.jsx)("div",{children:y&&(0,d.jsx)(s.A,{placement:"top",overlay:(0,d.jsx)(r.A,{style:{cursor:"pointer"},id:"button-tooltip",children:C?"Delete":"Unlock"}),children:(0,d.jsx)("div",{onClick:C?()=>y(t,n):()=>N(!0),className:"nm-pane-row-ctl",style:{cursor:"pointer"},children:(0,d.jsx)("i",{className:"fa-solid fa-".concat(C?"trash-can text-c-red":"lock text-muted"," fa-lg")})})})})]})]}),(!j||(p||p===t))&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{style:{width:"100%",margin:"auto",padding:"0 1em 0 1em",...A},children:(T||b)&&I}),(D||w)&&P]})]})};var u=n(8502),p=n(1185);const f=e=>{let{name:t,children:n,startOpen:o,raw:l,style:s}=e;const[r,i]=(0,a.useState)(o);try{return(0,d.jsx)(d.Fragment,{children:l?(0,d.jsx)(p.A,{in:r,children:(0,d.jsx)("div",{id:"basic-collapse",style:{...s},children:n})}):(0,d.jsxs)("div",{className:"nm-pane-section",children:[(0,d.jsx)(u.A.Header,{style:{cursor:"pointer"},onClick:()=>i(!r),"aria-controls":"basic-collapse","aria-expanded":r,children:(0,d.jsxs)(g.Item,{children:[(0,d.jsx)("h5",{style:{width:"100%",color:"white",marginBottom:"0"},children:t}),(0,d.jsx)("i",{className:"fa-solid fa-2x fa-caret-".concat(r?"up nm-blue nm-text":"down")})]})}),(0,d.jsx)(p.A,{in:r,children:(0,d.jsx)("div",{id:"basic-collapse",style:{...s},children:n})})]})})}catch(c){console.error(c)}},h=e=>{let{name:t,children:n,style:o}=e;const[l,s]=(0,a.useState)(!t);try{return(0,d.jsxs)("div",{id:"basic-collapse",className:"sub-accordion nm-pane-group",children:[t&&(0,d.jsx)(u.A.Header,{style:{cursor:"pointer"},onClick:()=>s(!l),"aria-controls":"basic-collapse","aria-expanded":l,children:(0,d.jsxs)(g.Item,{children:[(0,d.jsx)("p",{className:"mb-0",children:t}),(0,d.jsx)("i",{className:"fa fa-caret-".concat(l?"up  nm-blue nm-text":"down")})]})}),(0,d.jsx)(p.A,{in:l,children:(0,d.jsx)(u.A.Body,{style:{padding:"6px 15px"},children:n})})]})}catch(r){console.error(r)}};var x=n(85625);const y=e=>{let{name:t,children:n,isOpen:s=!1}=e;const[r,i]=(0,a.useState)(s);(0,a.useEffect)((()=>{i(s)}),[s]);const{isMobile:c}=(0,l.kW)(),{pathname:m}=(0,o.zy)();(0,a.useEffect)((()=>{c&&i(!1)}),[m]),(0,a.useEffect)((()=>

1{if(!c||!r)return;const e=e=>{"Escape"===e.key&&i(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)}),[c,r]);try{return(0,d.jsxs)("div",{className:"nm-pane ".concat(r?"open":""),children:[(0,d.jsx)("div",{className:"nm-pane-toggle",onClick:()=>i(!r)}),(0,d.jsxs)("div",{className:"nm-pane-block overflow-auto text-center side-sticky",children:[(0,d.jsx)("h3",{children:t}),(0,d.jsx)("hr",{}),n]})]})}catch(u){console.error(u)}};y.Group=a.memo(h),y.Section=a.memo(f),y.Row=a.memo(m),y.Item=x.G,y.Alert=c.A;const g=y},89983:(e,t,n)=>{n.d(t,{A:()=>d});var a=n(65043),o=n(97950),l=n(22277),s=n(23569),r=n(62495),i=n(70579);const c=(0,a.forwardRef)(((e,t)=>{let{selectedItem:n,setSelectedItem:c,items:d,itemLabels:m=[],label:u,unit:p="",prefixUnit:f=!1,style:h={},inline:x=!1,emptyLabel:y="None Selected",filterable:g=!1,clearable:j=!1,hideToggle:v=!1,positionRef:b=null}=e;const[w,k]=(0,a.useState)(!1),[A,C]=(0,a.useState)(""),N=(0,a.useRef)(null),S=(0,a.useRef)(null),M=(0,a.useRef)(null),T=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>({open:()=>{k(!0),C("")},close:()=>{k(!1),C("")},toggle:()=>{k(!w),w||C("")},isOpen:w})));const R=(0,r.fk)();(0,s.A)([S,b||N],(()=>{k(!1),C("")})),(0,a.useEffect)((()=>{if(w&&g&&M.current){const e=setTimeout((()=>{M.current&&M.current.focus()}),50);return()=>clearTimeout(e)}}),[w,g]),(0,a.useEffect)((()=>{if(w&&S.current){const e=(null===b||void 0===b?void 0:b.current)||N.current;e&&(T.current=(0,l.n4)(e,S.current,{placement:"bottom",modifiers:[{name:"offset",options:{offset:[0,3]}},{name:"preventOverflow",options:{boundary:document.body}}]}),x&&(S.current.style.width="".concat(e.offsetWidth,"px")))}return()=>{T.current&&(T.current.destroy(),T.current=null)}}),[w,x,b]);const D=(e,t)=>{e.stopPropagation(),Array.isArray(n)?n.includes(t)?c(n.filter((e=>e!==t))):c([...n,t]):(c(t),k(!1),C(""))},E=e=>{e.stopPropagation(),Array.isArray(n)?c([]):c(null)},P=e=>{if("object"===typeof e)return e;let t=e;if(m.length>0){const n=d.findIndex((t=>String(t)===String(e)));-1!==n&&(t=m[n])}return t},I=()=>a.isValidElement(p)?p:(0,i.jsx)(i.Fragment,{children:p}),F=e=>{C(e.target.value)},L=e=>{e.stopPropagation(),"Escape"===e.key&&(k(!1),C(""))},z=e=>{e.stopPropagation(),C(""),M.current&&M.current.focus()},H=()=>{const e=A?d.filter((e=>{const t=P(e);return!!a.isValidElement(t)||String(t).toLowerCase().includes(A.toLowerCase())})):d;return o.createPortal((0,i.jsxs)("div",{className:"click-outside-exclusion",ref:S,style:{position:"absolute",borderRadius:"0.5em",boxShadow:"0 0 1em 0.25em ".concat(R.backgroundPrimary),zIndex:999999,backgroundColor:R.backgroundPrimary,lineHeight:"1.0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",color:R.textColor,maxHeight:"300px",overflowY:"auto"},children:[u&&(0,i.jsx)("div",{className:"context-menu-header",style:{padding:"0.5em",borderBottom:"1px solid ".concat(R.textColor),width:"100%"},children:u}),g&&(0,i.jsx)("div",{style:{padding:"0.3em",width:"100%",position:"sticky",top:0,backgroundColor:R.backgroundPrimary,zIndex:1,borderBottom:"1px solid ".concat(R.backgroundSecondary)},children:(0,i.jsxs)("div",{style:{position:"relative",maxWidth:"100%"},children:[(0,i.jsx)("i",{className:"fa-solid fa-search",style:{position:"absolute",left:"0.4em",top:"50%",transform:"translateY(-50%)",color:"var(--muted-color)",pointerEvents:"none",fontSize:"0.75em"}}),(0,i.jsx)("input",{ref:M,type:"text",placeholder:"Filter...",value:A,onChange:F,onKeyDown:L,onClick:e=>e.stopPropagation(),style:{width:"100%",padding:"0.25em 0.25em 0.25em 1.6em",border:"1px solid ".concat(R.backgroundSecondary),borderRadius:"0.25em",backgroundColor:R.backgroundSecondary,color:R.textColor,outline:"none",fontSize:"0.8em",lineHeight:"1",height:"1.8em"}}),A&&(0,i.jsx)("i",{className:"fa-solid fa-times",style:{position:"absolute",right:"0.4em",top:"50%",transform:"translateY(-50%)",color:"var(--muted-color)",cursor:"pointer",fontSize:"0.75em"},onClick:z})]})}),(0,i.jsxs)("div",{style:{width:"100%",maxHeight:g?"250px":"300px",overflowY:"auto"},children:[e.length>0?e.map(((e,t)=>(0,i.jsxs)("div",{className:"context-menu-item",style:{padding:"0.5em",curs

1or:"pointer",display:"flex",alignItems:"center",width:"100%"},onClick:t=>D(t,e),children:[Array.isArray(n)&&(0,i.jsx)("input",{type:"checkbox",checked:n.includes(e),onChange:t=>D(t,e),style:{marginRight:"0.5em"}}),f?(0,i.jsxs)(i.Fragment,{children:[I(),P(e)]}):(0,i.jsxs)(i.Fragment,{children:[P(e),I()]})]},t))):(0,i.jsx)("div",{style:{padding:"0.5em",color:R.mutedColor,textAlign:"center",width:"100%"},children:"No matches found"}),j&&null!==n&&(!Array.isArray(n)||n.length>0)&&(0,i.jsxs)("div",{className:"context-menu-item nm-danger",style:{padding:"0.3em 0.5em",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",width:"100%",borderTop:"1px solid ".concat(R.backgroundSecondary),fontSize:"0.8em"},onClick:E,children:[(0,i.jsx)("i",{className:"fa-solid fa-times",style:{marginRight:"0.5em",fontSize:"0.8em"}}),"Clear Selection"]})]})]}),document.body)},O=null!==n&&(!Array.isArray(n)||n.length>0);return v?w?H():null:(0,i.jsxs)("span",{ref:N,style:{display:"inline-block",position:"relative",paddingLeft:"0.15em",paddingRight:"0.15em",cursor:"pointer",boxShadow:w?"0 0 10px 2px ".concat(R.primary,"70"):void 0,backgroundColor:w?"".concat(R.primary,"1A"):void 0,...h},onClick:e=>(e=>{e.stopPropagation(),w?k(!1):(k(!0),C(""))})(e),children:[(0,i.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",width:"100%"},children:[(0,i.jsx)("span",{style:{flex:"1 1",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Array.isArray(n)?n.length>0?n.map((e=>P(e))).join(", "):y:null!=n?a.isValidElement(n)?n:f?(0,i.jsxs)(i.Fragment,{children:[I(),P(n)]}):(0,i.jsxs)(i.Fragment,{children:[P(n),I()]}):(0,i.jsx)("span",{style:{color:"".concat(R.textColor,"80")},children:y})}),(0,i.jsxs)("span",{style:{flex:"0 0 auto",display:"flex",alignItems:"center",gap:"0.5em",marginLeft:"0.5em"},children:[j&&O&&(0,i.jsx)("i",{className:"fa-solid fa-times-circle",style:{marginLeft:"0.4em",color:"var(--muted-color)",fontSize:"0.8em",cursor:"pointer"},onClick:e=>{e.stopPropagation(),E(e)}}),x&&(0,i.jsx)("i",{className:"fa-solid fa-caret-down widget-interactable-icon"})]})]}),w&&H()]})})),d=a.memo(c)},66092:()=>{}}]);
2//# sourceMappingURL=4260.84b73e11.chunk.js.map