UNPKG

@bull-board/ui

Version:

A Dashboard UI built on top of bull or bullmq.

1 lines 7.66 kB
"use strict";(self.webpackChunk_bull_board_ui=self.webpackChunk_bull_board_ui||[]).push([["30857"],{40555(e,a){a.STATUSES=void 0,a.STATUSES={latest:"latest",active:"active",waiting:"waiting",waitingChildren:"waiting-children",prioritized:"prioritized",completed:"completed",failed:"failed",delayed:"delayed",paused:"paused"}},18407(e,a,l){l.d(a,{D:()=>s});var t=l(31085),n=l(54357);l(14041);let s=e=>{let{label:a,id:l,inline:s,children:r}=e;return(0,t.jsxs)("div",{className:(0,n.A)("field-JbAWJt",{"inline-vXG0Za":s}),children:[!!a&&!s&&(0,t.jsx)("label",{htmlFor:l,children:a}),r,!!a&&s&&(0,t.jsx)("label",{htmlFor:l,children:a})]})}},1701(e,a,l){l.d(a,{F:()=>s});var t=l(31085);l(14041);var n=l(18407);let s=e=>{let{label:a,id:l,...s}=e;return(0,t.jsx)(n.D,{label:a,id:l,children:(0,t.jsx)("input",{id:l,type:"text",...s})})}},89639(e,a,l){l.d(a,{z:()=>s});var t=l(31085);l(14041);var n=l(18407);let s=e=>{let{label:a,id:l,options:s,...r}=e;return(0,t.jsx)(n.D,{label:a,id:l,children:(0,t.jsx)("select",{id:l,...r,children:s.map(e=>(0,t.jsx)("option",{value:e.value,children:e.text},e.value))})})}},80760(e,a,l){l.d(a,{a:()=>d});var t=l(31085),n=l(23157),s=l(54357);l(14041);var r=l(42348),i=l(84382),o=l(43697);let d=e=>{let{open:a,title:l,onClose:d,children:c,width:u,actionButton:h}=e,{t:p}=(0,r.Bd)();return(0,t.jsx)(n.bL,{open:a,modal:!0,onOpenChange:e=>{e||d()},children:(0,t.jsxs)(n.ZL,{children:[(0,t.jsx)(n.hJ,{className:o.A.overlay}),(0,t.jsx)("div",{className:o.A.contentWrapper,children:(0,t.jsxs)(n.UC,{className:(0,s.A)(o.A.content,o.A[u||""]),children:[!!l&&(0,t.jsx)(n.hE,{children:l}),(0,t.jsx)(n.VY,{asChild:!0,children:(0,t.jsx)("div",{className:o.A.description,children:c})}),(0,t.jsxs)("div",{className:o.A.actions,children:[h,(0,t.jsx)(n.bm,{asChild:!0,children:(0,t.jsx)(i.$,{theme:"basic",children:p("MODAL.CLOSE_BTN")})})]})]})})]})})}},57104(e,a,l){l.d(a,{SettingsModal:()=>G});var t=l(31085),n=l(14041),s=l(42348),r=l(58355),i=l(40783),o=l(26834),d=l(1701),c=l(89639),u=l(54744),h=l(61764),p=l(34264),S=l(80820),T=l(39330),b=l(58342),E="Switch",[v,C]=(0,p.A)(E),[j,x]=v(E),m=n.forwardRef((e,a)=>{let{__scopeSwitch:l,name:s,checked:r,defaultChecked:i,required:o,disabled:d,value:c="on",onCheckedChange:p,form:T,...v}=e,[C,x]=n.useState(null),m=(0,h.s)(a,e=>x(e)),g=n.useRef(!1),N=!C||T||!!C.closest("form"),[I,k]=(0,S.i)({prop:r,defaultProp:i??!1,onChange:p,caller:E});return(0,t.jsxs)(j,{scope:l,checked:I,disabled:d,children:[(0,t.jsx)(b.sG.button,{type:"button",role:"switch","aria-checked":I,"aria-required":o,"data-state":f(I),"data-disabled":d?"":void 0,disabled:d,value:c,...v,ref:m,onClick:(0,u.mK)(e.onClick,e=>{k(e=>!e),N&&(g.current=e.isPropagationStopped(),g.current||e.stopPropagation())})}),N&&(0,t.jsx)(O,{control:C,bubbles:!g.current,name:s,value:c,checked:I,required:o,disabled:d,form:T,style:{transform:"translateX(-100%)"}})]})});m.displayName=E;var g="SwitchThumb",N=n.forwardRef((e,a)=>{let{__scopeSwitch:l,...n}=e,s=x(g,l);return(0,t.jsx)(b.sG.span,{"data-state":f(s.checked),"data-disabled":s.disabled?"":void 0,...n,ref:a})});N.displayName=g;var O=n.forwardRef(({__scopeSwitch:e,control:a,checked:l,bubbles:s=!0,...r},i)=>{let o,d=n.useRef(null),c=(0,h.s)(d,i),u=(o=n.useRef({value:l,previous:l}),n.useMemo(()=>(o.current.value!==l&&(o.current.previous=o.current.value,o.current.value=l),o.current.previous),[l])),p=(0,T.X)(a);return n.useEffect(()=>{let e=d.current;if(!e)return;let a=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"checked").set;if(u!==l&&a){let t=new Event("click",{bubbles:s});a.call(e,l),e.dispatchEvent(t)}},[u,l,s]),(0,t.jsx)("input",{type:"checkbox","aria-hidden":!0,defaultChecked:l,...r,tabIndex:-1,ref:c,style:{...r.style,...p,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});function f(e){return e?"checked":"unchecked"}O.displayName="SwitchBubbleInput";var I=l(18407);let k=e=>{let{label:a,id:l,...n}=e;return(0,t.jsx)(I.D,{label:a,id:l,inline:!0,children:(0,t.jsx)(m,{id:l,...n,className:"switch-DOdNhn",children:(0,t.jsx)(N,{className:"thumb-tvm2sT"})})})};var A=l(80760),L=l(15510);let _=[-1,3,5,10,20,60,300,900],G=e=>{let{open:a,onClose:l}=e,{language:n,pollingInterval:u,jobsPerPage:h,confirmQueueActions:p,confirmJobActions:S,collapseJob:T,collapseJobData:b,collapseJobProgress:E,collapseJobOptions:v,collapseJobError:C,defaultCollapseDepth:j,useCollapsibleJson:x,defaultJobTab:m,sortQueues:g,darkMode:N,setSettings:O}=(0,i.C)(e=>e),{pollingInterval:f}=(0,o._)(),{t:I,i18n:G}=(0,s.Bd)();return(0,t.jsxs)(A.a,{width:"small",open:a,onClose:l,title:I("SETTINGS.TITLE"),children:[(0,t.jsx)(c.z,{label:I("SETTINGS.LANGUAGE"),id:"language",options:r.e.map(e=>({text:e,value:e})),value:n,onChange:e=>{G.changeLanguage(e.target.value),O({language:e.target.value})}}),(null==f?void 0:f.showSetting)!==!1&&(0,t.jsx)(c.z,{label:I("SETTINGS.POLLING_INTERVAL"),id:"polling-interval",options:_.map(e=>({text:e<0?I("SETTINGS.POLLING_OPTIONS.OFF"):0===Math.floor(e/60)?I("SETTINGS.POLLING_OPTIONS.SECS",{count:e}):I("SETTINGS.POLLING_OPTIONS.MINS",{count:e/60}),value:`${e}`})),value:`${u}`,onChange:e=>O({pollingInterval:+e.target.value})}),(0,t.jsx)(c.z,{label:I("SETTINGS.DEFAULT_JOB_TAB"),id:"default-job-tab",options:["default"].concat(L.d).map(e=>({text:I(`JOB.TABS.${e.toUpperCase()}`),value:e})),value:m,onChange:e=>O({defaultJobTab:e.target.value})}),(0,t.jsx)(d.F,{label:I("SETTINGS.JOBS_PER_PAGE"),id:"jobs-per-page",value:h,type:"number",min:"1",max:300,maxLength:3,onChange:e=>{O({jobsPerPage:Math.min(+e.target.value,300)})}}),(0,t.jsx)(k,{label:I("SETTINGS.CONFIRM_QUEUE_ACTIONS"),id:"confirm-queue-actions",checked:p,onCheckedChange:e=>O({confirmQueueActions:e})}),(0,t.jsx)(k,{label:I("SETTINGS.CONFIRM_JOB_ACTIONS"),id:"confirm-job-actions",checked:S,onCheckedChange:e=>O({confirmJobActions:e})}),(0,t.jsx)(k,{label:I("SETTINGS.COLLAPSE_JOB"),id:"collapse-job",checked:T,onCheckedChange:e=>O({collapseJob:e})}),(0,t.jsx)(k,{label:I("SETTINGS.COLLAPSE_JOB_DATA"),id:"collapse-job-data",checked:b,onCheckedChange:e=>O({collapseJobData:e})}),(0,t.jsx)(k,{label:I("SETTINGS.COLLAPSE_JOB_PROGRESS"),id:"collapse-job-progress",checked:E,onCheckedChange:e=>O({collapseJobProgress:e})}),(0,t.jsx)(k,{label:I("SETTINGS.COLLAPSE_JOB_OPTIONS"),id:"collapse-job-options",checked:v,onCheckedChange:e=>O({collapseJobOptions:e})}),(0,t.jsx)(k,{label:I("SETTINGS.COLLAPSE_JOB_ERROR"),id:"collapse-job-error",checked:C,onCheckedChange:e=>O({collapseJobError:e})}),(0,t.jsx)(k,{label:I("SETTINGS.USE_COLLAPSIBLE_JSON"),id:"use-collapsible-json",checked:x,onCheckedChange:e=>O({useCollapsibleJson:e})}),x&&(0,t.jsx)(d.F,{label:I("SETTINGS.DEFAULT_COLLAPSE_DEPTH"),id:"default-collapse-depth",value:j,type:"number",min:"0",max:"10",onChange:e=>O({defaultCollapseDepth:Math.max(0,Math.min(10,+e.target.value))})}),(0,t.jsx)(k,{label:I("SETTINGS.SORT_QUEUES"),id:"sort-queues",checked:g,onCheckedChange:e=>O({sortQueues:e})}),(0,t.jsx)(k,{label:I("SETTINGS.DARK_MODE"),id:"dark-mode",checked:N,onCheckedChange:e=>O({darkMode:e})})]})}},15510(e,a,l){l.d(a,{d:()=>r,i:()=>i});var t=l(40555),n=l(14041),s=l(40783);let r=["Data","Progress","Options","Logs","Error","Timeline"];function i(e){let[a,l]=(0,n.useState)([]),{defaultJobTab:i}=(0,s.C)(),[o,d]=(0,n.useState)(a.find(e=>e===i)||a[0]);return(0,n.useEffect)(()=>{let a=r.filter(e=>"Error"!==e&&"Timeline"!==e);a=e.currentStatus===t.STATUSES.failed?["Error",...a]:[...a,"Error"],e.withTimeline&&a.push("Timeline"),l(a)},[e.currentStatus,e.withTimeline]),(0,n.useEffect)(()=>{d(a.includes(i)?i:a[0])},[i,a]),{tabs:null==a?void 0:a.map(e=>({title:e,isActive:e===o,selectTab:()=>d(e)})),selectedTab:o}}}}]);