zavadil-react-common 2.1.15 → 2.1.16
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/component/forms/FormRowControl.d.ts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/component/forms/FormRow.tsx +2 -4
- package/src/component/forms/FormRowControl.tsx +5 -3
package/dist/index.d.ts
CHANGED
|
@@ -84,7 +84,6 @@ declare function FormRow({ id, label, children }: FormRowProps): react_jsx_runti
|
|
|
84
84
|
|
|
85
85
|
type FormRowControlProps = FormControlProps & {
|
|
86
86
|
label: string;
|
|
87
|
-
id?: string;
|
|
88
87
|
};
|
|
89
88
|
declare function FormRowControl(props: FormRowControlProps): react_jsx_runtime.JSX.Element;
|
|
90
89
|
|
package/dist/index.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{BasicLocalization as i,StringUtil as a,DateUtil as l,NumberUtil as r,CancellablePromise as o,EntityClientWithStub as s,ObjectUtil as d,UserAlertType as c,ByteUtil as h}from"zavadil-ts-common";import{createContext as p,useContext as m,useMemo as u,useCallback as g,useEffect as b,useState as v,useRef as f}from"react";import{Form as y,InputGroup as C,Button as w,Spinner as x,Dropdown as N,Pagination as z,Table as k,Stack as O,ProgressBar as S,Modal as E,Badge as L,Placeholder as P}from"react-bootstrap";import{BsXCircle as G,BsTrash as I,BsFillCaretDownFill as B,BsFillCaretUpFill as M,BsCheckCircle as D,BsCircle as A,BsCheckAll as F,BsBug as H,BsExclamationDiamond as $,BsInfo as T,BsQuestion as j,BsEye as V}from"react-icons/bs";import{FaFloppyDisk as R}from"react-icons/fa6";import{VscEyeClosed as U}from"react-icons/vsc";const J=p(new i);function K({text:t,tag:i}){const a=m(J),l=u((()=>{if(void 0!==i&&""!==i)return"string"==typeof i?{tags:[i]}:{tags:i}}),[i]),r=u((()=>a.translate(t,l)),[a,t,l]);return e(n,{children:r})}function Y({id:n,label:i,children:l}){const r=u((()=>n||a.randomString()),[n]);return t(y.Group,{children:[e(y.Label,{id:r,children:e(K,{text:i})}),e("div",{children:l})]})}function q(n){return e(Y,{label:n.label,id:n.id,children:e(y.Control,{...n})})}function Q({value:n,onChange:i,onReset:l,onBlur:r,disabled:o,className:s}){const d=u((()=>a.getNonEmpty(n)),[n]),c=u((()=>a.isBlank(n)),[d]),h=g((()=>{l?l():i("")}),[l,i]);return t(C,{className:s,children:[e(y.Control,{type:"text",disabled:o,value:d,onChange:e=>i(e.target.value),onBlur:r}),e(w,{onClick:h,disabled:c,children:e("div",{className:"d-flex align-items-center",children:e(G,{})})})]})}function W({value:n,onChange:t,disabled:i}){return e(y.Control,{type:"date",disabled:i,value:l.formatDateForInput(n),onChange:e=>{t(l.parseDate(e.target.value))}})}function X({value:n,onChange:t,disabled:i}){return e(y.Control,{type:"datetime-local",disabled:i,value:l.formatDateTimeForInput(n),onChange:e=>{t(l.parseDate(e.target.value))}})}function Z({disabled:n,variant:i,icon:a,size:l,children:r,type:o,onClick:s}){return e(w,{disabled:!0===n,size:l,onClick:s,variant:i,type:o,children:t("div",{className:"d-flex align-items-center gap-2",children:[a,r&&e("div",{children:r})]})})}function _({disabled:n,checked:i,iconOn:a,iconOff:l,size:r,onChange:o}){return t("div",{className:"d-flex align-items-center gap-2 cursor-pointer",onClick:e=>o(!i),children:[e(y.Switch,{disabled:n,size:r,type:"switch",checked:i,readOnly:!0,className:"cursor-pointer"}),i?a:l]})}function ee({disabled:n,icon:t,loading:i,children:a,size:l,variant:r,type:o,onClick:s}){return e(Z,!0===i?{disabled:!0,onClick:s,size:l,variant:r,type:o,icon:e(x,{size:"sm"}),children:a}:{disabled:n,onClick:s,icon:t,size:l,variant:r,children:a})}function ne({disabled:n,icon:t,loading:i,children:a,size:l,onClick:r,isChanged:o}){const s=u((()=>t||e(R,{})),[t]),d=u((()=>o?e("strong",{children:a}):a),[o,a]);return e(ee,{disabled:n||!1===o,onClick:r,icon:s,loading:i,size:l,children:d})}function te({disabled:n,icon:t,loading:i,children:a,size:l,onClick:r,isChanged:o}){const s=u((()=>t||e(I,{})),[t]);return e(ee,{disabled:n||!1===o,onClick:r,icon:s,loading:i,size:l,variant:"danger",children:a})}function ie({value:n,options:i,disabled:l,onChange:r,showEmptyOption:o,emptyOptionLabel:s}){return b((()=>{a.isBlank(n)&&i.length>0&&!0!==o&&r(i[0].id)}),[n,i,o,r]),t(y.Select,{value:n||"",onChange:e=>r(e.target.value),disabled:l,children:[!0===o&&e("option",{value:"",children:s||""},""),i?i.map(((n,t)=>e("option",{value:n.id||"",children:n.label||""},t))):e("span",{children:e(x,{})})]})}function ae({value:n,options:t,disabled:i,onChange:a,showEmptyOption:l,emptyOptionLabel:o}){const s=u((()=>n?String(n):""),[n]),d=u((()=>t?t.map((e=>({id:e.id?String(e.id):"",label:e.label}))):[]),[t]),c=g((e=>a(r.parseNumber(e))),[a]);return e(ie,{disabled:i,value:s,options:d,onChange:c,showEmptyOption:l,emptyOptionLabel:o})}function le({id:n,sort:t,disabled:i,labelGetter:a,onChange:l,options:r,showEmptyOption:o,emptyOptionLabel:s}){const d=u((()=>{let e=[];return r&&(e=t?r.sort(((e,n)=>e.name>n.name?1:-1)):r),e.map((e=>({id:e.id,label:a?a(e):e.name})))}),[r]);return e(ae,{disabled:i,value:n,options:d,onChange:l,showEmptyOption:o,emptyOptionLabel:s})}function re({value:n,options:t,onChange:i,showEmptyOption:a,emptyOptionLabel:l}){const r=u((()=>t?t.map((e=>({id:e,label:e}))):[]),[t]);return e(ie,{value:n,options:r,onChange:i,showEmptyOption:a,emptyOptionLabel:l})}function oe({id:n,label:t,disabled:i,checked:l,size:r,onChange:o}){const s=u((()=>n||a.randomString()),[n]);return e(y.Switch,{disabled:i,id:s,size:r,type:"switch",checked:l,onChange:e=>o(!l),className:"cursor-pointer",label:t})}function se({selected:n,disabled:i,labelGetter:a,onChange:l,onSearch:r}){const[s,d]=v(),[c,h]=v(),[p,m]=v(),y=f(),C=g((e=>a?a(e):"name"in e&&"string"==typeof e.name?e.name:`[${e.id}]`),[a]),w=u((()=>n?"border rounded border-primary":void 0),[n]),x=g((()=>{console.log("user left control"),p&&(m(void 0),h(n?C(n):""))}),[l,p,n,C]),z=g((()=>{y.current=window.setTimeout(x,100)}),[y,x]),k=g((()=>{y.current&&clearTimeout(y.current)}),[y]);b((()=>k),[]),b((()=>{h(n?C(n):""),s&&(s.cancel(),d(void 0)),m(void 0)}),[n]);const O=g((()=>{l(null),h(""),s&&(s.cancel(),d(void 0)),m(void 0)}),[l,s]),S=g((e=>{h(e),s&&s.cancel();const n=new o(r(e));n.promise.then(m),d(n)}),[s,r]),E=g((e=>{console.log("user selected item"),m(void 0),l({...e})}),[l]);return e("div",{onBlur:z,onFocus:k,children:t(N,{defaultShow:!1,show:null!==p,children:[e(Q,{disabled:i,value:c,onChange:S,onReset:O,className:w}),p&&e(N.Menu,{children:p.map((t=>e(N.Item,{onClick:e=>{k(),E(t)},active:t.id===n?.id,children:C(t)},t.id)))})]})})}function de({selected:n,disabled:t,labelGetter:i,onChange:l,entityClient:r}){const o=g((e=>r.loadPage({search:a.safeLowercase(e),page:0,size:10,sorting:[{name:"id"}]}).then((e=>e.content))),[i]);return e(se,{disabled:t,selected:n,labelGetter:i,onSearch:o,onChange:l})}function ce({id:n,disabled:t,labelGetter:i,onChange:a,entityClient:l}){const[r,o]=v(null);b((()=>{n?r&&r.id===n?o({...r}):l instanceof s?l.loadSingleStub(n).then(o):l.loadSingle(n).then(o):o(null)}),[n]);const d=g((e=>{const t=e?e.id:null;t!==n&&a(t),o(e)}),[n,a]);return e(de,{disabled:t,selected:r,labelGetter:i,entityClient:l,onChange:d})}function he({selected:n,disabled:t,labelGetter:i,onChange:l,lookupClient:r}){const o=u((()=>i||(e=>e.name)),[i]),s=g((e=>r.loadPage({search:a.safeLowercase(e),page:0,size:10,sorting:[{name:"name"}]}).then((e=>e.content))),[i]);return e(se,{disabled:t,selected:n,labelGetter:o,onSearch:s,onChange:l})}function pe({id:n,disabled:t,labelGetter:i,onChange:a,lookupClient:l}){const[r,o]=v(null);b((()=>{n?r&&r.id===n?o({...r}):l.loadSingle(n).then(o):o(null)}),[n]);const s=g((e=>{const t=e?e.id:null;t!==n&&a(t),o(e)}),[n,r]);return e(he,{disabled:t,selected:r,labelGetter:i,lookupClient:l,onChange:s})}function me({id:n,sort:t,disabled:i,labelGetter:a,onChange:l,options:r,showEmptyOption:o,emptyOptionLabel:s}){const d=u((()=>{let e=[];return r&&(e=t?r.sort(((e,n)=>a(e)>a(n)?1:-1)):r),e.map((e=>({id:e.id,label:a(e)})))}),[r]);return e(ae,{disabled:i,value:n,options:d,onChange:l,showEmptyOption:o,emptyOptionLabel:s})}function ue({value:n,sort:t,disabled:i,labelGetter:a,onChange:l,options:r,showEmptyOption:o,emptyOptionLabel:s}){return e(me,{disabled:i,id:n?n.id:null,options:r,sort:t,onChange:e=>{l(r&&e?r.find((n=>n.id===e)):void 0)},labelGetter:a,showEmptyOption:o,emptyOptionLabel:s})}function ge({value:n,sort:t,disabled:i,onChange:a,options:l,showEmptyOption:r,emptyOptionLabel:o}){return e(ue,{value:n,labelGetter:e=>e.name,disabled:i,sort:t,options:l,onChange:a,showEmptyOption:r,emptyOptionLabel:o})}function be({id:n,sort:t,disabled:i,onChange:a,options:l,showEmptyOption:r,emptyOptionLabel:o}){return e(me,{id:n,labelGetter:e=>e.name,disabled:i,sort:t,options:l,onChange:a,showEmptyOption:r,emptyOptionLabel:o})}function ve({paging:n,totalItems:t,onPagingChanged:i}){const a=Math.ceil(t/n.size),l=e=>{n.page=e,i(d.clone(n))},r=[];if(a>1){r.push(e(z.First,{onClick:()=>l(0),disabled:0===n.page},"first")),r.push(e(z.Prev,{onClick:()=>l(n.page-1),disabled:0===n.page},"prev"));const t=Math.round(3.5);let i=n.page>t?n.page-t:0,o=i+10;o>=a&&(o=a-1),i>0&&r.push(e(z.Ellipsis,{disabled:!0},"ellipsisStart"));for(let t=i;t<=o;t++)r.push(e(z.Item,{active:t===n.page,onClick:()=>l(t),children:t+1},t));o<a-1&&r.push(e(z.Ellipsis,{disabled:!0},"ellipsisEnd")),r.push(e(z.Next,{onClick:()=>l(n.page+1),disabled:n.page===a-1},"next")),r.push(e(z.Last,{onClick:()=>l(a-1),disabled:n.page===a-1},"last"))}return e(z,{size:"sm",className:"flex-wrap m-0",children:r})}const fe=[{id:10,label:"10"},{id:100,label:"100"},{id:1e3,label:"1000"}];function ye({hover:i,showPagingOnBottom:l,showPageSizeSelection:r,striped:o,bordered:s,header:c,children:h,paging:p,totalItems:m,onPagingChanged:g}){const b=Math.ceil(m/p.size),v=u((()=>{const e=p.size;if(null===fe.find((n=>n.id===e))){const n=d.clone(fe);return n.push({id:e,label:String(e)}),n}return fe}),[p]);return e("div",{children:t(k,{hover:i,striped:o,responsive:!0,bordered:s,children:[t("thead",{children:[e("tr",{children:e("td",{colSpan:c.length,children:t("div",{className:"d-flex justify-content-between align-items-center gap-2",children:[t("div",{children:[e(K,{text:"Page"}),": ",p.page+1," / ",b]}),b>0&&e(ve,{paging:p,totalItems:m,onPagingChanged:g}),t("div",{children:[e(K,{text:"Total items"}),": ",m]})]})})}),e("tr",{children:c.map(((i,l)=>{const r=!1===i.sort?"":a.isBlank(i.sort)?i.name:i.sort;if(a.isBlank(r)||!r)return e("th",{children:i.label},l);const o=p.sorting&&p.sorting.find((e=>e.name===r));return t("th",{className:"user-select-none text-nowrap",role:"button",onClick:e=>((e,n)=>{p.sorting||(p.sorting=[]);let t=p.sorting.find((e=>e.name===n));const i=t&&1===p.sorting.length;e.ctrlKey||i||(p.sorting=[],t=void 0),t?t.desc=!t.desc:p.sorting.push({name:n}),g(d.clone(p))})(e,r),children:[i.label,o?o.desc?e(B,{}):e(M,{}):e(n,{})]},l)}))})]}),e("tbody",{children:h}),m>0&&t("tfoot",{children:[l&&e("tr",{children:e("td",{colSpan:c.length,children:t("div",{className:"d-flex justify-content-between align-items-center gap-2",children:[t("div",{children:[e(K,{text:"Page"}),": ",p.page+1," / ",b]}),b>0&&e(ve,{paging:p,totalItems:m,onPagingChanged:g}),t("div",{children:[e(K,{text:"Total items"}),": ",m]})]})})}),r&&e("tr",{children:e("td",{colSpan:c.length,children:t("div",{className:"d-flex align-items-center gap-2 justify-content-end",children:[t("div",{className:"text-nowrap",children:[e(K,{text:"Page size"}),":"]}),e("div",{children:e(ae,{value:p.size,options:v,onChange:e=>{p.size=e||10,g({...p})},showEmptyOption:!1})})]})})})]})]})})}function Ce({disabled:n,checked:t,iconOn:i,iconOff:a,size:l,onChange:r}){const o=u((()=>t?i||e(D,{size:l}):a||e(A,{size:l,className:"text-muted"})),[t,i,a,l]);return e("div",{className:"d-flex align-items-center cursor-pointer",onClick:e=>{e.stopPropagation(),e.preventDefault(),r(!t)},children:o})}function we({showSelect:n,header:i,items:a,onSelect:l,onClick:r,totalItems:o,paging:s,onPagingChanged:c}){const[h,p]=v(!1),[m,f]=v(),y=g((e=>{m&&f(m.map((n=>({selected:e,item:n.item})))),p(e)}),[m]),C=u((()=>{const t=[...i];return!1!==n&&t.unshift({name:"",label:e("div",{className:"py-1",children:e(Ce,{checked:h,onChange:()=>y(!h),iconOn:e(F,{})})})}),t}),[i,h,y]);return b((()=>{f(a?a.map((e=>({selected:h,item:e}))):void 0)}),[a]),b((()=>{m&&l&&l(m.filter((e=>e.selected)).map((e=>e.item)))}),[m,l]),e(ye,{header:C,hover:void 0!==r,paging:s,striped:!0,totalItems:o,onPagingChanged:c,children:m&&m.map(((a,l)=>t("tr",{className:`selectable ${r?"cursor-pointer":""} ${a.selected?"table-active table-primary":""}`,onClick:e=>{r&&r(a.item)},children:[!1!==n&&e("td",{children:e("div",{className:"py-2 d-flex align-items-center",children:e(Ce,{checked:a.selected,onChange:()=>{a.selected=!a.selected,h&&!a.selected&&p(!1),f([...m])}})})}),i.map(((n,t)=>{const i=n.renderer||(l=n.name,e=>d.getNestedValue(e,l));var l;return e("td",{children:i(a.item)},t)}))]},l)))})}function xe({cols:n,rows:t,size:i}){const a=u((()=>void 0===n?1:n),[n]),l=u((()=>void 0===t?20:t),[t]);return u((()=>void 0===i?"lg":i),[i]),e("div",{children:e(k,{responsive:!0,children:e("tbody",{children:Array.from({length:l},((n,t)=>e("tr",{children:Array.from({length:a},((n,t)=>e("td",{children:e("div",{className:"w-100 p-1 m-1"})},t)))},t)))})})})}function Ne({value:n}){return e("div",{className:"text-nowrap",children:l.formatDateTimeForHumans(n)})}function ze({ms:t}){return d.isEmpty(t)?e(n,{}):e("div",{className:"text-nowrap",children:l.formatDuration(t)})}function ke({date:n}){const t=u((()=>d.isEmpty(n)?null:Date.now()-n.getTime()),[n]);return e(ze,{ms:t})}const Oe=new Map([[c.error,H],[c.warning,$],[c.info,T]]);function Se({type:n,size:t,customVariant:i}){const a=Oe.get(n)||j;return e("div",{className:`d-flex align-items-center text-${void 0===i?n:i}`,children:a({size:t})})}function Ee({userAlert:n,maxDurationMs:i}){return t(O,{direction:"horizontal",gap:2,className:"align-items-center",children:[n.remainsMs&&e("div",{style:{width:20},children:e(S,{min:0,max:i,now:n.remainsMs,variant:n.type})}),e("div",{children:l.formatDateForHumans(n.time)}),e(Se,{type:n.type}),e("div",{children:n.message})]})}function Le({userAlerts:i}){const[a,l]=v(!1),[r,o]=v(i.alerts.length),[s,d]=v([...i.visibleAlerts]),[c,h]=v(i.getSummary()),p=g((()=>{o(i.alerts.length),d(a?[...i.alerts]:[...i.visibleAlerts]),h(i.getSummary())}),[i,a]);return b((()=>{i.addOnChangeHandler(p);const e=setInterval((()=>i.updateVisibility()),100);return()=>{clearInterval(e),i.removeOnChangeHandler(p)}}),[i,p]),r<=0?e(n,{}):t("div",{className:"user-alerts border rounded bg-body text-body position-fixed text-end",style:{bottom:15,right:15,zIndex:2147483647},children:[s.length>0&&e("div",{className:"max-w-50 p-2 border-bottom",children:s.map(((n,t)=>e(Ee,{userAlert:n,maxDurationMs:i.maxVisibilityMs},t)))}),e("div",{className:"p-2",children:t(O,{direction:"horizontal",gap:2,className:"justify-content-end align-items-center",children:[e(Z,a?{size:"sm",variant:"primary",onClick:()=>l(!1),icon:e(U,{}),children:"Hide"}:{size:"sm",variant:"primary",onClick:()=>l(!0),icon:e(V,{}),children:"Show All"}),Array.from(c.entries()).map(((n,i)=>t(O,{direction:"horizontal",gap:1,className:"px-1 border rounded align-items-center",children:[e(Se,{type:n[0],customVariant:0===n[1]?"muted":void 0}),e("div",{className:n[1]>0?`text-${n[0]} fw-bold`:"text-muted",children:n[1]})]},i))),e(Z,{size:"sm",variant:"danger",onClick:()=>i.reset(),icon:e(I,{}),children:"Reset"})]})})]})}class Pe{constructor(e){this.setProps=e}confirm(e,n,t){this.setProps({name:e,text:n,onConfirm:()=>{t(),this.setProps(void 0)},onClose:()=>this.setProps(void 0)})}}const Ge=p(new Pe((()=>{})));function Ie({name:n,text:i,onClose:a,onConfirm:l}){return t(E,{show:!0,backdrop:!0,onHide:a,children:[e(E.Header,{children:n||"Confirm"}),e(E.Body,{children:i}),e(E.Footer,{children:t(O,{direction:"horizontal",children:[e(w,{variant:"link",onClick:a,children:e(K,{text:"Back"})}),e(w,{variant:"primary",onClick:l,children:e(K,{text:"Yes"})})]})})]})}function Be({stats:n}){const i=n.heapSize,a=n.heapMaxSize,l=n.heapFreeSize,r=i-l;return t("div",{children:[t("div",{className:"d-flex align-items-center gap-2",children:[e("pre",{children:"Java Heap"}),t("pre",{children:["[",h.formatByteSize(i)," / ",h.formatByteSize(a),"]"]})]}),t("div",{className:"d-flex align-items-center gap-2",children:[e("pre",{children:"Used:"}),e(L,{className:"bg-warning text-bg-warning",children:h.formatByteSize(r)}),e("pre",{children:"Free:"}),e(L,{className:"bg-success text-white",children:h.formatByteSize(l)})]}),e("div",{className:"p-1",children:t(S,{min:0,max:a,children:[e(S,{variant:"warning",min:0,now:r,max:a}),e(S,{variant:"success",min:0,now:l,max:a})]})})]})}function Me({name:n,stats:i}){return t("div",{children:[t("div",{className:"d-flex align-items-center gap-2",children:[e("pre",{children:n}),t("pre",{children:["[",i.cachedItems,i.capacity>0&&" / ",i.capacity>0&&i.capacity,"]"]})]}),i.capacity>0&&e("div",{className:"p-1",children:e(S,{now:i.cachedItems,min:0,max:i.capacity})})]})}const De=new Map([["Idle","secondary"],["Processing","success"],["Loading","warn"]]);function Ae({state:n}){const t=De.get(n)||"light";return e(L,{className:`bg-${t} text-bg-${t}`,children:n})}function Fe({name:n,stats:i}){const a=i?i.remaining+i.processed:void 0;return t("div",{children:[t("div",{className:"d-flex align-items-center gap-2",children:[e("pre",{children:n}),t("pre",{children:["[",void 0!==i?.processed?i.processed:"?"," / ",void 0!==a?a:"?","]"]}),e(Ae,{state:i?i.state:"Unknown"})]}),e("div",{className:"p-1",children:i?e(S,{variant:"primary",striped:!0,animated:!0,min:0,now:i.processed,max:a||1}):e(P,{className:"w-100",animation:"glow",children:e(P,{className:"w-100"})})})]})}function He({children:n,center:t}){const i=u((()=>!1===t?"":"d-flex align-items-center justify-content-center"),[t]);return e("div",{className:`w-100 h-100 position-absolute ${i}`,style:{left:0,right:0,top:0,bottom:0},children:n})}export{ye as AdvancedTable,ce as AutocompleteEntityIdSelect,de as AutocompleteEntitySelect,pe as AutocompleteLookupIdSelect,he as AutocompleteLookupSelect,se as AutocompleteSelect,Me as CacheStatsControl,Ie as ConfirmDialog,Ge as ConfirmDialogContext,Pe as ConfirmDialogContextData,W as DateInput,Ne as DateTime,X as DateTimeInput,te as DeleteButton,ze as Duration,ke as Elapsed,me as EntityIdSelect,ue as EntitySelect,be as EntityWithNameIdSelect,ge as EntityWithNameSelect,re as EnumSelect,Y as FormRow,q as FormRowControl,Z as IconButton,_ as IconSwitch,Be as JavaHeapControl,ee as LoadingButton,J as LocalizationContext,K as Localize,le as LookupSelect,ae as NumberSelect,Ae as QueueStateControl,Fe as QueueStatsControl,ne as SaveButton,He as Spread,ie as StringSelect,oe as Switch,ve as TablePagination,xe as TablePlaceholder,we as TableWithSelect,Q as TextInputWithReset,Se as UserAlertTypeIcon,Ee as UserAlertWidget,Le as UserAlertsWidget};
|
|
1
|
+
import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{BasicLocalization as i,StringUtil as a,DateUtil as l,NumberUtil as r,CancellablePromise as o,EntityClientWithStub as s,ObjectUtil as d,UserAlertType as c,ByteUtil as h}from"zavadil-ts-common";import{createContext as p,useContext as m,useMemo as u,useCallback as g,useEffect as b,useState as v,useRef as f}from"react";import{Form as y,InputGroup as C,Button as w,Spinner as x,Dropdown as N,Pagination as z,Table as k,Stack as O,ProgressBar as S,Modal as E,Badge as L,Placeholder as P}from"react-bootstrap";import{BsXCircle as G,BsTrash as I,BsFillCaretDownFill as B,BsFillCaretUpFill as M,BsCheckCircle as D,BsCircle as A,BsCheckAll as F,BsBug as H,BsExclamationDiamond as $,BsInfo as T,BsQuestion as j,BsEye as V}from"react-icons/bs";import{FaFloppyDisk as R}from"react-icons/fa6";import{VscEyeClosed as U}from"react-icons/vsc";const J=p(new i);function K({text:t,tag:i}){const a=m(J),l=u((()=>{if(void 0!==i&&""!==i)return"string"==typeof i?{tags:[i]}:{tags:i}}),[i]),r=u((()=>a.translate(t,l)),[a,t,l]);return e(n,{children:r})}function Y({id:n,label:i,children:a}){return t(y.Group,{children:[e(y.Label,{id:n,children:e(K,{text:i})}),e("div",{children:a})]})}function q(n){const t=u((()=>n.id||a.randomString()),[n]);return e(Y,{label:n.label,id:t,children:e(y.Control,{...n,id:t})})}function Q({value:n,onChange:i,onReset:l,onBlur:r,disabled:o,className:s}){const d=u((()=>a.getNonEmpty(n)),[n]),c=u((()=>a.isBlank(n)),[d]),h=g((()=>{l?l():i("")}),[l,i]);return t(C,{className:s,children:[e(y.Control,{type:"text",disabled:o,value:d,onChange:e=>i(e.target.value),onBlur:r}),e(w,{onClick:h,disabled:c,children:e("div",{className:"d-flex align-items-center",children:e(G,{})})})]})}function W({value:n,onChange:t,disabled:i}){return e(y.Control,{type:"date",disabled:i,value:l.formatDateForInput(n),onChange:e=>{t(l.parseDate(e.target.value))}})}function X({value:n,onChange:t,disabled:i}){return e(y.Control,{type:"datetime-local",disabled:i,value:l.formatDateTimeForInput(n),onChange:e=>{t(l.parseDate(e.target.value))}})}function Z({disabled:n,variant:i,icon:a,size:l,children:r,type:o,onClick:s}){return e(w,{disabled:!0===n,size:l,onClick:s,variant:i,type:o,children:t("div",{className:"d-flex align-items-center gap-2",children:[a,r&&e("div",{children:r})]})})}function _({disabled:n,checked:i,iconOn:a,iconOff:l,size:r,onChange:o}){return t("div",{className:"d-flex align-items-center gap-2 cursor-pointer",onClick:e=>o(!i),children:[e(y.Switch,{disabled:n,size:r,type:"switch",checked:i,readOnly:!0,className:"cursor-pointer"}),i?a:l]})}function ee({disabled:n,icon:t,loading:i,children:a,size:l,variant:r,type:o,onClick:s}){return e(Z,!0===i?{disabled:!0,onClick:s,size:l,variant:r,type:o,icon:e(x,{size:"sm"}),children:a}:{disabled:n,onClick:s,icon:t,size:l,variant:r,children:a})}function ne({disabled:n,icon:t,loading:i,children:a,size:l,onClick:r,isChanged:o}){const s=u((()=>t||e(R,{})),[t]),d=u((()=>o?e("strong",{children:a}):a),[o,a]);return e(ee,{disabled:n||!1===o,onClick:r,icon:s,loading:i,size:l,children:d})}function te({disabled:n,icon:t,loading:i,children:a,size:l,onClick:r,isChanged:o}){const s=u((()=>t||e(I,{})),[t]);return e(ee,{disabled:n||!1===o,onClick:r,icon:s,loading:i,size:l,variant:"danger",children:a})}function ie({value:n,options:i,disabled:l,onChange:r,showEmptyOption:o,emptyOptionLabel:s}){return b((()=>{a.isBlank(n)&&i.length>0&&!0!==o&&r(i[0].id)}),[n,i,o,r]),t(y.Select,{value:n||"",onChange:e=>r(e.target.value),disabled:l,children:[!0===o&&e("option",{value:"",children:s||""},""),i?i.map(((n,t)=>e("option",{value:n.id||"",children:n.label||""},t))):e("span",{children:e(x,{})})]})}function ae({value:n,options:t,disabled:i,onChange:a,showEmptyOption:l,emptyOptionLabel:o}){const s=u((()=>n?String(n):""),[n]),d=u((()=>t?t.map((e=>({id:e.id?String(e.id):"",label:e.label}))):[]),[t]),c=g((e=>a(r.parseNumber(e))),[a]);return e(ie,{disabled:i,value:s,options:d,onChange:c,showEmptyOption:l,emptyOptionLabel:o})}function le({id:n,sort:t,disabled:i,labelGetter:a,onChange:l,options:r,showEmptyOption:o,emptyOptionLabel:s}){const d=u((()=>{let e=[];return r&&(e=t?r.sort(((e,n)=>e.name>n.name?1:-1)):r),e.map((e=>({id:e.id,label:a?a(e):e.name})))}),[r]);return e(ae,{disabled:i,value:n,options:d,onChange:l,showEmptyOption:o,emptyOptionLabel:s})}function re({value:n,options:t,onChange:i,showEmptyOption:a,emptyOptionLabel:l}){const r=u((()=>t?t.map((e=>({id:e,label:e}))):[]),[t]);return e(ie,{value:n,options:r,onChange:i,showEmptyOption:a,emptyOptionLabel:l})}function oe({id:n,label:t,disabled:i,checked:l,size:r,onChange:o}){const s=u((()=>n||a.randomString()),[n]);return e(y.Switch,{disabled:i,id:s,size:r,type:"switch",checked:l,onChange:e=>o(!l),className:"cursor-pointer",label:t})}function se({selected:n,disabled:i,labelGetter:a,onChange:l,onSearch:r}){const[s,d]=v(),[c,h]=v(),[p,m]=v(),y=f(),C=g((e=>a?a(e):"name"in e&&"string"==typeof e.name?e.name:`[${e.id}]`),[a]),w=u((()=>n?"border rounded border-primary":void 0),[n]),x=g((()=>{console.log("user left control"),p&&(m(void 0),h(n?C(n):""))}),[l,p,n,C]),z=g((()=>{y.current=window.setTimeout(x,100)}),[y,x]),k=g((()=>{y.current&&clearTimeout(y.current)}),[y]);b((()=>k),[]),b((()=>{h(n?C(n):""),s&&(s.cancel(),d(void 0)),m(void 0)}),[n]);const O=g((()=>{l(null),h(""),s&&(s.cancel(),d(void 0)),m(void 0)}),[l,s]),S=g((e=>{h(e),s&&s.cancel();const n=new o(r(e));n.promise.then(m),d(n)}),[s,r]),E=g((e=>{console.log("user selected item"),m(void 0),l({...e})}),[l]);return e("div",{onBlur:z,onFocus:k,children:t(N,{defaultShow:!1,show:null!==p,children:[e(Q,{disabled:i,value:c,onChange:S,onReset:O,className:w}),p&&e(N.Menu,{children:p.map((t=>e(N.Item,{onClick:e=>{k(),E(t)},active:t.id===n?.id,children:C(t)},t.id)))})]})})}function de({selected:n,disabled:t,labelGetter:i,onChange:l,entityClient:r}){const o=g((e=>r.loadPage({search:a.safeLowercase(e),page:0,size:10,sorting:[{name:"id"}]}).then((e=>e.content))),[i]);return e(se,{disabled:t,selected:n,labelGetter:i,onSearch:o,onChange:l})}function ce({id:n,disabled:t,labelGetter:i,onChange:a,entityClient:l}){const[r,o]=v(null);b((()=>{n?r&&r.id===n?o({...r}):l instanceof s?l.loadSingleStub(n).then(o):l.loadSingle(n).then(o):o(null)}),[n]);const d=g((e=>{const t=e?e.id:null;t!==n&&a(t),o(e)}),[n,a]);return e(de,{disabled:t,selected:r,labelGetter:i,entityClient:l,onChange:d})}function he({selected:n,disabled:t,labelGetter:i,onChange:l,lookupClient:r}){const o=u((()=>i||(e=>e.name)),[i]),s=g((e=>r.loadPage({search:a.safeLowercase(e),page:0,size:10,sorting:[{name:"name"}]}).then((e=>e.content))),[i]);return e(se,{disabled:t,selected:n,labelGetter:o,onSearch:s,onChange:l})}function pe({id:n,disabled:t,labelGetter:i,onChange:a,lookupClient:l}){const[r,o]=v(null);b((()=>{n?r&&r.id===n?o({...r}):l.loadSingle(n).then(o):o(null)}),[n]);const s=g((e=>{const t=e?e.id:null;t!==n&&a(t),o(e)}),[n,r]);return e(he,{disabled:t,selected:r,labelGetter:i,lookupClient:l,onChange:s})}function me({id:n,sort:t,disabled:i,labelGetter:a,onChange:l,options:r,showEmptyOption:o,emptyOptionLabel:s}){const d=u((()=>{let e=[];return r&&(e=t?r.sort(((e,n)=>a(e)>a(n)?1:-1)):r),e.map((e=>({id:e.id,label:a(e)})))}),[r]);return e(ae,{disabled:i,value:n,options:d,onChange:l,showEmptyOption:o,emptyOptionLabel:s})}function ue({value:n,sort:t,disabled:i,labelGetter:a,onChange:l,options:r,showEmptyOption:o,emptyOptionLabel:s}){return e(me,{disabled:i,id:n?n.id:null,options:r,sort:t,onChange:e=>{l(r&&e?r.find((n=>n.id===e)):void 0)},labelGetter:a,showEmptyOption:o,emptyOptionLabel:s})}function ge({value:n,sort:t,disabled:i,onChange:a,options:l,showEmptyOption:r,emptyOptionLabel:o}){return e(ue,{value:n,labelGetter:e=>e.name,disabled:i,sort:t,options:l,onChange:a,showEmptyOption:r,emptyOptionLabel:o})}function be({id:n,sort:t,disabled:i,onChange:a,options:l,showEmptyOption:r,emptyOptionLabel:o}){return e(me,{id:n,labelGetter:e=>e.name,disabled:i,sort:t,options:l,onChange:a,showEmptyOption:r,emptyOptionLabel:o})}function ve({paging:n,totalItems:t,onPagingChanged:i}){const a=Math.ceil(t/n.size),l=e=>{n.page=e,i(d.clone(n))},r=[];if(a>1){r.push(e(z.First,{onClick:()=>l(0),disabled:0===n.page},"first")),r.push(e(z.Prev,{onClick:()=>l(n.page-1),disabled:0===n.page},"prev"));const t=Math.round(3.5);let i=n.page>t?n.page-t:0,o=i+10;o>=a&&(o=a-1),i>0&&r.push(e(z.Ellipsis,{disabled:!0},"ellipsisStart"));for(let t=i;t<=o;t++)r.push(e(z.Item,{active:t===n.page,onClick:()=>l(t),children:t+1},t));o<a-1&&r.push(e(z.Ellipsis,{disabled:!0},"ellipsisEnd")),r.push(e(z.Next,{onClick:()=>l(n.page+1),disabled:n.page===a-1},"next")),r.push(e(z.Last,{onClick:()=>l(a-1),disabled:n.page===a-1},"last"))}return e(z,{size:"sm",className:"flex-wrap m-0",children:r})}const fe=[{id:10,label:"10"},{id:100,label:"100"},{id:1e3,label:"1000"}];function ye({hover:i,showPagingOnBottom:l,showPageSizeSelection:r,striped:o,bordered:s,header:c,children:h,paging:p,totalItems:m,onPagingChanged:g}){const b=Math.ceil(m/p.size),v=u((()=>{const e=p.size;if(null===fe.find((n=>n.id===e))){const n=d.clone(fe);return n.push({id:e,label:String(e)}),n}return fe}),[p]);return e("div",{children:t(k,{hover:i,striped:o,responsive:!0,bordered:s,children:[t("thead",{children:[e("tr",{children:e("td",{colSpan:c.length,children:t("div",{className:"d-flex justify-content-between align-items-center gap-2",children:[t("div",{children:[e(K,{text:"Page"}),": ",p.page+1," / ",b]}),b>0&&e(ve,{paging:p,totalItems:m,onPagingChanged:g}),t("div",{children:[e(K,{text:"Total items"}),": ",m]})]})})}),e("tr",{children:c.map(((i,l)=>{const r=!1===i.sort?"":a.isBlank(i.sort)?i.name:i.sort;if(a.isBlank(r)||!r)return e("th",{children:i.label},l);const o=p.sorting&&p.sorting.find((e=>e.name===r));return t("th",{className:"user-select-none text-nowrap",role:"button",onClick:e=>((e,n)=>{p.sorting||(p.sorting=[]);let t=p.sorting.find((e=>e.name===n));const i=t&&1===p.sorting.length;e.ctrlKey||i||(p.sorting=[],t=void 0),t?t.desc=!t.desc:p.sorting.push({name:n}),g(d.clone(p))})(e,r),children:[i.label,o?o.desc?e(B,{}):e(M,{}):e(n,{})]},l)}))})]}),e("tbody",{children:h}),m>0&&t("tfoot",{children:[l&&e("tr",{children:e("td",{colSpan:c.length,children:t("div",{className:"d-flex justify-content-between align-items-center gap-2",children:[t("div",{children:[e(K,{text:"Page"}),": ",p.page+1," / ",b]}),b>0&&e(ve,{paging:p,totalItems:m,onPagingChanged:g}),t("div",{children:[e(K,{text:"Total items"}),": ",m]})]})})}),r&&e("tr",{children:e("td",{colSpan:c.length,children:t("div",{className:"d-flex align-items-center gap-2 justify-content-end",children:[t("div",{className:"text-nowrap",children:[e(K,{text:"Page size"}),":"]}),e("div",{children:e(ae,{value:p.size,options:v,onChange:e=>{p.size=e||10,g({...p})},showEmptyOption:!1})})]})})})]})]})})}function Ce({disabled:n,checked:t,iconOn:i,iconOff:a,size:l,onChange:r}){const o=u((()=>t?i||e(D,{size:l}):a||e(A,{size:l,className:"text-muted"})),[t,i,a,l]);return e("div",{className:"d-flex align-items-center cursor-pointer",onClick:e=>{e.stopPropagation(),e.preventDefault(),r(!t)},children:o})}function we({showSelect:n,header:i,items:a,onSelect:l,onClick:r,totalItems:o,paging:s,onPagingChanged:c}){const[h,p]=v(!1),[m,f]=v(),y=g((e=>{m&&f(m.map((n=>({selected:e,item:n.item})))),p(e)}),[m]),C=u((()=>{const t=[...i];return!1!==n&&t.unshift({name:"",label:e("div",{className:"py-1",children:e(Ce,{checked:h,onChange:()=>y(!h),iconOn:e(F,{})})})}),t}),[i,h,y]);return b((()=>{f(a?a.map((e=>({selected:h,item:e}))):void 0)}),[a]),b((()=>{m&&l&&l(m.filter((e=>e.selected)).map((e=>e.item)))}),[m,l]),e(ye,{header:C,hover:void 0!==r,paging:s,striped:!0,totalItems:o,onPagingChanged:c,children:m&&m.map(((a,l)=>t("tr",{className:`selectable ${r?"cursor-pointer":""} ${a.selected?"table-active table-primary":""}`,onClick:e=>{r&&r(a.item)},children:[!1!==n&&e("td",{children:e("div",{className:"py-2 d-flex align-items-center",children:e(Ce,{checked:a.selected,onChange:()=>{a.selected=!a.selected,h&&!a.selected&&p(!1),f([...m])}})})}),i.map(((n,t)=>{const i=n.renderer||(l=n.name,e=>d.getNestedValue(e,l));var l;return e("td",{children:i(a.item)},t)}))]},l)))})}function xe({cols:n,rows:t,size:i}){const a=u((()=>void 0===n?1:n),[n]),l=u((()=>void 0===t?20:t),[t]);return u((()=>void 0===i?"lg":i),[i]),e("div",{children:e(k,{responsive:!0,children:e("tbody",{children:Array.from({length:l},((n,t)=>e("tr",{children:Array.from({length:a},((n,t)=>e("td",{children:e("div",{className:"w-100 p-1 m-1"})},t)))},t)))})})})}function Ne({value:n}){return e("div",{className:"text-nowrap",children:l.formatDateTimeForHumans(n)})}function ze({ms:t}){return d.isEmpty(t)?e(n,{}):e("div",{className:"text-nowrap",children:l.formatDuration(t)})}function ke({date:n}){const t=u((()=>d.isEmpty(n)?null:Date.now()-n.getTime()),[n]);return e(ze,{ms:t})}const Oe=new Map([[c.error,H],[c.warning,$],[c.info,T]]);function Se({type:n,size:t,customVariant:i}){const a=Oe.get(n)||j;return e("div",{className:`d-flex align-items-center text-${void 0===i?n:i}`,children:a({size:t})})}function Ee({userAlert:n,maxDurationMs:i}){return t(O,{direction:"horizontal",gap:2,className:"align-items-center",children:[n.remainsMs&&e("div",{style:{width:20},children:e(S,{min:0,max:i,now:n.remainsMs,variant:n.type})}),e("div",{children:l.formatDateForHumans(n.time)}),e(Se,{type:n.type}),e("div",{children:n.message})]})}function Le({userAlerts:i}){const[a,l]=v(!1),[r,o]=v(i.alerts.length),[s,d]=v([...i.visibleAlerts]),[c,h]=v(i.getSummary()),p=g((()=>{o(i.alerts.length),d(a?[...i.alerts]:[...i.visibleAlerts]),h(i.getSummary())}),[i,a]);return b((()=>{i.addOnChangeHandler(p);const e=setInterval((()=>i.updateVisibility()),100);return()=>{clearInterval(e),i.removeOnChangeHandler(p)}}),[i,p]),r<=0?e(n,{}):t("div",{className:"user-alerts border rounded bg-body text-body position-fixed text-end",style:{bottom:15,right:15,zIndex:2147483647},children:[s.length>0&&e("div",{className:"max-w-50 p-2 border-bottom",children:s.map(((n,t)=>e(Ee,{userAlert:n,maxDurationMs:i.maxVisibilityMs},t)))}),e("div",{className:"p-2",children:t(O,{direction:"horizontal",gap:2,className:"justify-content-end align-items-center",children:[e(Z,a?{size:"sm",variant:"primary",onClick:()=>l(!1),icon:e(U,{}),children:"Hide"}:{size:"sm",variant:"primary",onClick:()=>l(!0),icon:e(V,{}),children:"Show All"}),Array.from(c.entries()).map(((n,i)=>t(O,{direction:"horizontal",gap:1,className:"px-1 border rounded align-items-center",children:[e(Se,{type:n[0],customVariant:0===n[1]?"muted":void 0}),e("div",{className:n[1]>0?`text-${n[0]} fw-bold`:"text-muted",children:n[1]})]},i))),e(Z,{size:"sm",variant:"danger",onClick:()=>i.reset(),icon:e(I,{}),children:"Reset"})]})})]})}class Pe{constructor(e){this.setProps=e}confirm(e,n,t){this.setProps({name:e,text:n,onConfirm:()=>{t(),this.setProps(void 0)},onClose:()=>this.setProps(void 0)})}}const Ge=p(new Pe((()=>{})));function Ie({name:n,text:i,onClose:a,onConfirm:l}){return t(E,{show:!0,backdrop:!0,onHide:a,children:[e(E.Header,{children:n||"Confirm"}),e(E.Body,{children:i}),e(E.Footer,{children:t(O,{direction:"horizontal",children:[e(w,{variant:"link",onClick:a,children:e(K,{text:"Back"})}),e(w,{variant:"primary",onClick:l,children:e(K,{text:"Yes"})})]})})]})}function Be({stats:n}){const i=n.heapSize,a=n.heapMaxSize,l=n.heapFreeSize,r=i-l;return t("div",{children:[t("div",{className:"d-flex align-items-center gap-2",children:[e("pre",{children:"Java Heap"}),t("pre",{children:["[",h.formatByteSize(i)," / ",h.formatByteSize(a),"]"]})]}),t("div",{className:"d-flex align-items-center gap-2",children:[e("pre",{children:"Used:"}),e(L,{className:"bg-warning text-bg-warning",children:h.formatByteSize(r)}),e("pre",{children:"Free:"}),e(L,{className:"bg-success text-white",children:h.formatByteSize(l)})]}),e("div",{className:"p-1",children:t(S,{min:0,max:a,children:[e(S,{variant:"warning",min:0,now:r,max:a}),e(S,{variant:"success",min:0,now:l,max:a})]})})]})}function Me({name:n,stats:i}){return t("div",{children:[t("div",{className:"d-flex align-items-center gap-2",children:[e("pre",{children:n}),t("pre",{children:["[",i.cachedItems,i.capacity>0&&" / ",i.capacity>0&&i.capacity,"]"]})]}),i.capacity>0&&e("div",{className:"p-1",children:e(S,{now:i.cachedItems,min:0,max:i.capacity})})]})}const De=new Map([["Idle","secondary"],["Processing","success"],["Loading","warn"]]);function Ae({state:n}){const t=De.get(n)||"light";return e(L,{className:`bg-${t} text-bg-${t}`,children:n})}function Fe({name:n,stats:i}){const a=i?i.remaining+i.processed:void 0;return t("div",{children:[t("div",{className:"d-flex align-items-center gap-2",children:[e("pre",{children:n}),t("pre",{children:["[",void 0!==i?.processed?i.processed:"?"," / ",void 0!==a?a:"?","]"]}),e(Ae,{state:i?i.state:"Unknown"})]}),e("div",{className:"p-1",children:i?e(S,{variant:"primary",striped:!0,animated:!0,min:0,now:i.processed,max:a||1}):e(P,{className:"w-100",animation:"glow",children:e(P,{className:"w-100"})})})]})}function He({children:n,center:t}){const i=u((()=>!1===t?"":"d-flex align-items-center justify-content-center"),[t]);return e("div",{className:`w-100 h-100 position-absolute ${i}`,style:{left:0,right:0,top:0,bottom:0},children:n})}export{ye as AdvancedTable,ce as AutocompleteEntityIdSelect,de as AutocompleteEntitySelect,pe as AutocompleteLookupIdSelect,he as AutocompleteLookupSelect,se as AutocompleteSelect,Me as CacheStatsControl,Ie as ConfirmDialog,Ge as ConfirmDialogContext,Pe as ConfirmDialogContextData,W as DateInput,Ne as DateTime,X as DateTimeInput,te as DeleteButton,ze as Duration,ke as Elapsed,me as EntityIdSelect,ue as EntitySelect,be as EntityWithNameIdSelect,ge as EntityWithNameSelect,re as EnumSelect,Y as FormRow,q as FormRowControl,Z as IconButton,_ as IconSwitch,Be as JavaHeapControl,ee as LoadingButton,J as LocalizationContext,K as Localize,le as LookupSelect,ae as NumberSelect,Ae as QueueStateControl,Fe as QueueStatsControl,ne as SaveButton,He as Spread,ie as StringSelect,oe as Switch,ve as TablePagination,xe as TablePlaceholder,we as TableWithSelect,Q as TextInputWithReset,Se as UserAlertTypeIcon,Ee as UserAlertWidget,Le as UserAlertsWidget};
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/component/localization/LocalizationContext.ts","../src/component/localization/Localize.tsx","../src/component/forms/FormRow.tsx","../src/component/forms/FormRowControl.tsx","../src/component/forms/TextInputWithReset.tsx","../src/component/forms/DateInput.tsx","../src/component/forms/DateTimeInput.tsx","../src/component/forms/IconButton.tsx","../src/component/forms/IconSwitch.tsx","../src/component/forms/LoadingButton.tsx","../src/component/forms/SaveButton.tsx","../src/component/forms/DeleteButton.tsx","../src/component/forms/StringSelect.tsx","../src/component/forms/NumberSelect.tsx","../src/component/forms/LookupSelect.tsx","../src/component/forms/EnumSelect.tsx","../src/component/forms/Switch.tsx","../src/component/forms/AutocompleteSelect.tsx","../src/component/forms/AutocompleteEntitySelect.tsx","../src/component/forms/AutocompleteEntityIdSelect.tsx","../src/component/forms/AutocompleteLookupSelect.tsx","../src/component/forms/AutocompleteLookupIdSelect.tsx","../src/component/forms/EntityIdSelect.tsx","../src/component/forms/EntitySelect.tsx","../src/component/forms/EntityWithNameSelect.tsx","../src/component/forms/EntityWithNameIdSelect.tsx","../src/component/tables/TablePagination.tsx","../src/component/tables/AdvancedTable.tsx","../src/component/forms/IconCheck.tsx","../src/component/tables/TableWithSelect.tsx","../src/component/tables/TablePlaceholder.tsx","../src/component/datetime/DateTime.tsx","../src/component/datetime/Duration.tsx","../src/component/datetime/Elapsed.tsx","../src/component/alerts/UserAlertTypeIcon.tsx","../src/component/alerts/UserAlertWidget.tsx","../src/component/alerts/UserAlertsWidget.tsx","../src/component/dialogs/ConfirmDialog.tsx","../src/component/stats/JavaHeapControl.tsx","../src/component/stats/CacheStatsControl.tsx","../src/component/stats/QueueStateControl.tsx","../src/component/stats/QueueStatsControl.tsx","../src/component/Spread.tsx"],"sourcesContent":["import {createContext} from \"react\";\nimport {BasicLocalization, Localization} from \"zavadil-ts-common\";\n\nexport const LocalizationContext = createContext<Localization>(new BasicLocalization());\n","import {useContext, useMemo} from \"react\";\r\nimport {LocalizationContext} from \"./LocalizationContext\";\r\nimport {TranslateParams} from \"zavadil-ts-common\";\r\n\r\nexport type LocalizeProps = {\r\n\ttext: string;\r\n\ttag?: string | Array<string>;\r\n};\r\n\r\nexport function Localize({text, tag}: LocalizeProps) {\r\n\tconst localization = useContext(LocalizationContext);\r\n\r\n\tconst p: TranslateParams | undefined = useMemo(\r\n\t\t() => {\r\n\t\t\tif (tag === undefined || tag === '') return undefined;\r\n\t\t\tif (typeof tag === 'string') return {tags: [tag]};\r\n\t\t\treturn {tags: tag};\r\n\t\t},\r\n\t\t[tag]\r\n\t);\r\n\r\n\tconst t = useMemo(\r\n\t\t() => localization.translate(text, p),\r\n\t\t[localization, text, p]\r\n\t);\r\n\treturn <>{t}</>;\r\n}\r\n\r\nexport default Localize;\r\n","import {PropsWithChildren, useMemo} from \"react\";\nimport {Form} from \"react-bootstrap\";\nimport {Localize} from \"../localization\";\nimport {StringUtil} from \"zavadil-ts-common\";\n\nexport type FormRowProps = PropsWithChildren & {\n\tlabel: string;\n\tid?: string;\n};\n\nexport function FormRow({id, label, children}: FormRowProps) {\n\tconst actualId = useMemo(() => id || StringUtil.randomString(), [id]);\n\treturn (\n\t\t<Form.Group>\n\t\t\t<Form.Label id={actualId}>\n\t\t\t\t<Localize text={label}/>\n\t\t\t</Form.Label>\n\t\t\t<div>{children}</div>\n\t\t</Form.Group>\n\t);\n}\n","import {Form, FormControlProps} from \"react-bootstrap\";\nimport {FormRow} from \"./FormRow\";\n\nexport type FormRowControlProps = FormControlProps & {\n\tlabel: string;\n\tid?: string;\n};\n\nexport function FormRowControl(props: FormRowControlProps) {\n\treturn (\n\t\t<FormRow label={props.label} id={props.id}>\n\t\t\t<Form.Control {...props}/>\n\t\t</FormRow>\n\t);\n}\n","import {StringUtil} from 'zavadil-ts-common';\r\nimport {Button, Form, InputGroup} from \"react-bootstrap\";\r\nimport {BsXCircle} from \"react-icons/bs\";\r\nimport {useCallback, useMemo} from \"react\";\r\n\r\nexport type TextInputWithResetProps = {\r\n\tvalue?: string | null;\r\n\tonChange: (s: string) => any;\r\n\tonReset?: () => any;\r\n\tdisabled?: boolean;\r\n\tonBlur?: () => any;\r\n\tclassName?: string;\r\n};\r\n\r\nexport function TextInputWithReset({value, onChange, onReset, onBlur, disabled, className}: TextInputWithResetProps) {\r\n\tconst actual = useMemo(\r\n\t\t() => StringUtil.getNonEmpty(value),\r\n\t\t[value]\r\n\t);\r\n\r\n\tconst isEmpty = useMemo(\r\n\t\t() => StringUtil.isBlank(value),\r\n\t\t[actual]\r\n\t);\r\n\r\n\tconst reset = useCallback(\r\n\t\t() => {\r\n\t\t\tif (onReset) {\r\n\t\t\t\tonReset();\r\n\t\t\t} else {\r\n\t\t\t\tonChange('');\r\n\t\t\t}\r\n\t\t},\r\n\t\t[onReset, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<InputGroup className={className}>\r\n\t\t\t<Form.Control\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tvalue={actual}\r\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\r\n\t\t\t\tonBlur={onBlur}\r\n\t\t\t/>\r\n\t\t\t<Button onClick={reset} disabled={isEmpty}>\r\n\t\t\t\t<div className=\"d-flex align-items-center\">\r\n\t\t\t\t\t<BsXCircle/>\r\n\t\t\t\t</div>\r\n\t\t\t</Button>\r\n\t\t</InputGroup>\r\n\t);\r\n}\r\n\r\nexport default TextInputWithReset;\r\n","import {DateUtil} from 'zavadil-ts-common';\r\nimport {Form} from \"react-bootstrap\";\r\n\r\nexport type DateInputProps = {\r\n\tvalue?: Date | null;\r\n\tonChange: (d: Date | undefined) => any;\r\n\tdisabled?: boolean;\r\n};\r\n\r\nexport function DateInput({value, onChange, disabled}: DateInputProps) {\r\n\treturn (\r\n\t\t<Form.Control\r\n\t\t\ttype=\"date\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={DateUtil.formatDateForInput(value)}\r\n\t\t\tonChange={(e) => {\r\n\t\t\t\tonChange(DateUtil.parseDate(e.target.value));\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default DateInput;\r\n","import {DateUtil} from 'zavadil-ts-common';\r\nimport {Form} from \"react-bootstrap\";\r\n\r\nexport type DateTimeInputProps = {\r\n\tvalue?: Date | null;\r\n\tonChange: (d: Date | undefined) => any;\r\n\tdisabled?: boolean;\r\n};\r\n\r\nexport function DateTimeInput({value, onChange, disabled}: DateTimeInputProps) {\r\n\treturn (\r\n\t\t<Form.Control\r\n\t\t\ttype=\"datetime-local\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={DateUtil.formatDateTimeForInput(value)}\r\n\t\t\tonChange={(e) => {\r\n\t\t\t\tonChange(DateUtil.parseDate(e.target.value));\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default DateTimeInput;\r\n","import { Button } from \"react-bootstrap\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { ButtonVariant } from \"react-bootstrap/types\";\n\nexport type IconButtonProps = {\n disabled?: boolean;\n onClick?: () => any;\n size?: \"sm\" | \"lg\";\n icon?: ReactNode;\n variant?: ButtonVariant;\n type?: \"submit\" | \"reset\" | \"button\" | undefined;\n};\n\nexport function IconButton({\n disabled,\n variant,\n icon,\n size,\n children,\n type,\n onClick,\n}: PropsWithChildren<IconButtonProps>) {\n return (\n <Button\n disabled={disabled === true}\n size={size}\n onClick={onClick}\n variant={variant}\n type={type}\n >\n <div className=\"d-flex align-items-center gap-2\">\n {icon}\n {children && <div>{children}</div>}\n </div>\n </Button>\n );\n}\n\nexport default IconButton;\n","import {Form} from \"react-bootstrap\";\r\nimport {ReactNode} from \"react\";\r\n\r\nexport type IconSwitchProps = {\r\n\tdisabled?: boolean;\r\n\tchecked: boolean;\r\n\tonChange: (checked: boolean) => any;\r\n\tsize?: number;\r\n\ticonOn: ReactNode;\r\n\ticonOff: ReactNode;\r\n};\r\n\r\nexport function IconSwitch({disabled, checked, iconOn, iconOff, size, onChange}: IconSwitchProps) {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"d-flex align-items-center gap-2 cursor-pointer\"\r\n\t\t\tonClick={(e) => onChange(!checked)}\r\n\t\t>\r\n\t\t\t<Form.Switch\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tsize={size}\r\n\t\t\t\ttype=\"switch\"\r\n\t\t\t\tchecked={checked}\r\n\t\t\t\treadOnly={true}\r\n\t\t\t\tclassName=\"cursor-pointer\"\r\n\t\t\t/>\r\n\t\t\t{\r\n\t\t\t\tchecked ? iconOn : iconOff\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default IconSwitch;\r\n","import { Spinner } from \"react-bootstrap\";\nimport { PropsWithChildren } from \"react\";\nimport { IconButton, IconButtonProps } from \"./IconButton\";\n\nexport type ActiveButtonProps = IconButtonProps & {\n loading?: boolean;\n};\n\nexport function LoadingButton({\n disabled,\n icon,\n loading,\n children,\n size,\n variant,\n type,\n onClick,\n}: PropsWithChildren<ActiveButtonProps>) {\n return loading === true ? (\n <IconButton\n disabled={true}\n onClick={onClick}\n size={size}\n variant={variant}\n type={type}\n icon={<Spinner size=\"sm\" />}\n >\n {children}\n </IconButton>\n ) : (\n <IconButton\n disabled={disabled}\n onClick={onClick}\n icon={icon}\n size={size}\n variant={variant}\n >\n {children}\n </IconButton>\n );\n}\n\nexport default LoadingButton;\n","import {PropsWithChildren, useMemo} from \"react\";\r\nimport {ActiveButtonProps, LoadingButton} from \"./LoadingButton\";\r\nimport {FaFloppyDisk} from \"react-icons/fa6\";\r\n\r\nexport type SaveButtonProps = ActiveButtonProps & {\r\n\tisChanged?: boolean;\r\n};\r\n\r\nexport function SaveButton({disabled, icon, loading, children, size, onClick, isChanged}: PropsWithChildren<SaveButtonProps>) {\r\n\tconst icn = useMemo(\r\n\t\t() => icon ? icon : <FaFloppyDisk/>,\r\n\t\t[icon]\r\n\t);\r\n\r\n\tconst content = useMemo(\r\n\t\t() => isChanged ? <strong>{children}</strong> : children,\r\n\t\t[isChanged, children]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<LoadingButton\r\n\t\t\tdisabled={disabled || (isChanged === false)}\r\n\t\t\tonClick={onClick}\r\n\t\t\ticon={icn}\r\n\t\t\tloading={loading}\r\n\t\t\tsize={size}\r\n\t\t>\r\n\t\t\t{content}\r\n\t\t</LoadingButton>\r\n\t);\r\n}\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\nimport {ActiveButtonProps, LoadingButton} from \"./LoadingButton\";\r\nimport {BsTrash} from \"react-icons/bs\";\r\n\r\nexport type DeleteButtonProps = ActiveButtonProps & {\r\n\tisChanged?: boolean;\r\n};\r\n\r\nexport function DeleteButton({disabled, icon, loading, children, size, onClick, isChanged}: PropsWithChildren<DeleteButtonProps>) {\r\n\tconst icn = useMemo(\r\n\t\t() => icon ? icon : <BsTrash/>,\r\n\t\t[icon]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<LoadingButton\r\n\t\t\tdisabled={disabled || (isChanged === false)}\r\n\t\t\tonClick={onClick}\r\n\t\t\ticon={icn}\r\n\t\t\tloading={loading}\r\n\t\t\tsize={size}\r\n\t\t\tvariant=\"danger\"\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</LoadingButton>\r\n\t);\r\n}\r\n","import {Form, Spinner} from \"react-bootstrap\";\r\nimport {StringUtil} from \"zavadil-ts-common\";\r\nimport {useEffect} from \"react\";\r\n\r\nexport type GenericSelectOption<T> = {\r\n\tid?: T | null;\r\n\tlabel: string;\r\n}\r\n\r\nexport type GenericSelectProps<T> = {\r\n\tvalue?: T | null;\r\n\toptions: Array<GenericSelectOption<T>>;\r\n\tonChange: (id: T | null | undefined) => any;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n}\r\n\r\nexport type StringSelectProps = GenericSelectProps<string>;\r\n\r\nexport function StringSelect({value, options, disabled, onChange, showEmptyOption, emptyOptionLabel}: StringSelectProps) {\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (StringUtil.isBlank(value)) {\r\n\t\t\t\tif (options.length > 0 && showEmptyOption !== true) {\r\n\t\t\t\t\tonChange(options[0].id);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t[value, options, showEmptyOption, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<Form.Select\r\n\t\t\tvalue={value || ''}\r\n\t\t\tonChange={(e) => onChange(e.target.value)}\r\n\t\t\tdisabled={disabled}\r\n\t\t>\r\n\t\t\t{\r\n\t\t\t\t(showEmptyOption === true) && (\r\n\t\t\t\t\t<option key={\"\"} value={\"\"}>{emptyOptionLabel || ''}</option>\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\t{\r\n\t\t\t\toptions ?\r\n\t\t\t\t\toptions.map(\r\n\t\t\t\t\t\t(o, i) => <option key={i} value={o.id || ''}>{o.label || ''}</option>\r\n\t\t\t\t\t) : <span><Spinner/></span>\r\n\t\t\t}\r\n\t\t</Form.Select>\r\n\t)\r\n}\r\n","import {useCallback, useMemo} from \"react\";\r\nimport {NumberUtil} from \"zavadil-ts-common\";\r\nimport {GenericSelectProps, StringSelect} from \"./StringSelect\";\r\n\r\nexport type NumberSelectProps = GenericSelectProps<number>;\r\n\r\nexport function NumberSelect({value, options, disabled, onChange, showEmptyOption, emptyOptionLabel}: NumberSelectProps) {\r\n\tconst nValue = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!value) return '';\r\n\t\t\treturn String(value);\r\n\t\t},\r\n\t\t[value]\r\n\t);\r\n\r\n\tconst nOptions = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!options) return [];\r\n\t\t\treturn options.map(\r\n\t\t\t\t(o) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: o.id ? String(o.id) : '',\r\n\t\t\t\t\t\tlabel: o.label\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\tconst nChange = useCallback(\r\n\t\t(s: string | null | undefined) => onChange(NumberUtil.parseNumber(s)),\r\n\t\t[onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<StringSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={nValue}\r\n\t\t\toptions={nOptions}\r\n\t\t\tonChange={nChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {NumberSelect} from \"./NumberSelect\";\r\nimport {LookupTableEntity} from \"zavadil-ts-common\";\r\nimport {GenericSelectOption} from \"./StringSelect\";\r\n\r\nexport type LookupSelectProps = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<LookupTableEntity> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter?: <T extends LookupTableEntity>(item: T) => string;\r\n}\r\n\r\nexport function LookupSelect({id, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: LookupSelectProps) {\r\n\tconst lOptions: GenericSelectOption<number>[] = useMemo(\r\n\t\t() => {\r\n\t\t\tlet result: Array<LookupTableEntity> = []\r\n\t\t\tif (options) {\r\n\t\t\t\tresult = sort ? options.sort((a, b) => a.name > b.name ? 1 : -1) : options;\r\n\t\t\t}\r\n\t\t\treturn result\r\n\t\t\t\t.map(\r\n\t\t\t\t\t(o) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: o.id,\r\n\t\t\t\t\t\t\tlabel: labelGetter ? labelGetter(o) : o.name\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<NumberSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={id}\r\n\t\t\toptions={lOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {StringSelect} from \"./StringSelect\";\r\n\r\nexport type EnumSelectProps = {\r\n\tvalue?: string | null;\r\n\toptions: Array<string>;\r\n\tonChange: (id: string | null | undefined) => any;\r\n\tshowEmptyOption?: boolean;\r\n\temptyOptionLabel?: string;\r\n};\r\n\r\nexport function EnumSelect({value, options, onChange, showEmptyOption, emptyOptionLabel}: EnumSelectProps) {\r\n\tconst nOptions = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!options) return [];\r\n\t\t\treturn options.map(\r\n\t\t\t\t(s) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: s,\r\n\t\t\t\t\t\tlabel: s\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<StringSelect\r\n\t\t\tvalue={value}\r\n\t\t\toptions={nOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import { Form } from \"react-bootstrap\";\nimport { useMemo, ReactNode } from \"react\";\nimport { StringUtil } from \"zavadil-ts-common\";\n\nexport type SwitchProps = {\n id?: string;\n disabled?: boolean;\n checked: boolean;\n onChange: (checked: boolean) => any;\n size?: number;\n label?: string | ReactNode;\n};\n\nexport function Switch({\n id,\n label,\n disabled,\n checked,\n size,\n onChange,\n}: SwitchProps) {\n const actualId = useMemo(() => (id ? id : StringUtil.randomString()), [id]);\n return (\n <Form.Switch\n disabled={disabled}\n id={actualId}\n size={size}\n type=\"switch\"\n checked={checked}\n onChange={(e) => onChange(!checked)}\n className=\"cursor-pointer\"\n label={label}\n />\n );\n}\n","import {useCallback, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport {CancellablePromise, EntityBase} from \"zavadil-ts-common\";\r\nimport TextInputWithReset from \"./TextInputWithReset\";\r\nimport {Dropdown} from \"react-bootstrap\";\r\n\r\nexport type AutocompleteSelectProps<T extends EntityBase> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tonSearch: (text: string) => Promise<Array<T>>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteSelect<T extends EntityBase>({selected, disabled, labelGetter, onChange, onSearch}: AutocompleteSelectProps<T>) {\r\n\tconst [searchPromise, setSearchPromise] = useState<CancellablePromise>();\r\n\tconst [searchText, setSearchText] = useState<string>();\r\n\tconst [itemSelection, setItemSelection] = useState<Array<T>>();\r\n\tconst blurTimeout = useRef<number>();\r\n\r\n\tconst finalLabelGetter = useCallback(\r\n\t\t(item: T) => {\r\n\t\t\tif (labelGetter) return labelGetter(item);\r\n\t\t\tif ('name' in item && typeof item.name === 'string') return item.name;\r\n\t\t\treturn `[${item.id}]`;\r\n\t\t},\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\tconst finalCss = useMemo(\r\n\t\t() => selected ? 'border rounded border-primary' : undefined,\r\n\t\t[selected]\r\n\t);\r\n\r\n\tconst userLeftControl = useCallback(\r\n\t\t() => {\r\n\t\t\tconsole.log('user left control');\r\n\t\t\tif (itemSelection) {\r\n\t\t\t\tsetItemSelection(undefined);\r\n\t\t\t\tsetSearchText(selected ? finalLabelGetter(selected) : '');\r\n\t\t\t}\r\n\t\t},\r\n\t\t[onChange, itemSelection, selected, finalLabelGetter]\r\n\t);\r\n\r\n\tconst startBlur = useCallback(\r\n\t\t() => {\r\n\t\t\tblurTimeout.current = window.setTimeout(userLeftControl, 100);\r\n\t\t},\r\n\t\t[blurTimeout, userLeftControl]\r\n\t);\r\n\r\n\tconst cancelBlur = useCallback(\r\n\t\t() => {\r\n\t\t\tif (blurTimeout.current) {\r\n\t\t\t\tclearTimeout(blurTimeout.current);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[blurTimeout]\r\n\t);\r\n\r\n\t// Clean up the timeout when the component unmounts\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\treturn cancelBlur;\r\n\t\t},\r\n\t\t[]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetSearchText(selected ? finalLabelGetter(selected) : '');\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t\tsetSearchPromise(undefined);\r\n\t\t\t}\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t},\r\n\t\t[selected]\r\n\t);\r\n\r\n\tconst reset = useCallback(\r\n\t\t() => {\r\n\t\t\tonChange(null)\r\n\t\t\tsetSearchText('');\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t\tsetSearchPromise(undefined);\r\n\t\t\t}\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t},\r\n\t\t[onChange, searchPromise]\r\n\t);\r\n\r\n\tconst userChangedText = useCallback(\r\n\t\t(s: string) => {\r\n\t\t\tsetSearchText(s);\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t}\r\n\t\t\tconst cancellable = new CancellablePromise(onSearch(s));\r\n\t\t\tcancellable.promise.then(setItemSelection);\r\n\t\t\tsetSearchPromise(cancellable);\r\n\t\t},\r\n\t\t[searchPromise, onSearch]\r\n\t);\r\n\r\n\r\n\tconst userSelectedItem = useCallback(\r\n\t\t(item: T) => {\r\n\t\t\tconsole.log('user selected item');\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t\tonChange({...item});\r\n\t\t},\r\n\t\t[onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div onBlur={startBlur} onFocus={cancelBlur}>\r\n\t\t\t<Dropdown defaultShow={false} show={itemSelection !== null}>\r\n\t\t\t\t<TextInputWithReset\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tvalue={searchText}\r\n\t\t\t\t\tonChange={userChangedText}\r\n\t\t\t\t\tonReset={reset}\r\n\t\t\t\t\tclassName={finalCss}\r\n\t\t\t\t/>\r\n\t\t\t\t{\r\n\t\t\t\t\titemSelection &&\r\n\t\t\t\t\t<Dropdown.Menu>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\titemSelection.map(\r\n\t\t\t\t\t\t\t\t(item) => <Dropdown.Item\r\n\t\t\t\t\t\t\t\t\tkey={item.id}\r\n\t\t\t\t\t\t\t\t\tonClick={\r\n\t\t\t\t\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\tcancelBlur();\r\n\t\t\t\t\t\t\t\t\t\t\tuserSelectedItem(item);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tactive={item.id === selected?.id}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{finalLabelGetter(item)}\r\n\t\t\t\t\t\t\t\t</Dropdown.Item>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</Dropdown.Menu>\r\n\t\t\t\t}\r\n\t\t\t</Dropdown>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {useCallback} from \"react\";\r\nimport {EntityBase, EntityClient, StringUtil} from \"zavadil-ts-common\";\r\nimport {AutocompleteSelect} from \"./AutocompleteSelect\";\r\n\r\nexport type AutocompleteEntitySelectProps<T extends EntityBase> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tentityClient: EntityClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteEntitySelect<T extends EntityBase>({\r\n\tselected,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tentityClient\r\n}: AutocompleteEntitySelectProps<T>) {\r\n\r\n\tconst search = useCallback(\r\n\t\t(s: string) => entityClient\r\n\t\t\t.loadPage({search: StringUtil.safeLowercase(s), page: 0, size: 10, sorting: [{name: 'id'}]})\r\n\t\t\t.then((p) => p.content),\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tonSearch={search}\r\n\t\t\tonChange={onChange}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useEffect, useState} from \"react\";\r\nimport {EntityBase, EntityClient, EntityClientWithStub} from \"zavadil-ts-common\";\r\nimport {AutocompleteEntitySelect} from \"./AutocompleteEntitySelect\";\r\n\r\nexport type AutocompleteIdSelectProps<T extends EntityBase, TStub extends EntityBase> = {\r\n\tid?: number | null;\r\n\tonChange: (id?: number | null) => any;\r\n\tentityClient: EntityClient<T> | EntityClientWithStub<T, TStub>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteEntityIdSelect<T extends EntityBase, TStub extends EntityBase>({\r\n\tid,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tentityClient\r\n}: AutocompleteIdSelectProps<T, TStub>) {\r\n\tconst [selected, setSelected] = useState<T | null>(null);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!id) {\r\n\t\t\t\tsetSelected(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (selected && selected.id === id) {\r\n\t\t\t\tsetSelected({...selected});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (entityClient instanceof EntityClientWithStub) {\r\n\t\t\t\tentityClient.loadSingleStub(id).then(setSelected);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tentityClient.loadSingle(id).then(setSelected);\r\n\t\t},\r\n\t\t[id]\r\n\t);\r\n\r\n\tconst selectionChanged = useCallback(\r\n\t\t(s: T | null) => {\r\n\t\t\tconst nId = s ? s.id : null;\r\n\t\t\tif (nId !== id) onChange(nId);\r\n\t\t\tsetSelected(s);\r\n\t\t},\r\n\t\t[id, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteEntitySelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tentityClient={entityClient}\r\n\t\t\tonChange={selectionChanged}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useMemo} from \"react\";\r\nimport {LookupClient, LookupTableEntity, StringUtil} from \"zavadil-ts-common\";\r\nimport {AutocompleteSelect} from \"./AutocompleteSelect\";\r\n\r\nexport type AutocompleteLookupSelectProps<T extends LookupTableEntity> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tlookupClient: LookupClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteLookupSelect<T extends LookupTableEntity>({\r\n\tselected,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tlookupClient\r\n}: AutocompleteLookupSelectProps<T>) {\r\n\tconst finalLabelGetter = useMemo(\r\n\t\t() => labelGetter ? labelGetter : (item: LookupTableEntity) => item.name,\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\tconst search = useCallback(\r\n\t\t(s: string) => lookupClient\r\n\t\t\t.loadPage({search: StringUtil.safeLowercase(s), page: 0, size: 10, sorting: [{name: 'name'}]})\r\n\t\t\t.then((p) => p.content),\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={finalLabelGetter}\r\n\t\t\tonSearch={search}\r\n\t\t\tonChange={onChange}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useEffect, useState} from \"react\";\r\nimport {LookupClient, LookupTableEntity} from \"zavadil-ts-common\";\r\nimport {AutocompleteLookupSelect} from \"./AutocompleteLookupSelect\";\r\n\r\nexport type AutocompleteLookupIdSelectProps<T extends LookupTableEntity> = {\r\n\tid?: number | null;\r\n\tonChange: (id?: number | null) => any;\r\n\tlookupClient: LookupClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteLookupIdSelect<T extends LookupTableEntity>({\r\n\tid,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tlookupClient\r\n}: AutocompleteLookupIdSelectProps<T>) {\r\n\tconst [selected, setSelected] = useState<T | null>(null);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!id) {\r\n\t\t\t\tsetSelected(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (selected && selected.id === id) {\r\n\t\t\t\tsetSelected({...selected});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tlookupClient.loadSingle(id).then(setSelected);\r\n\t\t},\r\n\t\t[id]\r\n\t);\r\n\r\n\tconst selectionChanged = useCallback(\r\n\t\t(s: T | null) => {\r\n\t\t\tconst nId = s ? s.id : null;\r\n\t\t\tif (nId !== id) onChange(nId);\r\n\t\t\tsetSelected(s);\r\n\t\t},\r\n\t\t[id, selected]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteLookupSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tlookupClient={lookupClient}\r\n\t\t\tonChange={selectionChanged}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {NumberSelect} from \"./NumberSelect\";\r\nimport {EntityBase} from \"zavadil-ts-common\";\r\nimport {GenericSelectOption} from \"./StringSelect\";\r\n\r\nexport type EntityIdSelectProps<T extends EntityBase> = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter: (item: T) => string;\r\n}\r\n\r\nexport function EntityIdSelect<T extends EntityBase>(\r\n\t{id, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: EntityIdSelectProps<T>\r\n) {\r\n\tconst lOptions: GenericSelectOption<number>[] = useMemo(\r\n\t\t() => {\r\n\t\t\tlet result: Array<T> = []\r\n\t\t\tif (options) {\r\n\t\t\t\tresult = sort ? options.sort((a, b) => labelGetter(a) > labelGetter(b) ? 1 : -1) : options;\r\n\t\t\t}\r\n\t\t\treturn result\r\n\t\t\t\t.map(\r\n\t\t\t\t\t(o) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: o.id,\r\n\t\t\t\t\t\t\tlabel: labelGetter(o)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<NumberSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={id}\r\n\t\t\toptions={lOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityBase} from \"zavadil-ts-common\";\r\nimport {EntityIdSelect} from \"./EntityIdSelect\";\r\n\r\nexport type EntitySelectProps<T extends EntityBase> = {\r\n\tvalue?: T | null;\r\n\tonChange: (e: T | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter: (item: T) => string;\r\n}\r\n\r\nexport function EntitySelect<T extends EntityBase>(\r\n\t{value, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: EntitySelectProps<T>\r\n) {\r\n\r\n\treturn (\r\n\t\t<EntityIdSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tid={value ? value.id : null}\r\n\t\t\toptions={options}\r\n\t\t\tsort={sort}\r\n\t\t\tonChange={\r\n\t\t\t\t(id) => {\r\n\t\t\t\t\tif (!options || !id) {\r\n\t\t\t\t\t\tonChange(undefined);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tonChange(options.find((o) => o.id === id));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityWithName} from \"zavadil-ts-common\";\r\nimport {EntitySelect} from \"./EntitySelect\";\r\n\r\nexport type EntityWithNameSelectProps<T extends EntityWithName> = {\r\n\tvalue?: T | null;\r\n\tonChange: (e: T | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n}\r\n\r\nexport function EntityWithNameSelect<T extends EntityWithName>(\r\n\t{value, sort, disabled, onChange, options, showEmptyOption, emptyOptionLabel}: EntityWithNameSelectProps<T>\r\n) {\r\n\treturn (\r\n\t\t<EntitySelect\r\n\t\t\tvalue={value}\r\n\t\t\tlabelGetter={(e) => e.name}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tsort={sort}\r\n\t\t\toptions={options}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityWithName} from \"zavadil-ts-common\";\r\nimport {EntityIdSelect} from \"./EntityIdSelect\";\r\n\r\nexport type EntityWithNameIdSelectProps<T extends EntityWithName> = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n}\r\n\r\nexport function EntityWithNameIdSelect<T extends EntityWithName>(\r\n\t{id, sort, disabled, onChange, options, showEmptyOption, emptyOptionLabel}: EntityWithNameIdSelectProps<T>\r\n) {\r\n\treturn (\r\n\t\t<EntityIdSelect\r\n\t\t\tid={id}\r\n\t\t\tlabelGetter={(e) => e.name}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tsort={sort}\r\n\t\t\toptions={options}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {ObjectUtil, PagingRequest} from 'zavadil-ts-common';\r\nimport React from 'react';\r\nimport {Pagination} from \"react-bootstrap\";\r\n\r\nconst MAX_DISPLAY_PAGES = 10;\r\n\r\nexport type TablePaginationProps = {\r\n\tpaging: PagingRequest;\r\n\ttotalItems: number;\r\n\tonPagingChanged: (p: PagingRequest) => any\r\n};\r\n\r\nexport function TablePagination({\r\n\tpaging,\r\n\ttotalItems,\r\n\tonPagingChanged\r\n}: TablePaginationProps) {\r\n\tconst totalPages = Math.ceil(totalItems / paging.size);\r\n\r\n\tconst pageChanged = (page: number) => {\r\n\t\tpaging.page = page;\r\n\t\tonPagingChanged(ObjectUtil.clone(paging));\r\n\t}\r\n\r\n\tconst paginationItems = [];\r\n\r\n\tif (totalPages > 1) {\r\n\t\tpaginationItems.push(<Pagination.First key=\"first\" onClick={() => pageChanged(0)} disabled={paging.page === 0}/>);\r\n\t\tpaginationItems.push(<Pagination.Prev key=\"prev\" onClick={() => pageChanged(paging.page - 1)} disabled={paging.page === 0}/>);\r\n\r\n\t\tconst maxPagesSide = Math.round((MAX_DISPLAY_PAGES - 3) / 2);\r\n\r\n\t\tlet start = (paging.page > maxPagesSide) ? paging.page - maxPagesSide : 0;\r\n\t\tlet end = start + MAX_DISPLAY_PAGES;\r\n\r\n\t\tif (end >= totalPages) {\r\n\t\t\tend = totalPages - 1;\r\n\t\t}\r\n\r\n\t\tif (start > 0) {\r\n\t\t\tpaginationItems.push(<Pagination.Ellipsis key=\"ellipsisStart\" disabled={true}/>);\r\n\t\t}\r\n\r\n\t\tfor (let number = start; number <= end; number++) {\r\n\t\t\tpaginationItems.push(\r\n\t\t\t\t<Pagination.Item key={number} active={number === paging.page} onClick={() => pageChanged(number)}>\r\n\t\t\t\t\t{number + 1}\r\n\t\t\t\t</Pagination.Item>,\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (end < (totalPages - 1)) {\r\n\t\t\tpaginationItems.push(<Pagination.Ellipsis key=\"ellipsisEnd\" disabled={true}/>);\r\n\t\t}\r\n\r\n\t\tpaginationItems.push(<Pagination.Next key=\"next\" onClick={() => pageChanged(paging.page + 1)} disabled={paging.page === (totalPages - 1)}/>);\r\n\t\tpaginationItems.push(<Pagination.Last key=\"last\" onClick={() => pageChanged(totalPages - 1)} disabled={paging.page === (totalPages - 1)}/>);\r\n\t}\r\n\r\n\treturn <Pagination size=\"sm\" className=\"flex-wrap m-0\">{paginationItems}</Pagination>\r\n}\r\n\r\nexport default TablePagination;\r\n","import {ObjectUtil, PagingRequest, StringUtil} from 'zavadil-ts-common';\r\nimport React, {PropsWithChildren, useMemo} from 'react';\r\nimport {Table} from \"react-bootstrap\";\r\nimport {BsFillCaretDownFill, BsFillCaretUpFill} from 'react-icons/bs';\r\nimport {TableHeader} from \"./TableTypes\";\r\nimport {NumberSelect} from \"../forms\";\r\nimport Localize from \"../localization/Localize\";\r\nimport TablePagination from \"./TablePagination\";\r\n\r\nconst DEFAULT_SIZES = [\r\n\t{\r\n\t\tid: 10,\r\n\t\tlabel: '10'\r\n\t},\r\n\t{\r\n\t\tid: 100,\r\n\t\tlabel: '100'\r\n\t},\r\n\t{\r\n\t\tid: 1000,\r\n\t\tlabel: '1000'\r\n\t}\r\n];\r\n\r\nexport type AdvancedTableProps = {\r\n\theader: TableHeader;\r\n\tlanguage?: \"cs\" | \"en\";\r\n\tpaging: PagingRequest;\r\n\ttotalItems: number;\r\n\thover?: boolean;\r\n\tshowPagingOnBottom?: boolean;\r\n\tshowPageSizeSelection?: boolean;\r\n\tstriped?: boolean;\r\n\tbordered?: boolean;\r\n\tonPagingChanged: (p: PagingRequest) => any\r\n};\r\n\r\nexport function AdvancedTable({\r\n\thover,\r\n\tshowPagingOnBottom,\r\n\tshowPageSizeSelection,\r\n\tstriped,\r\n\tbordered,\r\n\theader,\r\n\tchildren,\r\n\tpaging,\r\n\ttotalItems,\r\n\tonPagingChanged\r\n}: PropsWithChildren<AdvancedTableProps>) {\r\n\tconst totalPages = Math.ceil(totalItems / paging.size);\r\n\r\n\tconst sizes = useMemo(\r\n\t\t() => {\r\n\t\t\tconst s = paging.size;\r\n\t\t\tif (DEFAULT_SIZES.find((si) => si.id === s) === null) {\r\n\t\t\t\tconst ss = ObjectUtil.clone(DEFAULT_SIZES);\r\n\t\t\t\tss.push({id: s, label: String(s)});\r\n\t\t\t\treturn ss;\r\n\t\t\t}\r\n\t\t\treturn DEFAULT_SIZES;\r\n\t\t},\r\n\t\t[paging]\r\n\t);\r\n\r\n\tconst sortingChanged = (e: React.MouseEvent<HTMLTableCellElement>, fieldName: string) => {\r\n\t\tif (!paging.sorting) paging.sorting = [];\r\n\t\tlet field = paging.sorting.find((f) => f.name === fieldName);\r\n\t\tconst isSoleField = field && paging.sorting.length === 1;\r\n\t\tif (!(e.ctrlKey || isSoleField)) {\r\n\t\t\tpaging.sorting = [];\r\n\t\t\tfield = undefined;\r\n\t\t}\r\n\t\tif (field) {\r\n\t\t\tfield.desc = !field.desc;\r\n\t\t} else {\r\n\t\t\tpaging.sorting.push({name: fieldName});\r\n\t\t}\r\n\t\tonPagingChanged(ObjectUtil.clone(paging));\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Table hover={hover} striped={striped} responsive bordered={bordered}>\r\n\t\t\t\t<thead>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t<div className=\"d-flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t<div><Localize text='Page'/>: {paging.page + 1} / {totalPages}</div>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\ttotalPages > 0 && <TablePagination paging={paging} totalItems={totalItems} onPagingChanged={onPagingChanged}/>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<div><Localize text='Total items'/>: {totalItems}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theader.map(\r\n\t\t\t\t\t\t\t(h, index) => {\r\n\t\t\t\t\t\t\t\tconst sortBy = h.sort === false ? '' : (StringUtil.isBlank(h.sort) ? h.name : h.sort);\r\n\t\t\t\t\t\t\t\tif (StringUtil.isBlank(sortBy) || (!sortBy)) {\r\n\t\t\t\t\t\t\t\t\treturn <th key={index}>{h.label}</th>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tconst field = paging.sorting && paging.sorting.find((s) => s.name === sortBy);\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"user-select-none text-nowrap\"\r\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent<HTMLTableCellElement>) => sortingChanged(e, sortBy)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{h.label}\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tfield ? field.desc ? <BsFillCaretDownFill/> : <BsFillCaretUpFill/> : <></>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t{children}\r\n\t\t\t\t</tbody>\r\n\t\t\t\t{\r\n\t\t\t\t\ttotalItems > 0 && <tfoot>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowPagingOnBottom &&\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t\t\t<div className=\"d-flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t\t<div><Localize text='Page'/>: {paging.page + 1} / {totalPages}</div>\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\ttotalPages > 0 && <TablePagination paging={paging} totalItems={totalItems} onPagingChanged={onPagingChanged}/>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t<div><Localize text='Total items'/>: {totalItems}</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowPageSizeSelection &&\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t\t\t<div className=\"d-flex align-items-center gap-2 justify-content-end\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"text-nowrap\"><Localize text='Page size'/>:</div>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<NumberSelect\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={paging.size}\r\n\t\t\t\t\t\t\t\t\t\t\toptions={sizes}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpaging.size = e || 10\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonPagingChanged({...paging});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tshowEmptyOption={false}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t</tfoot>\r\n\t\t\t\t}\r\n\t\t\t</Table>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default AdvancedTable;\r\n","import {ReactNode, useMemo} from \"react\";\r\nimport {SwitchProps} from \"./Switch\";\r\nimport {BsCheckCircle, BsCircle} from \"react-icons/bs\";\r\n\r\nexport type IconCheckProps = SwitchProps & {\r\n\ticonOn?: ReactNode;\r\n\ticonOff?: ReactNode;\r\n};\r\n\r\nexport function IconCheck({disabled, checked, iconOn, iconOff, size, onChange}: IconCheckProps) {\r\n\tconst renderedIcon = useMemo(\r\n\t\t() => checked ? (iconOn ? iconOn : <BsCheckCircle size={size}/>) : (iconOff ? iconOff : <BsCircle size={size} className=\"text-muted\"/>),\r\n\t\t[checked, iconOn, iconOff, size]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"d-flex align-items-center cursor-pointer\"\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tonChange(!checked)\r\n\t\t\t}\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t{renderedIcon}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default IconCheck;\r\n","import React, {useCallback, useEffect, useMemo, useState} from 'react';\r\nimport {ObjectUtil} from 'zavadil-ts-common';\r\nimport {AdvancedTable, AdvancedTableProps} from \"./AdvancedTable\";\r\nimport {RenderFunc, SelectableTableHeader, TableHeader} from \"./TableTypes\";\r\nimport {BsCheckAll} from \"react-icons/bs\";\r\nimport IconCheck from \"../forms/IconCheck\";\r\n\r\nexport type SelectableItem<T> = {\r\n\tselected: boolean;\r\n\titem: T;\r\n};\r\n\r\nexport type TableWithSelectProps<T> = Omit<AdvancedTableProps, 'header'> & {\r\n\tshowSelect?: boolean;\r\n\theader: SelectableTableHeader<T>;\r\n\titems?: Array<T>;\r\n\tonSelect?: (selected: Array<T>) => any;\r\n\tonClick?: (selected: T) => any;\r\n};\r\n\r\nfunction createRenderer<T>(name: string): RenderFunc<T> {\r\n\treturn (e: T) => ObjectUtil.getNestedValue(e, name);\r\n}\r\n\r\nexport function TableWithSelect<T>({\r\n\tshowSelect,\r\n\theader,\r\n\titems,\r\n\tonSelect,\r\n\tonClick,\r\n\ttotalItems,\r\n\tpaging,\r\n\tonPagingChanged\r\n}: TableWithSelectProps<T>) {\r\n\tconst [selectAll, setSelectAll] = useState<boolean>(false);\r\n\tconst [selectableItems, setSelectableItems] = useState<Array<SelectableItem<T>>>();\r\n\r\n\tconst updateSelectAll = useCallback(\r\n\t\t(sa: boolean) => {\r\n\t\t\tif (selectableItems) {\r\n\t\t\t\tsetSelectableItems(selectableItems.map(\r\n\t\t\t\t\t(i) => {\r\n\t\t\t\t\t\treturn {selected: sa, item: i.item};\r\n\t\t\t\t\t}\r\n\t\t\t\t));\r\n\t\t\t}\r\n\t\t\tsetSelectAll(sa);\r\n\t\t},\r\n\t\t[selectableItems]\r\n\t);\r\n\r\n\tconst selectableHeader = useMemo(\r\n\t\t() => {\r\n\t\t\tconst h: TableHeader = [...header];\r\n\t\t\tif (showSelect !== false) {\r\n\t\t\t\th.unshift(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: '',\r\n\t\t\t\t\t\tlabel: <div className=\"py-1\">\r\n\t\t\t\t\t\t\t<IconCheck\r\n\t\t\t\t\t\t\t\tchecked={selectAll}\r\n\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t() => updateSelectAll(!selectAll)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\ticonOn={<BsCheckAll/>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t\treturn h;\r\n\t\t},\r\n\t\t[header, selectAll, updateSelectAll]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetSelectableItems(items ? items.map(\r\n\t\t\t\t(i) => {\r\n\t\t\t\t\treturn {selected: selectAll, item: i};\r\n\t\t\t\t}\r\n\t\t\t) : undefined);\r\n\t\t},\r\n\t\t[items]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!selectableItems) return;\r\n\t\t\tif (!onSelect) return;\r\n\t\t\tonSelect(selectableItems.filter((i) => i.selected).map((i) => i.item));\r\n\t\t},\r\n\t\t[selectableItems, onSelect]\r\n\t);\r\n\r\n\treturn <AdvancedTable\r\n\t\theader={selectableHeader}\r\n\t\thover={onClick !== undefined}\r\n\t\tpaging={paging}\r\n\t\tstriped={true}\r\n\t\ttotalItems={totalItems}\r\n\t\tonPagingChanged={onPagingChanged}\r\n\t>\r\n\t\t{\r\n\t\t\tselectableItems && selectableItems.map(\r\n\t\t\t\t(item, index) => <tr\r\n\t\t\t\t\tkey={index}\r\n\t\t\t\t\tclassName={`selectable ${onClick ? 'cursor-pointer' : ''} ${item.selected ? 'table-active table-primary' : ''}`}\r\n\t\t\t\t\tonClick={\r\n\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\tif (onClick) onClick(item.item);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t(showSelect !== false) && <td>\r\n\t\t\t\t\t\t\t<div className=\"py-2 d-flex align-items-center\">\r\n\t\t\t\t\t\t\t\t<IconCheck\r\n\t\t\t\t\t\t\t\t\tchecked={item.selected}\r\n\t\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t\t() => {\r\n\t\t\t\t\t\t\t\t\t\t\titem.selected = !item.selected;\r\n\t\t\t\t\t\t\t\t\t\t\tif (selectAll && !item.selected) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectAll(false);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tsetSelectableItems([...selectableItems]);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theader.map(\r\n\t\t\t\t\t\t\t(h, index) => {\r\n\t\t\t\t\t\t\t\tconst renderer = h.renderer || createRenderer(h.name);\r\n\t\t\t\t\t\t\t\treturn <td key={index}>{renderer(item.item)}</td>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t)\r\n\t\t}\r\n\t</AdvancedTable>\r\n}\r\n\r\nexport default TableWithSelect;\r\n","import React, {useMemo} from 'react';\r\nimport {Table} from \"react-bootstrap\";\r\nimport {PlaceholderSize} from \"react-bootstrap/usePlaceholder\";\r\n\r\nconst DEFAULT_COLS = 1;\r\nconst DEFAULT_ROWS = 20;\r\nconst DEFAULT_SIZE: PlaceholderSize = \"lg\";\r\n\r\nexport type TablePlaceholderProps = {\r\n\tcols?: number;\r\n\trows?: number;\r\n\tsize?: PlaceholderSize;\r\n};\r\n\r\nexport function TablePlaceholder({cols, rows, size}: TablePlaceholderProps) {\r\n\tconst colsN: number = useMemo(() => cols === undefined ? DEFAULT_COLS : cols, [cols]);\r\n\tconst rowsN: number = useMemo(() => rows === undefined ? DEFAULT_ROWS : rows, [rows]);\r\n\tconst sizeS: PlaceholderSize = useMemo(() => size === undefined ? DEFAULT_SIZE : size, [size]);\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Table responsive>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t{\r\n\t\t\t\t\tArray.from(\r\n\t\t\t\t\t\t{length: rowsN},\r\n\t\t\t\t\t\t(_, i) => <tr key={i}>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tArray.from(\r\n\t\t\t\t\t\t\t\t\t{length: colsN},\r\n\t\t\t\t\t\t\t\t\t(_, i) => <td key={i}>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-100 p-1 m-1\"></div>\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t)\r\n\t\t\t\t}\r\n\t\t\t\t</tbody>\r\n\t\t\t</Table>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default TablePlaceholder;\r\n","import {DateUtil} from 'zavadil-ts-common';\r\n\r\nexport type DateTimeProps = {\r\n\tvalue?: Date | null;\r\n};\r\n\r\nexport function DateTime({value}: DateTimeProps) {\r\n\treturn (\r\n\t\t<div className=\"text-nowrap\">{DateUtil.formatDateTimeForHumans(value)}</div>\r\n\t);\r\n}\r\n","import {DateUtil, ObjectUtil} from \"zavadil-ts-common\";\r\n\r\nexport type DurationProps = {\r\n\tms?: number | null;\r\n};\r\n\r\nexport function Duration({ms}: DurationProps) {\r\n\tif (ObjectUtil.isEmpty(ms)) return <></>;\r\n\treturn <div className=\"text-nowrap\">{DateUtil.formatDuration(ms)}</div>;\r\n}\r\n","import {ObjectUtil} from \"zavadil-ts-common\";\r\nimport {useMemo} from \"react\";\r\nimport {Duration} from \"./Duration\";\r\n\r\nexport type ElapsedProps = {\r\n\tdate?: Date | null;\r\n};\r\n\r\nexport function Elapsed({date}: ElapsedProps) {\r\n\tconst ms = useMemo(\r\n\t\t() => {\r\n\t\t\tif (ObjectUtil.isEmpty(date)) return null;\r\n\t\t\treturn Date.now() - date.getTime();\r\n\t\t},\r\n\t\t[date]\r\n\t);\r\n\treturn <Duration ms={ms}/>;\r\n}\r\n","import {BsBug, BsExclamationDiamond, BsInfo, BsQuestion} from \"react-icons/bs\";\r\nimport {IconType} from \"react-icons\";\r\nimport {UserAlertType} from \"zavadil-ts-common\";\r\n\r\nexport type UserAlertTypeIconProps = {\r\n\ttype: UserAlertType;\r\n\tsize?: string | number;\r\n\tcustomVariant?: string;\r\n};\r\n\r\nconst ICONS = new Map<UserAlertType, IconType>(\r\n\t[\r\n\t\t[UserAlertType.error, BsBug],\r\n\t\t[UserAlertType.warning, BsExclamationDiamond],\r\n\t\t[UserAlertType.info, BsInfo]\r\n\t]\r\n);\r\n\r\nexport function UserAlertTypeIcon({type, size, customVariant}: UserAlertTypeIconProps) {\r\n\tconst iconFunc = ICONS.get(type) || BsQuestion;\r\n\treturn <div className={`d-flex align-items-center text-${customVariant === undefined ? type : customVariant}`}>{iconFunc({size: size})}</div>\r\n}\r\n\r\nexport default UserAlertTypeIcon;\r\n","import {DateUtil, UserAlert} from 'zavadil-ts-common';\r\nimport {ProgressBar, Stack} from \"react-bootstrap\";\r\nimport UserAlertTypeIcon from \"./UserAlertTypeIcon\";\r\n\r\nexport type UserAlertWidgetProps = {\r\n\tuserAlert: UserAlert;\r\n\tmaxDurationMs: number;\r\n};\r\n\r\nexport function UserAlertWidget({userAlert, maxDurationMs}: UserAlertWidgetProps) {\r\n\treturn (\r\n\t\t<Stack direction=\"horizontal\" gap={2} className=\"align-items-center\">\r\n\t\t\t{\r\n\t\t\t\tuserAlert.remainsMs && <div style={{width: 20}}>\r\n\t\t\t\t\t<ProgressBar min={0} max={maxDurationMs} now={userAlert.remainsMs} variant={userAlert.type}/>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t<div>{DateUtil.formatDateForHumans(userAlert.time)}</div>\r\n\t\t\t<UserAlertTypeIcon type={userAlert.type}/>\r\n\t\t\t<div>{userAlert.message}</div>\r\n\t\t</Stack>\r\n\t);\r\n}\r\n\r\nexport default UserAlertWidget;\r\n","import {UserAlert, UserAlerts, UserAlertType} from 'zavadil-ts-common';\r\nimport {useCallback, useEffect, useState} from \"react\";\r\nimport UserAlertWidget from \"./UserAlertWidget\";\r\nimport UserAlertTypeIcon from \"./UserAlertTypeIcon\";\r\nimport {Stack} from \"react-bootstrap\";\r\nimport {IconButton} from \"../forms\";\r\nimport {BsEye, BsTrash} from \"react-icons/bs\";\r\nimport {VscEyeClosed} from \"react-icons/vsc\";\r\n\r\nexport type UserAlertsWidgetProps = {\r\n\tuserAlerts: UserAlerts;\r\n};\r\n\r\nexport function UserAlertsWidget({userAlerts}: UserAlertsWidgetProps) {\r\n\tconst [showAll, setShowAll] = useState<boolean>(false);\r\n\tconst [totalAlerts, setTotalAlerts] = useState<number>(userAlerts.alerts.length);\r\n\tconst [renderedAlerts, setRenderedAlerts] = useState<UserAlert[]>([...userAlerts.visibleAlerts]);\r\n\tconst [summary, setSummary] = useState<Map<UserAlertType, number>>(userAlerts.getSummary());\r\n\r\n\tconst onChangeHandler = useCallback(\r\n\t\t() => {\r\n\t\t\tsetTotalAlerts(userAlerts.alerts.length);\r\n\t\t\tsetRenderedAlerts(showAll ? [...userAlerts.alerts] : [...userAlerts.visibleAlerts]);\r\n\t\t\tsetSummary(userAlerts.getSummary());\r\n\t\t},\r\n\t\t[userAlerts, showAll]\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\t\tuserAlerts.addOnChangeHandler(onChangeHandler);\r\n\t\t\tconst handle = setInterval(\r\n\t\t\t\t() => userAlerts.updateVisibility(),\r\n\t\t\t\t100\r\n\t\t\t);\r\n\t\t\treturn () => {\r\n\t\t\t\tclearInterval(handle);\r\n\t\t\t\tuserAlerts.removeOnChangeHandler(onChangeHandler);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[userAlerts, onChangeHandler]\r\n\t);\r\n\r\n\tif (totalAlerts <= 0) return <></>;\r\n\r\n\treturn (\r\n\t\t<div className=\"user-alerts border rounded bg-body text-body position-fixed text-end\" style={{bottom: 15, right: 15, zIndex: 2147483647}}>\r\n\t\t\t{\r\n\t\t\t\trenderedAlerts.length > 0 &&\r\n\t\t\t\t<div className=\"max-w-50 p-2 border-bottom\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\trenderedAlerts.map((a, index) => <UserAlertWidget key={index} userAlert={a} maxDurationMs={userAlerts.maxVisibilityMs}/>)\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t<div className=\"p-2\">\r\n\t\t\t\t<Stack direction=\"horizontal\" gap={2} className=\"justify-content-end align-items-center\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowAll ? <IconButton size=\"sm\" variant=\"primary\" onClick={() => setShowAll(false)} icon={<VscEyeClosed/>}>Hide</IconButton>\r\n\t\t\t\t\t\t\t: <IconButton size=\"sm\" variant=\"primary\" onClick={() => setShowAll(true)} icon={<BsEye/>}>Show All</IconButton>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tArray.from(summary.entries()).map(\r\n\t\t\t\t\t\t\t(entry, index) => (\r\n\t\t\t\t\t\t\t\t<Stack key={index} direction=\"horizontal\" gap={1} className=\"px-1 border rounded align-items-center\">\r\n\t\t\t\t\t\t\t\t\t<UserAlertTypeIcon type={entry[0]} customVariant={entry[1] === 0 ? 'muted' : undefined}/>\r\n\t\t\t\t\t\t\t\t\t<div className={entry[1] > 0 ? `text-${entry[0]} fw-bold` : 'text-muted'}>\r\n\t\t\t\t\t\t\t\t\t\t{entry[1]}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</Stack>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<IconButton size=\"sm\" variant=\"danger\" onClick={() => userAlerts.reset()} icon={<BsTrash/>}>Reset</IconButton>\r\n\t\t\t\t</Stack>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default UserAlertsWidget;\r\n","import {Button, Modal, Stack} from \"react-bootstrap\";\r\nimport {BasicDialogProps} from \"./DialogProps\";\r\nimport {createContext} from \"react\";\r\nimport {Localize} from \"../localization\";\r\n\r\nexport class ConfirmDialogContextData {\r\n\tsetProps: (props?: ConfirmDialogProps) => any;\r\n\r\n\tconstructor(setProps: (props?: ConfirmDialogProps) => any) {\r\n\t\tthis.setProps = setProps;\r\n\t}\r\n\r\n\tconfirm(name: string, text: string, onConfirmed: () => any) {\r\n\t\tthis.setProps(\r\n\t\t\t{\r\n\t\t\t\tname: name,\r\n\t\t\t\ttext: text,\r\n\t\t\t\tonConfirm: () => {\r\n\t\t\t\t\tonConfirmed();\r\n\t\t\t\t\tthis.setProps(undefined);\r\n\t\t\t\t},\r\n\t\t\t\tonClose: () => this.setProps(undefined)\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport const ConfirmDialogContext = createContext<ConfirmDialogContextData>(new ConfirmDialogContextData(() => undefined));\r\n\r\nexport type ConfirmDialogProps = BasicDialogProps & {\r\n\tonConfirm: () => any;\r\n};\r\n\r\nexport function ConfirmDialog({name, text, onClose, onConfirm}: ConfirmDialogProps) {\r\n\treturn (\r\n\t\t<Modal show={true} backdrop={true} onHide={onClose}>\r\n\t\t\t<Modal.Header>{name || 'Confirm'}</Modal.Header>\r\n\t\t\t<Modal.Body>{text}</Modal.Body>\r\n\t\t\t<Modal.Footer>\r\n\t\t\t\t<Stack direction=\"horizontal\">\r\n\t\t\t\t\t<Button variant=\"link\" onClick={onClose}><Localize text=\"Back\"/></Button>\r\n\t\t\t\t\t<Button variant=\"primary\" onClick={onConfirm}><Localize text=\"Yes\"/></Button>\r\n\t\t\t\t</Stack>\r\n\t\t\t</Modal.Footer>\r\n\t\t</Modal>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {Badge, ProgressBar} from \"react-bootstrap\";\r\nimport {ByteUtil, JavaHeapStats} from \"zavadil-ts-common\";\r\n\r\nexport type WorkerJavaHeapControlProps = {\r\n\tstats: JavaHeapStats;\r\n};\r\n\r\nexport function JavaHeapControl({stats}: WorkerJavaHeapControlProps) {\r\n\tconst size = stats.heapSize;\r\n\tconst max = stats.heapMaxSize;\r\n\tconst free = stats.heapFreeSize;\r\n\tconst used = size - free;\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>Java Heap</pre>\r\n\t\t\t\t<pre>[{ByteUtil.formatByteSize(size)} / {ByteUtil.formatByteSize(max)}]</pre>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>Used:</pre>\r\n\t\t\t\t<Badge className=\"bg-warning text-bg-warning\">\r\n\t\t\t\t\t{ByteUtil.formatByteSize(used)}\r\n\t\t\t\t</Badge>\r\n\t\t\t\t<pre>Free:</pre>\r\n\t\t\t\t<Badge className=\"bg-success text-white\">\r\n\t\t\t\t\t{ByteUtil.formatByteSize(free)}\r\n\t\t\t\t</Badge>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"p-1\">\r\n\t\t\t\t<ProgressBar min={0} max={max}>\r\n\t\t\t\t\t<ProgressBar variant=\"warning\" min={0} now={used} max={max}/>\r\n\t\t\t\t\t<ProgressBar variant=\"success\" min={0} now={free} max={max}/>\r\n\t\t\t\t</ProgressBar>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {ProgressBar} from \"react-bootstrap\";\r\nimport {CacheStats} from 'zavadil-ts-common';\r\n\r\nexport type CacheStatsControlProps = {\r\n\tname: string;\r\n\tstats: CacheStats;\r\n}\r\n\r\nexport function CacheStatsControl({name, stats}: CacheStatsControlProps) {\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>{name}</pre>\r\n\t\t\t\t<pre>\r\n\t\t\t\t[\r\n\t\t\t\t\t{stats.cachedItems}\r\n\t\t\t\t\t{stats.capacity > 0 && ' / '}\r\n\t\t\t\t\t{stats.capacity > 0 && stats.capacity}\r\n\t\t\t\t\t]\r\n\t\t\t\t</pre>\r\n\t\t\t</div>\r\n\t\t\t{\r\n\t\t\t\tstats.capacity > 0 &&\r\n\t\t\t\t<div className=\"p-1\">\r\n\t\t\t\t\t<ProgressBar\r\n\t\t\t\t\t\tnow={stats.cachedItems}\r\n\t\t\t\t\t\tmin={0}\r\n\t\t\t\t\t\tmax={stats.capacity}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {Badge} from \"react-bootstrap\";\r\n\r\nexport type QueueStateControlProps = {\r\n\tstate: string;\r\n}\r\n\r\nconst STATE_COLORS = new Map<string, string>([\r\n\t['Idle', 'secondary'],\r\n\t['Processing', 'success'],\r\n\t['Loading', 'warn'],\r\n]);\r\n\r\nexport function QueueStateControl({state}: QueueStateControlProps) {\r\n\tconst color = STATE_COLORS.get(state) || 'light';\r\n\treturn <Badge className={`bg-${color} text-bg-${color}`}>{state}</Badge>\r\n}\r\n","import React from 'react';\r\nimport {Placeholder, ProgressBar} from \"react-bootstrap\";\r\nimport {QueueStats} from 'zavadil-ts-common';\r\nimport {QueueStateControl} from \"./QueueStateControl\";\r\n\r\nexport type QueueStatsControlProps = {\r\n\tname: string;\r\n\tstats?: QueueStats | null;\r\n}\r\n\r\nexport function QueueStatsControl({name, stats}: QueueStatsControlProps) {\r\n\tconst max = stats ? stats.remaining + stats.processed : undefined\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>{name}</pre>\r\n\t\t\t\t<pre>[{stats?.processed !== undefined ? stats.processed : '?'} / {max !== undefined ? max : '?'}]</pre>\r\n\t\t\t\t<QueueStateControl state={stats ? stats.state : 'Unknown'}/>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"p-1\">\r\n\t\t\t\t{\r\n\t\t\t\t\tstats ? <ProgressBar variant=\"primary\" striped={true} animated={true} min={0} now={stats.processed} max={max || 1}/>\r\n\t\t\t\t\t\t: <Placeholder className=\"w-100\" animation=\"glow\">\r\n\t\t\t\t\t\t\t<Placeholder className=\"w-100\"/>\r\n\t\t\t\t\t\t</Placeholder>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\n\r\nexport type SpreadProps = {\r\n\tcenter?: boolean;\r\n};\r\n\r\nexport function Spread({children, center}: PropsWithChildren<SpreadProps>) {\r\n\tconst css = useMemo(\r\n\t\t() => center === false ? '' : 'd-flex align-items-center justify-content-center',\r\n\t\t[center]\r\n\t);\r\n\r\n\treturn <div\r\n\t\tclassName={`w-100 h-100 position-absolute ${css}`}\r\n\t\tstyle={{left: 0, right: 0, top: 0, bottom: 0}}\r\n\t>\r\n\t\t{children}\r\n\t</div>\r\n}\r\n\r\nexport default Spread;\r\n"],"names":["LocalizationContext","createContext","BasicLocalization","Localize","text","tag","localization","useContext","p","useMemo","undefined","tags","t","translate","_jsx","_Fragment","children","FormRow","id","label","actualId","StringUtil","randomString","_jsxs","Form","Group","Label","FormRowControl","props","Control","TextInputWithReset","value","onChange","onReset","onBlur","disabled","className","actual","getNonEmpty","isEmpty","isBlank","reset","useCallback","InputGroup","type","e","target","Button","onClick","BsXCircle","DateInput","DateUtil","formatDateForInput","parseDate","DateTimeInput","formatDateTimeForInput","IconButton","variant","icon","size","IconSwitch","checked","iconOn","iconOff","Switch","readOnly","LoadingButton","loading","Spinner","SaveButton","isChanged","icn","FaFloppyDisk","content","DeleteButton","BsTrash","StringSelect","options","showEmptyOption","emptyOptionLabel","useEffect","length","Select","map","o","i","NumberSelect","nValue","String","nOptions","nChange","s","NumberUtil","parseNumber","LookupSelect","sort","labelGetter","lOptions","result","a","b","name","EnumSelect","AutocompleteSelect","selected","onSearch","searchPromise","setSearchPromise","useState","searchText","setSearchText","itemSelection","setItemSelection","blurTimeout","useRef","finalLabelGetter","item","finalCss","userLeftControl","console","log","startBlur","current","window","setTimeout","cancelBlur","clearTimeout","cancel","userChangedText","cancellable","CancellablePromise","promise","then","userSelectedItem","onFocus","Dropdown","defaultShow","show","Menu","Item","active","AutocompleteEntitySelect","entityClient","search","loadPage","safeLowercase","page","sorting","AutocompleteEntityIdSelect","setSelected","EntityClientWithStub","loadSingleStub","loadSingle","selectionChanged","nId","AutocompleteLookupSelect","lookupClient","AutocompleteLookupIdSelect","EntityIdSelect","EntitySelect","find","EntityWithNameSelect","EntityWithNameIdSelect","TablePagination","paging","totalItems","onPagingChanged","totalPages","Math","ceil","pageChanged","ObjectUtil","clone","paginationItems","push","Pagination","First","Prev","maxPagesSide","round","start","end","Ellipsis","number","Next","Last","DEFAULT_SIZES","AdvancedTable","hover","showPagingOnBottom","showPageSizeSelection","striped","bordered","header","sizes","si","ss","Table","responsive","colSpan","h","index","sortBy","field","role","fieldName","f","isSoleField","ctrlKey","desc","sortingChanged","BsFillCaretDownFill","BsFillCaretUpFill","IconCheck","renderedIcon","BsCheckCircle","BsCircle","stopPropagation","preventDefault","TableWithSelect","showSelect","items","onSelect","selectAll","setSelectAll","selectableItems","setSelectableItems","updateSelectAll","sa","selectableHeader","unshift","BsCheckAll","filter","renderer","getNestedValue","TablePlaceholder","cols","rows","colsN","rowsN","Array","from","_","DateTime","formatDateTimeForHumans","Duration","ms","formatDuration","Elapsed","date","Date","now","getTime","ICONS","Map","UserAlertType","error","BsBug","warning","BsExclamationDiamond","info","BsInfo","UserAlertTypeIcon","customVariant","iconFunc","get","BsQuestion","UserAlertWidget","userAlert","maxDurationMs","Stack","direction","gap","remainsMs","style","width","ProgressBar","min","max","formatDateForHumans","time","message","UserAlertsWidget","userAlerts","showAll","setShowAll","totalAlerts","setTotalAlerts","alerts","renderedAlerts","setRenderedAlerts","visibleAlerts","summary","setSummary","getSummary","onChangeHandler","addOnChangeHandler","handle","setInterval","updateVisibility","clearInterval","removeOnChangeHandler","bottom","right","zIndex","maxVisibilityMs","VscEyeClosed","BsEye","entries","entry","ConfirmDialogContextData","constructor","setProps","this","confirm","onConfirmed","onConfirm","onClose","ConfirmDialogContext","ConfirmDialog","Modal","backdrop","onHide","Header","Body","Footer","JavaHeapControl","stats","heapSize","heapMaxSize","free","heapFreeSize","used","ByteUtil","formatByteSize","Badge","CacheStatsControl","cachedItems","capacity","STATE_COLORS","QueueStateControl","state","color","QueueStatsControl","remaining","processed","animated","Placeholder","animation","Spread","center","css","left","top"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/component/localization/LocalizationContext.ts","../src/component/localization/Localize.tsx","../src/component/forms/FormRow.tsx","../src/component/forms/FormRowControl.tsx","../src/component/forms/TextInputWithReset.tsx","../src/component/forms/DateInput.tsx","../src/component/forms/DateTimeInput.tsx","../src/component/forms/IconButton.tsx","../src/component/forms/IconSwitch.tsx","../src/component/forms/LoadingButton.tsx","../src/component/forms/SaveButton.tsx","../src/component/forms/DeleteButton.tsx","../src/component/forms/StringSelect.tsx","../src/component/forms/NumberSelect.tsx","../src/component/forms/LookupSelect.tsx","../src/component/forms/EnumSelect.tsx","../src/component/forms/Switch.tsx","../src/component/forms/AutocompleteSelect.tsx","../src/component/forms/AutocompleteEntitySelect.tsx","../src/component/forms/AutocompleteEntityIdSelect.tsx","../src/component/forms/AutocompleteLookupSelect.tsx","../src/component/forms/AutocompleteLookupIdSelect.tsx","../src/component/forms/EntityIdSelect.tsx","../src/component/forms/EntitySelect.tsx","../src/component/forms/EntityWithNameSelect.tsx","../src/component/forms/EntityWithNameIdSelect.tsx","../src/component/tables/TablePagination.tsx","../src/component/tables/AdvancedTable.tsx","../src/component/forms/IconCheck.tsx","../src/component/tables/TableWithSelect.tsx","../src/component/tables/TablePlaceholder.tsx","../src/component/datetime/DateTime.tsx","../src/component/datetime/Duration.tsx","../src/component/datetime/Elapsed.tsx","../src/component/alerts/UserAlertTypeIcon.tsx","../src/component/alerts/UserAlertWidget.tsx","../src/component/alerts/UserAlertsWidget.tsx","../src/component/dialogs/ConfirmDialog.tsx","../src/component/stats/JavaHeapControl.tsx","../src/component/stats/CacheStatsControl.tsx","../src/component/stats/QueueStateControl.tsx","../src/component/stats/QueueStatsControl.tsx","../src/component/Spread.tsx"],"sourcesContent":["import {createContext} from \"react\";\nimport {BasicLocalization, Localization} from \"zavadil-ts-common\";\n\nexport const LocalizationContext = createContext<Localization>(new BasicLocalization());\n","import {useContext, useMemo} from \"react\";\r\nimport {LocalizationContext} from \"./LocalizationContext\";\r\nimport {TranslateParams} from \"zavadil-ts-common\";\r\n\r\nexport type LocalizeProps = {\r\n\ttext: string;\r\n\ttag?: string | Array<string>;\r\n};\r\n\r\nexport function Localize({text, tag}: LocalizeProps) {\r\n\tconst localization = useContext(LocalizationContext);\r\n\r\n\tconst p: TranslateParams | undefined = useMemo(\r\n\t\t() => {\r\n\t\t\tif (tag === undefined || tag === '') return undefined;\r\n\t\t\tif (typeof tag === 'string') return {tags: [tag]};\r\n\t\t\treturn {tags: tag};\r\n\t\t},\r\n\t\t[tag]\r\n\t);\r\n\r\n\tconst t = useMemo(\r\n\t\t() => localization.translate(text, p),\r\n\t\t[localization, text, p]\r\n\t);\r\n\treturn <>{t}</>;\r\n}\r\n\r\nexport default Localize;\r\n","import {PropsWithChildren} from \"react\";\nimport {Form} from \"react-bootstrap\";\nimport {Localize} from \"../localization\";\n\nexport type FormRowProps = PropsWithChildren & {\n\tlabel: string;\n\tid?: string;\n};\n\nexport function FormRow({id, label, children}: FormRowProps) {\n\treturn (\n\t\t<Form.Group>\n\t\t\t<Form.Label id={id}>\n\t\t\t\t<Localize text={label}/>\n\t\t\t</Form.Label>\n\t\t\t<div>{children}</div>\n\t\t</Form.Group>\n\t);\n}\n","import {Form, FormControlProps} from \"react-bootstrap\";\nimport {FormRow} from \"./FormRow\";\nimport {useMemo} from \"react\";\nimport {StringUtil} from \"zavadil-ts-common\";\n\nexport type FormRowControlProps = FormControlProps & {\n\tlabel: string;\n};\n\nexport function FormRowControl(props: FormRowControlProps) {\n\tconst actualId = useMemo(() => props.id || StringUtil.randomString(), [props]);\n\treturn (\n\t\t<FormRow label={props.label} id={actualId}>\n\t\t\t<Form.Control {...props} id={actualId}/>\n\t\t</FormRow>\n\t);\n}\n","import {StringUtil} from 'zavadil-ts-common';\r\nimport {Button, Form, InputGroup} from \"react-bootstrap\";\r\nimport {BsXCircle} from \"react-icons/bs\";\r\nimport {useCallback, useMemo} from \"react\";\r\n\r\nexport type TextInputWithResetProps = {\r\n\tvalue?: string | null;\r\n\tonChange: (s: string) => any;\r\n\tonReset?: () => any;\r\n\tdisabled?: boolean;\r\n\tonBlur?: () => any;\r\n\tclassName?: string;\r\n};\r\n\r\nexport function TextInputWithReset({value, onChange, onReset, onBlur, disabled, className}: TextInputWithResetProps) {\r\n\tconst actual = useMemo(\r\n\t\t() => StringUtil.getNonEmpty(value),\r\n\t\t[value]\r\n\t);\r\n\r\n\tconst isEmpty = useMemo(\r\n\t\t() => StringUtil.isBlank(value),\r\n\t\t[actual]\r\n\t);\r\n\r\n\tconst reset = useCallback(\r\n\t\t() => {\r\n\t\t\tif (onReset) {\r\n\t\t\t\tonReset();\r\n\t\t\t} else {\r\n\t\t\t\tonChange('');\r\n\t\t\t}\r\n\t\t},\r\n\t\t[onReset, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<InputGroup className={className}>\r\n\t\t\t<Form.Control\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tvalue={actual}\r\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\r\n\t\t\t\tonBlur={onBlur}\r\n\t\t\t/>\r\n\t\t\t<Button onClick={reset} disabled={isEmpty}>\r\n\t\t\t\t<div className=\"d-flex align-items-center\">\r\n\t\t\t\t\t<BsXCircle/>\r\n\t\t\t\t</div>\r\n\t\t\t</Button>\r\n\t\t</InputGroup>\r\n\t);\r\n}\r\n\r\nexport default TextInputWithReset;\r\n","import {DateUtil} from 'zavadil-ts-common';\r\nimport {Form} from \"react-bootstrap\";\r\n\r\nexport type DateInputProps = {\r\n\tvalue?: Date | null;\r\n\tonChange: (d: Date | undefined) => any;\r\n\tdisabled?: boolean;\r\n};\r\n\r\nexport function DateInput({value, onChange, disabled}: DateInputProps) {\r\n\treturn (\r\n\t\t<Form.Control\r\n\t\t\ttype=\"date\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={DateUtil.formatDateForInput(value)}\r\n\t\t\tonChange={(e) => {\r\n\t\t\t\tonChange(DateUtil.parseDate(e.target.value));\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default DateInput;\r\n","import {DateUtil} from 'zavadil-ts-common';\r\nimport {Form} from \"react-bootstrap\";\r\n\r\nexport type DateTimeInputProps = {\r\n\tvalue?: Date | null;\r\n\tonChange: (d: Date | undefined) => any;\r\n\tdisabled?: boolean;\r\n};\r\n\r\nexport function DateTimeInput({value, onChange, disabled}: DateTimeInputProps) {\r\n\treturn (\r\n\t\t<Form.Control\r\n\t\t\ttype=\"datetime-local\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={DateUtil.formatDateTimeForInput(value)}\r\n\t\t\tonChange={(e) => {\r\n\t\t\t\tonChange(DateUtil.parseDate(e.target.value));\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default DateTimeInput;\r\n","import { Button } from \"react-bootstrap\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { ButtonVariant } from \"react-bootstrap/types\";\n\nexport type IconButtonProps = {\n disabled?: boolean;\n onClick?: () => any;\n size?: \"sm\" | \"lg\";\n icon?: ReactNode;\n variant?: ButtonVariant;\n type?: \"submit\" | \"reset\" | \"button\" | undefined;\n};\n\nexport function IconButton({\n disabled,\n variant,\n icon,\n size,\n children,\n type,\n onClick,\n}: PropsWithChildren<IconButtonProps>) {\n return (\n <Button\n disabled={disabled === true}\n size={size}\n onClick={onClick}\n variant={variant}\n type={type}\n >\n <div className=\"d-flex align-items-center gap-2\">\n {icon}\n {children && <div>{children}</div>}\n </div>\n </Button>\n );\n}\n\nexport default IconButton;\n","import {Form} from \"react-bootstrap\";\r\nimport {ReactNode} from \"react\";\r\n\r\nexport type IconSwitchProps = {\r\n\tdisabled?: boolean;\r\n\tchecked: boolean;\r\n\tonChange: (checked: boolean) => any;\r\n\tsize?: number;\r\n\ticonOn: ReactNode;\r\n\ticonOff: ReactNode;\r\n};\r\n\r\nexport function IconSwitch({disabled, checked, iconOn, iconOff, size, onChange}: IconSwitchProps) {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"d-flex align-items-center gap-2 cursor-pointer\"\r\n\t\t\tonClick={(e) => onChange(!checked)}\r\n\t\t>\r\n\t\t\t<Form.Switch\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tsize={size}\r\n\t\t\t\ttype=\"switch\"\r\n\t\t\t\tchecked={checked}\r\n\t\t\t\treadOnly={true}\r\n\t\t\t\tclassName=\"cursor-pointer\"\r\n\t\t\t/>\r\n\t\t\t{\r\n\t\t\t\tchecked ? iconOn : iconOff\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default IconSwitch;\r\n","import { Spinner } from \"react-bootstrap\";\nimport { PropsWithChildren } from \"react\";\nimport { IconButton, IconButtonProps } from \"./IconButton\";\n\nexport type ActiveButtonProps = IconButtonProps & {\n loading?: boolean;\n};\n\nexport function LoadingButton({\n disabled,\n icon,\n loading,\n children,\n size,\n variant,\n type,\n onClick,\n}: PropsWithChildren<ActiveButtonProps>) {\n return loading === true ? (\n <IconButton\n disabled={true}\n onClick={onClick}\n size={size}\n variant={variant}\n type={type}\n icon={<Spinner size=\"sm\" />}\n >\n {children}\n </IconButton>\n ) : (\n <IconButton\n disabled={disabled}\n onClick={onClick}\n icon={icon}\n size={size}\n variant={variant}\n >\n {children}\n </IconButton>\n );\n}\n\nexport default LoadingButton;\n","import {PropsWithChildren, useMemo} from \"react\";\r\nimport {ActiveButtonProps, LoadingButton} from \"./LoadingButton\";\r\nimport {FaFloppyDisk} from \"react-icons/fa6\";\r\n\r\nexport type SaveButtonProps = ActiveButtonProps & {\r\n\tisChanged?: boolean;\r\n};\r\n\r\nexport function SaveButton({disabled, icon, loading, children, size, onClick, isChanged}: PropsWithChildren<SaveButtonProps>) {\r\n\tconst icn = useMemo(\r\n\t\t() => icon ? icon : <FaFloppyDisk/>,\r\n\t\t[icon]\r\n\t);\r\n\r\n\tconst content = useMemo(\r\n\t\t() => isChanged ? <strong>{children}</strong> : children,\r\n\t\t[isChanged, children]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<LoadingButton\r\n\t\t\tdisabled={disabled || (isChanged === false)}\r\n\t\t\tonClick={onClick}\r\n\t\t\ticon={icn}\r\n\t\t\tloading={loading}\r\n\t\t\tsize={size}\r\n\t\t>\r\n\t\t\t{content}\r\n\t\t</LoadingButton>\r\n\t);\r\n}\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\nimport {ActiveButtonProps, LoadingButton} from \"./LoadingButton\";\r\nimport {BsTrash} from \"react-icons/bs\";\r\n\r\nexport type DeleteButtonProps = ActiveButtonProps & {\r\n\tisChanged?: boolean;\r\n};\r\n\r\nexport function DeleteButton({disabled, icon, loading, children, size, onClick, isChanged}: PropsWithChildren<DeleteButtonProps>) {\r\n\tconst icn = useMemo(\r\n\t\t() => icon ? icon : <BsTrash/>,\r\n\t\t[icon]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<LoadingButton\r\n\t\t\tdisabled={disabled || (isChanged === false)}\r\n\t\t\tonClick={onClick}\r\n\t\t\ticon={icn}\r\n\t\t\tloading={loading}\r\n\t\t\tsize={size}\r\n\t\t\tvariant=\"danger\"\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</LoadingButton>\r\n\t);\r\n}\r\n","import {Form, Spinner} from \"react-bootstrap\";\r\nimport {StringUtil} from \"zavadil-ts-common\";\r\nimport {useEffect} from \"react\";\r\n\r\nexport type GenericSelectOption<T> = {\r\n\tid?: T | null;\r\n\tlabel: string;\r\n}\r\n\r\nexport type GenericSelectProps<T> = {\r\n\tvalue?: T | null;\r\n\toptions: Array<GenericSelectOption<T>>;\r\n\tonChange: (id: T | null | undefined) => any;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n}\r\n\r\nexport type StringSelectProps = GenericSelectProps<string>;\r\n\r\nexport function StringSelect({value, options, disabled, onChange, showEmptyOption, emptyOptionLabel}: StringSelectProps) {\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (StringUtil.isBlank(value)) {\r\n\t\t\t\tif (options.length > 0 && showEmptyOption !== true) {\r\n\t\t\t\t\tonChange(options[0].id);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t[value, options, showEmptyOption, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<Form.Select\r\n\t\t\tvalue={value || ''}\r\n\t\t\tonChange={(e) => onChange(e.target.value)}\r\n\t\t\tdisabled={disabled}\r\n\t\t>\r\n\t\t\t{\r\n\t\t\t\t(showEmptyOption === true) && (\r\n\t\t\t\t\t<option key={\"\"} value={\"\"}>{emptyOptionLabel || ''}</option>\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\t{\r\n\t\t\t\toptions ?\r\n\t\t\t\t\toptions.map(\r\n\t\t\t\t\t\t(o, i) => <option key={i} value={o.id || ''}>{o.label || ''}</option>\r\n\t\t\t\t\t) : <span><Spinner/></span>\r\n\t\t\t}\r\n\t\t</Form.Select>\r\n\t)\r\n}\r\n","import {useCallback, useMemo} from \"react\";\r\nimport {NumberUtil} from \"zavadil-ts-common\";\r\nimport {GenericSelectProps, StringSelect} from \"./StringSelect\";\r\n\r\nexport type NumberSelectProps = GenericSelectProps<number>;\r\n\r\nexport function NumberSelect({value, options, disabled, onChange, showEmptyOption, emptyOptionLabel}: NumberSelectProps) {\r\n\tconst nValue = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!value) return '';\r\n\t\t\treturn String(value);\r\n\t\t},\r\n\t\t[value]\r\n\t);\r\n\r\n\tconst nOptions = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!options) return [];\r\n\t\t\treturn options.map(\r\n\t\t\t\t(o) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: o.id ? String(o.id) : '',\r\n\t\t\t\t\t\tlabel: o.label\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\tconst nChange = useCallback(\r\n\t\t(s: string | null | undefined) => onChange(NumberUtil.parseNumber(s)),\r\n\t\t[onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<StringSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={nValue}\r\n\t\t\toptions={nOptions}\r\n\t\t\tonChange={nChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {NumberSelect} from \"./NumberSelect\";\r\nimport {LookupTableEntity} from \"zavadil-ts-common\";\r\nimport {GenericSelectOption} from \"./StringSelect\";\r\n\r\nexport type LookupSelectProps = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<LookupTableEntity> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter?: <T extends LookupTableEntity>(item: T) => string;\r\n}\r\n\r\nexport function LookupSelect({id, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: LookupSelectProps) {\r\n\tconst lOptions: GenericSelectOption<number>[] = useMemo(\r\n\t\t() => {\r\n\t\t\tlet result: Array<LookupTableEntity> = []\r\n\t\t\tif (options) {\r\n\t\t\t\tresult = sort ? options.sort((a, b) => a.name > b.name ? 1 : -1) : options;\r\n\t\t\t}\r\n\t\t\treturn result\r\n\t\t\t\t.map(\r\n\t\t\t\t\t(o) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: o.id,\r\n\t\t\t\t\t\t\tlabel: labelGetter ? labelGetter(o) : o.name\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<NumberSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={id}\r\n\t\t\toptions={lOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {StringSelect} from \"./StringSelect\";\r\n\r\nexport type EnumSelectProps = {\r\n\tvalue?: string | null;\r\n\toptions: Array<string>;\r\n\tonChange: (id: string | null | undefined) => any;\r\n\tshowEmptyOption?: boolean;\r\n\temptyOptionLabel?: string;\r\n};\r\n\r\nexport function EnumSelect({value, options, onChange, showEmptyOption, emptyOptionLabel}: EnumSelectProps) {\r\n\tconst nOptions = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!options) return [];\r\n\t\t\treturn options.map(\r\n\t\t\t\t(s) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: s,\r\n\t\t\t\t\t\tlabel: s\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<StringSelect\r\n\t\t\tvalue={value}\r\n\t\t\toptions={nOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import { Form } from \"react-bootstrap\";\nimport { useMemo, ReactNode } from \"react\";\nimport { StringUtil } from \"zavadil-ts-common\";\n\nexport type SwitchProps = {\n id?: string;\n disabled?: boolean;\n checked: boolean;\n onChange: (checked: boolean) => any;\n size?: number;\n label?: string | ReactNode;\n};\n\nexport function Switch({\n id,\n label,\n disabled,\n checked,\n size,\n onChange,\n}: SwitchProps) {\n const actualId = useMemo(() => (id ? id : StringUtil.randomString()), [id]);\n return (\n <Form.Switch\n disabled={disabled}\n id={actualId}\n size={size}\n type=\"switch\"\n checked={checked}\n onChange={(e) => onChange(!checked)}\n className=\"cursor-pointer\"\n label={label}\n />\n );\n}\n","import {useCallback, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport {CancellablePromise, EntityBase} from \"zavadil-ts-common\";\r\nimport TextInputWithReset from \"./TextInputWithReset\";\r\nimport {Dropdown} from \"react-bootstrap\";\r\n\r\nexport type AutocompleteSelectProps<T extends EntityBase> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tonSearch: (text: string) => Promise<Array<T>>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteSelect<T extends EntityBase>({selected, disabled, labelGetter, onChange, onSearch}: AutocompleteSelectProps<T>) {\r\n\tconst [searchPromise, setSearchPromise] = useState<CancellablePromise>();\r\n\tconst [searchText, setSearchText] = useState<string>();\r\n\tconst [itemSelection, setItemSelection] = useState<Array<T>>();\r\n\tconst blurTimeout = useRef<number>();\r\n\r\n\tconst finalLabelGetter = useCallback(\r\n\t\t(item: T) => {\r\n\t\t\tif (labelGetter) return labelGetter(item);\r\n\t\t\tif ('name' in item && typeof item.name === 'string') return item.name;\r\n\t\t\treturn `[${item.id}]`;\r\n\t\t},\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\tconst finalCss = useMemo(\r\n\t\t() => selected ? 'border rounded border-primary' : undefined,\r\n\t\t[selected]\r\n\t);\r\n\r\n\tconst userLeftControl = useCallback(\r\n\t\t() => {\r\n\t\t\tconsole.log('user left control');\r\n\t\t\tif (itemSelection) {\r\n\t\t\t\tsetItemSelection(undefined);\r\n\t\t\t\tsetSearchText(selected ? finalLabelGetter(selected) : '');\r\n\t\t\t}\r\n\t\t},\r\n\t\t[onChange, itemSelection, selected, finalLabelGetter]\r\n\t);\r\n\r\n\tconst startBlur = useCallback(\r\n\t\t() => {\r\n\t\t\tblurTimeout.current = window.setTimeout(userLeftControl, 100);\r\n\t\t},\r\n\t\t[blurTimeout, userLeftControl]\r\n\t);\r\n\r\n\tconst cancelBlur = useCallback(\r\n\t\t() => {\r\n\t\t\tif (blurTimeout.current) {\r\n\t\t\t\tclearTimeout(blurTimeout.current);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[blurTimeout]\r\n\t);\r\n\r\n\t// Clean up the timeout when the component unmounts\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\treturn cancelBlur;\r\n\t\t},\r\n\t\t[]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetSearchText(selected ? finalLabelGetter(selected) : '');\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t\tsetSearchPromise(undefined);\r\n\t\t\t}\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t},\r\n\t\t[selected]\r\n\t);\r\n\r\n\tconst reset = useCallback(\r\n\t\t() => {\r\n\t\t\tonChange(null)\r\n\t\t\tsetSearchText('');\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t\tsetSearchPromise(undefined);\r\n\t\t\t}\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t},\r\n\t\t[onChange, searchPromise]\r\n\t);\r\n\r\n\tconst userChangedText = useCallback(\r\n\t\t(s: string) => {\r\n\t\t\tsetSearchText(s);\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t}\r\n\t\t\tconst cancellable = new CancellablePromise(onSearch(s));\r\n\t\t\tcancellable.promise.then(setItemSelection);\r\n\t\t\tsetSearchPromise(cancellable);\r\n\t\t},\r\n\t\t[searchPromise, onSearch]\r\n\t);\r\n\r\n\r\n\tconst userSelectedItem = useCallback(\r\n\t\t(item: T) => {\r\n\t\t\tconsole.log('user selected item');\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t\tonChange({...item});\r\n\t\t},\r\n\t\t[onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div onBlur={startBlur} onFocus={cancelBlur}>\r\n\t\t\t<Dropdown defaultShow={false} show={itemSelection !== null}>\r\n\t\t\t\t<TextInputWithReset\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tvalue={searchText}\r\n\t\t\t\t\tonChange={userChangedText}\r\n\t\t\t\t\tonReset={reset}\r\n\t\t\t\t\tclassName={finalCss}\r\n\t\t\t\t/>\r\n\t\t\t\t{\r\n\t\t\t\t\titemSelection &&\r\n\t\t\t\t\t<Dropdown.Menu>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\titemSelection.map(\r\n\t\t\t\t\t\t\t\t(item) => <Dropdown.Item\r\n\t\t\t\t\t\t\t\t\tkey={item.id}\r\n\t\t\t\t\t\t\t\t\tonClick={\r\n\t\t\t\t\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\tcancelBlur();\r\n\t\t\t\t\t\t\t\t\t\t\tuserSelectedItem(item);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tactive={item.id === selected?.id}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{finalLabelGetter(item)}\r\n\t\t\t\t\t\t\t\t</Dropdown.Item>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</Dropdown.Menu>\r\n\t\t\t\t}\r\n\t\t\t</Dropdown>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {useCallback} from \"react\";\r\nimport {EntityBase, EntityClient, StringUtil} from \"zavadil-ts-common\";\r\nimport {AutocompleteSelect} from \"./AutocompleteSelect\";\r\n\r\nexport type AutocompleteEntitySelectProps<T extends EntityBase> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tentityClient: EntityClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteEntitySelect<T extends EntityBase>({\r\n\tselected,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tentityClient\r\n}: AutocompleteEntitySelectProps<T>) {\r\n\r\n\tconst search = useCallback(\r\n\t\t(s: string) => entityClient\r\n\t\t\t.loadPage({search: StringUtil.safeLowercase(s), page: 0, size: 10, sorting: [{name: 'id'}]})\r\n\t\t\t.then((p) => p.content),\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tonSearch={search}\r\n\t\t\tonChange={onChange}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useEffect, useState} from \"react\";\r\nimport {EntityBase, EntityClient, EntityClientWithStub} from \"zavadil-ts-common\";\r\nimport {AutocompleteEntitySelect} from \"./AutocompleteEntitySelect\";\r\n\r\nexport type AutocompleteIdSelectProps<T extends EntityBase, TStub extends EntityBase> = {\r\n\tid?: number | null;\r\n\tonChange: (id?: number | null) => any;\r\n\tentityClient: EntityClient<T> | EntityClientWithStub<T, TStub>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteEntityIdSelect<T extends EntityBase, TStub extends EntityBase>({\r\n\tid,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tentityClient\r\n}: AutocompleteIdSelectProps<T, TStub>) {\r\n\tconst [selected, setSelected] = useState<T | null>(null);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!id) {\r\n\t\t\t\tsetSelected(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (selected && selected.id === id) {\r\n\t\t\t\tsetSelected({...selected});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (entityClient instanceof EntityClientWithStub) {\r\n\t\t\t\tentityClient.loadSingleStub(id).then(setSelected);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tentityClient.loadSingle(id).then(setSelected);\r\n\t\t},\r\n\t\t[id]\r\n\t);\r\n\r\n\tconst selectionChanged = useCallback(\r\n\t\t(s: T | null) => {\r\n\t\t\tconst nId = s ? s.id : null;\r\n\t\t\tif (nId !== id) onChange(nId);\r\n\t\t\tsetSelected(s);\r\n\t\t},\r\n\t\t[id, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteEntitySelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tentityClient={entityClient}\r\n\t\t\tonChange={selectionChanged}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useMemo} from \"react\";\r\nimport {LookupClient, LookupTableEntity, StringUtil} from \"zavadil-ts-common\";\r\nimport {AutocompleteSelect} from \"./AutocompleteSelect\";\r\n\r\nexport type AutocompleteLookupSelectProps<T extends LookupTableEntity> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tlookupClient: LookupClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteLookupSelect<T extends LookupTableEntity>({\r\n\tselected,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tlookupClient\r\n}: AutocompleteLookupSelectProps<T>) {\r\n\tconst finalLabelGetter = useMemo(\r\n\t\t() => labelGetter ? labelGetter : (item: LookupTableEntity) => item.name,\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\tconst search = useCallback(\r\n\t\t(s: string) => lookupClient\r\n\t\t\t.loadPage({search: StringUtil.safeLowercase(s), page: 0, size: 10, sorting: [{name: 'name'}]})\r\n\t\t\t.then((p) => p.content),\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={finalLabelGetter}\r\n\t\t\tonSearch={search}\r\n\t\t\tonChange={onChange}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useEffect, useState} from \"react\";\r\nimport {LookupClient, LookupTableEntity} from \"zavadil-ts-common\";\r\nimport {AutocompleteLookupSelect} from \"./AutocompleteLookupSelect\";\r\n\r\nexport type AutocompleteLookupIdSelectProps<T extends LookupTableEntity> = {\r\n\tid?: number | null;\r\n\tonChange: (id?: number | null) => any;\r\n\tlookupClient: LookupClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteLookupIdSelect<T extends LookupTableEntity>({\r\n\tid,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tlookupClient\r\n}: AutocompleteLookupIdSelectProps<T>) {\r\n\tconst [selected, setSelected] = useState<T | null>(null);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!id) {\r\n\t\t\t\tsetSelected(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (selected && selected.id === id) {\r\n\t\t\t\tsetSelected({...selected});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tlookupClient.loadSingle(id).then(setSelected);\r\n\t\t},\r\n\t\t[id]\r\n\t);\r\n\r\n\tconst selectionChanged = useCallback(\r\n\t\t(s: T | null) => {\r\n\t\t\tconst nId = s ? s.id : null;\r\n\t\t\tif (nId !== id) onChange(nId);\r\n\t\t\tsetSelected(s);\r\n\t\t},\r\n\t\t[id, selected]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteLookupSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tlookupClient={lookupClient}\r\n\t\t\tonChange={selectionChanged}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {NumberSelect} from \"./NumberSelect\";\r\nimport {EntityBase} from \"zavadil-ts-common\";\r\nimport {GenericSelectOption} from \"./StringSelect\";\r\n\r\nexport type EntityIdSelectProps<T extends EntityBase> = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter: (item: T) => string;\r\n}\r\n\r\nexport function EntityIdSelect<T extends EntityBase>(\r\n\t{id, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: EntityIdSelectProps<T>\r\n) {\r\n\tconst lOptions: GenericSelectOption<number>[] = useMemo(\r\n\t\t() => {\r\n\t\t\tlet result: Array<T> = []\r\n\t\t\tif (options) {\r\n\t\t\t\tresult = sort ? options.sort((a, b) => labelGetter(a) > labelGetter(b) ? 1 : -1) : options;\r\n\t\t\t}\r\n\t\t\treturn result\r\n\t\t\t\t.map(\r\n\t\t\t\t\t(o) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: o.id,\r\n\t\t\t\t\t\t\tlabel: labelGetter(o)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<NumberSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={id}\r\n\t\t\toptions={lOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityBase} from \"zavadil-ts-common\";\r\nimport {EntityIdSelect} from \"./EntityIdSelect\";\r\n\r\nexport type EntitySelectProps<T extends EntityBase> = {\r\n\tvalue?: T | null;\r\n\tonChange: (e: T | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter: (item: T) => string;\r\n}\r\n\r\nexport function EntitySelect<T extends EntityBase>(\r\n\t{value, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: EntitySelectProps<T>\r\n) {\r\n\r\n\treturn (\r\n\t\t<EntityIdSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tid={value ? value.id : null}\r\n\t\t\toptions={options}\r\n\t\t\tsort={sort}\r\n\t\t\tonChange={\r\n\t\t\t\t(id) => {\r\n\t\t\t\t\tif (!options || !id) {\r\n\t\t\t\t\t\tonChange(undefined);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tonChange(options.find((o) => o.id === id));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityWithName} from \"zavadil-ts-common\";\r\nimport {EntitySelect} from \"./EntitySelect\";\r\n\r\nexport type EntityWithNameSelectProps<T extends EntityWithName> = {\r\n\tvalue?: T | null;\r\n\tonChange: (e: T | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n}\r\n\r\nexport function EntityWithNameSelect<T extends EntityWithName>(\r\n\t{value, sort, disabled, onChange, options, showEmptyOption, emptyOptionLabel}: EntityWithNameSelectProps<T>\r\n) {\r\n\treturn (\r\n\t\t<EntitySelect\r\n\t\t\tvalue={value}\r\n\t\t\tlabelGetter={(e) => e.name}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tsort={sort}\r\n\t\t\toptions={options}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityWithName} from \"zavadil-ts-common\";\r\nimport {EntityIdSelect} from \"./EntityIdSelect\";\r\n\r\nexport type EntityWithNameIdSelectProps<T extends EntityWithName> = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n}\r\n\r\nexport function EntityWithNameIdSelect<T extends EntityWithName>(\r\n\t{id, sort, disabled, onChange, options, showEmptyOption, emptyOptionLabel}: EntityWithNameIdSelectProps<T>\r\n) {\r\n\treturn (\r\n\t\t<EntityIdSelect\r\n\t\t\tid={id}\r\n\t\t\tlabelGetter={(e) => e.name}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tsort={sort}\r\n\t\t\toptions={options}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {ObjectUtil, PagingRequest} from 'zavadil-ts-common';\r\nimport React from 'react';\r\nimport {Pagination} from \"react-bootstrap\";\r\n\r\nconst MAX_DISPLAY_PAGES = 10;\r\n\r\nexport type TablePaginationProps = {\r\n\tpaging: PagingRequest;\r\n\ttotalItems: number;\r\n\tonPagingChanged: (p: PagingRequest) => any\r\n};\r\n\r\nexport function TablePagination({\r\n\tpaging,\r\n\ttotalItems,\r\n\tonPagingChanged\r\n}: TablePaginationProps) {\r\n\tconst totalPages = Math.ceil(totalItems / paging.size);\r\n\r\n\tconst pageChanged = (page: number) => {\r\n\t\tpaging.page = page;\r\n\t\tonPagingChanged(ObjectUtil.clone(paging));\r\n\t}\r\n\r\n\tconst paginationItems = [];\r\n\r\n\tif (totalPages > 1) {\r\n\t\tpaginationItems.push(<Pagination.First key=\"first\" onClick={() => pageChanged(0)} disabled={paging.page === 0}/>);\r\n\t\tpaginationItems.push(<Pagination.Prev key=\"prev\" onClick={() => pageChanged(paging.page - 1)} disabled={paging.page === 0}/>);\r\n\r\n\t\tconst maxPagesSide = Math.round((MAX_DISPLAY_PAGES - 3) / 2);\r\n\r\n\t\tlet start = (paging.page > maxPagesSide) ? paging.page - maxPagesSide : 0;\r\n\t\tlet end = start + MAX_DISPLAY_PAGES;\r\n\r\n\t\tif (end >= totalPages) {\r\n\t\t\tend = totalPages - 1;\r\n\t\t}\r\n\r\n\t\tif (start > 0) {\r\n\t\t\tpaginationItems.push(<Pagination.Ellipsis key=\"ellipsisStart\" disabled={true}/>);\r\n\t\t}\r\n\r\n\t\tfor (let number = start; number <= end; number++) {\r\n\t\t\tpaginationItems.push(\r\n\t\t\t\t<Pagination.Item key={number} active={number === paging.page} onClick={() => pageChanged(number)}>\r\n\t\t\t\t\t{number + 1}\r\n\t\t\t\t</Pagination.Item>,\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (end < (totalPages - 1)) {\r\n\t\t\tpaginationItems.push(<Pagination.Ellipsis key=\"ellipsisEnd\" disabled={true}/>);\r\n\t\t}\r\n\r\n\t\tpaginationItems.push(<Pagination.Next key=\"next\" onClick={() => pageChanged(paging.page + 1)} disabled={paging.page === (totalPages - 1)}/>);\r\n\t\tpaginationItems.push(<Pagination.Last key=\"last\" onClick={() => pageChanged(totalPages - 1)} disabled={paging.page === (totalPages - 1)}/>);\r\n\t}\r\n\r\n\treturn <Pagination size=\"sm\" className=\"flex-wrap m-0\">{paginationItems}</Pagination>\r\n}\r\n\r\nexport default TablePagination;\r\n","import {ObjectUtil, PagingRequest, StringUtil} from 'zavadil-ts-common';\r\nimport React, {PropsWithChildren, useMemo} from 'react';\r\nimport {Table} from \"react-bootstrap\";\r\nimport {BsFillCaretDownFill, BsFillCaretUpFill} from 'react-icons/bs';\r\nimport {TableHeader} from \"./TableTypes\";\r\nimport {NumberSelect} from \"../forms\";\r\nimport Localize from \"../localization/Localize\";\r\nimport TablePagination from \"./TablePagination\";\r\n\r\nconst DEFAULT_SIZES = [\r\n\t{\r\n\t\tid: 10,\r\n\t\tlabel: '10'\r\n\t},\r\n\t{\r\n\t\tid: 100,\r\n\t\tlabel: '100'\r\n\t},\r\n\t{\r\n\t\tid: 1000,\r\n\t\tlabel: '1000'\r\n\t}\r\n];\r\n\r\nexport type AdvancedTableProps = {\r\n\theader: TableHeader;\r\n\tlanguage?: \"cs\" | \"en\";\r\n\tpaging: PagingRequest;\r\n\ttotalItems: number;\r\n\thover?: boolean;\r\n\tshowPagingOnBottom?: boolean;\r\n\tshowPageSizeSelection?: boolean;\r\n\tstriped?: boolean;\r\n\tbordered?: boolean;\r\n\tonPagingChanged: (p: PagingRequest) => any\r\n};\r\n\r\nexport function AdvancedTable({\r\n\thover,\r\n\tshowPagingOnBottom,\r\n\tshowPageSizeSelection,\r\n\tstriped,\r\n\tbordered,\r\n\theader,\r\n\tchildren,\r\n\tpaging,\r\n\ttotalItems,\r\n\tonPagingChanged\r\n}: PropsWithChildren<AdvancedTableProps>) {\r\n\tconst totalPages = Math.ceil(totalItems / paging.size);\r\n\r\n\tconst sizes = useMemo(\r\n\t\t() => {\r\n\t\t\tconst s = paging.size;\r\n\t\t\tif (DEFAULT_SIZES.find((si) => si.id === s) === null) {\r\n\t\t\t\tconst ss = ObjectUtil.clone(DEFAULT_SIZES);\r\n\t\t\t\tss.push({id: s, label: String(s)});\r\n\t\t\t\treturn ss;\r\n\t\t\t}\r\n\t\t\treturn DEFAULT_SIZES;\r\n\t\t},\r\n\t\t[paging]\r\n\t);\r\n\r\n\tconst sortingChanged = (e: React.MouseEvent<HTMLTableCellElement>, fieldName: string) => {\r\n\t\tif (!paging.sorting) paging.sorting = [];\r\n\t\tlet field = paging.sorting.find((f) => f.name === fieldName);\r\n\t\tconst isSoleField = field && paging.sorting.length === 1;\r\n\t\tif (!(e.ctrlKey || isSoleField)) {\r\n\t\t\tpaging.sorting = [];\r\n\t\t\tfield = undefined;\r\n\t\t}\r\n\t\tif (field) {\r\n\t\t\tfield.desc = !field.desc;\r\n\t\t} else {\r\n\t\t\tpaging.sorting.push({name: fieldName});\r\n\t\t}\r\n\t\tonPagingChanged(ObjectUtil.clone(paging));\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Table hover={hover} striped={striped} responsive bordered={bordered}>\r\n\t\t\t\t<thead>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t<div className=\"d-flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t<div><Localize text='Page'/>: {paging.page + 1} / {totalPages}</div>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\ttotalPages > 0 && <TablePagination paging={paging} totalItems={totalItems} onPagingChanged={onPagingChanged}/>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<div><Localize text='Total items'/>: {totalItems}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theader.map(\r\n\t\t\t\t\t\t\t(h, index) => {\r\n\t\t\t\t\t\t\t\tconst sortBy = h.sort === false ? '' : (StringUtil.isBlank(h.sort) ? h.name : h.sort);\r\n\t\t\t\t\t\t\t\tif (StringUtil.isBlank(sortBy) || (!sortBy)) {\r\n\t\t\t\t\t\t\t\t\treturn <th key={index}>{h.label}</th>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tconst field = paging.sorting && paging.sorting.find((s) => s.name === sortBy);\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"user-select-none text-nowrap\"\r\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent<HTMLTableCellElement>) => sortingChanged(e, sortBy)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{h.label}\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tfield ? field.desc ? <BsFillCaretDownFill/> : <BsFillCaretUpFill/> : <></>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t{children}\r\n\t\t\t\t</tbody>\r\n\t\t\t\t{\r\n\t\t\t\t\ttotalItems > 0 && <tfoot>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowPagingOnBottom &&\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t\t\t<div className=\"d-flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t\t<div><Localize text='Page'/>: {paging.page + 1} / {totalPages}</div>\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\ttotalPages > 0 && <TablePagination paging={paging} totalItems={totalItems} onPagingChanged={onPagingChanged}/>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t<div><Localize text='Total items'/>: {totalItems}</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowPageSizeSelection &&\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t\t\t<div className=\"d-flex align-items-center gap-2 justify-content-end\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"text-nowrap\"><Localize text='Page size'/>:</div>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<NumberSelect\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={paging.size}\r\n\t\t\t\t\t\t\t\t\t\t\toptions={sizes}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpaging.size = e || 10\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonPagingChanged({...paging});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tshowEmptyOption={false}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t</tfoot>\r\n\t\t\t\t}\r\n\t\t\t</Table>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default AdvancedTable;\r\n","import {ReactNode, useMemo} from \"react\";\r\nimport {SwitchProps} from \"./Switch\";\r\nimport {BsCheckCircle, BsCircle} from \"react-icons/bs\";\r\n\r\nexport type IconCheckProps = SwitchProps & {\r\n\ticonOn?: ReactNode;\r\n\ticonOff?: ReactNode;\r\n};\r\n\r\nexport function IconCheck({disabled, checked, iconOn, iconOff, size, onChange}: IconCheckProps) {\r\n\tconst renderedIcon = useMemo(\r\n\t\t() => checked ? (iconOn ? iconOn : <BsCheckCircle size={size}/>) : (iconOff ? iconOff : <BsCircle size={size} className=\"text-muted\"/>),\r\n\t\t[checked, iconOn, iconOff, size]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"d-flex align-items-center cursor-pointer\"\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tonChange(!checked)\r\n\t\t\t}\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t{renderedIcon}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default IconCheck;\r\n","import React, {useCallback, useEffect, useMemo, useState} from 'react';\r\nimport {ObjectUtil} from 'zavadil-ts-common';\r\nimport {AdvancedTable, AdvancedTableProps} from \"./AdvancedTable\";\r\nimport {RenderFunc, SelectableTableHeader, TableHeader} from \"./TableTypes\";\r\nimport {BsCheckAll} from \"react-icons/bs\";\r\nimport IconCheck from \"../forms/IconCheck\";\r\n\r\nexport type SelectableItem<T> = {\r\n\tselected: boolean;\r\n\titem: T;\r\n};\r\n\r\nexport type TableWithSelectProps<T> = Omit<AdvancedTableProps, 'header'> & {\r\n\tshowSelect?: boolean;\r\n\theader: SelectableTableHeader<T>;\r\n\titems?: Array<T>;\r\n\tonSelect?: (selected: Array<T>) => any;\r\n\tonClick?: (selected: T) => any;\r\n};\r\n\r\nfunction createRenderer<T>(name: string): RenderFunc<T> {\r\n\treturn (e: T) => ObjectUtil.getNestedValue(e, name);\r\n}\r\n\r\nexport function TableWithSelect<T>({\r\n\tshowSelect,\r\n\theader,\r\n\titems,\r\n\tonSelect,\r\n\tonClick,\r\n\ttotalItems,\r\n\tpaging,\r\n\tonPagingChanged\r\n}: TableWithSelectProps<T>) {\r\n\tconst [selectAll, setSelectAll] = useState<boolean>(false);\r\n\tconst [selectableItems, setSelectableItems] = useState<Array<SelectableItem<T>>>();\r\n\r\n\tconst updateSelectAll = useCallback(\r\n\t\t(sa: boolean) => {\r\n\t\t\tif (selectableItems) {\r\n\t\t\t\tsetSelectableItems(selectableItems.map(\r\n\t\t\t\t\t(i) => {\r\n\t\t\t\t\t\treturn {selected: sa, item: i.item};\r\n\t\t\t\t\t}\r\n\t\t\t\t));\r\n\t\t\t}\r\n\t\t\tsetSelectAll(sa);\r\n\t\t},\r\n\t\t[selectableItems]\r\n\t);\r\n\r\n\tconst selectableHeader = useMemo(\r\n\t\t() => {\r\n\t\t\tconst h: TableHeader = [...header];\r\n\t\t\tif (showSelect !== false) {\r\n\t\t\t\th.unshift(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: '',\r\n\t\t\t\t\t\tlabel: <div className=\"py-1\">\r\n\t\t\t\t\t\t\t<IconCheck\r\n\t\t\t\t\t\t\t\tchecked={selectAll}\r\n\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t() => updateSelectAll(!selectAll)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\ticonOn={<BsCheckAll/>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t\treturn h;\r\n\t\t},\r\n\t\t[header, selectAll, updateSelectAll]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetSelectableItems(items ? items.map(\r\n\t\t\t\t(i) => {\r\n\t\t\t\t\treturn {selected: selectAll, item: i};\r\n\t\t\t\t}\r\n\t\t\t) : undefined);\r\n\t\t},\r\n\t\t[items]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!selectableItems) return;\r\n\t\t\tif (!onSelect) return;\r\n\t\t\tonSelect(selectableItems.filter((i) => i.selected).map((i) => i.item));\r\n\t\t},\r\n\t\t[selectableItems, onSelect]\r\n\t);\r\n\r\n\treturn <AdvancedTable\r\n\t\theader={selectableHeader}\r\n\t\thover={onClick !== undefined}\r\n\t\tpaging={paging}\r\n\t\tstriped={true}\r\n\t\ttotalItems={totalItems}\r\n\t\tonPagingChanged={onPagingChanged}\r\n\t>\r\n\t\t{\r\n\t\t\tselectableItems && selectableItems.map(\r\n\t\t\t\t(item, index) => <tr\r\n\t\t\t\t\tkey={index}\r\n\t\t\t\t\tclassName={`selectable ${onClick ? 'cursor-pointer' : ''} ${item.selected ? 'table-active table-primary' : ''}`}\r\n\t\t\t\t\tonClick={\r\n\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\tif (onClick) onClick(item.item);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t(showSelect !== false) && <td>\r\n\t\t\t\t\t\t\t<div className=\"py-2 d-flex align-items-center\">\r\n\t\t\t\t\t\t\t\t<IconCheck\r\n\t\t\t\t\t\t\t\t\tchecked={item.selected}\r\n\t\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t\t() => {\r\n\t\t\t\t\t\t\t\t\t\t\titem.selected = !item.selected;\r\n\t\t\t\t\t\t\t\t\t\t\tif (selectAll && !item.selected) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectAll(false);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tsetSelectableItems([...selectableItems]);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theader.map(\r\n\t\t\t\t\t\t\t(h, index) => {\r\n\t\t\t\t\t\t\t\tconst renderer = h.renderer || createRenderer(h.name);\r\n\t\t\t\t\t\t\t\treturn <td key={index}>{renderer(item.item)}</td>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t)\r\n\t\t}\r\n\t</AdvancedTable>\r\n}\r\n\r\nexport default TableWithSelect;\r\n","import React, {useMemo} from 'react';\r\nimport {Table} from \"react-bootstrap\";\r\nimport {PlaceholderSize} from \"react-bootstrap/usePlaceholder\";\r\n\r\nconst DEFAULT_COLS = 1;\r\nconst DEFAULT_ROWS = 20;\r\nconst DEFAULT_SIZE: PlaceholderSize = \"lg\";\r\n\r\nexport type TablePlaceholderProps = {\r\n\tcols?: number;\r\n\trows?: number;\r\n\tsize?: PlaceholderSize;\r\n};\r\n\r\nexport function TablePlaceholder({cols, rows, size}: TablePlaceholderProps) {\r\n\tconst colsN: number = useMemo(() => cols === undefined ? DEFAULT_COLS : cols, [cols]);\r\n\tconst rowsN: number = useMemo(() => rows === undefined ? DEFAULT_ROWS : rows, [rows]);\r\n\tconst sizeS: PlaceholderSize = useMemo(() => size === undefined ? DEFAULT_SIZE : size, [size]);\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Table responsive>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t{\r\n\t\t\t\t\tArray.from(\r\n\t\t\t\t\t\t{length: rowsN},\r\n\t\t\t\t\t\t(_, i) => <tr key={i}>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tArray.from(\r\n\t\t\t\t\t\t\t\t\t{length: colsN},\r\n\t\t\t\t\t\t\t\t\t(_, i) => <td key={i}>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-100 p-1 m-1\"></div>\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t)\r\n\t\t\t\t}\r\n\t\t\t\t</tbody>\r\n\t\t\t</Table>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default TablePlaceholder;\r\n","import {DateUtil} from 'zavadil-ts-common';\r\n\r\nexport type DateTimeProps = {\r\n\tvalue?: Date | null;\r\n};\r\n\r\nexport function DateTime({value}: DateTimeProps) {\r\n\treturn (\r\n\t\t<div className=\"text-nowrap\">{DateUtil.formatDateTimeForHumans(value)}</div>\r\n\t);\r\n}\r\n","import {DateUtil, ObjectUtil} from \"zavadil-ts-common\";\r\n\r\nexport type DurationProps = {\r\n\tms?: number | null;\r\n};\r\n\r\nexport function Duration({ms}: DurationProps) {\r\n\tif (ObjectUtil.isEmpty(ms)) return <></>;\r\n\treturn <div className=\"text-nowrap\">{DateUtil.formatDuration(ms)}</div>;\r\n}\r\n","import {ObjectUtil} from \"zavadil-ts-common\";\r\nimport {useMemo} from \"react\";\r\nimport {Duration} from \"./Duration\";\r\n\r\nexport type ElapsedProps = {\r\n\tdate?: Date | null;\r\n};\r\n\r\nexport function Elapsed({date}: ElapsedProps) {\r\n\tconst ms = useMemo(\r\n\t\t() => {\r\n\t\t\tif (ObjectUtil.isEmpty(date)) return null;\r\n\t\t\treturn Date.now() - date.getTime();\r\n\t\t},\r\n\t\t[date]\r\n\t);\r\n\treturn <Duration ms={ms}/>;\r\n}\r\n","import {BsBug, BsExclamationDiamond, BsInfo, BsQuestion} from \"react-icons/bs\";\r\nimport {IconType} from \"react-icons\";\r\nimport {UserAlertType} from \"zavadil-ts-common\";\r\n\r\nexport type UserAlertTypeIconProps = {\r\n\ttype: UserAlertType;\r\n\tsize?: string | number;\r\n\tcustomVariant?: string;\r\n};\r\n\r\nconst ICONS = new Map<UserAlertType, IconType>(\r\n\t[\r\n\t\t[UserAlertType.error, BsBug],\r\n\t\t[UserAlertType.warning, BsExclamationDiamond],\r\n\t\t[UserAlertType.info, BsInfo]\r\n\t]\r\n);\r\n\r\nexport function UserAlertTypeIcon({type, size, customVariant}: UserAlertTypeIconProps) {\r\n\tconst iconFunc = ICONS.get(type) || BsQuestion;\r\n\treturn <div className={`d-flex align-items-center text-${customVariant === undefined ? type : customVariant}`}>{iconFunc({size: size})}</div>\r\n}\r\n\r\nexport default UserAlertTypeIcon;\r\n","import {DateUtil, UserAlert} from 'zavadil-ts-common';\r\nimport {ProgressBar, Stack} from \"react-bootstrap\";\r\nimport UserAlertTypeIcon from \"./UserAlertTypeIcon\";\r\n\r\nexport type UserAlertWidgetProps = {\r\n\tuserAlert: UserAlert;\r\n\tmaxDurationMs: number;\r\n};\r\n\r\nexport function UserAlertWidget({userAlert, maxDurationMs}: UserAlertWidgetProps) {\r\n\treturn (\r\n\t\t<Stack direction=\"horizontal\" gap={2} className=\"align-items-center\">\r\n\t\t\t{\r\n\t\t\t\tuserAlert.remainsMs && <div style={{width: 20}}>\r\n\t\t\t\t\t<ProgressBar min={0} max={maxDurationMs} now={userAlert.remainsMs} variant={userAlert.type}/>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t<div>{DateUtil.formatDateForHumans(userAlert.time)}</div>\r\n\t\t\t<UserAlertTypeIcon type={userAlert.type}/>\r\n\t\t\t<div>{userAlert.message}</div>\r\n\t\t</Stack>\r\n\t);\r\n}\r\n\r\nexport default UserAlertWidget;\r\n","import {UserAlert, UserAlerts, UserAlertType} from 'zavadil-ts-common';\r\nimport {useCallback, useEffect, useState} from \"react\";\r\nimport UserAlertWidget from \"./UserAlertWidget\";\r\nimport UserAlertTypeIcon from \"./UserAlertTypeIcon\";\r\nimport {Stack} from \"react-bootstrap\";\r\nimport {IconButton} from \"../forms\";\r\nimport {BsEye, BsTrash} from \"react-icons/bs\";\r\nimport {VscEyeClosed} from \"react-icons/vsc\";\r\n\r\nexport type UserAlertsWidgetProps = {\r\n\tuserAlerts: UserAlerts;\r\n};\r\n\r\nexport function UserAlertsWidget({userAlerts}: UserAlertsWidgetProps) {\r\n\tconst [showAll, setShowAll] = useState<boolean>(false);\r\n\tconst [totalAlerts, setTotalAlerts] = useState<number>(userAlerts.alerts.length);\r\n\tconst [renderedAlerts, setRenderedAlerts] = useState<UserAlert[]>([...userAlerts.visibleAlerts]);\r\n\tconst [summary, setSummary] = useState<Map<UserAlertType, number>>(userAlerts.getSummary());\r\n\r\n\tconst onChangeHandler = useCallback(\r\n\t\t() => {\r\n\t\t\tsetTotalAlerts(userAlerts.alerts.length);\r\n\t\t\tsetRenderedAlerts(showAll ? [...userAlerts.alerts] : [...userAlerts.visibleAlerts]);\r\n\t\t\tsetSummary(userAlerts.getSummary());\r\n\t\t},\r\n\t\t[userAlerts, showAll]\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\t\tuserAlerts.addOnChangeHandler(onChangeHandler);\r\n\t\t\tconst handle = setInterval(\r\n\t\t\t\t() => userAlerts.updateVisibility(),\r\n\t\t\t\t100\r\n\t\t\t);\r\n\t\t\treturn () => {\r\n\t\t\t\tclearInterval(handle);\r\n\t\t\t\tuserAlerts.removeOnChangeHandler(onChangeHandler);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[userAlerts, onChangeHandler]\r\n\t);\r\n\r\n\tif (totalAlerts <= 0) return <></>;\r\n\r\n\treturn (\r\n\t\t<div className=\"user-alerts border rounded bg-body text-body position-fixed text-end\" style={{bottom: 15, right: 15, zIndex: 2147483647}}>\r\n\t\t\t{\r\n\t\t\t\trenderedAlerts.length > 0 &&\r\n\t\t\t\t<div className=\"max-w-50 p-2 border-bottom\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\trenderedAlerts.map((a, index) => <UserAlertWidget key={index} userAlert={a} maxDurationMs={userAlerts.maxVisibilityMs}/>)\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t<div className=\"p-2\">\r\n\t\t\t\t<Stack direction=\"horizontal\" gap={2} className=\"justify-content-end align-items-center\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowAll ? <IconButton size=\"sm\" variant=\"primary\" onClick={() => setShowAll(false)} icon={<VscEyeClosed/>}>Hide</IconButton>\r\n\t\t\t\t\t\t\t: <IconButton size=\"sm\" variant=\"primary\" onClick={() => setShowAll(true)} icon={<BsEye/>}>Show All</IconButton>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tArray.from(summary.entries()).map(\r\n\t\t\t\t\t\t\t(entry, index) => (\r\n\t\t\t\t\t\t\t\t<Stack key={index} direction=\"horizontal\" gap={1} className=\"px-1 border rounded align-items-center\">\r\n\t\t\t\t\t\t\t\t\t<UserAlertTypeIcon type={entry[0]} customVariant={entry[1] === 0 ? 'muted' : undefined}/>\r\n\t\t\t\t\t\t\t\t\t<div className={entry[1] > 0 ? `text-${entry[0]} fw-bold` : 'text-muted'}>\r\n\t\t\t\t\t\t\t\t\t\t{entry[1]}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</Stack>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<IconButton size=\"sm\" variant=\"danger\" onClick={() => userAlerts.reset()} icon={<BsTrash/>}>Reset</IconButton>\r\n\t\t\t\t</Stack>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default UserAlertsWidget;\r\n","import {Button, Modal, Stack} from \"react-bootstrap\";\r\nimport {BasicDialogProps} from \"./DialogProps\";\r\nimport {createContext} from \"react\";\r\nimport {Localize} from \"../localization\";\r\n\r\nexport class ConfirmDialogContextData {\r\n\tsetProps: (props?: ConfirmDialogProps) => any;\r\n\r\n\tconstructor(setProps: (props?: ConfirmDialogProps) => any) {\r\n\t\tthis.setProps = setProps;\r\n\t}\r\n\r\n\tconfirm(name: string, text: string, onConfirmed: () => any) {\r\n\t\tthis.setProps(\r\n\t\t\t{\r\n\t\t\t\tname: name,\r\n\t\t\t\ttext: text,\r\n\t\t\t\tonConfirm: () => {\r\n\t\t\t\t\tonConfirmed();\r\n\t\t\t\t\tthis.setProps(undefined);\r\n\t\t\t\t},\r\n\t\t\t\tonClose: () => this.setProps(undefined)\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport const ConfirmDialogContext = createContext<ConfirmDialogContextData>(new ConfirmDialogContextData(() => undefined));\r\n\r\nexport type ConfirmDialogProps = BasicDialogProps & {\r\n\tonConfirm: () => any;\r\n};\r\n\r\nexport function ConfirmDialog({name, text, onClose, onConfirm}: ConfirmDialogProps) {\r\n\treturn (\r\n\t\t<Modal show={true} backdrop={true} onHide={onClose}>\r\n\t\t\t<Modal.Header>{name || 'Confirm'}</Modal.Header>\r\n\t\t\t<Modal.Body>{text}</Modal.Body>\r\n\t\t\t<Modal.Footer>\r\n\t\t\t\t<Stack direction=\"horizontal\">\r\n\t\t\t\t\t<Button variant=\"link\" onClick={onClose}><Localize text=\"Back\"/></Button>\r\n\t\t\t\t\t<Button variant=\"primary\" onClick={onConfirm}><Localize text=\"Yes\"/></Button>\r\n\t\t\t\t</Stack>\r\n\t\t\t</Modal.Footer>\r\n\t\t</Modal>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {Badge, ProgressBar} from \"react-bootstrap\";\r\nimport {ByteUtil, JavaHeapStats} from \"zavadil-ts-common\";\r\n\r\nexport type WorkerJavaHeapControlProps = {\r\n\tstats: JavaHeapStats;\r\n};\r\n\r\nexport function JavaHeapControl({stats}: WorkerJavaHeapControlProps) {\r\n\tconst size = stats.heapSize;\r\n\tconst max = stats.heapMaxSize;\r\n\tconst free = stats.heapFreeSize;\r\n\tconst used = size - free;\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>Java Heap</pre>\r\n\t\t\t\t<pre>[{ByteUtil.formatByteSize(size)} / {ByteUtil.formatByteSize(max)}]</pre>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>Used:</pre>\r\n\t\t\t\t<Badge className=\"bg-warning text-bg-warning\">\r\n\t\t\t\t\t{ByteUtil.formatByteSize(used)}\r\n\t\t\t\t</Badge>\r\n\t\t\t\t<pre>Free:</pre>\r\n\t\t\t\t<Badge className=\"bg-success text-white\">\r\n\t\t\t\t\t{ByteUtil.formatByteSize(free)}\r\n\t\t\t\t</Badge>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"p-1\">\r\n\t\t\t\t<ProgressBar min={0} max={max}>\r\n\t\t\t\t\t<ProgressBar variant=\"warning\" min={0} now={used} max={max}/>\r\n\t\t\t\t\t<ProgressBar variant=\"success\" min={0} now={free} max={max}/>\r\n\t\t\t\t</ProgressBar>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {ProgressBar} from \"react-bootstrap\";\r\nimport {CacheStats} from 'zavadil-ts-common';\r\n\r\nexport type CacheStatsControlProps = {\r\n\tname: string;\r\n\tstats: CacheStats;\r\n}\r\n\r\nexport function CacheStatsControl({name, stats}: CacheStatsControlProps) {\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>{name}</pre>\r\n\t\t\t\t<pre>\r\n\t\t\t\t[\r\n\t\t\t\t\t{stats.cachedItems}\r\n\t\t\t\t\t{stats.capacity > 0 && ' / '}\r\n\t\t\t\t\t{stats.capacity > 0 && stats.capacity}\r\n\t\t\t\t\t]\r\n\t\t\t\t</pre>\r\n\t\t\t</div>\r\n\t\t\t{\r\n\t\t\t\tstats.capacity > 0 &&\r\n\t\t\t\t<div className=\"p-1\">\r\n\t\t\t\t\t<ProgressBar\r\n\t\t\t\t\t\tnow={stats.cachedItems}\r\n\t\t\t\t\t\tmin={0}\r\n\t\t\t\t\t\tmax={stats.capacity}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {Badge} from \"react-bootstrap\";\r\n\r\nexport type QueueStateControlProps = {\r\n\tstate: string;\r\n}\r\n\r\nconst STATE_COLORS = new Map<string, string>([\r\n\t['Idle', 'secondary'],\r\n\t['Processing', 'success'],\r\n\t['Loading', 'warn'],\r\n]);\r\n\r\nexport function QueueStateControl({state}: QueueStateControlProps) {\r\n\tconst color = STATE_COLORS.get(state) || 'light';\r\n\treturn <Badge className={`bg-${color} text-bg-${color}`}>{state}</Badge>\r\n}\r\n","import React from 'react';\r\nimport {Placeholder, ProgressBar} from \"react-bootstrap\";\r\nimport {QueueStats} from 'zavadil-ts-common';\r\nimport {QueueStateControl} from \"./QueueStateControl\";\r\n\r\nexport type QueueStatsControlProps = {\r\n\tname: string;\r\n\tstats?: QueueStats | null;\r\n}\r\n\r\nexport function QueueStatsControl({name, stats}: QueueStatsControlProps) {\r\n\tconst max = stats ? stats.remaining + stats.processed : undefined\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>{name}</pre>\r\n\t\t\t\t<pre>[{stats?.processed !== undefined ? stats.processed : '?'} / {max !== undefined ? max : '?'}]</pre>\r\n\t\t\t\t<QueueStateControl state={stats ? stats.state : 'Unknown'}/>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"p-1\">\r\n\t\t\t\t{\r\n\t\t\t\t\tstats ? <ProgressBar variant=\"primary\" striped={true} animated={true} min={0} now={stats.processed} max={max || 1}/>\r\n\t\t\t\t\t\t: <Placeholder className=\"w-100\" animation=\"glow\">\r\n\t\t\t\t\t\t\t<Placeholder className=\"w-100\"/>\r\n\t\t\t\t\t\t</Placeholder>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\n\r\nexport type SpreadProps = {\r\n\tcenter?: boolean;\r\n};\r\n\r\nexport function Spread({children, center}: PropsWithChildren<SpreadProps>) {\r\n\tconst css = useMemo(\r\n\t\t() => center === false ? '' : 'd-flex align-items-center justify-content-center',\r\n\t\t[center]\r\n\t);\r\n\r\n\treturn <div\r\n\t\tclassName={`w-100 h-100 position-absolute ${css}`}\r\n\t\tstyle={{left: 0, right: 0, top: 0, bottom: 0}}\r\n\t>\r\n\t\t{children}\r\n\t</div>\r\n}\r\n\r\nexport default Spread;\r\n"],"names":["LocalizationContext","createContext","BasicLocalization","Localize","text","tag","localization","useContext","p","useMemo","undefined","tags","t","translate","_jsx","_Fragment","children","FormRow","id","label","_jsxs","Form","Group","Label","FormRowControl","props","actualId","StringUtil","randomString","Control","TextInputWithReset","value","onChange","onReset","onBlur","disabled","className","actual","getNonEmpty","isEmpty","isBlank","reset","useCallback","InputGroup","type","e","target","Button","onClick","BsXCircle","DateInput","DateUtil","formatDateForInput","parseDate","DateTimeInput","formatDateTimeForInput","IconButton","variant","icon","size","IconSwitch","checked","iconOn","iconOff","Switch","readOnly","LoadingButton","loading","Spinner","SaveButton","isChanged","icn","FaFloppyDisk","content","DeleteButton","BsTrash","StringSelect","options","showEmptyOption","emptyOptionLabel","useEffect","length","Select","map","o","i","NumberSelect","nValue","String","nOptions","nChange","s","NumberUtil","parseNumber","LookupSelect","sort","labelGetter","lOptions","result","a","b","name","EnumSelect","AutocompleteSelect","selected","onSearch","searchPromise","setSearchPromise","useState","searchText","setSearchText","itemSelection","setItemSelection","blurTimeout","useRef","finalLabelGetter","item","finalCss","userLeftControl","console","log","startBlur","current","window","setTimeout","cancelBlur","clearTimeout","cancel","userChangedText","cancellable","CancellablePromise","promise","then","userSelectedItem","onFocus","Dropdown","defaultShow","show","Menu","Item","active","AutocompleteEntitySelect","entityClient","search","loadPage","safeLowercase","page","sorting","AutocompleteEntityIdSelect","setSelected","EntityClientWithStub","loadSingleStub","loadSingle","selectionChanged","nId","AutocompleteLookupSelect","lookupClient","AutocompleteLookupIdSelect","EntityIdSelect","EntitySelect","find","EntityWithNameSelect","EntityWithNameIdSelect","TablePagination","paging","totalItems","onPagingChanged","totalPages","Math","ceil","pageChanged","ObjectUtil","clone","paginationItems","push","Pagination","First","Prev","maxPagesSide","round","start","end","Ellipsis","number","Next","Last","DEFAULT_SIZES","AdvancedTable","hover","showPagingOnBottom","showPageSizeSelection","striped","bordered","header","sizes","si","ss","Table","responsive","colSpan","h","index","sortBy","field","role","fieldName","f","isSoleField","ctrlKey","desc","sortingChanged","BsFillCaretDownFill","BsFillCaretUpFill","IconCheck","renderedIcon","BsCheckCircle","BsCircle","stopPropagation","preventDefault","TableWithSelect","showSelect","items","onSelect","selectAll","setSelectAll","selectableItems","setSelectableItems","updateSelectAll","sa","selectableHeader","unshift","BsCheckAll","filter","renderer","getNestedValue","TablePlaceholder","cols","rows","colsN","rowsN","Array","from","_","DateTime","formatDateTimeForHumans","Duration","ms","formatDuration","Elapsed","date","Date","now","getTime","ICONS","Map","UserAlertType","error","BsBug","warning","BsExclamationDiamond","info","BsInfo","UserAlertTypeIcon","customVariant","iconFunc","get","BsQuestion","UserAlertWidget","userAlert","maxDurationMs","Stack","direction","gap","remainsMs","style","width","ProgressBar","min","max","formatDateForHumans","time","message","UserAlertsWidget","userAlerts","showAll","setShowAll","totalAlerts","setTotalAlerts","alerts","renderedAlerts","setRenderedAlerts","visibleAlerts","summary","setSummary","getSummary","onChangeHandler","addOnChangeHandler","handle","setInterval","updateVisibility","clearInterval","removeOnChangeHandler","bottom","right","zIndex","maxVisibilityMs","VscEyeClosed","BsEye","entries","entry","ConfirmDialogContextData","constructor","setProps","this","confirm","onConfirmed","onConfirm","onClose","ConfirmDialogContext","ConfirmDialog","Modal","backdrop","onHide","Header","Body","Footer","JavaHeapControl","stats","heapSize","heapMaxSize","free","heapFreeSize","used","ByteUtil","formatByteSize","Badge","CacheStatsControl","cachedItems","capacity","STATE_COLORS","QueueStateControl","state","color","QueueStatsControl","remaining","processed","animated","Placeholder","animation","Spread","center","css","left","top"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("zavadil-ts-common"),n=require("react"),s=require("react-bootstrap"),i=require("react-icons/bs"),a=require("react-icons/fa6"),o=require("react-icons/vsc");const l=n.createContext(new t.BasicLocalization);function r({text:t,tag:s}){const i=n.useContext(l),a=n.useMemo((()=>{if(void 0!==s&&""!==s)return"string"==typeof s?{tags:[s]}:{tags:s}}),[s]),o=n.useMemo((()=>i.translate(t,a)),[i,t,a]);return e.jsx(e.Fragment,{children:o})}function c({id:i,label:a,children:o}){const l=n.useMemo((()=>i||t.StringUtil.randomString()),[i]);return e.jsxs(s.Form.Group,{children:[e.jsx(s.Form.Label,{id:l,children:e.jsx(r,{text:a})}),e.jsx("div",{children:o})]})}function d({value:a,onChange:o,onReset:l,onBlur:r,disabled:c,className:d}){const p=n.useMemo((()=>t.StringUtil.getNonEmpty(a)),[a]),u=n.useMemo((()=>t.StringUtil.isBlank(a)),[p]),m=n.useCallback((()=>{l?l():o("")}),[l,o]);return e.jsxs(s.InputGroup,{className:d,children:[e.jsx(s.Form.Control,{type:"text",disabled:c,value:p,onChange:e=>o(e.target.value),onBlur:r}),e.jsx(s.Button,{onClick:m,disabled:u,children:e.jsx("div",{className:"d-flex align-items-center",children:e.jsx(i.BsXCircle,{})})})]})}function p({disabled:t,variant:n,icon:i,size:a,children:o,type:l,onClick:r}){return e.jsx(s.Button,{disabled:!0===t,size:a,onClick:r,variant:n,type:l,children:e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[i,o&&e.jsx("div",{children:o})]})})}function u({disabled:t,icon:n,loading:i,children:a,size:o,variant:l,type:r,onClick:c}){return!0===i?e.jsx(p,{disabled:!0,onClick:c,size:o,variant:l,type:r,icon:e.jsx(s.Spinner,{size:"sm"}),children:a}):e.jsx(p,{disabled:t,onClick:c,icon:n,size:o,variant:l,children:a})}function m({value:i,options:a,disabled:o,onChange:l,showEmptyOption:r,emptyOptionLabel:c}){return n.useEffect((()=>{t.StringUtil.isBlank(i)&&a.length>0&&!0!==r&&l(a[0].id)}),[i,a,r,l]),e.jsxs(s.Form.Select,{value:i||"",onChange:e=>l(e.target.value),disabled:o,children:[!0===r&&e.jsx("option",{value:"",children:c||""},""),a?a.map(((t,n)=>e.jsx("option",{value:t.id||"",children:t.label||""},n))):e.jsx("span",{children:e.jsx(s.Spinner,{})})]})}function x({value:s,options:i,disabled:a,onChange:o,showEmptyOption:l,emptyOptionLabel:r}){const c=n.useMemo((()=>s?String(s):""),[s]),d=n.useMemo((()=>i?i.map((e=>({id:e.id?String(e.id):"",label:e.label}))):[]),[i]),p=n.useCallback((e=>o(t.NumberUtil.parseNumber(e))),[o]);return e.jsx(m,{disabled:a,value:c,options:d,onChange:p,showEmptyOption:l,emptyOptionLabel:r})}function h({selected:i,disabled:a,labelGetter:o,onChange:l,onSearch:r}){const[c,p]=n.useState(),[u,m]=n.useState(),[x,h]=n.useState(),g=n.useRef(),j=n.useCallback((e=>o?o(e):"name"in e&&"string"==typeof e.name?e.name:`[${e.id}]`),[o]),b=n.useMemo((()=>i?"border rounded border-primary":void 0),[i]),C=n.useCallback((()=>{console.log("user left control"),x&&(h(void 0),m(i?j(i):""))}),[l,x,i,j]),f=n.useCallback((()=>{g.current=window.setTimeout(C,100)}),[g,C]),v=n.useCallback((()=>{g.current&&clearTimeout(g.current)}),[g]);n.useEffect((()=>v),[]),n.useEffect((()=>{m(i?j(i):""),c&&(c.cancel(),p(void 0)),h(void 0)}),[i]);const y=n.useCallback((()=>{l(null),m(""),c&&(c.cancel(),p(void 0)),h(void 0)}),[l,c]),S=n.useCallback((e=>{m(e),c&&c.cancel();const n=new t.CancellablePromise(r(e));n.promise.then(h),p(n)}),[c,r]),w=n.useCallback((e=>{console.log("user selected item"),h(void 0),l({...e})}),[l]);return e.jsx("div",{onBlur:f,onFocus:v,children:e.jsxs(s.Dropdown,{defaultShow:!1,show:null!==x,children:[e.jsx(d,{disabled:a,value:u,onChange:S,onReset:y,className:b}),x&&e.jsx(s.Dropdown.Menu,{children:x.map((t=>e.jsx(s.Dropdown.Item,{onClick:e=>{v(),w(t)},active:t.id===i?.id,children:j(t)},t.id)))})]})})}function g({selected:s,disabled:i,labelGetter:a,onChange:o,entityClient:l}){const r=n.useCallback((e=>l.loadPage({search:t.StringUtil.safeLowercase(e),page:0,size:10,sorting:[{name:"id"}]}).then((e=>e.content))),[a]);return e.jsx(h,{disabled:i,selected:s,labelGetter:a,onSearch:r,onChange:o})}function j({selected:s,disabled:i,labelGetter:a,onChange:o,lookupClient:l}){const r=n.useMemo((()=>a||(e=>e.name)),[a]),c=n.useCallback((e=>l.loadPage({search:t.StringUtil.safeLowercase(e),page:0,size:10,sorting:[{name:"name"}]}).then((e=>e.content))),[a]);return e.jsx(h,{disabled:i,selected:s,labelGetter:r,onSearch:c,onChange:o})}function b({id:t,sort:s,disabled:i,labelGetter:a,onChange:o,options:l,showEmptyOption:r,emptyOptionLabel:c}){const d=n.useMemo((()=>{let e=[];return l&&(e=s?l.sort(((e,t)=>a(e)>a(t)?1:-1)):l),e.map((e=>({id:e.id,label:a(e)})))}),[l]);return e.jsx(x,{disabled:i,value:t,options:d,onChange:o,showEmptyOption:r,emptyOptionLabel:c})}function C({value:t,sort:n,disabled:s,labelGetter:i,onChange:a,options:o,showEmptyOption:l,emptyOptionLabel:r}){return e.jsx(b,{disabled:s,id:t?t.id:null,options:o,sort:n,onChange:e=>{a(o&&e?o.find((t=>t.id===e)):void 0)},labelGetter:i,showEmptyOption:l,emptyOptionLabel:r})}function f({paging:n,totalItems:i,onPagingChanged:a}){const o=Math.ceil(i/n.size),l=e=>{n.page=e,a(t.ObjectUtil.clone(n))},r=[];if(o>1){r.push(e.jsx(s.Pagination.First,{onClick:()=>l(0),disabled:0===n.page},"first")),r.push(e.jsx(s.Pagination.Prev,{onClick:()=>l(n.page-1),disabled:0===n.page},"prev"));const t=Math.round(3.5);let i=n.page>t?n.page-t:0,a=i+10;a>=o&&(a=o-1),i>0&&r.push(e.jsx(s.Pagination.Ellipsis,{disabled:!0},"ellipsisStart"));for(let t=i;t<=a;t++)r.push(e.jsx(s.Pagination.Item,{active:t===n.page,onClick:()=>l(t),children:t+1},t));a<o-1&&r.push(e.jsx(s.Pagination.Ellipsis,{disabled:!0},"ellipsisEnd")),r.push(e.jsx(s.Pagination.Next,{onClick:()=>l(n.page+1),disabled:n.page===o-1},"next")),r.push(e.jsx(s.Pagination.Last,{onClick:()=>l(o-1),disabled:n.page===o-1},"last"))}return e.jsx(s.Pagination,{size:"sm",className:"flex-wrap m-0",children:r})}const v=[{id:10,label:"10"},{id:100,label:"100"},{id:1e3,label:"1000"}];function y({hover:a,showPagingOnBottom:o,showPageSizeSelection:l,striped:c,bordered:d,header:p,children:u,paging:m,totalItems:h,onPagingChanged:g}){const j=Math.ceil(h/m.size),b=n.useMemo((()=>{const e=m.size;if(null===v.find((t=>t.id===e))){const n=t.ObjectUtil.clone(v);return n.push({id:e,label:String(e)}),n}return v}),[m]);return e.jsx("div",{children:e.jsxs(s.Table,{hover:a,striped:c,responsive:!0,bordered:d,children:[e.jsxs("thead",{children:[e.jsx("tr",{children:e.jsx("td",{colSpan:p.length,children:e.jsxs("div",{className:"d-flex justify-content-between align-items-center gap-2",children:[e.jsxs("div",{children:[e.jsx(r,{text:"Page"}),": ",m.page+1," / ",j]}),j>0&&e.jsx(f,{paging:m,totalItems:h,onPagingChanged:g}),e.jsxs("div",{children:[e.jsx(r,{text:"Total items"}),": ",h]})]})})}),e.jsx("tr",{children:p.map(((n,s)=>{const a=!1===n.sort?"":t.StringUtil.isBlank(n.sort)?n.name:n.sort;if(t.StringUtil.isBlank(a)||!a)return e.jsx("th",{children:n.label},s);const o=m.sorting&&m.sorting.find((e=>e.name===a));return e.jsxs("th",{className:"user-select-none text-nowrap",role:"button",onClick:e=>((e,n)=>{m.sorting||(m.sorting=[]);let s=m.sorting.find((e=>e.name===n));const i=s&&1===m.sorting.length;e.ctrlKey||i||(m.sorting=[],s=void 0),s?s.desc=!s.desc:m.sorting.push({name:n}),g(t.ObjectUtil.clone(m))})(e,a),children:[n.label,o?o.desc?e.jsx(i.BsFillCaretDownFill,{}):e.jsx(i.BsFillCaretUpFill,{}):e.jsx(e.Fragment,{})]},s)}))})]}),e.jsx("tbody",{children:u}),h>0&&e.jsxs("tfoot",{children:[o&&e.jsx("tr",{children:e.jsx("td",{colSpan:p.length,children:e.jsxs("div",{className:"d-flex justify-content-between align-items-center gap-2",children:[e.jsxs("div",{children:[e.jsx(r,{text:"Page"}),": ",m.page+1," / ",j]}),j>0&&e.jsx(f,{paging:m,totalItems:h,onPagingChanged:g}),e.jsxs("div",{children:[e.jsx(r,{text:"Total items"}),": ",h]})]})})}),l&&e.jsx("tr",{children:e.jsx("td",{colSpan:p.length,children:e.jsxs("div",{className:"d-flex align-items-center gap-2 justify-content-end",children:[e.jsxs("div",{className:"text-nowrap",children:[e.jsx(r,{text:"Page size"}),":"]}),e.jsx("div",{children:e.jsx(x,{value:m.size,options:b,onChange:e=>{m.size=e||10,g({...m})},showEmptyOption:!1})})]})})})]})]})})}function S({disabled:t,checked:s,iconOn:a,iconOff:o,size:l,onChange:r}){const c=n.useMemo((()=>s?a||e.jsx(i.BsCheckCircle,{size:l}):o||e.jsx(i.BsCircle,{size:l,className:"text-muted"})),[s,a,o,l]);return e.jsx("div",{className:"d-flex align-items-center cursor-pointer",onClick:e=>{e.stopPropagation(),e.preventDefault(),r(!s)},children:c})}function w({ms:n}){return t.ObjectUtil.isEmpty(n)?e.jsx(e.Fragment,{}):e.jsx("div",{className:"text-nowrap",children:t.DateUtil.formatDuration(n)})}const k=new Map([[t.UserAlertType.error,i.BsBug],[t.UserAlertType.warning,i.BsExclamationDiamond],[t.UserAlertType.info,i.BsInfo]]);function N({type:t,size:n,customVariant:s}){const a=k.get(t)||i.BsQuestion;return e.jsx("div",{className:`d-flex align-items-center text-${void 0===s?t:s}`,children:a({size:n})})}function B({userAlert:n,maxDurationMs:i}){return e.jsxs(s.Stack,{direction:"horizontal",gap:2,className:"align-items-center",children:[n.remainsMs&&e.jsx("div",{style:{width:20},children:e.jsx(s.ProgressBar,{min:0,max:i,now:n.remainsMs,variant:n.type})}),e.jsx("div",{children:t.DateUtil.formatDateForHumans(n.time)}),e.jsx(N,{type:n.type}),e.jsx("div",{children:n.message})]})}class z{constructor(e){this.setProps=e}confirm(e,t,n){this.setProps({name:e,text:t,onConfirm:()=>{n(),this.setProps(void 0)},onClose:()=>this.setProps(void 0)})}}const O=n.createContext(new z((()=>{})));const E=new Map([["Idle","secondary"],["Processing","success"],["Loading","warn"]]);function M({state:t}){const n=E.get(t)||"light";return e.jsx(s.Badge,{className:`bg-${n} text-bg-${n}`,children:t})}exports.AdvancedTable=y,exports.AutocompleteEntityIdSelect=function({id:s,disabled:i,labelGetter:a,onChange:o,entityClient:l}){const[r,c]=n.useState(null);n.useEffect((()=>{s?r&&r.id===s?c({...r}):l instanceof t.EntityClientWithStub?l.loadSingleStub(s).then(c):l.loadSingle(s).then(c):c(null)}),[s]);const d=n.useCallback((e=>{const t=e?e.id:null;t!==s&&o(t),c(e)}),[s,o]);return e.jsx(g,{disabled:i,selected:r,labelGetter:a,entityClient:l,onChange:d})},exports.AutocompleteEntitySelect=g,exports.AutocompleteLookupIdSelect=function({id:t,disabled:s,labelGetter:i,onChange:a,lookupClient:o}){const[l,r]=n.useState(null);n.useEffect((()=>{t?l&&l.id===t?r({...l}):o.loadSingle(t).then(r):r(null)}),[t]);const c=n.useCallback((e=>{const n=e?e.id:null;n!==t&&a(n),r(e)}),[t,l]);return e.jsx(j,{disabled:s,selected:l,labelGetter:i,lookupClient:o,onChange:c})},exports.AutocompleteLookupSelect=j,exports.AutocompleteSelect=h,exports.CacheStatsControl=function({name:t,stats:n}){return e.jsxs("div",{children:[e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[e.jsx("pre",{children:t}),e.jsxs("pre",{children:["[",n.cachedItems,n.capacity>0&&" / ",n.capacity>0&&n.capacity,"]"]})]}),n.capacity>0&&e.jsx("div",{className:"p-1",children:e.jsx(s.ProgressBar,{now:n.cachedItems,min:0,max:n.capacity})})]})},exports.ConfirmDialog=function({name:t,text:n,onClose:i,onConfirm:a}){return e.jsxs(s.Modal,{show:!0,backdrop:!0,onHide:i,children:[e.jsx(s.Modal.Header,{children:t||"Confirm"}),e.jsx(s.Modal.Body,{children:n}),e.jsx(s.Modal.Footer,{children:e.jsxs(s.Stack,{direction:"horizontal",children:[e.jsx(s.Button,{variant:"link",onClick:i,children:e.jsx(r,{text:"Back"})}),e.jsx(s.Button,{variant:"primary",onClick:a,children:e.jsx(r,{text:"Yes"})})]})})]})},exports.ConfirmDialogContext=O,exports.ConfirmDialogContextData=z,exports.DateInput=function({value:n,onChange:i,disabled:a}){return e.jsx(s.Form.Control,{type:"date",disabled:a,value:t.DateUtil.formatDateForInput(n),onChange:e=>{i(t.DateUtil.parseDate(e.target.value))}})},exports.DateTime=function({value:n}){return e.jsx("div",{className:"text-nowrap",children:t.DateUtil.formatDateTimeForHumans(n)})},exports.DateTimeInput=function({value:n,onChange:i,disabled:a}){return e.jsx(s.Form.Control,{type:"datetime-local",disabled:a,value:t.DateUtil.formatDateTimeForInput(n),onChange:e=>{i(t.DateUtil.parseDate(e.target.value))}})},exports.DeleteButton=function({disabled:t,icon:s,loading:a,children:o,size:l,onClick:r,isChanged:c}){const d=n.useMemo((()=>s||e.jsx(i.BsTrash,{})),[s]);return e.jsx(u,{disabled:t||!1===c,onClick:r,icon:d,loading:a,size:l,variant:"danger",children:o})},exports.Duration=w,exports.Elapsed=function({date:s}){const i=n.useMemo((()=>t.ObjectUtil.isEmpty(s)?null:Date.now()-s.getTime()),[s]);return e.jsx(w,{ms:i})},exports.EntityIdSelect=b,exports.EntitySelect=C,exports.EntityWithNameIdSelect=function({id:t,sort:n,disabled:s,onChange:i,options:a,showEmptyOption:o,emptyOptionLabel:l}){return e.jsx(b,{id:t,labelGetter:e=>e.name,disabled:s,sort:n,options:a,onChange:i,showEmptyOption:o,emptyOptionLabel:l})},exports.EntityWithNameSelect=function({value:t,sort:n,disabled:s,onChange:i,options:a,showEmptyOption:o,emptyOptionLabel:l}){return e.jsx(C,{value:t,labelGetter:e=>e.name,disabled:s,sort:n,options:a,onChange:i,showEmptyOption:o,emptyOptionLabel:l})},exports.EnumSelect=function({value:t,options:s,onChange:i,showEmptyOption:a,emptyOptionLabel:o}){const l=n.useMemo((()=>s?s.map((e=>({id:e,label:e}))):[]),[s]);return e.jsx(m,{value:t,options:l,onChange:i,showEmptyOption:a,emptyOptionLabel:o})},exports.FormRow=c,exports.FormRowControl=function(t){return e.jsx(c,{label:t.label,id:t.id,children:e.jsx(s.Form.Control,{...t})})},exports.IconButton=p,exports.IconSwitch=function({disabled:t,checked:n,iconOn:i,iconOff:a,size:o,onChange:l}){return e.jsxs("div",{className:"d-flex align-items-center gap-2 cursor-pointer",onClick:e=>l(!n),children:[e.jsx(s.Form.Switch,{disabled:t,size:o,type:"switch",checked:n,readOnly:!0,className:"cursor-pointer"}),n?i:a]})},exports.JavaHeapControl=function({stats:n}){const i=n.heapSize,a=n.heapMaxSize,o=n.heapFreeSize,l=i-o;return e.jsxs("div",{children:[e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[e.jsx("pre",{children:"Java Heap"}),e.jsxs("pre",{children:["[",t.ByteUtil.formatByteSize(i)," / ",t.ByteUtil.formatByteSize(a),"]"]})]}),e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[e.jsx("pre",{children:"Used:"}),e.jsx(s.Badge,{className:"bg-warning text-bg-warning",children:t.ByteUtil.formatByteSize(l)}),e.jsx("pre",{children:"Free:"}),e.jsx(s.Badge,{className:"bg-success text-white",children:t.ByteUtil.formatByteSize(o)})]}),e.jsx("div",{className:"p-1",children:e.jsxs(s.ProgressBar,{min:0,max:a,children:[e.jsx(s.ProgressBar,{variant:"warning",min:0,now:l,max:a}),e.jsx(s.ProgressBar,{variant:"success",min:0,now:o,max:a})]})})]})},exports.LoadingButton=u,exports.LocalizationContext=l,exports.Localize=r,exports.LookupSelect=function({id:t,sort:s,disabled:i,labelGetter:a,onChange:o,options:l,showEmptyOption:r,emptyOptionLabel:c}){const d=n.useMemo((()=>{let e=[];return l&&(e=s?l.sort(((e,t)=>e.name>t.name?1:-1)):l),e.map((e=>({id:e.id,label:a?a(e):e.name})))}),[l]);return e.jsx(x,{disabled:i,value:t,options:d,onChange:o,showEmptyOption:r,emptyOptionLabel:c})},exports.NumberSelect=x,exports.QueueStateControl=M,exports.QueueStatsControl=function({name:t,stats:n}){const i=n?n.remaining+n.processed:void 0;return e.jsxs("div",{children:[e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[e.jsx("pre",{children:t}),e.jsxs("pre",{children:["[",void 0!==n?.processed?n.processed:"?"," / ",void 0!==i?i:"?","]"]}),e.jsx(M,{state:n?n.state:"Unknown"})]}),e.jsx("div",{className:"p-1",children:n?e.jsx(s.ProgressBar,{variant:"primary",striped:!0,animated:!0,min:0,now:n.processed,max:i||1}):e.jsx(s.Placeholder,{className:"w-100",animation:"glow",children:e.jsx(s.Placeholder,{className:"w-100"})})})]})},exports.SaveButton=function({disabled:t,icon:s,loading:i,children:o,size:l,onClick:r,isChanged:c}){const d=n.useMemo((()=>s||e.jsx(a.FaFloppyDisk,{})),[s]),p=n.useMemo((()=>c?e.jsx("strong",{children:o}):o),[c,o]);return e.jsx(u,{disabled:t||!1===c,onClick:r,icon:d,loading:i,size:l,children:p})},exports.Spread=function({children:t,center:s}){const i=n.useMemo((()=>!1===s?"":"d-flex align-items-center justify-content-center"),[s]);return e.jsx("div",{className:`w-100 h-100 position-absolute ${i}`,style:{left:0,right:0,top:0,bottom:0},children:t})},exports.StringSelect=m,exports.Switch=function({id:i,label:a,disabled:o,checked:l,size:r,onChange:c}){const d=n.useMemo((()=>i||t.StringUtil.randomString()),[i]);return e.jsx(s.Form.Switch,{disabled:o,id:d,size:r,type:"switch",checked:l,onChange:e=>c(!l),className:"cursor-pointer",label:a})},exports.TablePagination=f,exports.TablePlaceholder=function({cols:t,rows:i,size:a}){const o=n.useMemo((()=>void 0===t?1:t),[t]),l=n.useMemo((()=>void 0===i?20:i),[i]);return n.useMemo((()=>void 0===a?"lg":a),[a]),e.jsx("div",{children:e.jsx(s.Table,{responsive:!0,children:e.jsx("tbody",{children:Array.from({length:l},((t,n)=>e.jsx("tr",{children:Array.from({length:o},((t,n)=>e.jsx("td",{children:e.jsx("div",{className:"w-100 p-1 m-1"})},n)))},n)))})})})},exports.TableWithSelect=function({showSelect:s,header:a,items:o,onSelect:l,onClick:r,totalItems:c,paging:d,onPagingChanged:p}){const[u,m]=n.useState(!1),[x,h]=n.useState(),g=n.useCallback((e=>{x&&h(x.map((t=>({selected:e,item:t.item})))),m(e)}),[x]),j=n.useMemo((()=>{const t=[...a];return!1!==s&&t.unshift({name:"",label:e.jsx("div",{className:"py-1",children:e.jsx(S,{checked:u,onChange:()=>g(!u),iconOn:e.jsx(i.BsCheckAll,{})})})}),t}),[a,u,g]);return n.useEffect((()=>{h(o?o.map((e=>({selected:u,item:e}))):void 0)}),[o]),n.useEffect((()=>{x&&l&&l(x.filter((e=>e.selected)).map((e=>e.item)))}),[x,l]),e.jsx(y,{header:j,hover:void 0!==r,paging:d,striped:!0,totalItems:c,onPagingChanged:p,children:x&&x.map(((n,i)=>e.jsxs("tr",{className:`selectable ${r?"cursor-pointer":""} ${n.selected?"table-active table-primary":""}`,onClick:e=>{r&&r(n.item)},children:[!1!==s&&e.jsx("td",{children:e.jsx("div",{className:"py-2 d-flex align-items-center",children:e.jsx(S,{checked:n.selected,onChange:()=>{n.selected=!n.selected,u&&!n.selected&&m(!1),h([...x])}})})}),a.map(((s,i)=>{const a=s.renderer||(o=s.name,e=>t.ObjectUtil.getNestedValue(e,o));var o;return e.jsx("td",{children:a(n.item)},i)}))]},i)))})},exports.TextInputWithReset=d,exports.UserAlertTypeIcon=N,exports.UserAlertWidget=B,exports.UserAlertsWidget=function({userAlerts:t}){const[a,l]=n.useState(!1),[r,c]=n.useState(t.alerts.length),[d,u]=n.useState([...t.visibleAlerts]),[m,x]=n.useState(t.getSummary()),h=n.useCallback((()=>{c(t.alerts.length),u(a?[...t.alerts]:[...t.visibleAlerts]),x(t.getSummary())}),[t,a]);return n.useEffect((()=>{t.addOnChangeHandler(h);const e=setInterval((()=>t.updateVisibility()),100);return()=>{clearInterval(e),t.removeOnChangeHandler(h)}}),[t,h]),r<=0?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"user-alerts border rounded bg-body text-body position-fixed text-end",style:{bottom:15,right:15,zIndex:2147483647},children:[d.length>0&&e.jsx("div",{className:"max-w-50 p-2 border-bottom",children:d.map(((n,s)=>e.jsx(B,{userAlert:n,maxDurationMs:t.maxVisibilityMs},s)))}),e.jsx("div",{className:"p-2",children:e.jsxs(s.Stack,{direction:"horizontal",gap:2,className:"justify-content-end align-items-center",children:[a?e.jsx(p,{size:"sm",variant:"primary",onClick:()=>l(!1),icon:e.jsx(o.VscEyeClosed,{}),children:"Hide"}):e.jsx(p,{size:"sm",variant:"primary",onClick:()=>l(!0),icon:e.jsx(i.BsEye,{}),children:"Show All"}),Array.from(m.entries()).map(((t,n)=>e.jsxs(s.Stack,{direction:"horizontal",gap:1,className:"px-1 border rounded align-items-center",children:[e.jsx(N,{type:t[0],customVariant:0===t[1]?"muted":void 0}),e.jsx("div",{className:t[1]>0?`text-${t[0]} fw-bold`:"text-muted",children:t[1]})]},n))),e.jsx(p,{size:"sm",variant:"danger",onClick:()=>t.reset(),icon:e.jsx(i.BsTrash,{}),children:"Reset"})]})})]})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("zavadil-ts-common"),n=require("react"),s=require("react-bootstrap"),i=require("react-icons/bs"),a=require("react-icons/fa6"),o=require("react-icons/vsc");const l=n.createContext(new t.BasicLocalization);function r({text:t,tag:s}){const i=n.useContext(l),a=n.useMemo((()=>{if(void 0!==s&&""!==s)return"string"==typeof s?{tags:[s]}:{tags:s}}),[s]),o=n.useMemo((()=>i.translate(t,a)),[i,t,a]);return e.jsx(e.Fragment,{children:o})}function c({id:t,label:n,children:i}){return e.jsxs(s.Form.Group,{children:[e.jsx(s.Form.Label,{id:t,children:e.jsx(r,{text:n})}),e.jsx("div",{children:i})]})}function d({value:a,onChange:o,onReset:l,onBlur:r,disabled:c,className:d}){const p=n.useMemo((()=>t.StringUtil.getNonEmpty(a)),[a]),u=n.useMemo((()=>t.StringUtil.isBlank(a)),[p]),m=n.useCallback((()=>{l?l():o("")}),[l,o]);return e.jsxs(s.InputGroup,{className:d,children:[e.jsx(s.Form.Control,{type:"text",disabled:c,value:p,onChange:e=>o(e.target.value),onBlur:r}),e.jsx(s.Button,{onClick:m,disabled:u,children:e.jsx("div",{className:"d-flex align-items-center",children:e.jsx(i.BsXCircle,{})})})]})}function p({disabled:t,variant:n,icon:i,size:a,children:o,type:l,onClick:r}){return e.jsx(s.Button,{disabled:!0===t,size:a,onClick:r,variant:n,type:l,children:e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[i,o&&e.jsx("div",{children:o})]})})}function u({disabled:t,icon:n,loading:i,children:a,size:o,variant:l,type:r,onClick:c}){return!0===i?e.jsx(p,{disabled:!0,onClick:c,size:o,variant:l,type:r,icon:e.jsx(s.Spinner,{size:"sm"}),children:a}):e.jsx(p,{disabled:t,onClick:c,icon:n,size:o,variant:l,children:a})}function m({value:i,options:a,disabled:o,onChange:l,showEmptyOption:r,emptyOptionLabel:c}){return n.useEffect((()=>{t.StringUtil.isBlank(i)&&a.length>0&&!0!==r&&l(a[0].id)}),[i,a,r,l]),e.jsxs(s.Form.Select,{value:i||"",onChange:e=>l(e.target.value),disabled:o,children:[!0===r&&e.jsx("option",{value:"",children:c||""},""),a?a.map(((t,n)=>e.jsx("option",{value:t.id||"",children:t.label||""},n))):e.jsx("span",{children:e.jsx(s.Spinner,{})})]})}function x({value:s,options:i,disabled:a,onChange:o,showEmptyOption:l,emptyOptionLabel:r}){const c=n.useMemo((()=>s?String(s):""),[s]),d=n.useMemo((()=>i?i.map((e=>({id:e.id?String(e.id):"",label:e.label}))):[]),[i]),p=n.useCallback((e=>o(t.NumberUtil.parseNumber(e))),[o]);return e.jsx(m,{disabled:a,value:c,options:d,onChange:p,showEmptyOption:l,emptyOptionLabel:r})}function h({selected:i,disabled:a,labelGetter:o,onChange:l,onSearch:r}){const[c,p]=n.useState(),[u,m]=n.useState(),[x,h]=n.useState(),g=n.useRef(),j=n.useCallback((e=>o?o(e):"name"in e&&"string"==typeof e.name?e.name:`[${e.id}]`),[o]),b=n.useMemo((()=>i?"border rounded border-primary":void 0),[i]),C=n.useCallback((()=>{console.log("user left control"),x&&(h(void 0),m(i?j(i):""))}),[l,x,i,j]),f=n.useCallback((()=>{g.current=window.setTimeout(C,100)}),[g,C]),v=n.useCallback((()=>{g.current&&clearTimeout(g.current)}),[g]);n.useEffect((()=>v),[]),n.useEffect((()=>{m(i?j(i):""),c&&(c.cancel(),p(void 0)),h(void 0)}),[i]);const y=n.useCallback((()=>{l(null),m(""),c&&(c.cancel(),p(void 0)),h(void 0)}),[l,c]),S=n.useCallback((e=>{m(e),c&&c.cancel();const n=new t.CancellablePromise(r(e));n.promise.then(h),p(n)}),[c,r]),w=n.useCallback((e=>{console.log("user selected item"),h(void 0),l({...e})}),[l]);return e.jsx("div",{onBlur:f,onFocus:v,children:e.jsxs(s.Dropdown,{defaultShow:!1,show:null!==x,children:[e.jsx(d,{disabled:a,value:u,onChange:S,onReset:y,className:b}),x&&e.jsx(s.Dropdown.Menu,{children:x.map((t=>e.jsx(s.Dropdown.Item,{onClick:e=>{v(),w(t)},active:t.id===i?.id,children:j(t)},t.id)))})]})})}function g({selected:s,disabled:i,labelGetter:a,onChange:o,entityClient:l}){const r=n.useCallback((e=>l.loadPage({search:t.StringUtil.safeLowercase(e),page:0,size:10,sorting:[{name:"id"}]}).then((e=>e.content))),[a]);return e.jsx(h,{disabled:i,selected:s,labelGetter:a,onSearch:r,onChange:o})}function j({selected:s,disabled:i,labelGetter:a,onChange:o,lookupClient:l}){const r=n.useMemo((()=>a||(e=>e.name)),[a]),c=n.useCallback((e=>l.loadPage({search:t.StringUtil.safeLowercase(e),page:0,size:10,sorting:[{name:"name"}]}).then((e=>e.content))),[a]);return e.jsx(h,{disabled:i,selected:s,labelGetter:r,onSearch:c,onChange:o})}function b({id:t,sort:s,disabled:i,labelGetter:a,onChange:o,options:l,showEmptyOption:r,emptyOptionLabel:c}){const d=n.useMemo((()=>{let e=[];return l&&(e=s?l.sort(((e,t)=>a(e)>a(t)?1:-1)):l),e.map((e=>({id:e.id,label:a(e)})))}),[l]);return e.jsx(x,{disabled:i,value:t,options:d,onChange:o,showEmptyOption:r,emptyOptionLabel:c})}function C({value:t,sort:n,disabled:s,labelGetter:i,onChange:a,options:o,showEmptyOption:l,emptyOptionLabel:r}){return e.jsx(b,{disabled:s,id:t?t.id:null,options:o,sort:n,onChange:e=>{a(o&&e?o.find((t=>t.id===e)):void 0)},labelGetter:i,showEmptyOption:l,emptyOptionLabel:r})}function f({paging:n,totalItems:i,onPagingChanged:a}){const o=Math.ceil(i/n.size),l=e=>{n.page=e,a(t.ObjectUtil.clone(n))},r=[];if(o>1){r.push(e.jsx(s.Pagination.First,{onClick:()=>l(0),disabled:0===n.page},"first")),r.push(e.jsx(s.Pagination.Prev,{onClick:()=>l(n.page-1),disabled:0===n.page},"prev"));const t=Math.round(3.5);let i=n.page>t?n.page-t:0,a=i+10;a>=o&&(a=o-1),i>0&&r.push(e.jsx(s.Pagination.Ellipsis,{disabled:!0},"ellipsisStart"));for(let t=i;t<=a;t++)r.push(e.jsx(s.Pagination.Item,{active:t===n.page,onClick:()=>l(t),children:t+1},t));a<o-1&&r.push(e.jsx(s.Pagination.Ellipsis,{disabled:!0},"ellipsisEnd")),r.push(e.jsx(s.Pagination.Next,{onClick:()=>l(n.page+1),disabled:n.page===o-1},"next")),r.push(e.jsx(s.Pagination.Last,{onClick:()=>l(o-1),disabled:n.page===o-1},"last"))}return e.jsx(s.Pagination,{size:"sm",className:"flex-wrap m-0",children:r})}const v=[{id:10,label:"10"},{id:100,label:"100"},{id:1e3,label:"1000"}];function y({hover:a,showPagingOnBottom:o,showPageSizeSelection:l,striped:c,bordered:d,header:p,children:u,paging:m,totalItems:h,onPagingChanged:g}){const j=Math.ceil(h/m.size),b=n.useMemo((()=>{const e=m.size;if(null===v.find((t=>t.id===e))){const n=t.ObjectUtil.clone(v);return n.push({id:e,label:String(e)}),n}return v}),[m]);return e.jsx("div",{children:e.jsxs(s.Table,{hover:a,striped:c,responsive:!0,bordered:d,children:[e.jsxs("thead",{children:[e.jsx("tr",{children:e.jsx("td",{colSpan:p.length,children:e.jsxs("div",{className:"d-flex justify-content-between align-items-center gap-2",children:[e.jsxs("div",{children:[e.jsx(r,{text:"Page"}),": ",m.page+1," / ",j]}),j>0&&e.jsx(f,{paging:m,totalItems:h,onPagingChanged:g}),e.jsxs("div",{children:[e.jsx(r,{text:"Total items"}),": ",h]})]})})}),e.jsx("tr",{children:p.map(((n,s)=>{const a=!1===n.sort?"":t.StringUtil.isBlank(n.sort)?n.name:n.sort;if(t.StringUtil.isBlank(a)||!a)return e.jsx("th",{children:n.label},s);const o=m.sorting&&m.sorting.find((e=>e.name===a));return e.jsxs("th",{className:"user-select-none text-nowrap",role:"button",onClick:e=>((e,n)=>{m.sorting||(m.sorting=[]);let s=m.sorting.find((e=>e.name===n));const i=s&&1===m.sorting.length;e.ctrlKey||i||(m.sorting=[],s=void 0),s?s.desc=!s.desc:m.sorting.push({name:n}),g(t.ObjectUtil.clone(m))})(e,a),children:[n.label,o?o.desc?e.jsx(i.BsFillCaretDownFill,{}):e.jsx(i.BsFillCaretUpFill,{}):e.jsx(e.Fragment,{})]},s)}))})]}),e.jsx("tbody",{children:u}),h>0&&e.jsxs("tfoot",{children:[o&&e.jsx("tr",{children:e.jsx("td",{colSpan:p.length,children:e.jsxs("div",{className:"d-flex justify-content-between align-items-center gap-2",children:[e.jsxs("div",{children:[e.jsx(r,{text:"Page"}),": ",m.page+1," / ",j]}),j>0&&e.jsx(f,{paging:m,totalItems:h,onPagingChanged:g}),e.jsxs("div",{children:[e.jsx(r,{text:"Total items"}),": ",h]})]})})}),l&&e.jsx("tr",{children:e.jsx("td",{colSpan:p.length,children:e.jsxs("div",{className:"d-flex align-items-center gap-2 justify-content-end",children:[e.jsxs("div",{className:"text-nowrap",children:[e.jsx(r,{text:"Page size"}),":"]}),e.jsx("div",{children:e.jsx(x,{value:m.size,options:b,onChange:e=>{m.size=e||10,g({...m})},showEmptyOption:!1})})]})})})]})]})})}function S({disabled:t,checked:s,iconOn:a,iconOff:o,size:l,onChange:r}){const c=n.useMemo((()=>s?a||e.jsx(i.BsCheckCircle,{size:l}):o||e.jsx(i.BsCircle,{size:l,className:"text-muted"})),[s,a,o,l]);return e.jsx("div",{className:"d-flex align-items-center cursor-pointer",onClick:e=>{e.stopPropagation(),e.preventDefault(),r(!s)},children:c})}function w({ms:n}){return t.ObjectUtil.isEmpty(n)?e.jsx(e.Fragment,{}):e.jsx("div",{className:"text-nowrap",children:t.DateUtil.formatDuration(n)})}const k=new Map([[t.UserAlertType.error,i.BsBug],[t.UserAlertType.warning,i.BsExclamationDiamond],[t.UserAlertType.info,i.BsInfo]]);function N({type:t,size:n,customVariant:s}){const a=k.get(t)||i.BsQuestion;return e.jsx("div",{className:`d-flex align-items-center text-${void 0===s?t:s}`,children:a({size:n})})}function B({userAlert:n,maxDurationMs:i}){return e.jsxs(s.Stack,{direction:"horizontal",gap:2,className:"align-items-center",children:[n.remainsMs&&e.jsx("div",{style:{width:20},children:e.jsx(s.ProgressBar,{min:0,max:i,now:n.remainsMs,variant:n.type})}),e.jsx("div",{children:t.DateUtil.formatDateForHumans(n.time)}),e.jsx(N,{type:n.type}),e.jsx("div",{children:n.message})]})}class z{constructor(e){this.setProps=e}confirm(e,t,n){this.setProps({name:e,text:t,onConfirm:()=>{n(),this.setProps(void 0)},onClose:()=>this.setProps(void 0)})}}const O=n.createContext(new z((()=>{})));const E=new Map([["Idle","secondary"],["Processing","success"],["Loading","warn"]]);function M({state:t}){const n=E.get(t)||"light";return e.jsx(s.Badge,{className:`bg-${n} text-bg-${n}`,children:t})}exports.AdvancedTable=y,exports.AutocompleteEntityIdSelect=function({id:s,disabled:i,labelGetter:a,onChange:o,entityClient:l}){const[r,c]=n.useState(null);n.useEffect((()=>{s?r&&r.id===s?c({...r}):l instanceof t.EntityClientWithStub?l.loadSingleStub(s).then(c):l.loadSingle(s).then(c):c(null)}),[s]);const d=n.useCallback((e=>{const t=e?e.id:null;t!==s&&o(t),c(e)}),[s,o]);return e.jsx(g,{disabled:i,selected:r,labelGetter:a,entityClient:l,onChange:d})},exports.AutocompleteEntitySelect=g,exports.AutocompleteLookupIdSelect=function({id:t,disabled:s,labelGetter:i,onChange:a,lookupClient:o}){const[l,r]=n.useState(null);n.useEffect((()=>{t?l&&l.id===t?r({...l}):o.loadSingle(t).then(r):r(null)}),[t]);const c=n.useCallback((e=>{const n=e?e.id:null;n!==t&&a(n),r(e)}),[t,l]);return e.jsx(j,{disabled:s,selected:l,labelGetter:i,lookupClient:o,onChange:c})},exports.AutocompleteLookupSelect=j,exports.AutocompleteSelect=h,exports.CacheStatsControl=function({name:t,stats:n}){return e.jsxs("div",{children:[e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[e.jsx("pre",{children:t}),e.jsxs("pre",{children:["[",n.cachedItems,n.capacity>0&&" / ",n.capacity>0&&n.capacity,"]"]})]}),n.capacity>0&&e.jsx("div",{className:"p-1",children:e.jsx(s.ProgressBar,{now:n.cachedItems,min:0,max:n.capacity})})]})},exports.ConfirmDialog=function({name:t,text:n,onClose:i,onConfirm:a}){return e.jsxs(s.Modal,{show:!0,backdrop:!0,onHide:i,children:[e.jsx(s.Modal.Header,{children:t||"Confirm"}),e.jsx(s.Modal.Body,{children:n}),e.jsx(s.Modal.Footer,{children:e.jsxs(s.Stack,{direction:"horizontal",children:[e.jsx(s.Button,{variant:"link",onClick:i,children:e.jsx(r,{text:"Back"})}),e.jsx(s.Button,{variant:"primary",onClick:a,children:e.jsx(r,{text:"Yes"})})]})})]})},exports.ConfirmDialogContext=O,exports.ConfirmDialogContextData=z,exports.DateInput=function({value:n,onChange:i,disabled:a}){return e.jsx(s.Form.Control,{type:"date",disabled:a,value:t.DateUtil.formatDateForInput(n),onChange:e=>{i(t.DateUtil.parseDate(e.target.value))}})},exports.DateTime=function({value:n}){return e.jsx("div",{className:"text-nowrap",children:t.DateUtil.formatDateTimeForHumans(n)})},exports.DateTimeInput=function({value:n,onChange:i,disabled:a}){return e.jsx(s.Form.Control,{type:"datetime-local",disabled:a,value:t.DateUtil.formatDateTimeForInput(n),onChange:e=>{i(t.DateUtil.parseDate(e.target.value))}})},exports.DeleteButton=function({disabled:t,icon:s,loading:a,children:o,size:l,onClick:r,isChanged:c}){const d=n.useMemo((()=>s||e.jsx(i.BsTrash,{})),[s]);return e.jsx(u,{disabled:t||!1===c,onClick:r,icon:d,loading:a,size:l,variant:"danger",children:o})},exports.Duration=w,exports.Elapsed=function({date:s}){const i=n.useMemo((()=>t.ObjectUtil.isEmpty(s)?null:Date.now()-s.getTime()),[s]);return e.jsx(w,{ms:i})},exports.EntityIdSelect=b,exports.EntitySelect=C,exports.EntityWithNameIdSelect=function({id:t,sort:n,disabled:s,onChange:i,options:a,showEmptyOption:o,emptyOptionLabel:l}){return e.jsx(b,{id:t,labelGetter:e=>e.name,disabled:s,sort:n,options:a,onChange:i,showEmptyOption:o,emptyOptionLabel:l})},exports.EntityWithNameSelect=function({value:t,sort:n,disabled:s,onChange:i,options:a,showEmptyOption:o,emptyOptionLabel:l}){return e.jsx(C,{value:t,labelGetter:e=>e.name,disabled:s,sort:n,options:a,onChange:i,showEmptyOption:o,emptyOptionLabel:l})},exports.EnumSelect=function({value:t,options:s,onChange:i,showEmptyOption:a,emptyOptionLabel:o}){const l=n.useMemo((()=>s?s.map((e=>({id:e,label:e}))):[]),[s]);return e.jsx(m,{value:t,options:l,onChange:i,showEmptyOption:a,emptyOptionLabel:o})},exports.FormRow=c,exports.FormRowControl=function(i){const a=n.useMemo((()=>i.id||t.StringUtil.randomString()),[i]);return e.jsx(c,{label:i.label,id:a,children:e.jsx(s.Form.Control,{...i,id:a})})},exports.IconButton=p,exports.IconSwitch=function({disabled:t,checked:n,iconOn:i,iconOff:a,size:o,onChange:l}){return e.jsxs("div",{className:"d-flex align-items-center gap-2 cursor-pointer",onClick:e=>l(!n),children:[e.jsx(s.Form.Switch,{disabled:t,size:o,type:"switch",checked:n,readOnly:!0,className:"cursor-pointer"}),n?i:a]})},exports.JavaHeapControl=function({stats:n}){const i=n.heapSize,a=n.heapMaxSize,o=n.heapFreeSize,l=i-o;return e.jsxs("div",{children:[e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[e.jsx("pre",{children:"Java Heap"}),e.jsxs("pre",{children:["[",t.ByteUtil.formatByteSize(i)," / ",t.ByteUtil.formatByteSize(a),"]"]})]}),e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[e.jsx("pre",{children:"Used:"}),e.jsx(s.Badge,{className:"bg-warning text-bg-warning",children:t.ByteUtil.formatByteSize(l)}),e.jsx("pre",{children:"Free:"}),e.jsx(s.Badge,{className:"bg-success text-white",children:t.ByteUtil.formatByteSize(o)})]}),e.jsx("div",{className:"p-1",children:e.jsxs(s.ProgressBar,{min:0,max:a,children:[e.jsx(s.ProgressBar,{variant:"warning",min:0,now:l,max:a}),e.jsx(s.ProgressBar,{variant:"success",min:0,now:o,max:a})]})})]})},exports.LoadingButton=u,exports.LocalizationContext=l,exports.Localize=r,exports.LookupSelect=function({id:t,sort:s,disabled:i,labelGetter:a,onChange:o,options:l,showEmptyOption:r,emptyOptionLabel:c}){const d=n.useMemo((()=>{let e=[];return l&&(e=s?l.sort(((e,t)=>e.name>t.name?1:-1)):l),e.map((e=>({id:e.id,label:a?a(e):e.name})))}),[l]);return e.jsx(x,{disabled:i,value:t,options:d,onChange:o,showEmptyOption:r,emptyOptionLabel:c})},exports.NumberSelect=x,exports.QueueStateControl=M,exports.QueueStatsControl=function({name:t,stats:n}){const i=n?n.remaining+n.processed:void 0;return e.jsxs("div",{children:[e.jsxs("div",{className:"d-flex align-items-center gap-2",children:[e.jsx("pre",{children:t}),e.jsxs("pre",{children:["[",void 0!==n?.processed?n.processed:"?"," / ",void 0!==i?i:"?","]"]}),e.jsx(M,{state:n?n.state:"Unknown"})]}),e.jsx("div",{className:"p-1",children:n?e.jsx(s.ProgressBar,{variant:"primary",striped:!0,animated:!0,min:0,now:n.processed,max:i||1}):e.jsx(s.Placeholder,{className:"w-100",animation:"glow",children:e.jsx(s.Placeholder,{className:"w-100"})})})]})},exports.SaveButton=function({disabled:t,icon:s,loading:i,children:o,size:l,onClick:r,isChanged:c}){const d=n.useMemo((()=>s||e.jsx(a.FaFloppyDisk,{})),[s]),p=n.useMemo((()=>c?e.jsx("strong",{children:o}):o),[c,o]);return e.jsx(u,{disabled:t||!1===c,onClick:r,icon:d,loading:i,size:l,children:p})},exports.Spread=function({children:t,center:s}){const i=n.useMemo((()=>!1===s?"":"d-flex align-items-center justify-content-center"),[s]);return e.jsx("div",{className:`w-100 h-100 position-absolute ${i}`,style:{left:0,right:0,top:0,bottom:0},children:t})},exports.StringSelect=m,exports.Switch=function({id:i,label:a,disabled:o,checked:l,size:r,onChange:c}){const d=n.useMemo((()=>i||t.StringUtil.randomString()),[i]);return e.jsx(s.Form.Switch,{disabled:o,id:d,size:r,type:"switch",checked:l,onChange:e=>c(!l),className:"cursor-pointer",label:a})},exports.TablePagination=f,exports.TablePlaceholder=function({cols:t,rows:i,size:a}){const o=n.useMemo((()=>void 0===t?1:t),[t]),l=n.useMemo((()=>void 0===i?20:i),[i]);return n.useMemo((()=>void 0===a?"lg":a),[a]),e.jsx("div",{children:e.jsx(s.Table,{responsive:!0,children:e.jsx("tbody",{children:Array.from({length:l},((t,n)=>e.jsx("tr",{children:Array.from({length:o},((t,n)=>e.jsx("td",{children:e.jsx("div",{className:"w-100 p-1 m-1"})},n)))},n)))})})})},exports.TableWithSelect=function({showSelect:s,header:a,items:o,onSelect:l,onClick:r,totalItems:c,paging:d,onPagingChanged:p}){const[u,m]=n.useState(!1),[x,h]=n.useState(),g=n.useCallback((e=>{x&&h(x.map((t=>({selected:e,item:t.item})))),m(e)}),[x]),j=n.useMemo((()=>{const t=[...a];return!1!==s&&t.unshift({name:"",label:e.jsx("div",{className:"py-1",children:e.jsx(S,{checked:u,onChange:()=>g(!u),iconOn:e.jsx(i.BsCheckAll,{})})})}),t}),[a,u,g]);return n.useEffect((()=>{h(o?o.map((e=>({selected:u,item:e}))):void 0)}),[o]),n.useEffect((()=>{x&&l&&l(x.filter((e=>e.selected)).map((e=>e.item)))}),[x,l]),e.jsx(y,{header:j,hover:void 0!==r,paging:d,striped:!0,totalItems:c,onPagingChanged:p,children:x&&x.map(((n,i)=>e.jsxs("tr",{className:`selectable ${r?"cursor-pointer":""} ${n.selected?"table-active table-primary":""}`,onClick:e=>{r&&r(n.item)},children:[!1!==s&&e.jsx("td",{children:e.jsx("div",{className:"py-2 d-flex align-items-center",children:e.jsx(S,{checked:n.selected,onChange:()=>{n.selected=!n.selected,u&&!n.selected&&m(!1),h([...x])}})})}),a.map(((s,i)=>{const a=s.renderer||(o=s.name,e=>t.ObjectUtil.getNestedValue(e,o));var o;return e.jsx("td",{children:a(n.item)},i)}))]},i)))})},exports.TextInputWithReset=d,exports.UserAlertTypeIcon=N,exports.UserAlertWidget=B,exports.UserAlertsWidget=function({userAlerts:t}){const[a,l]=n.useState(!1),[r,c]=n.useState(t.alerts.length),[d,u]=n.useState([...t.visibleAlerts]),[m,x]=n.useState(t.getSummary()),h=n.useCallback((()=>{c(t.alerts.length),u(a?[...t.alerts]:[...t.visibleAlerts]),x(t.getSummary())}),[t,a]);return n.useEffect((()=>{t.addOnChangeHandler(h);const e=setInterval((()=>t.updateVisibility()),100);return()=>{clearInterval(e),t.removeOnChangeHandler(h)}}),[t,h]),r<=0?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"user-alerts border rounded bg-body text-body position-fixed text-end",style:{bottom:15,right:15,zIndex:2147483647},children:[d.length>0&&e.jsx("div",{className:"max-w-50 p-2 border-bottom",children:d.map(((n,s)=>e.jsx(B,{userAlert:n,maxDurationMs:t.maxVisibilityMs},s)))}),e.jsx("div",{className:"p-2",children:e.jsxs(s.Stack,{direction:"horizontal",gap:2,className:"justify-content-end align-items-center",children:[a?e.jsx(p,{size:"sm",variant:"primary",onClick:()=>l(!1),icon:e.jsx(o.VscEyeClosed,{}),children:"Hide"}):e.jsx(p,{size:"sm",variant:"primary",onClick:()=>l(!0),icon:e.jsx(i.BsEye,{}),children:"Show All"}),Array.from(m.entries()).map(((t,n)=>e.jsxs(s.Stack,{direction:"horizontal",gap:1,className:"px-1 border rounded align-items-center",children:[e.jsx(N,{type:t[0],customVariant:0===t[1]?"muted":void 0}),e.jsx("div",{className:t[1]>0?`text-${t[0]} fw-bold`:"text-muted",children:t[1]})]},n))),e.jsx(p,{size:"sm",variant:"danger",onClick:()=>t.reset(),icon:e.jsx(i.BsTrash,{}),children:"Reset"})]})})]})};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/component/localization/LocalizationContext.ts","../src/component/localization/Localize.tsx","../src/component/forms/FormRow.tsx","../src/component/forms/TextInputWithReset.tsx","../src/component/forms/IconButton.tsx","../src/component/forms/LoadingButton.tsx","../src/component/forms/StringSelect.tsx","../src/component/forms/NumberSelect.tsx","../src/component/forms/AutocompleteSelect.tsx","../src/component/forms/AutocompleteEntitySelect.tsx","../src/component/forms/AutocompleteLookupSelect.tsx","../src/component/forms/EntityIdSelect.tsx","../src/component/forms/EntitySelect.tsx","../src/component/tables/TablePagination.tsx","../src/component/tables/AdvancedTable.tsx","../src/component/forms/IconCheck.tsx","../src/component/datetime/Duration.tsx","../src/component/alerts/UserAlertTypeIcon.tsx","../src/component/alerts/UserAlertWidget.tsx","../src/component/dialogs/ConfirmDialog.tsx","../src/component/stats/QueueStateControl.tsx","../src/component/forms/AutocompleteEntityIdSelect.tsx","../src/component/forms/AutocompleteLookupIdSelect.tsx","../src/component/stats/CacheStatsControl.tsx","../src/component/forms/DateInput.tsx","../src/component/datetime/DateTime.tsx","../src/component/forms/DateTimeInput.tsx","../src/component/forms/DeleteButton.tsx","../src/component/datetime/Elapsed.tsx","../src/component/forms/EntityWithNameIdSelect.tsx","../src/component/forms/EntityWithNameSelect.tsx","../src/component/forms/EnumSelect.tsx","../src/component/forms/FormRowControl.tsx","../src/component/forms/IconSwitch.tsx","../src/component/stats/JavaHeapControl.tsx","../src/component/forms/LookupSelect.tsx","../src/component/stats/QueueStatsControl.tsx","../src/component/forms/SaveButton.tsx","../src/component/Spread.tsx","../src/component/forms/Switch.tsx","../src/component/tables/TablePlaceholder.tsx","../src/component/tables/TableWithSelect.tsx","../src/component/alerts/UserAlertsWidget.tsx"],"sourcesContent":["import {createContext} from \"react\";\nimport {BasicLocalization, Localization} from \"zavadil-ts-common\";\n\nexport const LocalizationContext = createContext<Localization>(new BasicLocalization());\n","import {useContext, useMemo} from \"react\";\r\nimport {LocalizationContext} from \"./LocalizationContext\";\r\nimport {TranslateParams} from \"zavadil-ts-common\";\r\n\r\nexport type LocalizeProps = {\r\n\ttext: string;\r\n\ttag?: string | Array<string>;\r\n};\r\n\r\nexport function Localize({text, tag}: LocalizeProps) {\r\n\tconst localization = useContext(LocalizationContext);\r\n\r\n\tconst p: TranslateParams | undefined = useMemo(\r\n\t\t() => {\r\n\t\t\tif (tag === undefined || tag === '') return undefined;\r\n\t\t\tif (typeof tag === 'string') return {tags: [tag]};\r\n\t\t\treturn {tags: tag};\r\n\t\t},\r\n\t\t[tag]\r\n\t);\r\n\r\n\tconst t = useMemo(\r\n\t\t() => localization.translate(text, p),\r\n\t\t[localization, text, p]\r\n\t);\r\n\treturn <>{t}</>;\r\n}\r\n\r\nexport default Localize;\r\n","import {PropsWithChildren, useMemo} from \"react\";\nimport {Form} from \"react-bootstrap\";\nimport {Localize} from \"../localization\";\nimport {StringUtil} from \"zavadil-ts-common\";\n\nexport type FormRowProps = PropsWithChildren & {\n\tlabel: string;\n\tid?: string;\n};\n\nexport function FormRow({id, label, children}: FormRowProps) {\n\tconst actualId = useMemo(() => id || StringUtil.randomString(), [id]);\n\treturn (\n\t\t<Form.Group>\n\t\t\t<Form.Label id={actualId}>\n\t\t\t\t<Localize text={label}/>\n\t\t\t</Form.Label>\n\t\t\t<div>{children}</div>\n\t\t</Form.Group>\n\t);\n}\n","import {StringUtil} from 'zavadil-ts-common';\r\nimport {Button, Form, InputGroup} from \"react-bootstrap\";\r\nimport {BsXCircle} from \"react-icons/bs\";\r\nimport {useCallback, useMemo} from \"react\";\r\n\r\nexport type TextInputWithResetProps = {\r\n\tvalue?: string | null;\r\n\tonChange: (s: string) => any;\r\n\tonReset?: () => any;\r\n\tdisabled?: boolean;\r\n\tonBlur?: () => any;\r\n\tclassName?: string;\r\n};\r\n\r\nexport function TextInputWithReset({value, onChange, onReset, onBlur, disabled, className}: TextInputWithResetProps) {\r\n\tconst actual = useMemo(\r\n\t\t() => StringUtil.getNonEmpty(value),\r\n\t\t[value]\r\n\t);\r\n\r\n\tconst isEmpty = useMemo(\r\n\t\t() => StringUtil.isBlank(value),\r\n\t\t[actual]\r\n\t);\r\n\r\n\tconst reset = useCallback(\r\n\t\t() => {\r\n\t\t\tif (onReset) {\r\n\t\t\t\tonReset();\r\n\t\t\t} else {\r\n\t\t\t\tonChange('');\r\n\t\t\t}\r\n\t\t},\r\n\t\t[onReset, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<InputGroup className={className}>\r\n\t\t\t<Form.Control\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tvalue={actual}\r\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\r\n\t\t\t\tonBlur={onBlur}\r\n\t\t\t/>\r\n\t\t\t<Button onClick={reset} disabled={isEmpty}>\r\n\t\t\t\t<div className=\"d-flex align-items-center\">\r\n\t\t\t\t\t<BsXCircle/>\r\n\t\t\t\t</div>\r\n\t\t\t</Button>\r\n\t\t</InputGroup>\r\n\t);\r\n}\r\n\r\nexport default TextInputWithReset;\r\n","import { Button } from \"react-bootstrap\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { ButtonVariant } from \"react-bootstrap/types\";\n\nexport type IconButtonProps = {\n disabled?: boolean;\n onClick?: () => any;\n size?: \"sm\" | \"lg\";\n icon?: ReactNode;\n variant?: ButtonVariant;\n type?: \"submit\" | \"reset\" | \"button\" | undefined;\n};\n\nexport function IconButton({\n disabled,\n variant,\n icon,\n size,\n children,\n type,\n onClick,\n}: PropsWithChildren<IconButtonProps>) {\n return (\n <Button\n disabled={disabled === true}\n size={size}\n onClick={onClick}\n variant={variant}\n type={type}\n >\n <div className=\"d-flex align-items-center gap-2\">\n {icon}\n {children && <div>{children}</div>}\n </div>\n </Button>\n );\n}\n\nexport default IconButton;\n","import { Spinner } from \"react-bootstrap\";\nimport { PropsWithChildren } from \"react\";\nimport { IconButton, IconButtonProps } from \"./IconButton\";\n\nexport type ActiveButtonProps = IconButtonProps & {\n loading?: boolean;\n};\n\nexport function LoadingButton({\n disabled,\n icon,\n loading,\n children,\n size,\n variant,\n type,\n onClick,\n}: PropsWithChildren<ActiveButtonProps>) {\n return loading === true ? (\n <IconButton\n disabled={true}\n onClick={onClick}\n size={size}\n variant={variant}\n type={type}\n icon={<Spinner size=\"sm\" />}\n >\n {children}\n </IconButton>\n ) : (\n <IconButton\n disabled={disabled}\n onClick={onClick}\n icon={icon}\n size={size}\n variant={variant}\n >\n {children}\n </IconButton>\n );\n}\n\nexport default LoadingButton;\n","import {Form, Spinner} from \"react-bootstrap\";\r\nimport {StringUtil} from \"zavadil-ts-common\";\r\nimport {useEffect} from \"react\";\r\n\r\nexport type GenericSelectOption<T> = {\r\n\tid?: T | null;\r\n\tlabel: string;\r\n}\r\n\r\nexport type GenericSelectProps<T> = {\r\n\tvalue?: T | null;\r\n\toptions: Array<GenericSelectOption<T>>;\r\n\tonChange: (id: T | null | undefined) => any;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n}\r\n\r\nexport type StringSelectProps = GenericSelectProps<string>;\r\n\r\nexport function StringSelect({value, options, disabled, onChange, showEmptyOption, emptyOptionLabel}: StringSelectProps) {\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (StringUtil.isBlank(value)) {\r\n\t\t\t\tif (options.length > 0 && showEmptyOption !== true) {\r\n\t\t\t\t\tonChange(options[0].id);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t[value, options, showEmptyOption, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<Form.Select\r\n\t\t\tvalue={value || ''}\r\n\t\t\tonChange={(e) => onChange(e.target.value)}\r\n\t\t\tdisabled={disabled}\r\n\t\t>\r\n\t\t\t{\r\n\t\t\t\t(showEmptyOption === true) && (\r\n\t\t\t\t\t<option key={\"\"} value={\"\"}>{emptyOptionLabel || ''}</option>\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\t{\r\n\t\t\t\toptions ?\r\n\t\t\t\t\toptions.map(\r\n\t\t\t\t\t\t(o, i) => <option key={i} value={o.id || ''}>{o.label || ''}</option>\r\n\t\t\t\t\t) : <span><Spinner/></span>\r\n\t\t\t}\r\n\t\t</Form.Select>\r\n\t)\r\n}\r\n","import {useCallback, useMemo} from \"react\";\r\nimport {NumberUtil} from \"zavadil-ts-common\";\r\nimport {GenericSelectProps, StringSelect} from \"./StringSelect\";\r\n\r\nexport type NumberSelectProps = GenericSelectProps<number>;\r\n\r\nexport function NumberSelect({value, options, disabled, onChange, showEmptyOption, emptyOptionLabel}: NumberSelectProps) {\r\n\tconst nValue = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!value) return '';\r\n\t\t\treturn String(value);\r\n\t\t},\r\n\t\t[value]\r\n\t);\r\n\r\n\tconst nOptions = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!options) return [];\r\n\t\t\treturn options.map(\r\n\t\t\t\t(o) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: o.id ? String(o.id) : '',\r\n\t\t\t\t\t\tlabel: o.label\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\tconst nChange = useCallback(\r\n\t\t(s: string | null | undefined) => onChange(NumberUtil.parseNumber(s)),\r\n\t\t[onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<StringSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={nValue}\r\n\t\t\toptions={nOptions}\r\n\t\t\tonChange={nChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport {CancellablePromise, EntityBase} from \"zavadil-ts-common\";\r\nimport TextInputWithReset from \"./TextInputWithReset\";\r\nimport {Dropdown} from \"react-bootstrap\";\r\n\r\nexport type AutocompleteSelectProps<T extends EntityBase> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tonSearch: (text: string) => Promise<Array<T>>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteSelect<T extends EntityBase>({selected, disabled, labelGetter, onChange, onSearch}: AutocompleteSelectProps<T>) {\r\n\tconst [searchPromise, setSearchPromise] = useState<CancellablePromise>();\r\n\tconst [searchText, setSearchText] = useState<string>();\r\n\tconst [itemSelection, setItemSelection] = useState<Array<T>>();\r\n\tconst blurTimeout = useRef<number>();\r\n\r\n\tconst finalLabelGetter = useCallback(\r\n\t\t(item: T) => {\r\n\t\t\tif (labelGetter) return labelGetter(item);\r\n\t\t\tif ('name' in item && typeof item.name === 'string') return item.name;\r\n\t\t\treturn `[${item.id}]`;\r\n\t\t},\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\tconst finalCss = useMemo(\r\n\t\t() => selected ? 'border rounded border-primary' : undefined,\r\n\t\t[selected]\r\n\t);\r\n\r\n\tconst userLeftControl = useCallback(\r\n\t\t() => {\r\n\t\t\tconsole.log('user left control');\r\n\t\t\tif (itemSelection) {\r\n\t\t\t\tsetItemSelection(undefined);\r\n\t\t\t\tsetSearchText(selected ? finalLabelGetter(selected) : '');\r\n\t\t\t}\r\n\t\t},\r\n\t\t[onChange, itemSelection, selected, finalLabelGetter]\r\n\t);\r\n\r\n\tconst startBlur = useCallback(\r\n\t\t() => {\r\n\t\t\tblurTimeout.current = window.setTimeout(userLeftControl, 100);\r\n\t\t},\r\n\t\t[blurTimeout, userLeftControl]\r\n\t);\r\n\r\n\tconst cancelBlur = useCallback(\r\n\t\t() => {\r\n\t\t\tif (blurTimeout.current) {\r\n\t\t\t\tclearTimeout(blurTimeout.current);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[blurTimeout]\r\n\t);\r\n\r\n\t// Clean up the timeout when the component unmounts\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\treturn cancelBlur;\r\n\t\t},\r\n\t\t[]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetSearchText(selected ? finalLabelGetter(selected) : '');\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t\tsetSearchPromise(undefined);\r\n\t\t\t}\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t},\r\n\t\t[selected]\r\n\t);\r\n\r\n\tconst reset = useCallback(\r\n\t\t() => {\r\n\t\t\tonChange(null)\r\n\t\t\tsetSearchText('');\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t\tsetSearchPromise(undefined);\r\n\t\t\t}\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t},\r\n\t\t[onChange, searchPromise]\r\n\t);\r\n\r\n\tconst userChangedText = useCallback(\r\n\t\t(s: string) => {\r\n\t\t\tsetSearchText(s);\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t}\r\n\t\t\tconst cancellable = new CancellablePromise(onSearch(s));\r\n\t\t\tcancellable.promise.then(setItemSelection);\r\n\t\t\tsetSearchPromise(cancellable);\r\n\t\t},\r\n\t\t[searchPromise, onSearch]\r\n\t);\r\n\r\n\r\n\tconst userSelectedItem = useCallback(\r\n\t\t(item: T) => {\r\n\t\t\tconsole.log('user selected item');\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t\tonChange({...item});\r\n\t\t},\r\n\t\t[onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div onBlur={startBlur} onFocus={cancelBlur}>\r\n\t\t\t<Dropdown defaultShow={false} show={itemSelection !== null}>\r\n\t\t\t\t<TextInputWithReset\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tvalue={searchText}\r\n\t\t\t\t\tonChange={userChangedText}\r\n\t\t\t\t\tonReset={reset}\r\n\t\t\t\t\tclassName={finalCss}\r\n\t\t\t\t/>\r\n\t\t\t\t{\r\n\t\t\t\t\titemSelection &&\r\n\t\t\t\t\t<Dropdown.Menu>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\titemSelection.map(\r\n\t\t\t\t\t\t\t\t(item) => <Dropdown.Item\r\n\t\t\t\t\t\t\t\t\tkey={item.id}\r\n\t\t\t\t\t\t\t\t\tonClick={\r\n\t\t\t\t\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\tcancelBlur();\r\n\t\t\t\t\t\t\t\t\t\t\tuserSelectedItem(item);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tactive={item.id === selected?.id}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{finalLabelGetter(item)}\r\n\t\t\t\t\t\t\t\t</Dropdown.Item>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</Dropdown.Menu>\r\n\t\t\t\t}\r\n\t\t\t</Dropdown>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {useCallback} from \"react\";\r\nimport {EntityBase, EntityClient, StringUtil} from \"zavadil-ts-common\";\r\nimport {AutocompleteSelect} from \"./AutocompleteSelect\";\r\n\r\nexport type AutocompleteEntitySelectProps<T extends EntityBase> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tentityClient: EntityClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteEntitySelect<T extends EntityBase>({\r\n\tselected,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tentityClient\r\n}: AutocompleteEntitySelectProps<T>) {\r\n\r\n\tconst search = useCallback(\r\n\t\t(s: string) => entityClient\r\n\t\t\t.loadPage({search: StringUtil.safeLowercase(s), page: 0, size: 10, sorting: [{name: 'id'}]})\r\n\t\t\t.then((p) => p.content),\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tonSearch={search}\r\n\t\t\tonChange={onChange}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useMemo} from \"react\";\r\nimport {LookupClient, LookupTableEntity, StringUtil} from \"zavadil-ts-common\";\r\nimport {AutocompleteSelect} from \"./AutocompleteSelect\";\r\n\r\nexport type AutocompleteLookupSelectProps<T extends LookupTableEntity> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tlookupClient: LookupClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteLookupSelect<T extends LookupTableEntity>({\r\n\tselected,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tlookupClient\r\n}: AutocompleteLookupSelectProps<T>) {\r\n\tconst finalLabelGetter = useMemo(\r\n\t\t() => labelGetter ? labelGetter : (item: LookupTableEntity) => item.name,\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\tconst search = useCallback(\r\n\t\t(s: string) => lookupClient\r\n\t\t\t.loadPage({search: StringUtil.safeLowercase(s), page: 0, size: 10, sorting: [{name: 'name'}]})\r\n\t\t\t.then((p) => p.content),\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={finalLabelGetter}\r\n\t\t\tonSearch={search}\r\n\t\t\tonChange={onChange}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {NumberSelect} from \"./NumberSelect\";\r\nimport {EntityBase} from \"zavadil-ts-common\";\r\nimport {GenericSelectOption} from \"./StringSelect\";\r\n\r\nexport type EntityIdSelectProps<T extends EntityBase> = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter: (item: T) => string;\r\n}\r\n\r\nexport function EntityIdSelect<T extends EntityBase>(\r\n\t{id, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: EntityIdSelectProps<T>\r\n) {\r\n\tconst lOptions: GenericSelectOption<number>[] = useMemo(\r\n\t\t() => {\r\n\t\t\tlet result: Array<T> = []\r\n\t\t\tif (options) {\r\n\t\t\t\tresult = sort ? options.sort((a, b) => labelGetter(a) > labelGetter(b) ? 1 : -1) : options;\r\n\t\t\t}\r\n\t\t\treturn result\r\n\t\t\t\t.map(\r\n\t\t\t\t\t(o) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: o.id,\r\n\t\t\t\t\t\t\tlabel: labelGetter(o)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<NumberSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={id}\r\n\t\t\toptions={lOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityBase} from \"zavadil-ts-common\";\r\nimport {EntityIdSelect} from \"./EntityIdSelect\";\r\n\r\nexport type EntitySelectProps<T extends EntityBase> = {\r\n\tvalue?: T | null;\r\n\tonChange: (e: T | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter: (item: T) => string;\r\n}\r\n\r\nexport function EntitySelect<T extends EntityBase>(\r\n\t{value, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: EntitySelectProps<T>\r\n) {\r\n\r\n\treturn (\r\n\t\t<EntityIdSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tid={value ? value.id : null}\r\n\t\t\toptions={options}\r\n\t\t\tsort={sort}\r\n\t\t\tonChange={\r\n\t\t\t\t(id) => {\r\n\t\t\t\t\tif (!options || !id) {\r\n\t\t\t\t\t\tonChange(undefined);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tonChange(options.find((o) => o.id === id));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {ObjectUtil, PagingRequest} from 'zavadil-ts-common';\r\nimport React from 'react';\r\nimport {Pagination} from \"react-bootstrap\";\r\n\r\nconst MAX_DISPLAY_PAGES = 10;\r\n\r\nexport type TablePaginationProps = {\r\n\tpaging: PagingRequest;\r\n\ttotalItems: number;\r\n\tonPagingChanged: (p: PagingRequest) => any\r\n};\r\n\r\nexport function TablePagination({\r\n\tpaging,\r\n\ttotalItems,\r\n\tonPagingChanged\r\n}: TablePaginationProps) {\r\n\tconst totalPages = Math.ceil(totalItems / paging.size);\r\n\r\n\tconst pageChanged = (page: number) => {\r\n\t\tpaging.page = page;\r\n\t\tonPagingChanged(ObjectUtil.clone(paging));\r\n\t}\r\n\r\n\tconst paginationItems = [];\r\n\r\n\tif (totalPages > 1) {\r\n\t\tpaginationItems.push(<Pagination.First key=\"first\" onClick={() => pageChanged(0)} disabled={paging.page === 0}/>);\r\n\t\tpaginationItems.push(<Pagination.Prev key=\"prev\" onClick={() => pageChanged(paging.page - 1)} disabled={paging.page === 0}/>);\r\n\r\n\t\tconst maxPagesSide = Math.round((MAX_DISPLAY_PAGES - 3) / 2);\r\n\r\n\t\tlet start = (paging.page > maxPagesSide) ? paging.page - maxPagesSide : 0;\r\n\t\tlet end = start + MAX_DISPLAY_PAGES;\r\n\r\n\t\tif (end >= totalPages) {\r\n\t\t\tend = totalPages - 1;\r\n\t\t}\r\n\r\n\t\tif (start > 0) {\r\n\t\t\tpaginationItems.push(<Pagination.Ellipsis key=\"ellipsisStart\" disabled={true}/>);\r\n\t\t}\r\n\r\n\t\tfor (let number = start; number <= end; number++) {\r\n\t\t\tpaginationItems.push(\r\n\t\t\t\t<Pagination.Item key={number} active={number === paging.page} onClick={() => pageChanged(number)}>\r\n\t\t\t\t\t{number + 1}\r\n\t\t\t\t</Pagination.Item>,\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (end < (totalPages - 1)) {\r\n\t\t\tpaginationItems.push(<Pagination.Ellipsis key=\"ellipsisEnd\" disabled={true}/>);\r\n\t\t}\r\n\r\n\t\tpaginationItems.push(<Pagination.Next key=\"next\" onClick={() => pageChanged(paging.page + 1)} disabled={paging.page === (totalPages - 1)}/>);\r\n\t\tpaginationItems.push(<Pagination.Last key=\"last\" onClick={() => pageChanged(totalPages - 1)} disabled={paging.page === (totalPages - 1)}/>);\r\n\t}\r\n\r\n\treturn <Pagination size=\"sm\" className=\"flex-wrap m-0\">{paginationItems}</Pagination>\r\n}\r\n\r\nexport default TablePagination;\r\n","import {ObjectUtil, PagingRequest, StringUtil} from 'zavadil-ts-common';\r\nimport React, {PropsWithChildren, useMemo} from 'react';\r\nimport {Table} from \"react-bootstrap\";\r\nimport {BsFillCaretDownFill, BsFillCaretUpFill} from 'react-icons/bs';\r\nimport {TableHeader} from \"./TableTypes\";\r\nimport {NumberSelect} from \"../forms\";\r\nimport Localize from \"../localization/Localize\";\r\nimport TablePagination from \"./TablePagination\";\r\n\r\nconst DEFAULT_SIZES = [\r\n\t{\r\n\t\tid: 10,\r\n\t\tlabel: '10'\r\n\t},\r\n\t{\r\n\t\tid: 100,\r\n\t\tlabel: '100'\r\n\t},\r\n\t{\r\n\t\tid: 1000,\r\n\t\tlabel: '1000'\r\n\t}\r\n];\r\n\r\nexport type AdvancedTableProps = {\r\n\theader: TableHeader;\r\n\tlanguage?: \"cs\" | \"en\";\r\n\tpaging: PagingRequest;\r\n\ttotalItems: number;\r\n\thover?: boolean;\r\n\tshowPagingOnBottom?: boolean;\r\n\tshowPageSizeSelection?: boolean;\r\n\tstriped?: boolean;\r\n\tbordered?: boolean;\r\n\tonPagingChanged: (p: PagingRequest) => any\r\n};\r\n\r\nexport function AdvancedTable({\r\n\thover,\r\n\tshowPagingOnBottom,\r\n\tshowPageSizeSelection,\r\n\tstriped,\r\n\tbordered,\r\n\theader,\r\n\tchildren,\r\n\tpaging,\r\n\ttotalItems,\r\n\tonPagingChanged\r\n}: PropsWithChildren<AdvancedTableProps>) {\r\n\tconst totalPages = Math.ceil(totalItems / paging.size);\r\n\r\n\tconst sizes = useMemo(\r\n\t\t() => {\r\n\t\t\tconst s = paging.size;\r\n\t\t\tif (DEFAULT_SIZES.find((si) => si.id === s) === null) {\r\n\t\t\t\tconst ss = ObjectUtil.clone(DEFAULT_SIZES);\r\n\t\t\t\tss.push({id: s, label: String(s)});\r\n\t\t\t\treturn ss;\r\n\t\t\t}\r\n\t\t\treturn DEFAULT_SIZES;\r\n\t\t},\r\n\t\t[paging]\r\n\t);\r\n\r\n\tconst sortingChanged = (e: React.MouseEvent<HTMLTableCellElement>, fieldName: string) => {\r\n\t\tif (!paging.sorting) paging.sorting = [];\r\n\t\tlet field = paging.sorting.find((f) => f.name === fieldName);\r\n\t\tconst isSoleField = field && paging.sorting.length === 1;\r\n\t\tif (!(e.ctrlKey || isSoleField)) {\r\n\t\t\tpaging.sorting = [];\r\n\t\t\tfield = undefined;\r\n\t\t}\r\n\t\tif (field) {\r\n\t\t\tfield.desc = !field.desc;\r\n\t\t} else {\r\n\t\t\tpaging.sorting.push({name: fieldName});\r\n\t\t}\r\n\t\tonPagingChanged(ObjectUtil.clone(paging));\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Table hover={hover} striped={striped} responsive bordered={bordered}>\r\n\t\t\t\t<thead>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t<div className=\"d-flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t<div><Localize text='Page'/>: {paging.page + 1} / {totalPages}</div>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\ttotalPages > 0 && <TablePagination paging={paging} totalItems={totalItems} onPagingChanged={onPagingChanged}/>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<div><Localize text='Total items'/>: {totalItems}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theader.map(\r\n\t\t\t\t\t\t\t(h, index) => {\r\n\t\t\t\t\t\t\t\tconst sortBy = h.sort === false ? '' : (StringUtil.isBlank(h.sort) ? h.name : h.sort);\r\n\t\t\t\t\t\t\t\tif (StringUtil.isBlank(sortBy) || (!sortBy)) {\r\n\t\t\t\t\t\t\t\t\treturn <th key={index}>{h.label}</th>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tconst field = paging.sorting && paging.sorting.find((s) => s.name === sortBy);\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"user-select-none text-nowrap\"\r\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent<HTMLTableCellElement>) => sortingChanged(e, sortBy)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{h.label}\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tfield ? field.desc ? <BsFillCaretDownFill/> : <BsFillCaretUpFill/> : <></>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t{children}\r\n\t\t\t\t</tbody>\r\n\t\t\t\t{\r\n\t\t\t\t\ttotalItems > 0 && <tfoot>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowPagingOnBottom &&\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t\t\t<div className=\"d-flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t\t<div><Localize text='Page'/>: {paging.page + 1} / {totalPages}</div>\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\ttotalPages > 0 && <TablePagination paging={paging} totalItems={totalItems} onPagingChanged={onPagingChanged}/>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t<div><Localize text='Total items'/>: {totalItems}</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowPageSizeSelection &&\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t\t\t<div className=\"d-flex align-items-center gap-2 justify-content-end\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"text-nowrap\"><Localize text='Page size'/>:</div>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<NumberSelect\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={paging.size}\r\n\t\t\t\t\t\t\t\t\t\t\toptions={sizes}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpaging.size = e || 10\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonPagingChanged({...paging});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tshowEmptyOption={false}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t</tfoot>\r\n\t\t\t\t}\r\n\t\t\t</Table>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default AdvancedTable;\r\n","import {ReactNode, useMemo} from \"react\";\r\nimport {SwitchProps} from \"./Switch\";\r\nimport {BsCheckCircle, BsCircle} from \"react-icons/bs\";\r\n\r\nexport type IconCheckProps = SwitchProps & {\r\n\ticonOn?: ReactNode;\r\n\ticonOff?: ReactNode;\r\n};\r\n\r\nexport function IconCheck({disabled, checked, iconOn, iconOff, size, onChange}: IconCheckProps) {\r\n\tconst renderedIcon = useMemo(\r\n\t\t() => checked ? (iconOn ? iconOn : <BsCheckCircle size={size}/>) : (iconOff ? iconOff : <BsCircle size={size} className=\"text-muted\"/>),\r\n\t\t[checked, iconOn, iconOff, size]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"d-flex align-items-center cursor-pointer\"\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tonChange(!checked)\r\n\t\t\t}\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t{renderedIcon}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default IconCheck;\r\n","import {DateUtil, ObjectUtil} from \"zavadil-ts-common\";\r\n\r\nexport type DurationProps = {\r\n\tms?: number | null;\r\n};\r\n\r\nexport function Duration({ms}: DurationProps) {\r\n\tif (ObjectUtil.isEmpty(ms)) return <></>;\r\n\treturn <div className=\"text-nowrap\">{DateUtil.formatDuration(ms)}</div>;\r\n}\r\n","import {BsBug, BsExclamationDiamond, BsInfo, BsQuestion} from \"react-icons/bs\";\r\nimport {IconType} from \"react-icons\";\r\nimport {UserAlertType} from \"zavadil-ts-common\";\r\n\r\nexport type UserAlertTypeIconProps = {\r\n\ttype: UserAlertType;\r\n\tsize?: string | number;\r\n\tcustomVariant?: string;\r\n};\r\n\r\nconst ICONS = new Map<UserAlertType, IconType>(\r\n\t[\r\n\t\t[UserAlertType.error, BsBug],\r\n\t\t[UserAlertType.warning, BsExclamationDiamond],\r\n\t\t[UserAlertType.info, BsInfo]\r\n\t]\r\n);\r\n\r\nexport function UserAlertTypeIcon({type, size, customVariant}: UserAlertTypeIconProps) {\r\n\tconst iconFunc = ICONS.get(type) || BsQuestion;\r\n\treturn <div className={`d-flex align-items-center text-${customVariant === undefined ? type : customVariant}`}>{iconFunc({size: size})}</div>\r\n}\r\n\r\nexport default UserAlertTypeIcon;\r\n","import {DateUtil, UserAlert} from 'zavadil-ts-common';\r\nimport {ProgressBar, Stack} from \"react-bootstrap\";\r\nimport UserAlertTypeIcon from \"./UserAlertTypeIcon\";\r\n\r\nexport type UserAlertWidgetProps = {\r\n\tuserAlert: UserAlert;\r\n\tmaxDurationMs: number;\r\n};\r\n\r\nexport function UserAlertWidget({userAlert, maxDurationMs}: UserAlertWidgetProps) {\r\n\treturn (\r\n\t\t<Stack direction=\"horizontal\" gap={2} className=\"align-items-center\">\r\n\t\t\t{\r\n\t\t\t\tuserAlert.remainsMs && <div style={{width: 20}}>\r\n\t\t\t\t\t<ProgressBar min={0} max={maxDurationMs} now={userAlert.remainsMs} variant={userAlert.type}/>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t<div>{DateUtil.formatDateForHumans(userAlert.time)}</div>\r\n\t\t\t<UserAlertTypeIcon type={userAlert.type}/>\r\n\t\t\t<div>{userAlert.message}</div>\r\n\t\t</Stack>\r\n\t);\r\n}\r\n\r\nexport default UserAlertWidget;\r\n","import {Button, Modal, Stack} from \"react-bootstrap\";\r\nimport {BasicDialogProps} from \"./DialogProps\";\r\nimport {createContext} from \"react\";\r\nimport {Localize} from \"../localization\";\r\n\r\nexport class ConfirmDialogContextData {\r\n\tsetProps: (props?: ConfirmDialogProps) => any;\r\n\r\n\tconstructor(setProps: (props?: ConfirmDialogProps) => any) {\r\n\t\tthis.setProps = setProps;\r\n\t}\r\n\r\n\tconfirm(name: string, text: string, onConfirmed: () => any) {\r\n\t\tthis.setProps(\r\n\t\t\t{\r\n\t\t\t\tname: name,\r\n\t\t\t\ttext: text,\r\n\t\t\t\tonConfirm: () => {\r\n\t\t\t\t\tonConfirmed();\r\n\t\t\t\t\tthis.setProps(undefined);\r\n\t\t\t\t},\r\n\t\t\t\tonClose: () => this.setProps(undefined)\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport const ConfirmDialogContext = createContext<ConfirmDialogContextData>(new ConfirmDialogContextData(() => undefined));\r\n\r\nexport type ConfirmDialogProps = BasicDialogProps & {\r\n\tonConfirm: () => any;\r\n};\r\n\r\nexport function ConfirmDialog({name, text, onClose, onConfirm}: ConfirmDialogProps) {\r\n\treturn (\r\n\t\t<Modal show={true} backdrop={true} onHide={onClose}>\r\n\t\t\t<Modal.Header>{name || 'Confirm'}</Modal.Header>\r\n\t\t\t<Modal.Body>{text}</Modal.Body>\r\n\t\t\t<Modal.Footer>\r\n\t\t\t\t<Stack direction=\"horizontal\">\r\n\t\t\t\t\t<Button variant=\"link\" onClick={onClose}><Localize text=\"Back\"/></Button>\r\n\t\t\t\t\t<Button variant=\"primary\" onClick={onConfirm}><Localize text=\"Yes\"/></Button>\r\n\t\t\t\t</Stack>\r\n\t\t\t</Modal.Footer>\r\n\t\t</Modal>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {Badge} from \"react-bootstrap\";\r\n\r\nexport type QueueStateControlProps = {\r\n\tstate: string;\r\n}\r\n\r\nconst STATE_COLORS = new Map<string, string>([\r\n\t['Idle', 'secondary'],\r\n\t['Processing', 'success'],\r\n\t['Loading', 'warn'],\r\n]);\r\n\r\nexport function QueueStateControl({state}: QueueStateControlProps) {\r\n\tconst color = STATE_COLORS.get(state) || 'light';\r\n\treturn <Badge className={`bg-${color} text-bg-${color}`}>{state}</Badge>\r\n}\r\n","import {useCallback, useEffect, useState} from \"react\";\r\nimport {EntityBase, EntityClient, EntityClientWithStub} from \"zavadil-ts-common\";\r\nimport {AutocompleteEntitySelect} from \"./AutocompleteEntitySelect\";\r\n\r\nexport type AutocompleteIdSelectProps<T extends EntityBase, TStub extends EntityBase> = {\r\n\tid?: number | null;\r\n\tonChange: (id?: number | null) => any;\r\n\tentityClient: EntityClient<T> | EntityClientWithStub<T, TStub>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteEntityIdSelect<T extends EntityBase, TStub extends EntityBase>({\r\n\tid,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tentityClient\r\n}: AutocompleteIdSelectProps<T, TStub>) {\r\n\tconst [selected, setSelected] = useState<T | null>(null);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!id) {\r\n\t\t\t\tsetSelected(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (selected && selected.id === id) {\r\n\t\t\t\tsetSelected({...selected});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (entityClient instanceof EntityClientWithStub) {\r\n\t\t\t\tentityClient.loadSingleStub(id).then(setSelected);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tentityClient.loadSingle(id).then(setSelected);\r\n\t\t},\r\n\t\t[id]\r\n\t);\r\n\r\n\tconst selectionChanged = useCallback(\r\n\t\t(s: T | null) => {\r\n\t\t\tconst nId = s ? s.id : null;\r\n\t\t\tif (nId !== id) onChange(nId);\r\n\t\t\tsetSelected(s);\r\n\t\t},\r\n\t\t[id, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteEntitySelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tentityClient={entityClient}\r\n\t\t\tonChange={selectionChanged}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useEffect, useState} from \"react\";\r\nimport {LookupClient, LookupTableEntity} from \"zavadil-ts-common\";\r\nimport {AutocompleteLookupSelect} from \"./AutocompleteLookupSelect\";\r\n\r\nexport type AutocompleteLookupIdSelectProps<T extends LookupTableEntity> = {\r\n\tid?: number | null;\r\n\tonChange: (id?: number | null) => any;\r\n\tlookupClient: LookupClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteLookupIdSelect<T extends LookupTableEntity>({\r\n\tid,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tlookupClient\r\n}: AutocompleteLookupIdSelectProps<T>) {\r\n\tconst [selected, setSelected] = useState<T | null>(null);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!id) {\r\n\t\t\t\tsetSelected(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (selected && selected.id === id) {\r\n\t\t\t\tsetSelected({...selected});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tlookupClient.loadSingle(id).then(setSelected);\r\n\t\t},\r\n\t\t[id]\r\n\t);\r\n\r\n\tconst selectionChanged = useCallback(\r\n\t\t(s: T | null) => {\r\n\t\t\tconst nId = s ? s.id : null;\r\n\t\t\tif (nId !== id) onChange(nId);\r\n\t\t\tsetSelected(s);\r\n\t\t},\r\n\t\t[id, selected]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteLookupSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tlookupClient={lookupClient}\r\n\t\t\tonChange={selectionChanged}\r\n\t\t/>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {ProgressBar} from \"react-bootstrap\";\r\nimport {CacheStats} from 'zavadil-ts-common';\r\n\r\nexport type CacheStatsControlProps = {\r\n\tname: string;\r\n\tstats: CacheStats;\r\n}\r\n\r\nexport function CacheStatsControl({name, stats}: CacheStatsControlProps) {\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>{name}</pre>\r\n\t\t\t\t<pre>\r\n\t\t\t\t[\r\n\t\t\t\t\t{stats.cachedItems}\r\n\t\t\t\t\t{stats.capacity > 0 && ' / '}\r\n\t\t\t\t\t{stats.capacity > 0 && stats.capacity}\r\n\t\t\t\t\t]\r\n\t\t\t\t</pre>\r\n\t\t\t</div>\r\n\t\t\t{\r\n\t\t\t\tstats.capacity > 0 &&\r\n\t\t\t\t<div className=\"p-1\">\r\n\t\t\t\t\t<ProgressBar\r\n\t\t\t\t\t\tnow={stats.cachedItems}\r\n\t\t\t\t\t\tmin={0}\r\n\t\t\t\t\t\tmax={stats.capacity}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {DateUtil} from 'zavadil-ts-common';\r\nimport {Form} from \"react-bootstrap\";\r\n\r\nexport type DateInputProps = {\r\n\tvalue?: Date | null;\r\n\tonChange: (d: Date | undefined) => any;\r\n\tdisabled?: boolean;\r\n};\r\n\r\nexport function DateInput({value, onChange, disabled}: DateInputProps) {\r\n\treturn (\r\n\t\t<Form.Control\r\n\t\t\ttype=\"date\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={DateUtil.formatDateForInput(value)}\r\n\t\t\tonChange={(e) => {\r\n\t\t\t\tonChange(DateUtil.parseDate(e.target.value));\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default DateInput;\r\n","import {DateUtil} from 'zavadil-ts-common';\r\n\r\nexport type DateTimeProps = {\r\n\tvalue?: Date | null;\r\n};\r\n\r\nexport function DateTime({value}: DateTimeProps) {\r\n\treturn (\r\n\t\t<div className=\"text-nowrap\">{DateUtil.formatDateTimeForHumans(value)}</div>\r\n\t);\r\n}\r\n","import {DateUtil} from 'zavadil-ts-common';\r\nimport {Form} from \"react-bootstrap\";\r\n\r\nexport type DateTimeInputProps = {\r\n\tvalue?: Date | null;\r\n\tonChange: (d: Date | undefined) => any;\r\n\tdisabled?: boolean;\r\n};\r\n\r\nexport function DateTimeInput({value, onChange, disabled}: DateTimeInputProps) {\r\n\treturn (\r\n\t\t<Form.Control\r\n\t\t\ttype=\"datetime-local\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={DateUtil.formatDateTimeForInput(value)}\r\n\t\t\tonChange={(e) => {\r\n\t\t\t\tonChange(DateUtil.parseDate(e.target.value));\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default DateTimeInput;\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\nimport {ActiveButtonProps, LoadingButton} from \"./LoadingButton\";\r\nimport {BsTrash} from \"react-icons/bs\";\r\n\r\nexport type DeleteButtonProps = ActiveButtonProps & {\r\n\tisChanged?: boolean;\r\n};\r\n\r\nexport function DeleteButton({disabled, icon, loading, children, size, onClick, isChanged}: PropsWithChildren<DeleteButtonProps>) {\r\n\tconst icn = useMemo(\r\n\t\t() => icon ? icon : <BsTrash/>,\r\n\t\t[icon]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<LoadingButton\r\n\t\t\tdisabled={disabled || (isChanged === false)}\r\n\t\t\tonClick={onClick}\r\n\t\t\ticon={icn}\r\n\t\t\tloading={loading}\r\n\t\t\tsize={size}\r\n\t\t\tvariant=\"danger\"\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</LoadingButton>\r\n\t);\r\n}\r\n","import {ObjectUtil} from \"zavadil-ts-common\";\r\nimport {useMemo} from \"react\";\r\nimport {Duration} from \"./Duration\";\r\n\r\nexport type ElapsedProps = {\r\n\tdate?: Date | null;\r\n};\r\n\r\nexport function Elapsed({date}: ElapsedProps) {\r\n\tconst ms = useMemo(\r\n\t\t() => {\r\n\t\t\tif (ObjectUtil.isEmpty(date)) return null;\r\n\t\t\treturn Date.now() - date.getTime();\r\n\t\t},\r\n\t\t[date]\r\n\t);\r\n\treturn <Duration ms={ms}/>;\r\n}\r\n","import {EntityWithName} from \"zavadil-ts-common\";\r\nimport {EntityIdSelect} from \"./EntityIdSelect\";\r\n\r\nexport type EntityWithNameIdSelectProps<T extends EntityWithName> = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n}\r\n\r\nexport function EntityWithNameIdSelect<T extends EntityWithName>(\r\n\t{id, sort, disabled, onChange, options, showEmptyOption, emptyOptionLabel}: EntityWithNameIdSelectProps<T>\r\n) {\r\n\treturn (\r\n\t\t<EntityIdSelect\r\n\t\t\tid={id}\r\n\t\t\tlabelGetter={(e) => e.name}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tsort={sort}\r\n\t\t\toptions={options}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityWithName} from \"zavadil-ts-common\";\r\nimport {EntitySelect} from \"./EntitySelect\";\r\n\r\nexport type EntityWithNameSelectProps<T extends EntityWithName> = {\r\n\tvalue?: T | null;\r\n\tonChange: (e: T | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n}\r\n\r\nexport function EntityWithNameSelect<T extends EntityWithName>(\r\n\t{value, sort, disabled, onChange, options, showEmptyOption, emptyOptionLabel}: EntityWithNameSelectProps<T>\r\n) {\r\n\treturn (\r\n\t\t<EntitySelect\r\n\t\t\tvalue={value}\r\n\t\t\tlabelGetter={(e) => e.name}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tsort={sort}\r\n\t\t\toptions={options}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {StringSelect} from \"./StringSelect\";\r\n\r\nexport type EnumSelectProps = {\r\n\tvalue?: string | null;\r\n\toptions: Array<string>;\r\n\tonChange: (id: string | null | undefined) => any;\r\n\tshowEmptyOption?: boolean;\r\n\temptyOptionLabel?: string;\r\n};\r\n\r\nexport function EnumSelect({value, options, onChange, showEmptyOption, emptyOptionLabel}: EnumSelectProps) {\r\n\tconst nOptions = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!options) return [];\r\n\t\t\treturn options.map(\r\n\t\t\t\t(s) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: s,\r\n\t\t\t\t\t\tlabel: s\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<StringSelect\r\n\t\t\tvalue={value}\r\n\t\t\toptions={nOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {Form, FormControlProps} from \"react-bootstrap\";\nimport {FormRow} from \"./FormRow\";\n\nexport type FormRowControlProps = FormControlProps & {\n\tlabel: string;\n\tid?: string;\n};\n\nexport function FormRowControl(props: FormRowControlProps) {\n\treturn (\n\t\t<FormRow label={props.label} id={props.id}>\n\t\t\t<Form.Control {...props}/>\n\t\t</FormRow>\n\t);\n}\n","import {Form} from \"react-bootstrap\";\r\nimport {ReactNode} from \"react\";\r\n\r\nexport type IconSwitchProps = {\r\n\tdisabled?: boolean;\r\n\tchecked: boolean;\r\n\tonChange: (checked: boolean) => any;\r\n\tsize?: number;\r\n\ticonOn: ReactNode;\r\n\ticonOff: ReactNode;\r\n};\r\n\r\nexport function IconSwitch({disabled, checked, iconOn, iconOff, size, onChange}: IconSwitchProps) {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"d-flex align-items-center gap-2 cursor-pointer\"\r\n\t\t\tonClick={(e) => onChange(!checked)}\r\n\t\t>\r\n\t\t\t<Form.Switch\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tsize={size}\r\n\t\t\t\ttype=\"switch\"\r\n\t\t\t\tchecked={checked}\r\n\t\t\t\treadOnly={true}\r\n\t\t\t\tclassName=\"cursor-pointer\"\r\n\t\t\t/>\r\n\t\t\t{\r\n\t\t\t\tchecked ? iconOn : iconOff\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default IconSwitch;\r\n","import React from 'react';\r\nimport {Badge, ProgressBar} from \"react-bootstrap\";\r\nimport {ByteUtil, JavaHeapStats} from \"zavadil-ts-common\";\r\n\r\nexport type WorkerJavaHeapControlProps = {\r\n\tstats: JavaHeapStats;\r\n};\r\n\r\nexport function JavaHeapControl({stats}: WorkerJavaHeapControlProps) {\r\n\tconst size = stats.heapSize;\r\n\tconst max = stats.heapMaxSize;\r\n\tconst free = stats.heapFreeSize;\r\n\tconst used = size - free;\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>Java Heap</pre>\r\n\t\t\t\t<pre>[{ByteUtil.formatByteSize(size)} / {ByteUtil.formatByteSize(max)}]</pre>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>Used:</pre>\r\n\t\t\t\t<Badge className=\"bg-warning text-bg-warning\">\r\n\t\t\t\t\t{ByteUtil.formatByteSize(used)}\r\n\t\t\t\t</Badge>\r\n\t\t\t\t<pre>Free:</pre>\r\n\t\t\t\t<Badge className=\"bg-success text-white\">\r\n\t\t\t\t\t{ByteUtil.formatByteSize(free)}\r\n\t\t\t\t</Badge>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"p-1\">\r\n\t\t\t\t<ProgressBar min={0} max={max}>\r\n\t\t\t\t\t<ProgressBar variant=\"warning\" min={0} now={used} max={max}/>\r\n\t\t\t\t\t<ProgressBar variant=\"success\" min={0} now={free} max={max}/>\r\n\t\t\t\t</ProgressBar>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {NumberSelect} from \"./NumberSelect\";\r\nimport {LookupTableEntity} from \"zavadil-ts-common\";\r\nimport {GenericSelectOption} from \"./StringSelect\";\r\n\r\nexport type LookupSelectProps = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<LookupTableEntity> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter?: <T extends LookupTableEntity>(item: T) => string;\r\n}\r\n\r\nexport function LookupSelect({id, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: LookupSelectProps) {\r\n\tconst lOptions: GenericSelectOption<number>[] = useMemo(\r\n\t\t() => {\r\n\t\t\tlet result: Array<LookupTableEntity> = []\r\n\t\t\tif (options) {\r\n\t\t\t\tresult = sort ? options.sort((a, b) => a.name > b.name ? 1 : -1) : options;\r\n\t\t\t}\r\n\t\t\treturn result\r\n\t\t\t\t.map(\r\n\t\t\t\t\t(o) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: o.id,\r\n\t\t\t\t\t\t\tlabel: labelGetter ? labelGetter(o) : o.name\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<NumberSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={id}\r\n\t\t\toptions={lOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {Placeholder, ProgressBar} from \"react-bootstrap\";\r\nimport {QueueStats} from 'zavadil-ts-common';\r\nimport {QueueStateControl} from \"./QueueStateControl\";\r\n\r\nexport type QueueStatsControlProps = {\r\n\tname: string;\r\n\tstats?: QueueStats | null;\r\n}\r\n\r\nexport function QueueStatsControl({name, stats}: QueueStatsControlProps) {\r\n\tconst max = stats ? stats.remaining + stats.processed : undefined\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>{name}</pre>\r\n\t\t\t\t<pre>[{stats?.processed !== undefined ? stats.processed : '?'} / {max !== undefined ? max : '?'}]</pre>\r\n\t\t\t\t<QueueStateControl state={stats ? stats.state : 'Unknown'}/>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"p-1\">\r\n\t\t\t\t{\r\n\t\t\t\t\tstats ? <ProgressBar variant=\"primary\" striped={true} animated={true} min={0} now={stats.processed} max={max || 1}/>\r\n\t\t\t\t\t\t: <Placeholder className=\"w-100\" animation=\"glow\">\r\n\t\t\t\t\t\t\t<Placeholder className=\"w-100\"/>\r\n\t\t\t\t\t\t</Placeholder>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\nimport {ActiveButtonProps, LoadingButton} from \"./LoadingButton\";\r\nimport {FaFloppyDisk} from \"react-icons/fa6\";\r\n\r\nexport type SaveButtonProps = ActiveButtonProps & {\r\n\tisChanged?: boolean;\r\n};\r\n\r\nexport function SaveButton({disabled, icon, loading, children, size, onClick, isChanged}: PropsWithChildren<SaveButtonProps>) {\r\n\tconst icn = useMemo(\r\n\t\t() => icon ? icon : <FaFloppyDisk/>,\r\n\t\t[icon]\r\n\t);\r\n\r\n\tconst content = useMemo(\r\n\t\t() => isChanged ? <strong>{children}</strong> : children,\r\n\t\t[isChanged, children]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<LoadingButton\r\n\t\t\tdisabled={disabled || (isChanged === false)}\r\n\t\t\tonClick={onClick}\r\n\t\t\ticon={icn}\r\n\t\t\tloading={loading}\r\n\t\t\tsize={size}\r\n\t\t>\r\n\t\t\t{content}\r\n\t\t</LoadingButton>\r\n\t);\r\n}\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\n\r\nexport type SpreadProps = {\r\n\tcenter?: boolean;\r\n};\r\n\r\nexport function Spread({children, center}: PropsWithChildren<SpreadProps>) {\r\n\tconst css = useMemo(\r\n\t\t() => center === false ? '' : 'd-flex align-items-center justify-content-center',\r\n\t\t[center]\r\n\t);\r\n\r\n\treturn <div\r\n\t\tclassName={`w-100 h-100 position-absolute ${css}`}\r\n\t\tstyle={{left: 0, right: 0, top: 0, bottom: 0}}\r\n\t>\r\n\t\t{children}\r\n\t</div>\r\n}\r\n\r\nexport default Spread;\r\n","import { Form } from \"react-bootstrap\";\nimport { useMemo, ReactNode } from \"react\";\nimport { StringUtil } from \"zavadil-ts-common\";\n\nexport type SwitchProps = {\n id?: string;\n disabled?: boolean;\n checked: boolean;\n onChange: (checked: boolean) => any;\n size?: number;\n label?: string | ReactNode;\n};\n\nexport function Switch({\n id,\n label,\n disabled,\n checked,\n size,\n onChange,\n}: SwitchProps) {\n const actualId = useMemo(() => (id ? id : StringUtil.randomString()), [id]);\n return (\n <Form.Switch\n disabled={disabled}\n id={actualId}\n size={size}\n type=\"switch\"\n checked={checked}\n onChange={(e) => onChange(!checked)}\n className=\"cursor-pointer\"\n label={label}\n />\n );\n}\n","import React, {useMemo} from 'react';\r\nimport {Table} from \"react-bootstrap\";\r\nimport {PlaceholderSize} from \"react-bootstrap/usePlaceholder\";\r\n\r\nconst DEFAULT_COLS = 1;\r\nconst DEFAULT_ROWS = 20;\r\nconst DEFAULT_SIZE: PlaceholderSize = \"lg\";\r\n\r\nexport type TablePlaceholderProps = {\r\n\tcols?: number;\r\n\trows?: number;\r\n\tsize?: PlaceholderSize;\r\n};\r\n\r\nexport function TablePlaceholder({cols, rows, size}: TablePlaceholderProps) {\r\n\tconst colsN: number = useMemo(() => cols === undefined ? DEFAULT_COLS : cols, [cols]);\r\n\tconst rowsN: number = useMemo(() => rows === undefined ? DEFAULT_ROWS : rows, [rows]);\r\n\tconst sizeS: PlaceholderSize = useMemo(() => size === undefined ? DEFAULT_SIZE : size, [size]);\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Table responsive>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t{\r\n\t\t\t\t\tArray.from(\r\n\t\t\t\t\t\t{length: rowsN},\r\n\t\t\t\t\t\t(_, i) => <tr key={i}>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tArray.from(\r\n\t\t\t\t\t\t\t\t\t{length: colsN},\r\n\t\t\t\t\t\t\t\t\t(_, i) => <td key={i}>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-100 p-1 m-1\"></div>\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t)\r\n\t\t\t\t}\r\n\t\t\t\t</tbody>\r\n\t\t\t</Table>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default TablePlaceholder;\r\n","import React, {useCallback, useEffect, useMemo, useState} from 'react';\r\nimport {ObjectUtil} from 'zavadil-ts-common';\r\nimport {AdvancedTable, AdvancedTableProps} from \"./AdvancedTable\";\r\nimport {RenderFunc, SelectableTableHeader, TableHeader} from \"./TableTypes\";\r\nimport {BsCheckAll} from \"react-icons/bs\";\r\nimport IconCheck from \"../forms/IconCheck\";\r\n\r\nexport type SelectableItem<T> = {\r\n\tselected: boolean;\r\n\titem: T;\r\n};\r\n\r\nexport type TableWithSelectProps<T> = Omit<AdvancedTableProps, 'header'> & {\r\n\tshowSelect?: boolean;\r\n\theader: SelectableTableHeader<T>;\r\n\titems?: Array<T>;\r\n\tonSelect?: (selected: Array<T>) => any;\r\n\tonClick?: (selected: T) => any;\r\n};\r\n\r\nfunction createRenderer<T>(name: string): RenderFunc<T> {\r\n\treturn (e: T) => ObjectUtil.getNestedValue(e, name);\r\n}\r\n\r\nexport function TableWithSelect<T>({\r\n\tshowSelect,\r\n\theader,\r\n\titems,\r\n\tonSelect,\r\n\tonClick,\r\n\ttotalItems,\r\n\tpaging,\r\n\tonPagingChanged\r\n}: TableWithSelectProps<T>) {\r\n\tconst [selectAll, setSelectAll] = useState<boolean>(false);\r\n\tconst [selectableItems, setSelectableItems] = useState<Array<SelectableItem<T>>>();\r\n\r\n\tconst updateSelectAll = useCallback(\r\n\t\t(sa: boolean) => {\r\n\t\t\tif (selectableItems) {\r\n\t\t\t\tsetSelectableItems(selectableItems.map(\r\n\t\t\t\t\t(i) => {\r\n\t\t\t\t\t\treturn {selected: sa, item: i.item};\r\n\t\t\t\t\t}\r\n\t\t\t\t));\r\n\t\t\t}\r\n\t\t\tsetSelectAll(sa);\r\n\t\t},\r\n\t\t[selectableItems]\r\n\t);\r\n\r\n\tconst selectableHeader = useMemo(\r\n\t\t() => {\r\n\t\t\tconst h: TableHeader = [...header];\r\n\t\t\tif (showSelect !== false) {\r\n\t\t\t\th.unshift(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: '',\r\n\t\t\t\t\t\tlabel: <div className=\"py-1\">\r\n\t\t\t\t\t\t\t<IconCheck\r\n\t\t\t\t\t\t\t\tchecked={selectAll}\r\n\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t() => updateSelectAll(!selectAll)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\ticonOn={<BsCheckAll/>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t\treturn h;\r\n\t\t},\r\n\t\t[header, selectAll, updateSelectAll]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetSelectableItems(items ? items.map(\r\n\t\t\t\t(i) => {\r\n\t\t\t\t\treturn {selected: selectAll, item: i};\r\n\t\t\t\t}\r\n\t\t\t) : undefined);\r\n\t\t},\r\n\t\t[items]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!selectableItems) return;\r\n\t\t\tif (!onSelect) return;\r\n\t\t\tonSelect(selectableItems.filter((i) => i.selected).map((i) => i.item));\r\n\t\t},\r\n\t\t[selectableItems, onSelect]\r\n\t);\r\n\r\n\treturn <AdvancedTable\r\n\t\theader={selectableHeader}\r\n\t\thover={onClick !== undefined}\r\n\t\tpaging={paging}\r\n\t\tstriped={true}\r\n\t\ttotalItems={totalItems}\r\n\t\tonPagingChanged={onPagingChanged}\r\n\t>\r\n\t\t{\r\n\t\t\tselectableItems && selectableItems.map(\r\n\t\t\t\t(item, index) => <tr\r\n\t\t\t\t\tkey={index}\r\n\t\t\t\t\tclassName={`selectable ${onClick ? 'cursor-pointer' : ''} ${item.selected ? 'table-active table-primary' : ''}`}\r\n\t\t\t\t\tonClick={\r\n\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\tif (onClick) onClick(item.item);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t(showSelect !== false) && <td>\r\n\t\t\t\t\t\t\t<div className=\"py-2 d-flex align-items-center\">\r\n\t\t\t\t\t\t\t\t<IconCheck\r\n\t\t\t\t\t\t\t\t\tchecked={item.selected}\r\n\t\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t\t() => {\r\n\t\t\t\t\t\t\t\t\t\t\titem.selected = !item.selected;\r\n\t\t\t\t\t\t\t\t\t\t\tif (selectAll && !item.selected) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectAll(false);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tsetSelectableItems([...selectableItems]);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theader.map(\r\n\t\t\t\t\t\t\t(h, index) => {\r\n\t\t\t\t\t\t\t\tconst renderer = h.renderer || createRenderer(h.name);\r\n\t\t\t\t\t\t\t\treturn <td key={index}>{renderer(item.item)}</td>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t)\r\n\t\t}\r\n\t</AdvancedTable>\r\n}\r\n\r\nexport default TableWithSelect;\r\n","import {UserAlert, UserAlerts, UserAlertType} from 'zavadil-ts-common';\r\nimport {useCallback, useEffect, useState} from \"react\";\r\nimport UserAlertWidget from \"./UserAlertWidget\";\r\nimport UserAlertTypeIcon from \"./UserAlertTypeIcon\";\r\nimport {Stack} from \"react-bootstrap\";\r\nimport {IconButton} from \"../forms\";\r\nimport {BsEye, BsTrash} from \"react-icons/bs\";\r\nimport {VscEyeClosed} from \"react-icons/vsc\";\r\n\r\nexport type UserAlertsWidgetProps = {\r\n\tuserAlerts: UserAlerts;\r\n};\r\n\r\nexport function UserAlertsWidget({userAlerts}: UserAlertsWidgetProps) {\r\n\tconst [showAll, setShowAll] = useState<boolean>(false);\r\n\tconst [totalAlerts, setTotalAlerts] = useState<number>(userAlerts.alerts.length);\r\n\tconst [renderedAlerts, setRenderedAlerts] = useState<UserAlert[]>([...userAlerts.visibleAlerts]);\r\n\tconst [summary, setSummary] = useState<Map<UserAlertType, number>>(userAlerts.getSummary());\r\n\r\n\tconst onChangeHandler = useCallback(\r\n\t\t() => {\r\n\t\t\tsetTotalAlerts(userAlerts.alerts.length);\r\n\t\t\tsetRenderedAlerts(showAll ? [...userAlerts.alerts] : [...userAlerts.visibleAlerts]);\r\n\t\t\tsetSummary(userAlerts.getSummary());\r\n\t\t},\r\n\t\t[userAlerts, showAll]\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\t\tuserAlerts.addOnChangeHandler(onChangeHandler);\r\n\t\t\tconst handle = setInterval(\r\n\t\t\t\t() => userAlerts.updateVisibility(),\r\n\t\t\t\t100\r\n\t\t\t);\r\n\t\t\treturn () => {\r\n\t\t\t\tclearInterval(handle);\r\n\t\t\t\tuserAlerts.removeOnChangeHandler(onChangeHandler);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[userAlerts, onChangeHandler]\r\n\t);\r\n\r\n\tif (totalAlerts <= 0) return <></>;\r\n\r\n\treturn (\r\n\t\t<div className=\"user-alerts border rounded bg-body text-body position-fixed text-end\" style={{bottom: 15, right: 15, zIndex: 2147483647}}>\r\n\t\t\t{\r\n\t\t\t\trenderedAlerts.length > 0 &&\r\n\t\t\t\t<div className=\"max-w-50 p-2 border-bottom\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\trenderedAlerts.map((a, index) => <UserAlertWidget key={index} userAlert={a} maxDurationMs={userAlerts.maxVisibilityMs}/>)\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t<div className=\"p-2\">\r\n\t\t\t\t<Stack direction=\"horizontal\" gap={2} className=\"justify-content-end align-items-center\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowAll ? <IconButton size=\"sm\" variant=\"primary\" onClick={() => setShowAll(false)} icon={<VscEyeClosed/>}>Hide</IconButton>\r\n\t\t\t\t\t\t\t: <IconButton size=\"sm\" variant=\"primary\" onClick={() => setShowAll(true)} icon={<BsEye/>}>Show All</IconButton>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tArray.from(summary.entries()).map(\r\n\t\t\t\t\t\t\t(entry, index) => (\r\n\t\t\t\t\t\t\t\t<Stack key={index} direction=\"horizontal\" gap={1} className=\"px-1 border rounded align-items-center\">\r\n\t\t\t\t\t\t\t\t\t<UserAlertTypeIcon type={entry[0]} customVariant={entry[1] === 0 ? 'muted' : undefined}/>\r\n\t\t\t\t\t\t\t\t\t<div className={entry[1] > 0 ? `text-${entry[0]} fw-bold` : 'text-muted'}>\r\n\t\t\t\t\t\t\t\t\t\t{entry[1]}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</Stack>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<IconButton size=\"sm\" variant=\"danger\" onClick={() => userAlerts.reset()} icon={<BsTrash/>}>Reset</IconButton>\r\n\t\t\t\t</Stack>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default UserAlertsWidget;\r\n"],"names":["LocalizationContext","createContext","BasicLocalization","Localize","text","tag","localization","useContext","p","useMemo","undefined","tags","t","translate","_jsx","jsx","_Fragment","Fragment","children","FormRow","id","label","actualId","StringUtil","randomString","_jsxs","Form","Group","Label","TextInputWithReset","value","onChange","onReset","onBlur","disabled","className","actual","getNonEmpty","isEmpty","isBlank","reset","useCallback","jsxs","InputGroup","Control","type","e","target","Button","onClick","BsXCircle","IconButton","variant","icon","size","LoadingButton","loading","Spinner","StringSelect","options","showEmptyOption","emptyOptionLabel","useEffect","length","Select","map","o","i","NumberSelect","nValue","String","nOptions","nChange","s","NumberUtil","parseNumber","AutocompleteSelect","selected","labelGetter","onSearch","searchPromise","setSearchPromise","useState","searchText","setSearchText","itemSelection","setItemSelection","blurTimeout","useRef","finalLabelGetter","item","name","finalCss","userLeftControl","console","log","startBlur","current","window","setTimeout","cancelBlur","clearTimeout","cancel","userChangedText","cancellable","CancellablePromise","promise","then","userSelectedItem","onFocus","Dropdown","defaultShow","show","Menu","Item","active","AutocompleteEntitySelect","entityClient","search","loadPage","safeLowercase","page","sorting","content","AutocompleteLookupSelect","lookupClient","EntityIdSelect","sort","lOptions","result","a","b","EntitySelect","find","TablePagination","paging","totalItems","onPagingChanged","totalPages","Math","ceil","pageChanged","ObjectUtil","clone","paginationItems","push","Pagination","First","Prev","maxPagesSide","round","start","end","Ellipsis","number","Next","Last","DEFAULT_SIZES","AdvancedTable","hover","showPagingOnBottom","showPageSizeSelection","striped","bordered","header","sizes","si","ss","Table","responsive","colSpan","h","index","sortBy","field","role","fieldName","f","isSoleField","ctrlKey","desc","sortingChanged","BsFillCaretDownFill","BsFillCaretUpFill","IconCheck","checked","iconOn","iconOff","renderedIcon","BsCheckCircle","BsCircle","stopPropagation","preventDefault","Duration","ms","DateUtil","formatDuration","ICONS","Map","UserAlertType","error","BsBug","warning","BsExclamationDiamond","info","BsInfo","UserAlertTypeIcon","customVariant","iconFunc","get","BsQuestion","UserAlertWidget","userAlert","maxDurationMs","Stack","direction","gap","remainsMs","style","width","ProgressBar","min","max","now","formatDateForHumans","time","message","ConfirmDialogContextData","constructor","setProps","this","confirm","onConfirmed","onConfirm","onClose","ConfirmDialogContext","STATE_COLORS","QueueStateControl","state","color","Badge","setSelected","EntityClientWithStub","loadSingleStub","loadSingle","selectionChanged","nId","stats","cachedItems","capacity","Modal","backdrop","onHide","Header","Body","Footer","formatDateForInput","parseDate","formatDateTimeForHumans","formatDateTimeForInput","isChanged","icn","BsTrash","date","Date","getTime","props","Switch","readOnly","heapSize","heapMaxSize","free","heapFreeSize","used","ByteUtil","formatByteSize","remaining","processed","animated","Placeholder","animation","FaFloppyDisk","center","css","left","right","top","bottom","cols","rows","colsN","rowsN","Array","from","_","showSelect","items","onSelect","selectAll","setSelectAll","selectableItems","setSelectableItems","updateSelectAll","sa","selectableHeader","unshift","BsCheckAll","filter","renderer","getNestedValue","userAlerts","showAll","setShowAll","totalAlerts","setTotalAlerts","alerts","renderedAlerts","setRenderedAlerts","visibleAlerts","summary","setSummary","getSummary","onChangeHandler","addOnChangeHandler","handle","setInterval","updateVisibility","clearInterval","removeOnChangeHandler","zIndex","maxVisibilityMs","VscEyeClosed","BsEye","entries","entry"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/component/localization/LocalizationContext.ts","../src/component/localization/Localize.tsx","../src/component/forms/FormRow.tsx","../src/component/forms/TextInputWithReset.tsx","../src/component/forms/IconButton.tsx","../src/component/forms/LoadingButton.tsx","../src/component/forms/StringSelect.tsx","../src/component/forms/NumberSelect.tsx","../src/component/forms/AutocompleteSelect.tsx","../src/component/forms/AutocompleteEntitySelect.tsx","../src/component/forms/AutocompleteLookupSelect.tsx","../src/component/forms/EntityIdSelect.tsx","../src/component/forms/EntitySelect.tsx","../src/component/tables/TablePagination.tsx","../src/component/tables/AdvancedTable.tsx","../src/component/forms/IconCheck.tsx","../src/component/datetime/Duration.tsx","../src/component/alerts/UserAlertTypeIcon.tsx","../src/component/alerts/UserAlertWidget.tsx","../src/component/dialogs/ConfirmDialog.tsx","../src/component/stats/QueueStateControl.tsx","../src/component/forms/AutocompleteEntityIdSelect.tsx","../src/component/forms/AutocompleteLookupIdSelect.tsx","../src/component/stats/CacheStatsControl.tsx","../src/component/forms/DateInput.tsx","../src/component/datetime/DateTime.tsx","../src/component/forms/DateTimeInput.tsx","../src/component/forms/DeleteButton.tsx","../src/component/datetime/Elapsed.tsx","../src/component/forms/EntityWithNameIdSelect.tsx","../src/component/forms/EntityWithNameSelect.tsx","../src/component/forms/EnumSelect.tsx","../src/component/forms/FormRowControl.tsx","../src/component/forms/IconSwitch.tsx","../src/component/stats/JavaHeapControl.tsx","../src/component/forms/LookupSelect.tsx","../src/component/stats/QueueStatsControl.tsx","../src/component/forms/SaveButton.tsx","../src/component/Spread.tsx","../src/component/forms/Switch.tsx","../src/component/tables/TablePlaceholder.tsx","../src/component/tables/TableWithSelect.tsx","../src/component/alerts/UserAlertsWidget.tsx"],"sourcesContent":["import {createContext} from \"react\";\nimport {BasicLocalization, Localization} from \"zavadil-ts-common\";\n\nexport const LocalizationContext = createContext<Localization>(new BasicLocalization());\n","import {useContext, useMemo} from \"react\";\r\nimport {LocalizationContext} from \"./LocalizationContext\";\r\nimport {TranslateParams} from \"zavadil-ts-common\";\r\n\r\nexport type LocalizeProps = {\r\n\ttext: string;\r\n\ttag?: string | Array<string>;\r\n};\r\n\r\nexport function Localize({text, tag}: LocalizeProps) {\r\n\tconst localization = useContext(LocalizationContext);\r\n\r\n\tconst p: TranslateParams | undefined = useMemo(\r\n\t\t() => {\r\n\t\t\tif (tag === undefined || tag === '') return undefined;\r\n\t\t\tif (typeof tag === 'string') return {tags: [tag]};\r\n\t\t\treturn {tags: tag};\r\n\t\t},\r\n\t\t[tag]\r\n\t);\r\n\r\n\tconst t = useMemo(\r\n\t\t() => localization.translate(text, p),\r\n\t\t[localization, text, p]\r\n\t);\r\n\treturn <>{t}</>;\r\n}\r\n\r\nexport default Localize;\r\n","import {PropsWithChildren} from \"react\";\nimport {Form} from \"react-bootstrap\";\nimport {Localize} from \"../localization\";\n\nexport type FormRowProps = PropsWithChildren & {\n\tlabel: string;\n\tid?: string;\n};\n\nexport function FormRow({id, label, children}: FormRowProps) {\n\treturn (\n\t\t<Form.Group>\n\t\t\t<Form.Label id={id}>\n\t\t\t\t<Localize text={label}/>\n\t\t\t</Form.Label>\n\t\t\t<div>{children}</div>\n\t\t</Form.Group>\n\t);\n}\n","import {StringUtil} from 'zavadil-ts-common';\r\nimport {Button, Form, InputGroup} from \"react-bootstrap\";\r\nimport {BsXCircle} from \"react-icons/bs\";\r\nimport {useCallback, useMemo} from \"react\";\r\n\r\nexport type TextInputWithResetProps = {\r\n\tvalue?: string | null;\r\n\tonChange: (s: string) => any;\r\n\tonReset?: () => any;\r\n\tdisabled?: boolean;\r\n\tonBlur?: () => any;\r\n\tclassName?: string;\r\n};\r\n\r\nexport function TextInputWithReset({value, onChange, onReset, onBlur, disabled, className}: TextInputWithResetProps) {\r\n\tconst actual = useMemo(\r\n\t\t() => StringUtil.getNonEmpty(value),\r\n\t\t[value]\r\n\t);\r\n\r\n\tconst isEmpty = useMemo(\r\n\t\t() => StringUtil.isBlank(value),\r\n\t\t[actual]\r\n\t);\r\n\r\n\tconst reset = useCallback(\r\n\t\t() => {\r\n\t\t\tif (onReset) {\r\n\t\t\t\tonReset();\r\n\t\t\t} else {\r\n\t\t\t\tonChange('');\r\n\t\t\t}\r\n\t\t},\r\n\t\t[onReset, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<InputGroup className={className}>\r\n\t\t\t<Form.Control\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tvalue={actual}\r\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\r\n\t\t\t\tonBlur={onBlur}\r\n\t\t\t/>\r\n\t\t\t<Button onClick={reset} disabled={isEmpty}>\r\n\t\t\t\t<div className=\"d-flex align-items-center\">\r\n\t\t\t\t\t<BsXCircle/>\r\n\t\t\t\t</div>\r\n\t\t\t</Button>\r\n\t\t</InputGroup>\r\n\t);\r\n}\r\n\r\nexport default TextInputWithReset;\r\n","import { Button } from \"react-bootstrap\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { ButtonVariant } from \"react-bootstrap/types\";\n\nexport type IconButtonProps = {\n disabled?: boolean;\n onClick?: () => any;\n size?: \"sm\" | \"lg\";\n icon?: ReactNode;\n variant?: ButtonVariant;\n type?: \"submit\" | \"reset\" | \"button\" | undefined;\n};\n\nexport function IconButton({\n disabled,\n variant,\n icon,\n size,\n children,\n type,\n onClick,\n}: PropsWithChildren<IconButtonProps>) {\n return (\n <Button\n disabled={disabled === true}\n size={size}\n onClick={onClick}\n variant={variant}\n type={type}\n >\n <div className=\"d-flex align-items-center gap-2\">\n {icon}\n {children && <div>{children}</div>}\n </div>\n </Button>\n );\n}\n\nexport default IconButton;\n","import { Spinner } from \"react-bootstrap\";\nimport { PropsWithChildren } from \"react\";\nimport { IconButton, IconButtonProps } from \"./IconButton\";\n\nexport type ActiveButtonProps = IconButtonProps & {\n loading?: boolean;\n};\n\nexport function LoadingButton({\n disabled,\n icon,\n loading,\n children,\n size,\n variant,\n type,\n onClick,\n}: PropsWithChildren<ActiveButtonProps>) {\n return loading === true ? (\n <IconButton\n disabled={true}\n onClick={onClick}\n size={size}\n variant={variant}\n type={type}\n icon={<Spinner size=\"sm\" />}\n >\n {children}\n </IconButton>\n ) : (\n <IconButton\n disabled={disabled}\n onClick={onClick}\n icon={icon}\n size={size}\n variant={variant}\n >\n {children}\n </IconButton>\n );\n}\n\nexport default LoadingButton;\n","import {Form, Spinner} from \"react-bootstrap\";\r\nimport {StringUtil} from \"zavadil-ts-common\";\r\nimport {useEffect} from \"react\";\r\n\r\nexport type GenericSelectOption<T> = {\r\n\tid?: T | null;\r\n\tlabel: string;\r\n}\r\n\r\nexport type GenericSelectProps<T> = {\r\n\tvalue?: T | null;\r\n\toptions: Array<GenericSelectOption<T>>;\r\n\tonChange: (id: T | null | undefined) => any;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n}\r\n\r\nexport type StringSelectProps = GenericSelectProps<string>;\r\n\r\nexport function StringSelect({value, options, disabled, onChange, showEmptyOption, emptyOptionLabel}: StringSelectProps) {\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (StringUtil.isBlank(value)) {\r\n\t\t\t\tif (options.length > 0 && showEmptyOption !== true) {\r\n\t\t\t\t\tonChange(options[0].id);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t[value, options, showEmptyOption, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<Form.Select\r\n\t\t\tvalue={value || ''}\r\n\t\t\tonChange={(e) => onChange(e.target.value)}\r\n\t\t\tdisabled={disabled}\r\n\t\t>\r\n\t\t\t{\r\n\t\t\t\t(showEmptyOption === true) && (\r\n\t\t\t\t\t<option key={\"\"} value={\"\"}>{emptyOptionLabel || ''}</option>\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\t{\r\n\t\t\t\toptions ?\r\n\t\t\t\t\toptions.map(\r\n\t\t\t\t\t\t(o, i) => <option key={i} value={o.id || ''}>{o.label || ''}</option>\r\n\t\t\t\t\t) : <span><Spinner/></span>\r\n\t\t\t}\r\n\t\t</Form.Select>\r\n\t)\r\n}\r\n","import {useCallback, useMemo} from \"react\";\r\nimport {NumberUtil} from \"zavadil-ts-common\";\r\nimport {GenericSelectProps, StringSelect} from \"./StringSelect\";\r\n\r\nexport type NumberSelectProps = GenericSelectProps<number>;\r\n\r\nexport function NumberSelect({value, options, disabled, onChange, showEmptyOption, emptyOptionLabel}: NumberSelectProps) {\r\n\tconst nValue = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!value) return '';\r\n\t\t\treturn String(value);\r\n\t\t},\r\n\t\t[value]\r\n\t);\r\n\r\n\tconst nOptions = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!options) return [];\r\n\t\t\treturn options.map(\r\n\t\t\t\t(o) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: o.id ? String(o.id) : '',\r\n\t\t\t\t\t\tlabel: o.label\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\tconst nChange = useCallback(\r\n\t\t(s: string | null | undefined) => onChange(NumberUtil.parseNumber(s)),\r\n\t\t[onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<StringSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={nValue}\r\n\t\t\toptions={nOptions}\r\n\t\t\tonChange={nChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport {CancellablePromise, EntityBase} from \"zavadil-ts-common\";\r\nimport TextInputWithReset from \"./TextInputWithReset\";\r\nimport {Dropdown} from \"react-bootstrap\";\r\n\r\nexport type AutocompleteSelectProps<T extends EntityBase> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tonSearch: (text: string) => Promise<Array<T>>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteSelect<T extends EntityBase>({selected, disabled, labelGetter, onChange, onSearch}: AutocompleteSelectProps<T>) {\r\n\tconst [searchPromise, setSearchPromise] = useState<CancellablePromise>();\r\n\tconst [searchText, setSearchText] = useState<string>();\r\n\tconst [itemSelection, setItemSelection] = useState<Array<T>>();\r\n\tconst blurTimeout = useRef<number>();\r\n\r\n\tconst finalLabelGetter = useCallback(\r\n\t\t(item: T) => {\r\n\t\t\tif (labelGetter) return labelGetter(item);\r\n\t\t\tif ('name' in item && typeof item.name === 'string') return item.name;\r\n\t\t\treturn `[${item.id}]`;\r\n\t\t},\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\tconst finalCss = useMemo(\r\n\t\t() => selected ? 'border rounded border-primary' : undefined,\r\n\t\t[selected]\r\n\t);\r\n\r\n\tconst userLeftControl = useCallback(\r\n\t\t() => {\r\n\t\t\tconsole.log('user left control');\r\n\t\t\tif (itemSelection) {\r\n\t\t\t\tsetItemSelection(undefined);\r\n\t\t\t\tsetSearchText(selected ? finalLabelGetter(selected) : '');\r\n\t\t\t}\r\n\t\t},\r\n\t\t[onChange, itemSelection, selected, finalLabelGetter]\r\n\t);\r\n\r\n\tconst startBlur = useCallback(\r\n\t\t() => {\r\n\t\t\tblurTimeout.current = window.setTimeout(userLeftControl, 100);\r\n\t\t},\r\n\t\t[blurTimeout, userLeftControl]\r\n\t);\r\n\r\n\tconst cancelBlur = useCallback(\r\n\t\t() => {\r\n\t\t\tif (blurTimeout.current) {\r\n\t\t\t\tclearTimeout(blurTimeout.current);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[blurTimeout]\r\n\t);\r\n\r\n\t// Clean up the timeout when the component unmounts\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\treturn cancelBlur;\r\n\t\t},\r\n\t\t[]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetSearchText(selected ? finalLabelGetter(selected) : '');\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t\tsetSearchPromise(undefined);\r\n\t\t\t}\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t},\r\n\t\t[selected]\r\n\t);\r\n\r\n\tconst reset = useCallback(\r\n\t\t() => {\r\n\t\t\tonChange(null)\r\n\t\t\tsetSearchText('');\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t\tsetSearchPromise(undefined);\r\n\t\t\t}\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t},\r\n\t\t[onChange, searchPromise]\r\n\t);\r\n\r\n\tconst userChangedText = useCallback(\r\n\t\t(s: string) => {\r\n\t\t\tsetSearchText(s);\r\n\t\t\tif (searchPromise) {\r\n\t\t\t\tsearchPromise.cancel();\r\n\t\t\t}\r\n\t\t\tconst cancellable = new CancellablePromise(onSearch(s));\r\n\t\t\tcancellable.promise.then(setItemSelection);\r\n\t\t\tsetSearchPromise(cancellable);\r\n\t\t},\r\n\t\t[searchPromise, onSearch]\r\n\t);\r\n\r\n\r\n\tconst userSelectedItem = useCallback(\r\n\t\t(item: T) => {\r\n\t\t\tconsole.log('user selected item');\r\n\t\t\tsetItemSelection(undefined);\r\n\t\t\tonChange({...item});\r\n\t\t},\r\n\t\t[onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div onBlur={startBlur} onFocus={cancelBlur}>\r\n\t\t\t<Dropdown defaultShow={false} show={itemSelection !== null}>\r\n\t\t\t\t<TextInputWithReset\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tvalue={searchText}\r\n\t\t\t\t\tonChange={userChangedText}\r\n\t\t\t\t\tonReset={reset}\r\n\t\t\t\t\tclassName={finalCss}\r\n\t\t\t\t/>\r\n\t\t\t\t{\r\n\t\t\t\t\titemSelection &&\r\n\t\t\t\t\t<Dropdown.Menu>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\titemSelection.map(\r\n\t\t\t\t\t\t\t\t(item) => <Dropdown.Item\r\n\t\t\t\t\t\t\t\t\tkey={item.id}\r\n\t\t\t\t\t\t\t\t\tonClick={\r\n\t\t\t\t\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\tcancelBlur();\r\n\t\t\t\t\t\t\t\t\t\t\tuserSelectedItem(item);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tactive={item.id === selected?.id}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{finalLabelGetter(item)}\r\n\t\t\t\t\t\t\t\t</Dropdown.Item>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</Dropdown.Menu>\r\n\t\t\t\t}\r\n\t\t\t</Dropdown>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {useCallback} from \"react\";\r\nimport {EntityBase, EntityClient, StringUtil} from \"zavadil-ts-common\";\r\nimport {AutocompleteSelect} from \"./AutocompleteSelect\";\r\n\r\nexport type AutocompleteEntitySelectProps<T extends EntityBase> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tentityClient: EntityClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteEntitySelect<T extends EntityBase>({\r\n\tselected,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tentityClient\r\n}: AutocompleteEntitySelectProps<T>) {\r\n\r\n\tconst search = useCallback(\r\n\t\t(s: string) => entityClient\r\n\t\t\t.loadPage({search: StringUtil.safeLowercase(s), page: 0, size: 10, sorting: [{name: 'id'}]})\r\n\t\t\t.then((p) => p.content),\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tonSearch={search}\r\n\t\t\tonChange={onChange}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useMemo} from \"react\";\r\nimport {LookupClient, LookupTableEntity, StringUtil} from \"zavadil-ts-common\";\r\nimport {AutocompleteSelect} from \"./AutocompleteSelect\";\r\n\r\nexport type AutocompleteLookupSelectProps<T extends LookupTableEntity> = {\r\n\tselected?: T | null;\r\n\tonChange: (e: T | null) => any;\r\n\tlookupClient: LookupClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteLookupSelect<T extends LookupTableEntity>({\r\n\tselected,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tlookupClient\r\n}: AutocompleteLookupSelectProps<T>) {\r\n\tconst finalLabelGetter = useMemo(\r\n\t\t() => labelGetter ? labelGetter : (item: LookupTableEntity) => item.name,\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\tconst search = useCallback(\r\n\t\t(s: string) => lookupClient\r\n\t\t\t.loadPage({search: StringUtil.safeLowercase(s), page: 0, size: 10, sorting: [{name: 'name'}]})\r\n\t\t\t.then((p) => p.content),\r\n\t\t[labelGetter]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={finalLabelGetter}\r\n\t\t\tonSearch={search}\r\n\t\t\tonChange={onChange}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {NumberSelect} from \"./NumberSelect\";\r\nimport {EntityBase} from \"zavadil-ts-common\";\r\nimport {GenericSelectOption} from \"./StringSelect\";\r\n\r\nexport type EntityIdSelectProps<T extends EntityBase> = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter: (item: T) => string;\r\n}\r\n\r\nexport function EntityIdSelect<T extends EntityBase>(\r\n\t{id, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: EntityIdSelectProps<T>\r\n) {\r\n\tconst lOptions: GenericSelectOption<number>[] = useMemo(\r\n\t\t() => {\r\n\t\t\tlet result: Array<T> = []\r\n\t\t\tif (options) {\r\n\t\t\t\tresult = sort ? options.sort((a, b) => labelGetter(a) > labelGetter(b) ? 1 : -1) : options;\r\n\t\t\t}\r\n\t\t\treturn result\r\n\t\t\t\t.map(\r\n\t\t\t\t\t(o) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: o.id,\r\n\t\t\t\t\t\t\tlabel: labelGetter(o)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<NumberSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={id}\r\n\t\t\toptions={lOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityBase} from \"zavadil-ts-common\";\r\nimport {EntityIdSelect} from \"./EntityIdSelect\";\r\n\r\nexport type EntitySelectProps<T extends EntityBase> = {\r\n\tvalue?: T | null;\r\n\tonChange: (e: T | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter: (item: T) => string;\r\n}\r\n\r\nexport function EntitySelect<T extends EntityBase>(\r\n\t{value, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: EntitySelectProps<T>\r\n) {\r\n\r\n\treturn (\r\n\t\t<EntityIdSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tid={value ? value.id : null}\r\n\t\t\toptions={options}\r\n\t\t\tsort={sort}\r\n\t\t\tonChange={\r\n\t\t\t\t(id) => {\r\n\t\t\t\t\tif (!options || !id) {\r\n\t\t\t\t\t\tonChange(undefined);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tonChange(options.find((o) => o.id === id));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {ObjectUtil, PagingRequest} from 'zavadil-ts-common';\r\nimport React from 'react';\r\nimport {Pagination} from \"react-bootstrap\";\r\n\r\nconst MAX_DISPLAY_PAGES = 10;\r\n\r\nexport type TablePaginationProps = {\r\n\tpaging: PagingRequest;\r\n\ttotalItems: number;\r\n\tonPagingChanged: (p: PagingRequest) => any\r\n};\r\n\r\nexport function TablePagination({\r\n\tpaging,\r\n\ttotalItems,\r\n\tonPagingChanged\r\n}: TablePaginationProps) {\r\n\tconst totalPages = Math.ceil(totalItems / paging.size);\r\n\r\n\tconst pageChanged = (page: number) => {\r\n\t\tpaging.page = page;\r\n\t\tonPagingChanged(ObjectUtil.clone(paging));\r\n\t}\r\n\r\n\tconst paginationItems = [];\r\n\r\n\tif (totalPages > 1) {\r\n\t\tpaginationItems.push(<Pagination.First key=\"first\" onClick={() => pageChanged(0)} disabled={paging.page === 0}/>);\r\n\t\tpaginationItems.push(<Pagination.Prev key=\"prev\" onClick={() => pageChanged(paging.page - 1)} disabled={paging.page === 0}/>);\r\n\r\n\t\tconst maxPagesSide = Math.round((MAX_DISPLAY_PAGES - 3) / 2);\r\n\r\n\t\tlet start = (paging.page > maxPagesSide) ? paging.page - maxPagesSide : 0;\r\n\t\tlet end = start + MAX_DISPLAY_PAGES;\r\n\r\n\t\tif (end >= totalPages) {\r\n\t\t\tend = totalPages - 1;\r\n\t\t}\r\n\r\n\t\tif (start > 0) {\r\n\t\t\tpaginationItems.push(<Pagination.Ellipsis key=\"ellipsisStart\" disabled={true}/>);\r\n\t\t}\r\n\r\n\t\tfor (let number = start; number <= end; number++) {\r\n\t\t\tpaginationItems.push(\r\n\t\t\t\t<Pagination.Item key={number} active={number === paging.page} onClick={() => pageChanged(number)}>\r\n\t\t\t\t\t{number + 1}\r\n\t\t\t\t</Pagination.Item>,\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (end < (totalPages - 1)) {\r\n\t\t\tpaginationItems.push(<Pagination.Ellipsis key=\"ellipsisEnd\" disabled={true}/>);\r\n\t\t}\r\n\r\n\t\tpaginationItems.push(<Pagination.Next key=\"next\" onClick={() => pageChanged(paging.page + 1)} disabled={paging.page === (totalPages - 1)}/>);\r\n\t\tpaginationItems.push(<Pagination.Last key=\"last\" onClick={() => pageChanged(totalPages - 1)} disabled={paging.page === (totalPages - 1)}/>);\r\n\t}\r\n\r\n\treturn <Pagination size=\"sm\" className=\"flex-wrap m-0\">{paginationItems}</Pagination>\r\n}\r\n\r\nexport default TablePagination;\r\n","import {ObjectUtil, PagingRequest, StringUtil} from 'zavadil-ts-common';\r\nimport React, {PropsWithChildren, useMemo} from 'react';\r\nimport {Table} from \"react-bootstrap\";\r\nimport {BsFillCaretDownFill, BsFillCaretUpFill} from 'react-icons/bs';\r\nimport {TableHeader} from \"./TableTypes\";\r\nimport {NumberSelect} from \"../forms\";\r\nimport Localize from \"../localization/Localize\";\r\nimport TablePagination from \"./TablePagination\";\r\n\r\nconst DEFAULT_SIZES = [\r\n\t{\r\n\t\tid: 10,\r\n\t\tlabel: '10'\r\n\t},\r\n\t{\r\n\t\tid: 100,\r\n\t\tlabel: '100'\r\n\t},\r\n\t{\r\n\t\tid: 1000,\r\n\t\tlabel: '1000'\r\n\t}\r\n];\r\n\r\nexport type AdvancedTableProps = {\r\n\theader: TableHeader;\r\n\tlanguage?: \"cs\" | \"en\";\r\n\tpaging: PagingRequest;\r\n\ttotalItems: number;\r\n\thover?: boolean;\r\n\tshowPagingOnBottom?: boolean;\r\n\tshowPageSizeSelection?: boolean;\r\n\tstriped?: boolean;\r\n\tbordered?: boolean;\r\n\tonPagingChanged: (p: PagingRequest) => any\r\n};\r\n\r\nexport function AdvancedTable({\r\n\thover,\r\n\tshowPagingOnBottom,\r\n\tshowPageSizeSelection,\r\n\tstriped,\r\n\tbordered,\r\n\theader,\r\n\tchildren,\r\n\tpaging,\r\n\ttotalItems,\r\n\tonPagingChanged\r\n}: PropsWithChildren<AdvancedTableProps>) {\r\n\tconst totalPages = Math.ceil(totalItems / paging.size);\r\n\r\n\tconst sizes = useMemo(\r\n\t\t() => {\r\n\t\t\tconst s = paging.size;\r\n\t\t\tif (DEFAULT_SIZES.find((si) => si.id === s) === null) {\r\n\t\t\t\tconst ss = ObjectUtil.clone(DEFAULT_SIZES);\r\n\t\t\t\tss.push({id: s, label: String(s)});\r\n\t\t\t\treturn ss;\r\n\t\t\t}\r\n\t\t\treturn DEFAULT_SIZES;\r\n\t\t},\r\n\t\t[paging]\r\n\t);\r\n\r\n\tconst sortingChanged = (e: React.MouseEvent<HTMLTableCellElement>, fieldName: string) => {\r\n\t\tif (!paging.sorting) paging.sorting = [];\r\n\t\tlet field = paging.sorting.find((f) => f.name === fieldName);\r\n\t\tconst isSoleField = field && paging.sorting.length === 1;\r\n\t\tif (!(e.ctrlKey || isSoleField)) {\r\n\t\t\tpaging.sorting = [];\r\n\t\t\tfield = undefined;\r\n\t\t}\r\n\t\tif (field) {\r\n\t\t\tfield.desc = !field.desc;\r\n\t\t} else {\r\n\t\t\tpaging.sorting.push({name: fieldName});\r\n\t\t}\r\n\t\tonPagingChanged(ObjectUtil.clone(paging));\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Table hover={hover} striped={striped} responsive bordered={bordered}>\r\n\t\t\t\t<thead>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t<div className=\"d-flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t<div><Localize text='Page'/>: {paging.page + 1} / {totalPages}</div>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\ttotalPages > 0 && <TablePagination paging={paging} totalItems={totalItems} onPagingChanged={onPagingChanged}/>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<div><Localize text='Total items'/>: {totalItems}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theader.map(\r\n\t\t\t\t\t\t\t(h, index) => {\r\n\t\t\t\t\t\t\t\tconst sortBy = h.sort === false ? '' : (StringUtil.isBlank(h.sort) ? h.name : h.sort);\r\n\t\t\t\t\t\t\t\tif (StringUtil.isBlank(sortBy) || (!sortBy)) {\r\n\t\t\t\t\t\t\t\t\treturn <th key={index}>{h.label}</th>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tconst field = paging.sorting && paging.sorting.find((s) => s.name === sortBy);\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<th\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"user-select-none text-nowrap\"\r\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent<HTMLTableCellElement>) => sortingChanged(e, sortBy)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{h.label}\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tfield ? field.desc ? <BsFillCaretDownFill/> : <BsFillCaretUpFill/> : <></>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t{children}\r\n\t\t\t\t</tbody>\r\n\t\t\t\t{\r\n\t\t\t\t\ttotalItems > 0 && <tfoot>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowPagingOnBottom &&\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t\t\t<div className=\"d-flex justify-content-between align-items-center gap-2\">\r\n\t\t\t\t\t\t\t\t\t<div><Localize text='Page'/>: {paging.page + 1} / {totalPages}</div>\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\ttotalPages > 0 && <TablePagination paging={paging} totalItems={totalItems} onPagingChanged={onPagingChanged}/>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t<div><Localize text='Total items'/>: {totalItems}</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowPageSizeSelection &&\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan={header.length}>\r\n\t\t\t\t\t\t\t\t<div className=\"d-flex align-items-center gap-2 justify-content-end\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"text-nowrap\"><Localize text='Page size'/>:</div>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<NumberSelect\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={paging.size}\r\n\t\t\t\t\t\t\t\t\t\t\toptions={sizes}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpaging.size = e || 10\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonPagingChanged({...paging});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tshowEmptyOption={false}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t</tfoot>\r\n\t\t\t\t}\r\n\t\t\t</Table>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default AdvancedTable;\r\n","import {ReactNode, useMemo} from \"react\";\r\nimport {SwitchProps} from \"./Switch\";\r\nimport {BsCheckCircle, BsCircle} from \"react-icons/bs\";\r\n\r\nexport type IconCheckProps = SwitchProps & {\r\n\ticonOn?: ReactNode;\r\n\ticonOff?: ReactNode;\r\n};\r\n\r\nexport function IconCheck({disabled, checked, iconOn, iconOff, size, onChange}: IconCheckProps) {\r\n\tconst renderedIcon = useMemo(\r\n\t\t() => checked ? (iconOn ? iconOn : <BsCheckCircle size={size}/>) : (iconOff ? iconOff : <BsCircle size={size} className=\"text-muted\"/>),\r\n\t\t[checked, iconOn, iconOff, size]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"d-flex align-items-center cursor-pointer\"\r\n\t\t\tonClick={(e) => {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tonChange(!checked)\r\n\t\t\t}\r\n\t\t\t}\r\n\t\t>\r\n\t\t\t{renderedIcon}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default IconCheck;\r\n","import {DateUtil, ObjectUtil} from \"zavadil-ts-common\";\r\n\r\nexport type DurationProps = {\r\n\tms?: number | null;\r\n};\r\n\r\nexport function Duration({ms}: DurationProps) {\r\n\tif (ObjectUtil.isEmpty(ms)) return <></>;\r\n\treturn <div className=\"text-nowrap\">{DateUtil.formatDuration(ms)}</div>;\r\n}\r\n","import {BsBug, BsExclamationDiamond, BsInfo, BsQuestion} from \"react-icons/bs\";\r\nimport {IconType} from \"react-icons\";\r\nimport {UserAlertType} from \"zavadil-ts-common\";\r\n\r\nexport type UserAlertTypeIconProps = {\r\n\ttype: UserAlertType;\r\n\tsize?: string | number;\r\n\tcustomVariant?: string;\r\n};\r\n\r\nconst ICONS = new Map<UserAlertType, IconType>(\r\n\t[\r\n\t\t[UserAlertType.error, BsBug],\r\n\t\t[UserAlertType.warning, BsExclamationDiamond],\r\n\t\t[UserAlertType.info, BsInfo]\r\n\t]\r\n);\r\n\r\nexport function UserAlertTypeIcon({type, size, customVariant}: UserAlertTypeIconProps) {\r\n\tconst iconFunc = ICONS.get(type) || BsQuestion;\r\n\treturn <div className={`d-flex align-items-center text-${customVariant === undefined ? type : customVariant}`}>{iconFunc({size: size})}</div>\r\n}\r\n\r\nexport default UserAlertTypeIcon;\r\n","import {DateUtil, UserAlert} from 'zavadil-ts-common';\r\nimport {ProgressBar, Stack} from \"react-bootstrap\";\r\nimport UserAlertTypeIcon from \"./UserAlertTypeIcon\";\r\n\r\nexport type UserAlertWidgetProps = {\r\n\tuserAlert: UserAlert;\r\n\tmaxDurationMs: number;\r\n};\r\n\r\nexport function UserAlertWidget({userAlert, maxDurationMs}: UserAlertWidgetProps) {\r\n\treturn (\r\n\t\t<Stack direction=\"horizontal\" gap={2} className=\"align-items-center\">\r\n\t\t\t{\r\n\t\t\t\tuserAlert.remainsMs && <div style={{width: 20}}>\r\n\t\t\t\t\t<ProgressBar min={0} max={maxDurationMs} now={userAlert.remainsMs} variant={userAlert.type}/>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t<div>{DateUtil.formatDateForHumans(userAlert.time)}</div>\r\n\t\t\t<UserAlertTypeIcon type={userAlert.type}/>\r\n\t\t\t<div>{userAlert.message}</div>\r\n\t\t</Stack>\r\n\t);\r\n}\r\n\r\nexport default UserAlertWidget;\r\n","import {Button, Modal, Stack} from \"react-bootstrap\";\r\nimport {BasicDialogProps} from \"./DialogProps\";\r\nimport {createContext} from \"react\";\r\nimport {Localize} from \"../localization\";\r\n\r\nexport class ConfirmDialogContextData {\r\n\tsetProps: (props?: ConfirmDialogProps) => any;\r\n\r\n\tconstructor(setProps: (props?: ConfirmDialogProps) => any) {\r\n\t\tthis.setProps = setProps;\r\n\t}\r\n\r\n\tconfirm(name: string, text: string, onConfirmed: () => any) {\r\n\t\tthis.setProps(\r\n\t\t\t{\r\n\t\t\t\tname: name,\r\n\t\t\t\ttext: text,\r\n\t\t\t\tonConfirm: () => {\r\n\t\t\t\t\tonConfirmed();\r\n\t\t\t\t\tthis.setProps(undefined);\r\n\t\t\t\t},\r\n\t\t\t\tonClose: () => this.setProps(undefined)\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport const ConfirmDialogContext = createContext<ConfirmDialogContextData>(new ConfirmDialogContextData(() => undefined));\r\n\r\nexport type ConfirmDialogProps = BasicDialogProps & {\r\n\tonConfirm: () => any;\r\n};\r\n\r\nexport function ConfirmDialog({name, text, onClose, onConfirm}: ConfirmDialogProps) {\r\n\treturn (\r\n\t\t<Modal show={true} backdrop={true} onHide={onClose}>\r\n\t\t\t<Modal.Header>{name || 'Confirm'}</Modal.Header>\r\n\t\t\t<Modal.Body>{text}</Modal.Body>\r\n\t\t\t<Modal.Footer>\r\n\t\t\t\t<Stack direction=\"horizontal\">\r\n\t\t\t\t\t<Button variant=\"link\" onClick={onClose}><Localize text=\"Back\"/></Button>\r\n\t\t\t\t\t<Button variant=\"primary\" onClick={onConfirm}><Localize text=\"Yes\"/></Button>\r\n\t\t\t\t</Stack>\r\n\t\t\t</Modal.Footer>\r\n\t\t</Modal>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {Badge} from \"react-bootstrap\";\r\n\r\nexport type QueueStateControlProps = {\r\n\tstate: string;\r\n}\r\n\r\nconst STATE_COLORS = new Map<string, string>([\r\n\t['Idle', 'secondary'],\r\n\t['Processing', 'success'],\r\n\t['Loading', 'warn'],\r\n]);\r\n\r\nexport function QueueStateControl({state}: QueueStateControlProps) {\r\n\tconst color = STATE_COLORS.get(state) || 'light';\r\n\treturn <Badge className={`bg-${color} text-bg-${color}`}>{state}</Badge>\r\n}\r\n","import {useCallback, useEffect, useState} from \"react\";\r\nimport {EntityBase, EntityClient, EntityClientWithStub} from \"zavadil-ts-common\";\r\nimport {AutocompleteEntitySelect} from \"./AutocompleteEntitySelect\";\r\n\r\nexport type AutocompleteIdSelectProps<T extends EntityBase, TStub extends EntityBase> = {\r\n\tid?: number | null;\r\n\tonChange: (id?: number | null) => any;\r\n\tentityClient: EntityClient<T> | EntityClientWithStub<T, TStub>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteEntityIdSelect<T extends EntityBase, TStub extends EntityBase>({\r\n\tid,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tentityClient\r\n}: AutocompleteIdSelectProps<T, TStub>) {\r\n\tconst [selected, setSelected] = useState<T | null>(null);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!id) {\r\n\t\t\t\tsetSelected(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (selected && selected.id === id) {\r\n\t\t\t\tsetSelected({...selected});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (entityClient instanceof EntityClientWithStub) {\r\n\t\t\t\tentityClient.loadSingleStub(id).then(setSelected);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tentityClient.loadSingle(id).then(setSelected);\r\n\t\t},\r\n\t\t[id]\r\n\t);\r\n\r\n\tconst selectionChanged = useCallback(\r\n\t\t(s: T | null) => {\r\n\t\t\tconst nId = s ? s.id : null;\r\n\t\t\tif (nId !== id) onChange(nId);\r\n\t\t\tsetSelected(s);\r\n\t\t},\r\n\t\t[id, onChange]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteEntitySelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tentityClient={entityClient}\r\n\t\t\tonChange={selectionChanged}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useCallback, useEffect, useState} from \"react\";\r\nimport {LookupClient, LookupTableEntity} from \"zavadil-ts-common\";\r\nimport {AutocompleteLookupSelect} from \"./AutocompleteLookupSelect\";\r\n\r\nexport type AutocompleteLookupIdSelectProps<T extends LookupTableEntity> = {\r\n\tid?: number | null;\r\n\tonChange: (id?: number | null) => any;\r\n\tlookupClient: LookupClient<T>;\r\n\tdisabled?: boolean;\r\n\tlabelGetter?: (item: T) => string;\r\n}\r\n\r\nexport function AutocompleteLookupIdSelect<T extends LookupTableEntity>({\r\n\tid,\r\n\tdisabled,\r\n\tlabelGetter,\r\n\tonChange,\r\n\tlookupClient\r\n}: AutocompleteLookupIdSelectProps<T>) {\r\n\tconst [selected, setSelected] = useState<T | null>(null);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!id) {\r\n\t\t\t\tsetSelected(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (selected && selected.id === id) {\r\n\t\t\t\tsetSelected({...selected});\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tlookupClient.loadSingle(id).then(setSelected);\r\n\t\t},\r\n\t\t[id]\r\n\t);\r\n\r\n\tconst selectionChanged = useCallback(\r\n\t\t(s: T | null) => {\r\n\t\t\tconst nId = s ? s.id : null;\r\n\t\t\tif (nId !== id) onChange(nId);\r\n\t\t\tsetSelected(s);\r\n\t\t},\r\n\t\t[id, selected]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<AutocompleteLookupSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tselected={selected}\r\n\t\t\tlabelGetter={labelGetter}\r\n\t\t\tlookupClient={lookupClient}\r\n\t\t\tonChange={selectionChanged}\r\n\t\t/>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {ProgressBar} from \"react-bootstrap\";\r\nimport {CacheStats} from 'zavadil-ts-common';\r\n\r\nexport type CacheStatsControlProps = {\r\n\tname: string;\r\n\tstats: CacheStats;\r\n}\r\n\r\nexport function CacheStatsControl({name, stats}: CacheStatsControlProps) {\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>{name}</pre>\r\n\t\t\t\t<pre>\r\n\t\t\t\t[\r\n\t\t\t\t\t{stats.cachedItems}\r\n\t\t\t\t\t{stats.capacity > 0 && ' / '}\r\n\t\t\t\t\t{stats.capacity > 0 && stats.capacity}\r\n\t\t\t\t\t]\r\n\t\t\t\t</pre>\r\n\t\t\t</div>\r\n\t\t\t{\r\n\t\t\t\tstats.capacity > 0 &&\r\n\t\t\t\t<div className=\"p-1\">\r\n\t\t\t\t\t<ProgressBar\r\n\t\t\t\t\t\tnow={stats.cachedItems}\r\n\t\t\t\t\t\tmin={0}\r\n\t\t\t\t\t\tmax={stats.capacity}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {DateUtil} from 'zavadil-ts-common';\r\nimport {Form} from \"react-bootstrap\";\r\n\r\nexport type DateInputProps = {\r\n\tvalue?: Date | null;\r\n\tonChange: (d: Date | undefined) => any;\r\n\tdisabled?: boolean;\r\n};\r\n\r\nexport function DateInput({value, onChange, disabled}: DateInputProps) {\r\n\treturn (\r\n\t\t<Form.Control\r\n\t\t\ttype=\"date\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={DateUtil.formatDateForInput(value)}\r\n\t\t\tonChange={(e) => {\r\n\t\t\t\tonChange(DateUtil.parseDate(e.target.value));\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default DateInput;\r\n","import {DateUtil} from 'zavadil-ts-common';\r\n\r\nexport type DateTimeProps = {\r\n\tvalue?: Date | null;\r\n};\r\n\r\nexport function DateTime({value}: DateTimeProps) {\r\n\treturn (\r\n\t\t<div className=\"text-nowrap\">{DateUtil.formatDateTimeForHumans(value)}</div>\r\n\t);\r\n}\r\n","import {DateUtil} from 'zavadil-ts-common';\r\nimport {Form} from \"react-bootstrap\";\r\n\r\nexport type DateTimeInputProps = {\r\n\tvalue?: Date | null;\r\n\tonChange: (d: Date | undefined) => any;\r\n\tdisabled?: boolean;\r\n};\r\n\r\nexport function DateTimeInput({value, onChange, disabled}: DateTimeInputProps) {\r\n\treturn (\r\n\t\t<Form.Control\r\n\t\t\ttype=\"datetime-local\"\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={DateUtil.formatDateTimeForInput(value)}\r\n\t\t\tonChange={(e) => {\r\n\t\t\t\tonChange(DateUtil.parseDate(e.target.value));\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default DateTimeInput;\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\nimport {ActiveButtonProps, LoadingButton} from \"./LoadingButton\";\r\nimport {BsTrash} from \"react-icons/bs\";\r\n\r\nexport type DeleteButtonProps = ActiveButtonProps & {\r\n\tisChanged?: boolean;\r\n};\r\n\r\nexport function DeleteButton({disabled, icon, loading, children, size, onClick, isChanged}: PropsWithChildren<DeleteButtonProps>) {\r\n\tconst icn = useMemo(\r\n\t\t() => icon ? icon : <BsTrash/>,\r\n\t\t[icon]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<LoadingButton\r\n\t\t\tdisabled={disabled || (isChanged === false)}\r\n\t\t\tonClick={onClick}\r\n\t\t\ticon={icn}\r\n\t\t\tloading={loading}\r\n\t\t\tsize={size}\r\n\t\t\tvariant=\"danger\"\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</LoadingButton>\r\n\t);\r\n}\r\n","import {ObjectUtil} from \"zavadil-ts-common\";\r\nimport {useMemo} from \"react\";\r\nimport {Duration} from \"./Duration\";\r\n\r\nexport type ElapsedProps = {\r\n\tdate?: Date | null;\r\n};\r\n\r\nexport function Elapsed({date}: ElapsedProps) {\r\n\tconst ms = useMemo(\r\n\t\t() => {\r\n\t\t\tif (ObjectUtil.isEmpty(date)) return null;\r\n\t\t\treturn Date.now() - date.getTime();\r\n\t\t},\r\n\t\t[date]\r\n\t);\r\n\treturn <Duration ms={ms}/>;\r\n}\r\n","import {EntityWithName} from \"zavadil-ts-common\";\r\nimport {EntityIdSelect} from \"./EntityIdSelect\";\r\n\r\nexport type EntityWithNameIdSelectProps<T extends EntityWithName> = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n}\r\n\r\nexport function EntityWithNameIdSelect<T extends EntityWithName>(\r\n\t{id, sort, disabled, onChange, options, showEmptyOption, emptyOptionLabel}: EntityWithNameIdSelectProps<T>\r\n) {\r\n\treturn (\r\n\t\t<EntityIdSelect\r\n\t\t\tid={id}\r\n\t\t\tlabelGetter={(e) => e.name}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tsort={sort}\r\n\t\t\toptions={options}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {EntityWithName} from \"zavadil-ts-common\";\r\nimport {EntitySelect} from \"./EntitySelect\";\r\n\r\nexport type EntityWithNameSelectProps<T extends EntityWithName> = {\r\n\tvalue?: T | null;\r\n\tonChange: (e: T | null | undefined) => any;\r\n\toptions?: Array<T> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n}\r\n\r\nexport function EntityWithNameSelect<T extends EntityWithName>(\r\n\t{value, sort, disabled, onChange, options, showEmptyOption, emptyOptionLabel}: EntityWithNameSelectProps<T>\r\n) {\r\n\treturn (\r\n\t\t<EntitySelect\r\n\t\t\tvalue={value}\r\n\t\t\tlabelGetter={(e) => e.name}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tsort={sort}\r\n\t\t\toptions={options}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {StringSelect} from \"./StringSelect\";\r\n\r\nexport type EnumSelectProps = {\r\n\tvalue?: string | null;\r\n\toptions: Array<string>;\r\n\tonChange: (id: string | null | undefined) => any;\r\n\tshowEmptyOption?: boolean;\r\n\temptyOptionLabel?: string;\r\n};\r\n\r\nexport function EnumSelect({value, options, onChange, showEmptyOption, emptyOptionLabel}: EnumSelectProps) {\r\n\tconst nOptions = useMemo(\r\n\t\t() => {\r\n\t\t\tif (!options) return [];\r\n\t\t\treturn options.map(\r\n\t\t\t\t(s) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tid: s,\r\n\t\t\t\t\t\tlabel: s\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<StringSelect\r\n\t\t\tvalue={value}\r\n\t\t\toptions={nOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import {Form, FormControlProps} from \"react-bootstrap\";\nimport {FormRow} from \"./FormRow\";\nimport {useMemo} from \"react\";\nimport {StringUtil} from \"zavadil-ts-common\";\n\nexport type FormRowControlProps = FormControlProps & {\n\tlabel: string;\n};\n\nexport function FormRowControl(props: FormRowControlProps) {\n\tconst actualId = useMemo(() => props.id || StringUtil.randomString(), [props]);\n\treturn (\n\t\t<FormRow label={props.label} id={actualId}>\n\t\t\t<Form.Control {...props} id={actualId}/>\n\t\t</FormRow>\n\t);\n}\n","import {Form} from \"react-bootstrap\";\r\nimport {ReactNode} from \"react\";\r\n\r\nexport type IconSwitchProps = {\r\n\tdisabled?: boolean;\r\n\tchecked: boolean;\r\n\tonChange: (checked: boolean) => any;\r\n\tsize?: number;\r\n\ticonOn: ReactNode;\r\n\ticonOff: ReactNode;\r\n};\r\n\r\nexport function IconSwitch({disabled, checked, iconOn, iconOff, size, onChange}: IconSwitchProps) {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName=\"d-flex align-items-center gap-2 cursor-pointer\"\r\n\t\t\tonClick={(e) => onChange(!checked)}\r\n\t\t>\r\n\t\t\t<Form.Switch\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tsize={size}\r\n\t\t\t\ttype=\"switch\"\r\n\t\t\t\tchecked={checked}\r\n\t\t\t\treadOnly={true}\r\n\t\t\t\tclassName=\"cursor-pointer\"\r\n\t\t\t/>\r\n\t\t\t{\r\n\t\t\t\tchecked ? iconOn : iconOff\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default IconSwitch;\r\n","import React from 'react';\r\nimport {Badge, ProgressBar} from \"react-bootstrap\";\r\nimport {ByteUtil, JavaHeapStats} from \"zavadil-ts-common\";\r\n\r\nexport type WorkerJavaHeapControlProps = {\r\n\tstats: JavaHeapStats;\r\n};\r\n\r\nexport function JavaHeapControl({stats}: WorkerJavaHeapControlProps) {\r\n\tconst size = stats.heapSize;\r\n\tconst max = stats.heapMaxSize;\r\n\tconst free = stats.heapFreeSize;\r\n\tconst used = size - free;\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>Java Heap</pre>\r\n\t\t\t\t<pre>[{ByteUtil.formatByteSize(size)} / {ByteUtil.formatByteSize(max)}]</pre>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>Used:</pre>\r\n\t\t\t\t<Badge className=\"bg-warning text-bg-warning\">\r\n\t\t\t\t\t{ByteUtil.formatByteSize(used)}\r\n\t\t\t\t</Badge>\r\n\t\t\t\t<pre>Free:</pre>\r\n\t\t\t\t<Badge className=\"bg-success text-white\">\r\n\t\t\t\t\t{ByteUtil.formatByteSize(free)}\r\n\t\t\t\t</Badge>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"p-1\">\r\n\t\t\t\t<ProgressBar min={0} max={max}>\r\n\t\t\t\t\t<ProgressBar variant=\"warning\" min={0} now={used} max={max}/>\r\n\t\t\t\t\t<ProgressBar variant=\"success\" min={0} now={free} max={max}/>\r\n\t\t\t\t</ProgressBar>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {useMemo} from \"react\";\r\nimport {NumberSelect} from \"./NumberSelect\";\r\nimport {LookupTableEntity} from \"zavadil-ts-common\";\r\nimport {GenericSelectOption} from \"./StringSelect\";\r\n\r\nexport type LookupSelectProps = {\r\n\tid?: number | null;\r\n\tonChange: (n: number | null | undefined) => any;\r\n\toptions?: Array<LookupTableEntity> | null;\r\n\tshowEmptyOption?: boolean;\r\n\tdisabled?: boolean;\r\n\temptyOptionLabel?: string;\r\n\tsort?: boolean;\r\n\tlabelGetter?: <T extends LookupTableEntity>(item: T) => string;\r\n}\r\n\r\nexport function LookupSelect({id, sort, disabled, labelGetter, onChange, options, showEmptyOption, emptyOptionLabel}: LookupSelectProps) {\r\n\tconst lOptions: GenericSelectOption<number>[] = useMemo(\r\n\t\t() => {\r\n\t\t\tlet result: Array<LookupTableEntity> = []\r\n\t\t\tif (options) {\r\n\t\t\t\tresult = sort ? options.sort((a, b) => a.name > b.name ? 1 : -1) : options;\r\n\t\t\t}\r\n\t\t\treturn result\r\n\t\t\t\t.map(\r\n\t\t\t\t\t(o) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tid: o.id,\r\n\t\t\t\t\t\t\tlabel: labelGetter ? labelGetter(o) : o.name\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t},\r\n\t\t[options]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<NumberSelect\r\n\t\t\tdisabled={disabled}\r\n\t\t\tvalue={id}\r\n\t\t\toptions={lOptions}\r\n\t\t\tonChange={onChange}\r\n\t\t\tshowEmptyOption={showEmptyOption}\r\n\t\t\temptyOptionLabel={emptyOptionLabel}\r\n\t\t/>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport {Placeholder, ProgressBar} from \"react-bootstrap\";\r\nimport {QueueStats} from 'zavadil-ts-common';\r\nimport {QueueStateControl} from \"./QueueStateControl\";\r\n\r\nexport type QueueStatsControlProps = {\r\n\tname: string;\r\n\tstats?: QueueStats | null;\r\n}\r\n\r\nexport function QueueStatsControl({name, stats}: QueueStatsControlProps) {\r\n\tconst max = stats ? stats.remaining + stats.processed : undefined\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div className=\"d-flex align-items-center gap-2\">\r\n\t\t\t\t<pre>{name}</pre>\r\n\t\t\t\t<pre>[{stats?.processed !== undefined ? stats.processed : '?'} / {max !== undefined ? max : '?'}]</pre>\r\n\t\t\t\t<QueueStateControl state={stats ? stats.state : 'Unknown'}/>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"p-1\">\r\n\t\t\t\t{\r\n\t\t\t\t\tstats ? <ProgressBar variant=\"primary\" striped={true} animated={true} min={0} now={stats.processed} max={max || 1}/>\r\n\t\t\t\t\t\t: <Placeholder className=\"w-100\" animation=\"glow\">\r\n\t\t\t\t\t\t\t<Placeholder className=\"w-100\"/>\r\n\t\t\t\t\t\t</Placeholder>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\nimport {ActiveButtonProps, LoadingButton} from \"./LoadingButton\";\r\nimport {FaFloppyDisk} from \"react-icons/fa6\";\r\n\r\nexport type SaveButtonProps = ActiveButtonProps & {\r\n\tisChanged?: boolean;\r\n};\r\n\r\nexport function SaveButton({disabled, icon, loading, children, size, onClick, isChanged}: PropsWithChildren<SaveButtonProps>) {\r\n\tconst icn = useMemo(\r\n\t\t() => icon ? icon : <FaFloppyDisk/>,\r\n\t\t[icon]\r\n\t);\r\n\r\n\tconst content = useMemo(\r\n\t\t() => isChanged ? <strong>{children}</strong> : children,\r\n\t\t[isChanged, children]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<LoadingButton\r\n\t\t\tdisabled={disabled || (isChanged === false)}\r\n\t\t\tonClick={onClick}\r\n\t\t\ticon={icn}\r\n\t\t\tloading={loading}\r\n\t\t\tsize={size}\r\n\t\t>\r\n\t\t\t{content}\r\n\t\t</LoadingButton>\r\n\t);\r\n}\r\n","import {PropsWithChildren, useMemo} from \"react\";\r\n\r\nexport type SpreadProps = {\r\n\tcenter?: boolean;\r\n};\r\n\r\nexport function Spread({children, center}: PropsWithChildren<SpreadProps>) {\r\n\tconst css = useMemo(\r\n\t\t() => center === false ? '' : 'd-flex align-items-center justify-content-center',\r\n\t\t[center]\r\n\t);\r\n\r\n\treturn <div\r\n\t\tclassName={`w-100 h-100 position-absolute ${css}`}\r\n\t\tstyle={{left: 0, right: 0, top: 0, bottom: 0}}\r\n\t>\r\n\t\t{children}\r\n\t</div>\r\n}\r\n\r\nexport default Spread;\r\n","import { Form } from \"react-bootstrap\";\nimport { useMemo, ReactNode } from \"react\";\nimport { StringUtil } from \"zavadil-ts-common\";\n\nexport type SwitchProps = {\n id?: string;\n disabled?: boolean;\n checked: boolean;\n onChange: (checked: boolean) => any;\n size?: number;\n label?: string | ReactNode;\n};\n\nexport function Switch({\n id,\n label,\n disabled,\n checked,\n size,\n onChange,\n}: SwitchProps) {\n const actualId = useMemo(() => (id ? id : StringUtil.randomString()), [id]);\n return (\n <Form.Switch\n disabled={disabled}\n id={actualId}\n size={size}\n type=\"switch\"\n checked={checked}\n onChange={(e) => onChange(!checked)}\n className=\"cursor-pointer\"\n label={label}\n />\n );\n}\n","import React, {useMemo} from 'react';\r\nimport {Table} from \"react-bootstrap\";\r\nimport {PlaceholderSize} from \"react-bootstrap/usePlaceholder\";\r\n\r\nconst DEFAULT_COLS = 1;\r\nconst DEFAULT_ROWS = 20;\r\nconst DEFAULT_SIZE: PlaceholderSize = \"lg\";\r\n\r\nexport type TablePlaceholderProps = {\r\n\tcols?: number;\r\n\trows?: number;\r\n\tsize?: PlaceholderSize;\r\n};\r\n\r\nexport function TablePlaceholder({cols, rows, size}: TablePlaceholderProps) {\r\n\tconst colsN: number = useMemo(() => cols === undefined ? DEFAULT_COLS : cols, [cols]);\r\n\tconst rowsN: number = useMemo(() => rows === undefined ? DEFAULT_ROWS : rows, [rows]);\r\n\tconst sizeS: PlaceholderSize = useMemo(() => size === undefined ? DEFAULT_SIZE : size, [size]);\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Table responsive>\r\n\t\t\t\t<tbody>\r\n\t\t\t\t{\r\n\t\t\t\t\tArray.from(\r\n\t\t\t\t\t\t{length: rowsN},\r\n\t\t\t\t\t\t(_, i) => <tr key={i}>\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tArray.from(\r\n\t\t\t\t\t\t\t\t\t{length: colsN},\r\n\t\t\t\t\t\t\t\t\t(_, i) => <td key={i}>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"w-100 p-1 m-1\"></div>\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t)\r\n\t\t\t\t}\r\n\t\t\t\t</tbody>\r\n\t\t\t</Table>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default TablePlaceholder;\r\n","import React, {useCallback, useEffect, useMemo, useState} from 'react';\r\nimport {ObjectUtil} from 'zavadil-ts-common';\r\nimport {AdvancedTable, AdvancedTableProps} from \"./AdvancedTable\";\r\nimport {RenderFunc, SelectableTableHeader, TableHeader} from \"./TableTypes\";\r\nimport {BsCheckAll} from \"react-icons/bs\";\r\nimport IconCheck from \"../forms/IconCheck\";\r\n\r\nexport type SelectableItem<T> = {\r\n\tselected: boolean;\r\n\titem: T;\r\n};\r\n\r\nexport type TableWithSelectProps<T> = Omit<AdvancedTableProps, 'header'> & {\r\n\tshowSelect?: boolean;\r\n\theader: SelectableTableHeader<T>;\r\n\titems?: Array<T>;\r\n\tonSelect?: (selected: Array<T>) => any;\r\n\tonClick?: (selected: T) => any;\r\n};\r\n\r\nfunction createRenderer<T>(name: string): RenderFunc<T> {\r\n\treturn (e: T) => ObjectUtil.getNestedValue(e, name);\r\n}\r\n\r\nexport function TableWithSelect<T>({\r\n\tshowSelect,\r\n\theader,\r\n\titems,\r\n\tonSelect,\r\n\tonClick,\r\n\ttotalItems,\r\n\tpaging,\r\n\tonPagingChanged\r\n}: TableWithSelectProps<T>) {\r\n\tconst [selectAll, setSelectAll] = useState<boolean>(false);\r\n\tconst [selectableItems, setSelectableItems] = useState<Array<SelectableItem<T>>>();\r\n\r\n\tconst updateSelectAll = useCallback(\r\n\t\t(sa: boolean) => {\r\n\t\t\tif (selectableItems) {\r\n\t\t\t\tsetSelectableItems(selectableItems.map(\r\n\t\t\t\t\t(i) => {\r\n\t\t\t\t\t\treturn {selected: sa, item: i.item};\r\n\t\t\t\t\t}\r\n\t\t\t\t));\r\n\t\t\t}\r\n\t\t\tsetSelectAll(sa);\r\n\t\t},\r\n\t\t[selectableItems]\r\n\t);\r\n\r\n\tconst selectableHeader = useMemo(\r\n\t\t() => {\r\n\t\t\tconst h: TableHeader = [...header];\r\n\t\t\tif (showSelect !== false) {\r\n\t\t\t\th.unshift(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: '',\r\n\t\t\t\t\t\tlabel: <div className=\"py-1\">\r\n\t\t\t\t\t\t\t<IconCheck\r\n\t\t\t\t\t\t\t\tchecked={selectAll}\r\n\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t() => updateSelectAll(!selectAll)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\ticonOn={<BsCheckAll/>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t\treturn h;\r\n\t\t},\r\n\t\t[header, selectAll, updateSelectAll]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetSelectableItems(items ? items.map(\r\n\t\t\t\t(i) => {\r\n\t\t\t\t\treturn {selected: selectAll, item: i};\r\n\t\t\t\t}\r\n\t\t\t) : undefined);\r\n\t\t},\r\n\t\t[items]\r\n\t);\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tif (!selectableItems) return;\r\n\t\t\tif (!onSelect) return;\r\n\t\t\tonSelect(selectableItems.filter((i) => i.selected).map((i) => i.item));\r\n\t\t},\r\n\t\t[selectableItems, onSelect]\r\n\t);\r\n\r\n\treturn <AdvancedTable\r\n\t\theader={selectableHeader}\r\n\t\thover={onClick !== undefined}\r\n\t\tpaging={paging}\r\n\t\tstriped={true}\r\n\t\ttotalItems={totalItems}\r\n\t\tonPagingChanged={onPagingChanged}\r\n\t>\r\n\t\t{\r\n\t\t\tselectableItems && selectableItems.map(\r\n\t\t\t\t(item, index) => <tr\r\n\t\t\t\t\tkey={index}\r\n\t\t\t\t\tclassName={`selectable ${onClick ? 'cursor-pointer' : ''} ${item.selected ? 'table-active table-primary' : ''}`}\r\n\t\t\t\t\tonClick={\r\n\t\t\t\t\t\t(e) => {\r\n\t\t\t\t\t\t\tif (onClick) onClick(item.item);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t(showSelect !== false) && <td>\r\n\t\t\t\t\t\t\t<div className=\"py-2 d-flex align-items-center\">\r\n\t\t\t\t\t\t\t\t<IconCheck\r\n\t\t\t\t\t\t\t\t\tchecked={item.selected}\r\n\t\t\t\t\t\t\t\t\tonChange={\r\n\t\t\t\t\t\t\t\t\t\t() => {\r\n\t\t\t\t\t\t\t\t\t\t\titem.selected = !item.selected;\r\n\t\t\t\t\t\t\t\t\t\t\tif (selectAll && !item.selected) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectAll(false);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tsetSelectableItems([...selectableItems]);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\theader.map(\r\n\t\t\t\t\t\t\t(h, index) => {\r\n\t\t\t\t\t\t\t\tconst renderer = h.renderer || createRenderer(h.name);\r\n\t\t\t\t\t\t\t\treturn <td key={index}>{renderer(item.item)}</td>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t</tr>\r\n\t\t\t)\r\n\t\t}\r\n\t</AdvancedTable>\r\n}\r\n\r\nexport default TableWithSelect;\r\n","import {UserAlert, UserAlerts, UserAlertType} from 'zavadil-ts-common';\r\nimport {useCallback, useEffect, useState} from \"react\";\r\nimport UserAlertWidget from \"./UserAlertWidget\";\r\nimport UserAlertTypeIcon from \"./UserAlertTypeIcon\";\r\nimport {Stack} from \"react-bootstrap\";\r\nimport {IconButton} from \"../forms\";\r\nimport {BsEye, BsTrash} from \"react-icons/bs\";\r\nimport {VscEyeClosed} from \"react-icons/vsc\";\r\n\r\nexport type UserAlertsWidgetProps = {\r\n\tuserAlerts: UserAlerts;\r\n};\r\n\r\nexport function UserAlertsWidget({userAlerts}: UserAlertsWidgetProps) {\r\n\tconst [showAll, setShowAll] = useState<boolean>(false);\r\n\tconst [totalAlerts, setTotalAlerts] = useState<number>(userAlerts.alerts.length);\r\n\tconst [renderedAlerts, setRenderedAlerts] = useState<UserAlert[]>([...userAlerts.visibleAlerts]);\r\n\tconst [summary, setSummary] = useState<Map<UserAlertType, number>>(userAlerts.getSummary());\r\n\r\n\tconst onChangeHandler = useCallback(\r\n\t\t() => {\r\n\t\t\tsetTotalAlerts(userAlerts.alerts.length);\r\n\t\t\tsetRenderedAlerts(showAll ? [...userAlerts.alerts] : [...userAlerts.visibleAlerts]);\r\n\t\t\tsetSummary(userAlerts.getSummary());\r\n\t\t},\r\n\t\t[userAlerts, showAll]\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\t\tuserAlerts.addOnChangeHandler(onChangeHandler);\r\n\t\t\tconst handle = setInterval(\r\n\t\t\t\t() => userAlerts.updateVisibility(),\r\n\t\t\t\t100\r\n\t\t\t);\r\n\t\t\treturn () => {\r\n\t\t\t\tclearInterval(handle);\r\n\t\t\t\tuserAlerts.removeOnChangeHandler(onChangeHandler);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[userAlerts, onChangeHandler]\r\n\t);\r\n\r\n\tif (totalAlerts <= 0) return <></>;\r\n\r\n\treturn (\r\n\t\t<div className=\"user-alerts border rounded bg-body text-body position-fixed text-end\" style={{bottom: 15, right: 15, zIndex: 2147483647}}>\r\n\t\t\t{\r\n\t\t\t\trenderedAlerts.length > 0 &&\r\n\t\t\t\t<div className=\"max-w-50 p-2 border-bottom\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\trenderedAlerts.map((a, index) => <UserAlertWidget key={index} userAlert={a} maxDurationMs={userAlerts.maxVisibilityMs}/>)\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t\t<div className=\"p-2\">\r\n\t\t\t\t<Stack direction=\"horizontal\" gap={2} className=\"justify-content-end align-items-center\">\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tshowAll ? <IconButton size=\"sm\" variant=\"primary\" onClick={() => setShowAll(false)} icon={<VscEyeClosed/>}>Hide</IconButton>\r\n\t\t\t\t\t\t\t: <IconButton size=\"sm\" variant=\"primary\" onClick={() => setShowAll(true)} icon={<BsEye/>}>Show All</IconButton>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tArray.from(summary.entries()).map(\r\n\t\t\t\t\t\t\t(entry, index) => (\r\n\t\t\t\t\t\t\t\t<Stack key={index} direction=\"horizontal\" gap={1} className=\"px-1 border rounded align-items-center\">\r\n\t\t\t\t\t\t\t\t\t<UserAlertTypeIcon type={entry[0]} customVariant={entry[1] === 0 ? 'muted' : undefined}/>\r\n\t\t\t\t\t\t\t\t\t<div className={entry[1] > 0 ? `text-${entry[0]} fw-bold` : 'text-muted'}>\r\n\t\t\t\t\t\t\t\t\t\t{entry[1]}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</Stack>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<IconButton size=\"sm\" variant=\"danger\" onClick={() => userAlerts.reset()} icon={<BsTrash/>}>Reset</IconButton>\r\n\t\t\t\t</Stack>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default UserAlertsWidget;\r\n"],"names":["LocalizationContext","createContext","BasicLocalization","Localize","text","tag","localization","useContext","p","useMemo","undefined","tags","t","translate","_jsx","jsx","_Fragment","Fragment","children","FormRow","id","label","_jsxs","Form","Group","Label","TextInputWithReset","value","onChange","onReset","onBlur","disabled","className","actual","StringUtil","getNonEmpty","isEmpty","isBlank","reset","useCallback","jsxs","InputGroup","Control","type","e","target","Button","onClick","BsXCircle","IconButton","variant","icon","size","LoadingButton","loading","Spinner","StringSelect","options","showEmptyOption","emptyOptionLabel","useEffect","length","Select","map","o","i","NumberSelect","nValue","String","nOptions","nChange","s","NumberUtil","parseNumber","AutocompleteSelect","selected","labelGetter","onSearch","searchPromise","setSearchPromise","useState","searchText","setSearchText","itemSelection","setItemSelection","blurTimeout","useRef","finalLabelGetter","item","name","finalCss","userLeftControl","console","log","startBlur","current","window","setTimeout","cancelBlur","clearTimeout","cancel","userChangedText","cancellable","CancellablePromise","promise","then","userSelectedItem","onFocus","Dropdown","defaultShow","show","Menu","Item","active","AutocompleteEntitySelect","entityClient","search","loadPage","safeLowercase","page","sorting","content","AutocompleteLookupSelect","lookupClient","EntityIdSelect","sort","lOptions","result","a","b","EntitySelect","find","TablePagination","paging","totalItems","onPagingChanged","totalPages","Math","ceil","pageChanged","ObjectUtil","clone","paginationItems","push","Pagination","First","Prev","maxPagesSide","round","start","end","Ellipsis","number","Next","Last","DEFAULT_SIZES","AdvancedTable","hover","showPagingOnBottom","showPageSizeSelection","striped","bordered","header","sizes","si","ss","Table","responsive","colSpan","h","index","sortBy","field","role","fieldName","f","isSoleField","ctrlKey","desc","sortingChanged","BsFillCaretDownFill","BsFillCaretUpFill","IconCheck","checked","iconOn","iconOff","renderedIcon","BsCheckCircle","BsCircle","stopPropagation","preventDefault","Duration","ms","DateUtil","formatDuration","ICONS","Map","UserAlertType","error","BsBug","warning","BsExclamationDiamond","info","BsInfo","UserAlertTypeIcon","customVariant","iconFunc","get","BsQuestion","UserAlertWidget","userAlert","maxDurationMs","Stack","direction","gap","remainsMs","style","width","ProgressBar","min","max","now","formatDateForHumans","time","message","ConfirmDialogContextData","constructor","setProps","this","confirm","onConfirmed","onConfirm","onClose","ConfirmDialogContext","STATE_COLORS","QueueStateControl","state","color","Badge","setSelected","EntityClientWithStub","loadSingleStub","loadSingle","selectionChanged","nId","stats","cachedItems","capacity","Modal","backdrop","onHide","Header","Body","Footer","formatDateForInput","parseDate","formatDateTimeForHumans","formatDateTimeForInput","isChanged","icn","BsTrash","date","Date","getTime","props","actualId","randomString","Switch","readOnly","heapSize","heapMaxSize","free","heapFreeSize","used","ByteUtil","formatByteSize","remaining","processed","animated","Placeholder","animation","FaFloppyDisk","center","css","left","right","top","bottom","cols","rows","colsN","rowsN","Array","from","_","showSelect","items","onSelect","selectAll","setSelectAll","selectableItems","setSelectableItems","updateSelectAll","sa","selectableHeader","unshift","BsCheckAll","filter","renderer","getNestedValue","userAlerts","showAll","setShowAll","totalAlerts","setTotalAlerts","alerts","renderedAlerts","setRenderedAlerts","visibleAlerts","summary","setSummary","getSummary","onChangeHandler","addOnChangeHandler","handle","setInterval","updateVisibility","clearInterval","removeOnChangeHandler","zIndex","maxVisibilityMs","VscEyeClosed","BsEye","entries","entry"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {PropsWithChildren
|
|
1
|
+
import {PropsWithChildren} from "react";
|
|
2
2
|
import {Form} from "react-bootstrap";
|
|
3
3
|
import {Localize} from "../localization";
|
|
4
|
-
import {StringUtil} from "zavadil-ts-common";
|
|
5
4
|
|
|
6
5
|
export type FormRowProps = PropsWithChildren & {
|
|
7
6
|
label: string;
|
|
@@ -9,10 +8,9 @@ export type FormRowProps = PropsWithChildren & {
|
|
|
9
8
|
};
|
|
10
9
|
|
|
11
10
|
export function FormRow({id, label, children}: FormRowProps) {
|
|
12
|
-
const actualId = useMemo(() => id || StringUtil.randomString(), [id]);
|
|
13
11
|
return (
|
|
14
12
|
<Form.Group>
|
|
15
|
-
<Form.Label id={
|
|
13
|
+
<Form.Label id={id}>
|
|
16
14
|
<Localize text={label}/>
|
|
17
15
|
</Form.Label>
|
|
18
16
|
<div>{children}</div>
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import {Form, FormControlProps} from "react-bootstrap";
|
|
2
2
|
import {FormRow} from "./FormRow";
|
|
3
|
+
import {useMemo} from "react";
|
|
4
|
+
import {StringUtil} from "zavadil-ts-common";
|
|
3
5
|
|
|
4
6
|
export type FormRowControlProps = FormControlProps & {
|
|
5
7
|
label: string;
|
|
6
|
-
id?: string;
|
|
7
8
|
};
|
|
8
9
|
|
|
9
10
|
export function FormRowControl(props: FormRowControlProps) {
|
|
11
|
+
const actualId = useMemo(() => props.id || StringUtil.randomString(), [props]);
|
|
10
12
|
return (
|
|
11
|
-
<FormRow label={props.label} id={
|
|
12
|
-
<Form.Control {...props}/>
|
|
13
|
+
<FormRow label={props.label} id={actualId}>
|
|
14
|
+
<Form.Control {...props} id={actualId}/>
|
|
13
15
|
</FormRow>
|
|
14
16
|
);
|
|
15
17
|
}
|