airdcpp-webui 2.13.0-beta.5 → 2.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.html +1 -1
- package/dist/js/{223.647d861e965b0e81ad42.chunk.js → 223.339879525b9d883969f0.chunk.js} +2 -2
- package/dist/js/223.339879525b9d883969f0.chunk.js.gz +0 -0
- package/dist/js/{223.647d861e965b0e81ad42.chunk.js.map → 223.339879525b9d883969f0.chunk.js.map} +1 -1
- package/dist/js/{home.bcc896c9d57390a3ddc6.chunk.js → home.8c48468bfa50df12e408.chunk.js} +3 -3
- package/dist/js/home.8c48468bfa50df12e408.chunk.js.gz +0 -0
- package/dist/js/{home.bcc896c9d57390a3ddc6.chunk.js.map → home.8c48468bfa50df12e408.chunk.js.map} +1 -1
- package/dist/js/locales/ca-webui-main-json.94f153eb573bb1577f8c.chunk.js +1 -0
- package/dist/js/locales/ca-webui-main-json.94f153eb573bb1577f8c.chunk.js.gz +0 -0
- package/dist/js/locales/{da-webui-main-json.eb0a4bae769f6aee4bd0.chunk.js → da-webui-main-json.ca9f289c8aa5901d18b9.chunk.js} +1 -1
- package/dist/js/locales/da-webui-main-json.ca9f289c8aa5901d18b9.chunk.js.gz +0 -0
- package/dist/js/locales/{de-webui-main-json.965cdd5f4f4bd9c95862.chunk.js → de-webui-main-json.9047a1d7d315099ddbe7.chunk.js} +1 -1
- package/dist/js/locales/de-webui-main-json.9047a1d7d315099ddbe7.chunk.js.gz +0 -0
- package/dist/js/locales/{es-webui-main-json.85d6d3a21a00b15fdb32.chunk.js → es-webui-main-json.8e576eafb5b6a27515e5.chunk.js} +1 -1
- package/dist/js/locales/es-webui-main-json.8e576eafb5b6a27515e5.chunk.js.gz +0 -0
- package/dist/js/locales/{eu-webui-main-json.d719c37626cb960d887e.chunk.js → eu-webui-main-json.88a05148312a0ab87d0f.chunk.js} +1 -1
- package/dist/js/locales/eu-webui-main-json.88a05148312a0ab87d0f.chunk.js.gz +0 -0
- package/dist/js/locales/fi-webui-main-json.5c36b83260e9acf8bb32.chunk.js +1 -0
- package/dist/js/locales/fi-webui-main-json.5c36b83260e9acf8bb32.chunk.js.gz +0 -0
- package/dist/js/locales/{fr-webui-main-json.b531890c464acae600af.chunk.js → fr-webui-main-json.e4097896401446b1dac4.chunk.js} +1 -1
- package/dist/js/locales/fr-webui-main-json.e4097896401446b1dac4.chunk.js.gz +0 -0
- package/dist/js/locales/{nl-webui-main-json.d7334522200cb4ccc89b.chunk.js → nl-webui-main-json.1d51a3408c4ea0934248.chunk.js} +1 -1
- package/dist/js/locales/nl-webui-main-json.1d51a3408c4ea0934248.chunk.js.gz +0 -0
- package/dist/js/locales/{pt-br-webui-main-json.83c68effad4bf9e5fc04.chunk.js → pt-br-webui-main-json.e26c89370b12b7c6bdbd.chunk.js} +1 -1
- package/dist/js/locales/pt-br-webui-main-json.e26c89370b12b7c6bdbd.chunk.js.gz +0 -0
- package/dist/js/locales/{pt-webui-main-json.9eb3071dba3b77f39a0a.chunk.js → pt-webui-main-json.6f1e5d0e3bb48f6e5ffb.chunk.js} +1 -1
- package/dist/js/locales/pt-webui-main-json.6f1e5d0e3bb48f6e5ffb.chunk.js.gz +0 -0
- package/dist/js/locales/{ro-webui-main-json.07d8014418182764e63f.chunk.js → ro-webui-main-json.c6004505ec260e3b9c21.chunk.js} +1 -1
- package/dist/js/locales/ro-webui-main-json.c6004505ec260e3b9c21.chunk.js.gz +0 -0
- package/dist/js/locales/{sv-webui-main-json.6add822af89dd0d3372a.chunk.js → sv-webui-main-json.700da599befa12ac9ad7.chunk.js} +1 -1
- package/dist/js/locales/sv-webui-main-json.700da599befa12ac9ad7.chunk.js.gz +0 -0
- package/dist/js/locales/{zh_CN-GB2312-webui-main-json.d9b0ca8894e9a7bcca3f.chunk.js → zh_CN-GB2312-webui-main-json.7625bbbce93643955b37.chunk.js} +1 -1
- package/dist/js/locales/zh_CN-GB2312-webui-main-json.7625bbbce93643955b37.chunk.js.gz +0 -0
- package/dist/js/{main.bc445e14268edf21f921.entry.js → main.e34835995525da795bea.entry.js} +3 -3
- package/dist/js/main.e34835995525da795bea.entry.js.gz +0 -0
- package/dist/js/{main.bc445e14268edf21f921.entry.js.map → main.e34835995525da795bea.entry.js.map} +1 -1
- package/dist/js/settings.b522d33bc5d4fcbbb3b1.chunk.js +2 -0
- package/dist/js/settings.b522d33bc5d4fcbbb3b1.chunk.js.gz +0 -0
- package/dist/js/settings.b522d33bc5d4fcbbb3b1.chunk.js.map +1 -0
- package/dist/js/share.1228a22e1be6550d60ca.chunk.js +2 -0
- package/dist/js/share.1228a22e1be6550d60ca.chunk.js.gz +0 -0
- package/dist/js/share.1228a22e1be6550d60ca.chunk.js.map +1 -0
- package/dist/sw.js +1 -1
- package/dist/sw.js.gz +0 -0
- package/package.json +1 -1
- package/dist/js/223.647d861e965b0e81ad42.chunk.js.gz +0 -0
- package/dist/js/home.bcc896c9d57390a3ddc6.chunk.js.gz +0 -0
- package/dist/js/locales/ca-webui-main-json.ec6ee5857766b8c555c3.chunk.js +0 -1
- package/dist/js/locales/ca-webui-main-json.ec6ee5857766b8c555c3.chunk.js.gz +0 -0
- package/dist/js/locales/da-webui-main-json.eb0a4bae769f6aee4bd0.chunk.js.gz +0 -0
- package/dist/js/locales/de-webui-main-json.965cdd5f4f4bd9c95862.chunk.js.gz +0 -0
- package/dist/js/locales/es-webui-main-json.85d6d3a21a00b15fdb32.chunk.js.gz +0 -0
- package/dist/js/locales/eu-webui-main-json.d719c37626cb960d887e.chunk.js.gz +0 -0
- package/dist/js/locales/fi-webui-main-json.cfafe8b333f680908c7c.chunk.js +0 -1
- package/dist/js/locales/fi-webui-main-json.cfafe8b333f680908c7c.chunk.js.gz +0 -0
- package/dist/js/locales/fr-webui-main-json.b531890c464acae600af.chunk.js.gz +0 -0
- package/dist/js/locales/nl-webui-main-json.d7334522200cb4ccc89b.chunk.js.gz +0 -0
- package/dist/js/locales/pt-br-webui-main-json.83c68effad4bf9e5fc04.chunk.js.gz +0 -0
- package/dist/js/locales/pt-webui-main-json.9eb3071dba3b77f39a0a.chunk.js.gz +0 -0
- package/dist/js/locales/ro-webui-main-json.07d8014418182764e63f.chunk.js.gz +0 -0
- package/dist/js/locales/sv-webui-main-json.6add822af89dd0d3372a.chunk.js.gz +0 -0
- package/dist/js/locales/zh_CN-GB2312-webui-main-json.d9b0ca8894e9a7bcca3f.chunk.js.gz +0 -0
- package/dist/js/main.bc445e14268edf21f921.entry.js.gz +0 -0
- package/dist/js/settings.0aedd3a834c09dc31003.chunk.js +0 -2
- package/dist/js/settings.0aedd3a834c09dc31003.chunk.js.gz +0 -0
- package/dist/js/settings.0aedd3a834c09dc31003.chunk.js.map +0 -1
- package/dist/js/share.826053e1b1dd08431ed0.chunk.js +0 -2
- package/dist/js/share.826053e1b1dd08431ed0.chunk.js.gz +0 -0
- package/dist/js/share.826053e1b1dd08431ed0.chunk.js.map +0 -1
- /package/dist/js/{home.bcc896c9d57390a3ddc6.chunk.js.LICENSE.txt → home.8c48468bfa50df12e408.chunk.js.LICENSE.txt} +0 -0
- /package/dist/js/{main.bc445e14268edf21f921.entry.js.LICENSE.txt → main.e34835995525da795bea.entry.js.LICENSE.txt} +0 -0
package/dist/index.html
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
{
|
|
17
17
|
// We must inject the main chunk dynamically as well because the final path is not known on compile time
|
|
18
18
|
var script = document.createElement('script');
|
|
19
|
-
script.src = getBasePath() + "js/main.
|
|
19
|
+
script.src = getBasePath() + "js/main.e34835995525da795bea.entry.js";
|
|
20
20
|
document.body.appendChild(script);
|
|
21
21
|
}
|
|
22
22
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[223],{56796:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(71354),r=n.n(i),o=n(76314),a=n.n(o)()(r());a.push([e.id,"/* Generic table styles */\n.virtual-table {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n width: 100%;\n flex: 1 1 auto;\n\n /* The table won't shrink properly without this */\n height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n outline: inherit;\n}\n\n.virtual-table .public_fixedDataTable_header a,\n.public_fixedDataTableCell_main a {\n color: black;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n max-height: 50px;\n padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n width: 100%;\n padding: 5px;\n background-color: #f6f7f8;\n background-image: -webkit-linear-gradient(#fff, #efefef);\n background-image: linear-gradient(#fff, #efefef);\n display: flex;\n align-items: center;\n}\n\n.table-footer > .filter {\n margin-left: auto;\n display: flex;\n}\n\n.table-footer > .filter > .count-info {\n margin-right: 0px;\n opacity: 0.6;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n margin-right: 0px;\n}\n\n.table-footer > .filter input {\n width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n max-width: 100%;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger {\n line-height: 21px;\n display: flex;\n align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n padding: 5px 15px;\n overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n margin: 0px 0px;\n}\n","",{version:3,sources:["webpack://./src/components/table/style.css"],names:[],mappings:"AAAA,yBAAyB;AACzB;EACE,YAAY;EACZ,WAAW;EACX,aAAa;EACb,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,cAAc;;EAEd,iDAAiD;EACjD,yBAAyB;AAC3B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,YAAY;AACd;;AAEA,+BAA+B;;AAE/B;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,gBAAgB;EAChB,YAAY;AACd;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA,WAAW;;AAEX;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,wDAAwD;EACxD,gDAAgD;EAChD,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,6BAA6B;AAC/B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;AAEA,oBAAoB;AACpB;EACE,eAAe;AACjB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,uBAAuB;AACzB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;;EAEE,0BAA0B;AAC5B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA,iCAAiC;AACjC;EACE,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB",sourcesContent:["/* Generic table styles */\n.virtual-table {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n width: 100%;\n flex: 1 1 auto;\n\n /* The table won't shrink properly without this */\n height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n outline: inherit;\n}\n\n.virtual-table .public_fixedDataTable_header a,\n.public_fixedDataTableCell_main a {\n color: black;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n max-height: 50px;\n padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n width: 100%;\n padding: 5px;\n background-color: #f6f7f8;\n background-image: -webkit-linear-gradient(#fff, #efefef);\n background-image: linear-gradient(#fff, #efefef);\n display: flex;\n align-items: center;\n}\n\n.table-footer > .filter {\n margin-left: auto;\n display: flex;\n}\n\n.table-footer > .filter > .count-info {\n margin-right: 0px;\n opacity: 0.6;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n margin-right: 0px;\n}\n\n.table-footer > .filter input {\n width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n max-width: 100%;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger {\n line-height: 21px;\n display: flex;\n align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n padding: 5px 15px;\n overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n margin: 0px 0px;\n}\n"],sourceRoot:""}]);const s=a},15992:(e,t,n)=>{n.d(t,{A:()=>d});var i=n(22005),r=n.n(i),o=n(32811),a=n(41860);const s=r().createActions([{setRange:{asyncResult:!0}},{setSort:{asyncResult:!0}},{close:{asyncResult:!0}},{pause:{asyncResult:!0}},{init:{asyncResult:!0}},"clear"]),l=(e,t,n)=>o.A.post(t+"/settings",e).then((e=>n.completed(t,e))).catch((e=>n.failed(t,e)));s.close.listen((function(e,t){if(t&&a.A.socketAuthenticated){const t=this;return o.A.delete(e).then((n=>t.completed(e,n))).catch((t=>this.failed(e,t)))}return Promise.resolve()})),s.setSort.listen((function(e,t,n){l({sort_property:t,sort_ascending:n},e,this)})),s.setRange.listen((function(e,t,n){console.assert(n>0,"Invalid max rows"),l({range_start:t,max_count:n},e,this)})),s.pause.listen((function(e,t){l({paused:t},e,this)})),s.init.listen((function(e,t,n){n&&l({source_filter:n},e,this)}));const d=s},54895:(e,t,n)=>{n.d(t,{A:()=>a});var i=n(74848),r=(n(96540),n(73624),n(46942)),o=n.n(r);const a=({item:e})=>(0,i.jsxs)("div",{className:"ip flag",children:[(0,i.jsx)("i",{className:o()("ui flag",e.country.toLowerCase())}),e.str]})},44247:(e,t,n)=>{n.d(t,{A3:()=>g,AJ:()=>j,BH:()=>B,In:()=>E,Jo:()=>C,Jy:()=>y,K:()=>m,V9:()=>f,WQ:()=>x,kF:()=>v,mz:()=>u,qG:()=>D,tC:()=>w,us:()=>b});var i=n(74848),r=(n(96540),n(71352)),o=n(98573),a=n(39798),s=n(54895),l=n(73616),d=n(36076),c=n(68465),p=n(49631),h=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n};const A=e=>"object"==typeof e?Array.isArray(e)?e.length:e.str:0===e?null:e,u=({cellData:e})=>(0,i.jsx)("span",{className:"plain text cell",children:A(e)}),g=e=>{var{onClick:t,label:n,columnKey:r}=e,o=h(e,["onClick","label","columnKey"]);return(0,i.jsx)(c.fh,Object.assign({},o,{children:(0,i.jsx)("a",{onClick:t,children:n})}))},w=e=>{var{cellData:t,rowDataGetter:n,children:o}=e,s=h(e,["cellData","rowDataGetter","children"]);return(0,i.jsx)(r.yj,Object.assign({caption:(0,i.jsx)(a.A,{typeInfo:n().type,caption:t,className:"icon-caption"}),itemData:n},s))},m=e=>{var{cellData:t,rowDataGetter:n}=e,o=h(e,["cellData","rowDataGetter"]);return(0,i.jsx)(r.yj,Object.assign({caption:t,itemData:n},o))},f=e=>{var{cellData:t,rowDataGetter:n,action:r,moduleData:o,entity:a}=e,s=h(e,["cellData","rowDataGetter","action","moduleData","entity"]);return(0,d.il)(r,n())?(0,i.jsx)(p.M,{children:({onClickAction:e})=>(0,i.jsx)("a",{className:"plain link cell",onClick:()=>e({action:r,moduleData:o,itemData:n(),entity:a}),children:A(t)})}):(0,i.jsx)(u,Object.assign({cellData:t},s))},b=({cellData:e,t})=>(0,i.jsx)("span",{className:"plain size cell",children:(0,o.Xq)(e,t)}),v=({cellData:e,t})=>(0,i.jsx)("span",{className:"plain speed cell",children:(0,o.DB)(e,t)}),C=({cellData:e})=>(0,i.jsx)("span",{className:"plain duration cell",children:(0,o.fw)(e)}),x=({cellData:e})=>(0,i.jsx)("span",{className:"plain abbr-duration cell",children:(0,o.D9)(e)}),E=({cellData:e})=>(0,i.jsx)(s.A,{item:e}),y=({cellData:e,t})=>(0,i.jsx)("span",{className:"plain connection cell",children:(0,o._T)(e,t)}),D=({cellData:e})=>(0,i.jsx)("span",{className:"plain decimal cell",children:(0,o.zJ)(e)}),B=e=>{var{cellData:t,rowDataGetter:n,clickHandlerGetter:o,userGetter:s,downloadHandler:l}=e,d=h(e,["cellData","rowDataGetter","clickHandlerGetter","userGetter","downloadHandler"]);return(0,i.jsx)(r.Gw,Object.assign({caption:(0,i.jsx)(a.A,{typeInfo:n().type,onClick:o?o(t,n):null,caption:t,className:"icon-caption"}),user:s(n()),linkCaption:!o,itemInfoGetter:n,downloadHandler:l},d))},j=e=>{var{cellData:t,rowDataGetter:n,onChange:r}=e,o=h(e,["cellData","rowDataGetter","onChange"]);return(0,i.jsx)(l.A,Object.assign({checked:t,onChange:e=>r(e,n())},o))}},22373:(e,t,n)=>{n.d(t,{A:()=>ne});var i=n(74848),r=n(5556),o=n.n(r),a=n(96540),s=n(15992),l=n(31104),d=n(19247),c=n(27725),p=n(36995),h=n(86038),A=n(8098),u=n(42695),g=n(32389);const w=(e,t)=>{const n=(e=>{switch(e){case h.Od.REGEX:return"Regex";case h.Od.WILDCARD:return"Wildcard";case h.Od.EXACT:return"Exact";default:return"Partial"}})(e);return(0,u.Tl)(n,t,"table.filter")},m=(e,t)=>{let n=t("table.filter.filter","Filter");return e!==h.Od.PARTIAL&&(n+=` (${w(e,t).toLowerCase()})`),n+"..."};class f extends a.PureComponent{constructor(){super(...arguments),this.state={value:"",method:h.Od.PARTIAL},this.onFilterUpdated=()=>{const{value:e,method:t}=this.state;this.props.onFilterUpdated(e,t)},this.onTextChanged=e=>{this.setState({value:e.target.value}),clearTimeout(this.timer),this.timer=window.setTimeout((()=>{this.onFilterUpdated()}),200)},this.onMethodChanged=e=>{this.setState({method:e}),setTimeout((()=>this.onFilterUpdated())),this.input.focus()},this.getFilterMethod=(e,t)=>{const n=e===this.state.method;return(0,i.jsx)(c.A,{onClick:()=>this.onMethodChanged(e),active:n,children:w(e,t)},e)}}componentWillUnmount(){clearTimeout(this.timer)}render(){const{value:e,method:t}=this.state,{autoFocus:n}=this.props;return(0,i.jsx)(g.wD,{children:r=>(0,i.jsx)("div",{className:"text-filter",children:(0,i.jsxs)("div",{className:"ui action input",children:[(0,i.jsx)("input",{ref:e=>this.input=e,placeholder:m(t,r),onChange:this.onTextChanged,value:e,type:"text",autoFocus:!(0,A.mY)()&&n}),(0,i.jsx)(l.A,{className:"filter-method right top pointing",button:!0,direction:"upward",children:(0,i.jsx)(d.A,{caption:(0,u.Tl)("Match type",r,"table.filter"),children:Object.keys(h.Od).filter((e=>isNaN(Number(e)))).map((e=>this.getFilterMethod(h.Od[e],r)))})})]})})})}}f.defaultProps={autoFocus:!0};const b=(0,p.A)(f);var v=n(83994),C=n(4425);const x=({store:e})=>{if(e.totalCount<0)return null;let t=e.totalCount;return e.totalCount!==e.rowCount&&(t=e.rowCount+"/"+e.totalCount),(0,i.jsxs)("div",{className:"count-info",children:[(0,i.jsx)(v.A,{icon:C.A.FILTER}),t]})},E=({store:e,customFilter:t,footerData:n,textFilterProps:r})=>(0,i.jsxs)("div",{className:"table-footer",children:[n,(0,i.jsxs)("div",{className:"filter item",children:[t?(0,i.jsx)(t,{store:e}):null,(0,i.jsx)(b,Object.assign({store:e},r)),(0,i.jsx)(x,{store:e})]})]});var y=n(68465),D=n(76779),B=n(46942),j=n.n(B);class _ extends a.Component{constructor(){super(...arguments),this.state={rowData:null},this.loadData=e=>this.props.dataLoader.updateRowData(e,this.onDataLoaded),this.rowDataGetter=()=>this.state.rowData,this.onDataLoaded=e=>{this.setState({rowData:e})}}componentDidMount(){this.loadData(this.props.rowIndex)}UNSAFE_componentWillReceiveProps(e){e.rowIndex!==this.props.rowIndex&&this.props.dataLoader.removePendingRequests(this.props.rowIndex,this.onDataLoaded),this.loadData(e.rowIndex)||this.setState({rowData:null})}componentWillUnmount(){this.props.dataLoader.removePendingRequests(this.props.rowIndex,this.onDataLoaded)}shouldComponentUpdate(e,t){return t.rowData!==this.state.rowData||e.width!==this.props.width}render(){const e=this.props,{columnKey:t,children:n,renderCondition:r,rowClassNameGetter:o}=e,s=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n}(e,["columnKey","children","renderCondition","rowClassNameGetter"]),{rowData:l}=this.state;if(!l)return null;if(r&&!r(l[t],l))return null;const d=j()("cell-wrapper",t,o?o(l):void 0);return(0,i.jsx)("div",{className:d,children:a.cloneElement(n,Object.assign({cellData:l[t],rowDataGetter:this.rowDataGetter},s))})}}_.propTypes={rowIndex:o().number,dataLoader:o().object.isRequired,width:o().number};const R=_;var U=n(44247),I=n(67749);const S=(e,t,n,i)=>{const{name:r,columnKey:o}=e.props;let a=i((0,u._F)(o,[...(0,u.$r)(n),I.l.TABLE]),r);{const e=t.sortAscending?" ↑":" ↓";a+=t.sortProperty===o?e:""}return a};class O extends a.Component{constructor(){super(...arguments),this.state={width:0,height:0,columnWidths:{},isColumnResizing:void 0},this.getInitialProps=()=>({rowClassNameGetter:null,entityId:null}),this.scrollPosition=0,this.setInitialScrollRow=!0,this.updateRowRange=()=>{const{store:e}=this.props,{height:t}=this.state,n=(i=this.scrollPosition,Math.max(Math.floor(i/50),0));var i;const r=function(e){return Math.ceil(e/50)}(t);e.DEBUG&&console.log(`Settings changed, start: ${n}, end: ${r}, height: ${t}`,e.viewName),console.assert(e.active,"Posting data for an inactive view"),s.A.setRange(e.viewUrl,n,r)},this.onScrollStart=(e,t)=>{const{store:n}=this.props;n.DEBUG&&console.log(`Scrolling started: ${t}`,n.viewUrl),console.assert(n.active,"Sending pause for an inactive view"),s.A.pause(n.viewUrl,!0)},this.onScrollEnd=(e,t)=>{const{store:n,viewId:i}=this.props;this.scrollPosition=t,console.assert(n.active,"Sending pause for an inactive view"),s.A.pause(n.viewUrl,!1),clearTimeout(this.scrollTimer),this.scrollTimer=window.setTimeout(this.updateRowRange,500),this.setInitialScrollRow&&(this.setInitialScrollRow=!1,n.DEBUG&&console.log(`Disabling initial scroll (view ${i})`)),n.setScrollData(t,i),n.DEBUG&&console.log(`Scrolling ended: ${t}`,n.viewUrl)},this.onColumnClicked=e=>{const{store:t}=this.props;let n=!0;e===t.sortProperty&&t.sortAscending&&(n=!1),s.A.setSort(this.props.store.viewUrl,e,n)},this.onColumnResizeEndCallback=(e,t)=>{this.setState((({columnWidths:n})=>({columnWidths:Object.assign(Object.assign({},n),{[t]:e}),isColumnResizing:!1})),(()=>{this.setState({isColumnResizing:void 0})}))},this.childToColumn=e=>{if(e.props.hideWidth&&e.props.hideWidth>this.state.width)return null;let{flexGrow:t,width:n}=e.props;const{cell:r,columnKey:o,renderCondition:s}=e.props,{store:l,rowClassNameGetter:d,moduleId:c,t:p}=this.props,h=(0,A.mY)();return h||o&&this.state.columnWidths[o]&&(n=this.state.columnWidths[o],t=void 0),a.cloneElement(e,{header:(0,i.jsx)(U.A3,{onClick:this.onColumnClicked.bind(null,o),label:S(e,l,c,p)}),flexGrow:t,width:n,isResizable:!h,allowCellsRecycling:!0,cell:(0,i.jsx)(R,{dataLoader:this.props.dataLoader,renderCondition:s,rowClassNameGetter:d,t:p,children:r||(0,i.jsx)(U.mz,{})})})},this.onResizeView=e=>{if(!e.bounds)return;const{width:t,height:n}=e.entry?e.entry:e.bounds;this.setState({width:t,height:n})}}componentDidUpdate(e,t){t.height!==this.state.height?this.updateRowRange():e.entityId===this.props.entityId&&e.viewId===this.props.viewId||(this.props.store.DEBUG&&console.log(`Enabling initial scroll, entity/viewId changed (view ${this.props.viewId})`),this.setInitialScrollRow=!0,this.updateRowRange())}componentWillUnmount(){clearTimeout(this.scrollTimer)}render(){const e=a.Children.map(this.props.children,this.childToColumn),{width:t,height:n,isColumnResizing:r}=this.state,{store:o,viewId:s}=this.props;return(0,i.jsx)(D.A,{bounds:!0,onResize:this.onResizeView,children:({measureRef:a})=>(0,i.jsx)("div",{ref:a,className:"table-container-wrapper",children:(0,i.jsx)(y.XI,{width:t,height:n,rowHeight:50,rowsCount:o.rowCount,headerHeight:50,isColumnResizing:r,onColumnResizeEndCallback:this.onColumnResizeEndCallback,touchScrollEnabled:!0,onScrollStart:this.onScrollStart,onScrollEnd:this.onScrollEnd,scrollTop:this.setInitialScrollRow?o.getScrollData(s):void 0,children:e})})})}}O.propTypes={store:o().object.isRequired,rowClassNameGetter:o().func,entityId:o().any,dataLoader:o().any.isRequired};const T=O;var k=n(32811),G=n(46894),N=n.n(G),L=n(2404),P=n.n(L);const F=class{constructor(e,t){this._onDataLoad=t,this._store=e,this._data=[],this._pendingRequest={},this._initialDataReceived=!1,this.DEBUG=e.DEBUG}clear(){this._pendingRequest={},this._data=[]}updateItem(e,t,n){let i=this._data[n];return i===t||P()(this._data[n],t)?e:(this._data[n]=i?N()(i,{$merge:t}):N()(i,{$set:t}),e+1)}onItemsUpdated(e,t=0,n){let i=n<this._data.length;if(e&&0!==e.length){this._initialDataReceived=!0;for(let t=0;t<this._data.length;t++)e[t]||delete this._data[t];const n=e.reduce(this.updateItem.bind(this),0);(n>0||0!==t)&&(this.DEBUG&&console.log("onItemsUpdated, changed (updatedCount, rangeOffset)",n,t),i=!0)}else this.clear(),i=!0,this._initialDataReceived=!1,this.DEBUG&&console.log("onItemsUpdated, cleared");i&&this._onDataLoad()}get rangeOffset(){const e=this._rangeOffset;return this._rangeOffset=0,e}getRowData(e){return this._data[e]}updateRowData(e,t){const n=this._data[e];return n?(t(n),!0):(this._initialDataReceived&&this._queueRequestFor(e,t),!1)}removePendingRequests(e){delete this._pendingRequest[e]}_queueRequestFor(e,t){const n=e-e%10,i=this._pendingRequest[e];if(i)return void i.push(t);if(this._pendingRequest[e]=[t],e!==n){if(this._pendingRequest[n])return;this._pendingRequest[n]=[]}const r=Math.min(n+10,this._store.rowCount);k.A.get(this._store.viewUrl+"/items/"+n+"/"+r).then(this.onRowsReceived.bind(this,n)).catch((e=>{console.error("Failed to load data",e);for(let e=n;e<r;e++)this._pendingRequest[e]&&delete this._pendingRequest[e]}))}onRowsReceived(e,t){if(this._pendingRequest[e])for(let n=0;n<t.length;n++){const i=e+n;P()(this._data[i],t[n])?this.DEBUG&&console.log("onRowsReceived, row data equals",i):(this._data[i]=t[n],this._pendingRequest[i]&&this._pendingRequest[i].forEach((e=>e(t[n])))),delete this._pendingRequest[i]}}};var W=n(85072),q=n.n(W),$=n(97825),z=n.n($),M=n(77659),Y=n.n(M),H=n(55056),X=n.n(H),K=n(10540),J=n.n(K),V=n(41113),Z=n.n(V),Q=n(56796),ee={};ee.styleTagTransform=Z(),ee.setAttributes=X(),ee.insert=Y().bind(null,"head"),ee.domAPI=z(),ee.insertStyleElement=J(),q()(Q.A,ee),Q.A&&Q.A.locals&&Q.A.locals,n(56141);class te extends a.PureComponent{constructor(){super(...arguments),this.dataLoader=new F(this.props.store,(()=>this.forceUpdate())),this.unsubscribe=this.props.store.listen(this.dataLoader.onItemsUpdated.bind(this.dataLoader)),this.moduleExists=e=>!e||!this.props.sessionStore||this.props.sessionStore.getSession(e),this.start=e=>{const{store:t,sourceFilter:n}=this.props;s.A.init(t.viewUrl,e,n),s.A.setSort(t.viewUrl,t.sortProperty,t.sortAscending)},this.close=e=>{s.A.close(this.props.store.viewUrl,this.moduleExists(e))}}componentDidMount(){this.start(this.props.entityId)}componentWillUnmount(){this.close(this.props.entityId),this.unsubscribe()}componentDidUpdate(e){if(e.entityId!==this.props.entityId&&(this.close(e.entityId),this.start(this.props.entityId)),e.viewId!==this.props.viewId){const{store:e}=this.props;e.paused&&s.A.pause(e.viewUrl,!1),s.A.clear(e.viewUrl)}}render(){const e=this.props,{store:t,footerData:n,emptyRowsNodeGetter:r,customFilter:o,textFilterProps:a}=e,s=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n}(e,["store","footerData","emptyRowsNodeGetter","customFilter","textFilterProps"]);return r&&-1===t.totalCount?(0,i.jsx)("div",{className:"virtual-table"}):r&&0===t.totalCount?r():(0,i.jsx)("div",{className:"virtual-table",children:(0,i.jsx)(g.wD,{children:e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(T,Object.assign({},s,{dataLoader:this.dataLoader,store:t,t:e})),(0,i.jsx)(E,{store:t,customFilter:o,footerData:n,textFilterProps:a})]})})})}}te.propTypes={footerData:o().node,emptyRowsNodeGetter:o().func,viewId:o().any,sessionStore:o().object,customFilter:o().elementType,sourceFilter:o().object};const ne=te},36995:(e,t,n)=>{n.d(t,{A:()=>l});var i=n(74848),r=n(96540),o=n(13546),a=n(32811),s=n(86038);function l(e,t="any"){return(0,o.A)((n=>(r.useLayoutEffect((()=>()=>{const{store:e,filter:t}=n;e.active&&a.A.delete(`${e.viewUrl}/filter/${t.id}`).catch((e=>console.error("Failed to delete table filter",e)))}),[]),(0,i.jsx)(e,Object.assign({},n,{onFilterUpdated:(e,i=s.Od.PARTIAL)=>{const r={pattern:e,method:i,property:t},{store:o,filter:l}=n;a.A.put(`${o.viewUrl}/filter/${l.id}`,r).catch((e=>console.error("Failed to add table filter",e)))}})))),{urls:{filter:({store:e},t)=>t.post(`${e.viewUrl}/filter`)},loaderText:null})}},52267:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(32811),r=n(15992),o=n(20311),a=n.n(o);const s=(e,t=!0)=>{let n=!1,o=-1,s=0,l=0,d=[],c=null,p=!1,h=0;let A=e,u=t;const g=()=>{d=[],l=0,s=0,o=-1};return{listenables:r.A,DEBUG:!0,onClose(e){e===this.viewUrl&&(console.log(`Closing view ${this.viewUrl}`),this._removeMessageListener(),g(),n=!1,this.trigger())},onClear(e){e===this.viewUrl&&(g(),this.trigger())},onPause(e,t){e===this.viewUrl&&(p=t)},onInit(e,t){e===this.viewUrl&&(a()(!n,"Trying start an active table view"),c=t,this.addMessageListener(),console.log(`Starting view ${this.viewUrl}`),n=!0)},onSetSort(e,t,n){e===this.viewUrl&&(A=t,u=n)},addMessageListener(){this._removeMessageListener=i.A.addViewUpdateListener(this._viewName,this._handleUpdate,c)},get items(){return d},get viewUrl(){let e=this._apiUrl+"/";return c&&(e+=c+"/"),e+=this._viewName,e},get viewName(){return this._viewName},get rowCount(){return s},get totalCount(){return o},get active(){return n},get sortProperty(){return A},get sortAscending(){return u},get paused(){return p},setScrollData(e,t){this._sessionStore?this._sessionStore.scroll.setScrollData(e,c,t):(console.log(`Setting scroll position ${e} for view ${this.viewUrl} (view ID ${t})`),h=e)},getScrollData(e){return this._sessionStore?this._sessionStore.scroll.getScrollData(c,e):(console.log(`Getting scroll position ${h} for view ${this.viewUrl} (view ID ${e})`),h)},_handleUpdate(e){(e=>{var t;null!=e.range_start&&(l=e.range_start),null!=e.total_items&&(o=e.total_items),null!=e.matching_items&&(s=e.matching_items),null!=e.items&&(t=e.items,d=t.reduce(((e,t,n)=>{let i=(r=t.id,d.find((e=>!!e&&e.id===r))||{id:t.id});var r;return t.properties?i=Object.assign({},i,t.properties):1===Object.keys(i).length&&console.error("No properties were sent for a new view item",i.id),e[l+n]=i,e}),[]))})(e),this.trigger(d,e.range_offset,s)}}}}}]);
|
|
2
|
-
//# sourceMappingURL=223.
|
|
1
|
+
"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[223],{56796:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(71354),r=n.n(i),o=n(76314),a=n.n(o)()(r());a.push([e.id,"/* Generic table styles */\n.virtual-table {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n width: 100%;\n flex: 1 1 auto;\n\n /* The table won't shrink properly without this */\n height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n outline: inherit;\n}\n\n.virtual-table .public_fixedDataTable_header a,\n.public_fixedDataTableCell_main a {\n color: black;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n max-height: 50px;\n padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n width: 100%;\n padding: 5px;\n background-color: #f6f7f8;\n background-image: -webkit-linear-gradient(#fff, #efefef);\n background-image: linear-gradient(#fff, #efefef);\n display: flex;\n align-items: center;\n}\n\n.table-footer > .filter {\n margin-left: auto;\n display: flex;\n}\n\n.table-footer > .filter > .count-info {\n margin-right: 0px;\n opacity: 0.6;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n margin-right: 0px;\n}\n\n.table-footer > .filter input {\n width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n max-width: 100%;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger {\n line-height: 21px;\n display: flex;\n align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n padding: 5px 15px;\n overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n margin: 0px 0px;\n}\n","",{version:3,sources:["webpack://./src/components/table/style.css"],names:[],mappings:"AAAA,yBAAyB;AACzB;EACE,YAAY;EACZ,WAAW;EACX,aAAa;EACb,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,cAAc;;EAEd,iDAAiD;EACjD,yBAAyB;AAC3B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,YAAY;AACd;;AAEA,+BAA+B;;AAE/B;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,gBAAgB;EAChB,YAAY;AACd;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA,WAAW;;AAEX;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,wDAAwD;EACxD,gDAAgD;EAChD,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,6BAA6B;AAC/B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;AAEA,oBAAoB;AACpB;EACE,eAAe;AACjB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,uBAAuB;AACzB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;;EAEE,0BAA0B;AAC5B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA,iCAAiC;AACjC;EACE,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB",sourcesContent:["/* Generic table styles */\n.virtual-table {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n width: 100%;\n flex: 1 1 auto;\n\n /* The table won't shrink properly without this */\n height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n outline: inherit;\n}\n\n.virtual-table .public_fixedDataTable_header a,\n.public_fixedDataTableCell_main a {\n color: black;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n max-height: 50px;\n padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n width: 100%;\n padding: 5px;\n background-color: #f6f7f8;\n background-image: -webkit-linear-gradient(#fff, #efefef);\n background-image: linear-gradient(#fff, #efefef);\n display: flex;\n align-items: center;\n}\n\n.table-footer > .filter {\n margin-left: auto;\n display: flex;\n}\n\n.table-footer > .filter > .count-info {\n margin-right: 0px;\n opacity: 0.6;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n margin-right: 0px;\n}\n\n.table-footer > .filter input {\n width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n max-width: 100%;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger {\n line-height: 21px;\n display: flex;\n align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n padding: 5px 15px;\n overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n margin: 0px 0px;\n}\n"],sourceRoot:""}]);const s=a},15992:(e,t,n)=>{n.d(t,{A:()=>d});var i=n(22005),r=n.n(i),o=n(32811),a=n(41860);const s=r().createActions([{setRange:{asyncResult:!0}},{setSort:{asyncResult:!0}},{close:{asyncResult:!0}},{pause:{asyncResult:!0}},{init:{asyncResult:!0}},"clear"]),l=(e,t,n)=>o.A.post(t+"/settings",e).then((e=>n.completed(t,e))).catch((e=>n.failed(t,e)));s.close.listen((function(e,t){if(t&&a.A.socketAuthenticated){const t=this;return o.A.delete(e).then((n=>t.completed(e,n))).catch((t=>this.failed(e,t)))}return Promise.resolve()})),s.setSort.listen((function(e,t,n){l({sort_property:t,sort_ascending:n},e,this)})),s.setRange.listen((function(e,t,n){console.assert(n>0,"Invalid max rows"),l({range_start:t,max_count:n},e,this)})),s.pause.listen((function(e,t){l({paused:t},e,this)})),s.init.listen((function(e,t,n){n&&l({source_filter:n},e,this)}));const d=s},54895:(e,t,n)=>{n.d(t,{A:()=>a});var i=n(74848),r=(n(96540),n(73624),n(46942)),o=n.n(r);const a=({item:e})=>(0,i.jsxs)("div",{className:"ip flag",children:[(0,i.jsx)("i",{className:o()("ui flag",e.country.toLowerCase())}),e.str]})},44247:(e,t,n)=>{n.d(t,{A3:()=>g,AJ:()=>j,BH:()=>B,In:()=>E,Jo:()=>C,Jy:()=>y,K:()=>m,V9:()=>f,WQ:()=>x,kF:()=>v,mz:()=>u,qG:()=>D,tC:()=>w,us:()=>b});var i=n(74848),r=(n(96540),n(71352)),o=n(98573),a=n(39798),s=n(54895),l=n(73616),d=n(36076),c=n(68465),p=n(17911),h=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n};const A=e=>"object"==typeof e?Array.isArray(e)?e.length:e.str:0===e?null:e,u=({cellData:e})=>(0,i.jsx)("span",{className:"plain text cell",children:A(e)}),g=e=>{var{onClick:t,label:n,columnKey:r}=e,o=h(e,["onClick","label","columnKey"]);return(0,i.jsx)(c.fh,Object.assign({},o,{children:(0,i.jsx)("a",{onClick:t,children:n})}))},w=e=>{var{cellData:t,rowDataGetter:n,children:o}=e,s=h(e,["cellData","rowDataGetter","children"]);return(0,i.jsx)(r.yj,Object.assign({caption:(0,i.jsx)(a.A,{typeInfo:n().type,caption:t,className:"icon-caption"}),itemData:n},s))},m=e=>{var{cellData:t,rowDataGetter:n}=e,o=h(e,["cellData","rowDataGetter"]);return(0,i.jsx)(r.yj,Object.assign({caption:t,itemData:n},o))},f=e=>{var{cellData:t,rowDataGetter:n,action:r,moduleData:o,entity:a}=e,s=h(e,["cellData","rowDataGetter","action","moduleData","entity"]);return(0,d.il)(r,n())?(0,i.jsx)(p.M,{children:({onClickAction:e})=>(0,i.jsx)("a",{className:"plain link cell",onClick:()=>e({action:r,moduleData:o,itemData:n(),entity:a}),children:A(t)})}):(0,i.jsx)(u,Object.assign({cellData:t},s))},b=({cellData:e,t})=>(0,i.jsx)("span",{className:"plain size cell",children:(0,o.Xq)(e,t)}),v=({cellData:e,t})=>(0,i.jsx)("span",{className:"plain speed cell",children:(0,o.DB)(e,t)}),C=({cellData:e})=>(0,i.jsx)("span",{className:"plain duration cell",children:(0,o.fw)(e)}),x=({cellData:e})=>(0,i.jsx)("span",{className:"plain abbr-duration cell",children:(0,o.D9)(e)}),E=({cellData:e})=>(0,i.jsx)(s.A,{item:e}),y=({cellData:e,t})=>(0,i.jsx)("span",{className:"plain connection cell",children:(0,o._T)(e,t)}),D=({cellData:e})=>(0,i.jsx)("span",{className:"plain decimal cell",children:(0,o.zJ)(e)}),B=e=>{var{cellData:t,rowDataGetter:n,clickHandlerGetter:o,userGetter:s,downloadHandler:l}=e,d=h(e,["cellData","rowDataGetter","clickHandlerGetter","userGetter","downloadHandler"]);return(0,i.jsx)(r.Gw,Object.assign({caption:(0,i.jsx)(a.A,{typeInfo:n().type,onClick:o?o(t,n):null,caption:t,className:"icon-caption"}),user:s(n()),linkCaption:!o,itemInfoGetter:n,downloadHandler:l},d))},j=e=>{var{cellData:t,rowDataGetter:n,onChange:r}=e,o=h(e,["cellData","rowDataGetter","onChange"]);return(0,i.jsx)(l.A,Object.assign({checked:t,onChange:e=>r(e,n())},o))}},22373:(e,t,n)=>{n.d(t,{A:()=>ne});var i=n(74848),r=n(5556),o=n.n(r),a=n(96540),s=n(15992),l=n(31104),d=n(19247),c=n(27725),p=n(36995),h=n(86038),A=n(8098),u=n(42695),g=n(32389);const w=(e,t)=>{const n=(e=>{switch(e){case h.Od.REGEX:return"Regex";case h.Od.WILDCARD:return"Wildcard";case h.Od.EXACT:return"Exact";default:return"Partial"}})(e);return(0,u.Tl)(n,t,"table.filter")},m=(e,t)=>{let n=t("table.filter.filter","Filter");return e!==h.Od.PARTIAL&&(n+=` (${w(e,t).toLowerCase()})`),n+"..."};class f extends a.PureComponent{constructor(){super(...arguments),this.state={value:"",method:h.Od.PARTIAL},this.onFilterUpdated=()=>{const{value:e,method:t}=this.state;this.props.onFilterUpdated(e,t)},this.onTextChanged=e=>{this.setState({value:e.target.value}),clearTimeout(this.timer),this.timer=window.setTimeout((()=>{this.onFilterUpdated()}),200)},this.onMethodChanged=e=>{this.setState({method:e}),setTimeout((()=>this.onFilterUpdated())),this.input.focus()},this.getFilterMethod=(e,t)=>{const n=e===this.state.method;return(0,i.jsx)(c.A,{onClick:()=>this.onMethodChanged(e),active:n,children:w(e,t)},e)}}componentWillUnmount(){clearTimeout(this.timer)}render(){const{value:e,method:t}=this.state,{autoFocus:n}=this.props;return(0,i.jsx)(g.wD,{children:r=>(0,i.jsx)("div",{className:"text-filter",children:(0,i.jsxs)("div",{className:"ui action input",children:[(0,i.jsx)("input",{ref:e=>this.input=e,placeholder:m(t,r),onChange:this.onTextChanged,value:e,type:"text",autoFocus:!(0,A.mY)()&&n}),(0,i.jsx)(l.A,{className:"filter-method right top pointing",button:!0,direction:"upward",children:(0,i.jsx)(d.A,{caption:(0,u.Tl)("Match type",r,"table.filter"),children:Object.keys(h.Od).filter((e=>isNaN(Number(e)))).map((e=>this.getFilterMethod(h.Od[e],r)))})})]})})})}}f.defaultProps={autoFocus:!0};const b=(0,p.A)(f);var v=n(83994),C=n(4425);const x=({store:e})=>{if(e.totalCount<0)return null;let t=e.totalCount;return e.totalCount!==e.rowCount&&(t=e.rowCount+"/"+e.totalCount),(0,i.jsxs)("div",{className:"count-info",children:[(0,i.jsx)(v.A,{icon:C.A.FILTER}),t]})},E=({store:e,customFilter:t,footerData:n,textFilterProps:r})=>(0,i.jsxs)("div",{className:"table-footer",children:[n,(0,i.jsxs)("div",{className:"filter item",children:[t?(0,i.jsx)(t,{store:e}):null,(0,i.jsx)(b,Object.assign({store:e},r)),(0,i.jsx)(x,{store:e})]})]});var y=n(68465),D=n(76779),B=n(46942),j=n.n(B);class _ extends a.Component{constructor(){super(...arguments),this.state={rowData:null},this.loadData=e=>this.props.dataLoader.updateRowData(e,this.onDataLoaded),this.rowDataGetter=()=>this.state.rowData,this.onDataLoaded=e=>{this.setState({rowData:e})}}componentDidMount(){this.loadData(this.props.rowIndex)}UNSAFE_componentWillReceiveProps(e){e.rowIndex!==this.props.rowIndex&&this.props.dataLoader.removePendingRequests(this.props.rowIndex,this.onDataLoaded),this.loadData(e.rowIndex)||this.setState({rowData:null})}componentWillUnmount(){this.props.dataLoader.removePendingRequests(this.props.rowIndex,this.onDataLoaded)}shouldComponentUpdate(e,t){return t.rowData!==this.state.rowData||e.width!==this.props.width}render(){const e=this.props,{columnKey:t,children:n,renderCondition:r,rowClassNameGetter:o}=e,s=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n}(e,["columnKey","children","renderCondition","rowClassNameGetter"]),{rowData:l}=this.state;if(!l)return null;if(r&&!r(l[t],l))return null;const d=j()("cell-wrapper",t,o?o(l):void 0);return(0,i.jsx)("div",{className:d,children:a.cloneElement(n,Object.assign({cellData:l[t],rowDataGetter:this.rowDataGetter},s))})}}_.propTypes={rowIndex:o().number,dataLoader:o().object.isRequired,width:o().number};const R=_;var U=n(44247),I=n(67749);const S=(e,t,n,i)=>{const{name:r,columnKey:o}=e.props;let a=i((0,u._F)(o,[...(0,u.$r)(n),I.l.TABLE]),r);{const e=t.sortAscending?" ↑":" ↓";a+=t.sortProperty===o?e:""}return a};class O extends a.Component{constructor(){super(...arguments),this.state={width:0,height:0,columnWidths:{},isColumnResizing:void 0},this.getInitialProps=()=>({rowClassNameGetter:null,entityId:null}),this.scrollPosition=0,this.setInitialScrollRow=!0,this.updateRowRange=()=>{const{store:e}=this.props,{height:t}=this.state,n=(i=this.scrollPosition,Math.max(Math.floor(i/50),0));var i;const r=function(e){return Math.ceil(e/50)}(t);e.DEBUG&&console.log(`Settings changed, start: ${n}, end: ${r}, height: ${t}`,e.viewName),console.assert(e.active,"Posting data for an inactive view"),s.A.setRange(e.viewUrl,n,r)},this.onScrollStart=(e,t)=>{const{store:n}=this.props;n.DEBUG&&console.log(`Scrolling started: ${t}`,n.viewUrl),console.assert(n.active,"Sending pause for an inactive view"),s.A.pause(n.viewUrl,!0)},this.onScrollEnd=(e,t)=>{const{store:n,viewId:i}=this.props;this.scrollPosition=t,console.assert(n.active,"Sending pause for an inactive view"),s.A.pause(n.viewUrl,!1),clearTimeout(this.scrollTimer),this.scrollTimer=window.setTimeout(this.updateRowRange,500),this.setInitialScrollRow&&(this.setInitialScrollRow=!1,n.DEBUG&&console.log(`Disabling initial scroll (view ${i})`)),n.setScrollData(t,i),n.DEBUG&&console.log(`Scrolling ended: ${t}`,n.viewUrl)},this.onColumnClicked=e=>{const{store:t}=this.props;let n=!0;e===t.sortProperty&&t.sortAscending&&(n=!1),s.A.setSort(this.props.store.viewUrl,e,n)},this.onColumnResizeEndCallback=(e,t)=>{this.setState((({columnWidths:n})=>({columnWidths:Object.assign(Object.assign({},n),{[t]:e}),isColumnResizing:!1})),(()=>{this.setState({isColumnResizing:void 0})}))},this.childToColumn=e=>{if(e.props.hideWidth&&e.props.hideWidth>this.state.width)return null;let{flexGrow:t,width:n}=e.props;const{cell:r,columnKey:o,renderCondition:s}=e.props,{store:l,rowClassNameGetter:d,moduleId:c,t:p}=this.props,h=(0,A.mY)();return h||o&&this.state.columnWidths[o]&&(n=this.state.columnWidths[o],t=void 0),a.cloneElement(e,{header:(0,i.jsx)(U.A3,{onClick:this.onColumnClicked.bind(null,o),label:S(e,l,c,p)}),flexGrow:t,width:n,isResizable:!h,allowCellsRecycling:!0,cell:(0,i.jsx)(R,{dataLoader:this.props.dataLoader,renderCondition:s,rowClassNameGetter:d,t:p,children:r||(0,i.jsx)(U.mz,{})})})},this.onResizeView=e=>{if(!e.bounds)return;const{width:t,height:n}=e.entry?e.entry:e.bounds;this.setState({width:t,height:n})}}componentDidUpdate(e,t){t.height!==this.state.height?this.updateRowRange():e.entityId===this.props.entityId&&e.viewId===this.props.viewId||(this.props.store.DEBUG&&console.log(`Enabling initial scroll, entity/viewId changed (view ${this.props.viewId})`),this.setInitialScrollRow=!0,this.updateRowRange())}componentWillUnmount(){clearTimeout(this.scrollTimer)}render(){const e=a.Children.map(this.props.children,this.childToColumn),{width:t,height:n,isColumnResizing:r}=this.state,{store:o,viewId:s}=this.props;return(0,i.jsx)(D.A,{bounds:!0,onResize:this.onResizeView,children:({measureRef:a})=>(0,i.jsx)("div",{ref:a,className:"table-container-wrapper",children:(0,i.jsx)(y.XI,{width:t,height:n,rowHeight:50,rowsCount:o.rowCount,headerHeight:50,isColumnResizing:r,onColumnResizeEndCallback:this.onColumnResizeEndCallback,touchScrollEnabled:!0,onScrollStart:this.onScrollStart,onScrollEnd:this.onScrollEnd,scrollTop:this.setInitialScrollRow?o.getScrollData(s):void 0,children:e})})})}}O.propTypes={store:o().object.isRequired,rowClassNameGetter:o().func,entityId:o().any,dataLoader:o().any.isRequired};const T=O;var k=n(32811),G=n(46894),N=n.n(G),L=n(2404),P=n.n(L);const F=class{constructor(e,t){this._onDataLoad=t,this._store=e,this._data=[],this._pendingRequest={},this._initialDataReceived=!1,this.DEBUG=e.DEBUG}clear(){this._pendingRequest={},this._data=[]}updateItem(e,t,n){let i=this._data[n];return i===t||P()(this._data[n],t)?e:(this._data[n]=i?N()(i,{$merge:t}):N()(i,{$set:t}),e+1)}onItemsUpdated(e,t=0,n){let i=n<this._data.length;if(e&&0!==e.length){this._initialDataReceived=!0;for(let t=0;t<this._data.length;t++)e[t]||delete this._data[t];const n=e.reduce(this.updateItem.bind(this),0);(n>0||0!==t)&&(this.DEBUG&&console.log("onItemsUpdated, changed (updatedCount, rangeOffset)",n,t),i=!0)}else this.clear(),i=!0,this._initialDataReceived=!1,this.DEBUG&&console.log("onItemsUpdated, cleared");i&&this._onDataLoad()}get rangeOffset(){const e=this._rangeOffset;return this._rangeOffset=0,e}getRowData(e){return this._data[e]}updateRowData(e,t){const n=this._data[e];return n?(t(n),!0):(this._initialDataReceived&&this._queueRequestFor(e,t),!1)}removePendingRequests(e){delete this._pendingRequest[e]}_queueRequestFor(e,t){const n=e-e%10,i=this._pendingRequest[e];if(i)return void i.push(t);if(this._pendingRequest[e]=[t],e!==n){if(this._pendingRequest[n])return;this._pendingRequest[n]=[]}const r=Math.min(n+10,this._store.rowCount);k.A.get(this._store.viewUrl+"/items/"+n+"/"+r).then(this.onRowsReceived.bind(this,n)).catch((e=>{console.error("Failed to load data",e);for(let e=n;e<r;e++)this._pendingRequest[e]&&delete this._pendingRequest[e]}))}onRowsReceived(e,t){if(this._pendingRequest[e])for(let n=0;n<t.length;n++){const i=e+n;P()(this._data[i],t[n])?this.DEBUG&&console.log("onRowsReceived, row data equals",i):(this._data[i]=t[n],this._pendingRequest[i]&&this._pendingRequest[i].forEach((e=>e(t[n])))),delete this._pendingRequest[i]}}};var W=n(85072),q=n.n(W),$=n(97825),z=n.n($),M=n(77659),Y=n.n(M),H=n(55056),X=n.n(H),K=n(10540),J=n.n(K),V=n(41113),Z=n.n(V),Q=n(56796),ee={};ee.styleTagTransform=Z(),ee.setAttributes=X(),ee.insert=Y().bind(null,"head"),ee.domAPI=z(),ee.insertStyleElement=J(),q()(Q.A,ee),Q.A&&Q.A.locals&&Q.A.locals,n(56141);class te extends a.PureComponent{constructor(){super(...arguments),this.dataLoader=new F(this.props.store,(()=>this.forceUpdate())),this.unsubscribe=this.props.store.listen(this.dataLoader.onItemsUpdated.bind(this.dataLoader)),this.moduleExists=e=>!e||!this.props.sessionStore||this.props.sessionStore.getSession(e),this.start=e=>{const{store:t,sourceFilter:n}=this.props;s.A.init(t.viewUrl,e,n),s.A.setSort(t.viewUrl,t.sortProperty,t.sortAscending)},this.close=e=>{s.A.close(this.props.store.viewUrl,this.moduleExists(e))}}componentDidMount(){this.start(this.props.entityId)}componentWillUnmount(){this.close(this.props.entityId),this.unsubscribe()}componentDidUpdate(e){if(e.entityId!==this.props.entityId&&(this.close(e.entityId),this.start(this.props.entityId)),e.viewId!==this.props.viewId){const{store:e}=this.props;e.paused&&s.A.pause(e.viewUrl,!1),s.A.clear(e.viewUrl)}}render(){const e=this.props,{store:t,footerData:n,emptyRowsNodeGetter:r,customFilter:o,textFilterProps:a}=e,s=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n}(e,["store","footerData","emptyRowsNodeGetter","customFilter","textFilterProps"]);return r&&-1===t.totalCount?(0,i.jsx)("div",{className:"virtual-table"}):r&&0===t.totalCount?r():(0,i.jsx)("div",{className:"virtual-table",children:(0,i.jsx)(g.wD,{children:e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(T,Object.assign({},s,{dataLoader:this.dataLoader,store:t,t:e})),(0,i.jsx)(E,{store:t,customFilter:o,footerData:n,textFilterProps:a})]})})})}}te.propTypes={footerData:o().node,emptyRowsNodeGetter:o().func,viewId:o().any,sessionStore:o().object,customFilter:o().elementType,sourceFilter:o().object};const ne=te},36995:(e,t,n)=>{n.d(t,{A:()=>l});var i=n(74848),r=n(96540),o=n(13546),a=n(32811),s=n(86038);function l(e,t="any"){return(0,o.A)((n=>(r.useLayoutEffect((()=>()=>{const{store:e,filter:t}=n;e.active&&a.A.delete(`${e.viewUrl}/filter/${t.id}`).catch((e=>console.error("Failed to delete table filter",e)))}),[]),(0,i.jsx)(e,Object.assign({},n,{onFilterUpdated:(e,i=s.Od.PARTIAL)=>{const r={pattern:e,method:i,property:t},{store:o,filter:l}=n;a.A.put(`${o.viewUrl}/filter/${l.id}`,r).catch((e=>console.error("Failed to add table filter",e)))}})))),{urls:{filter:({store:e},t)=>t.post(`${e.viewUrl}/filter`)},loaderText:null})}},52267:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(32811),r=n(15992),o=n(20311),a=n.n(o);const s=(e,t=!0)=>{let n=!1,o=-1,s=0,l=0,d=[],c=null,p=!1,h=0;let A=e,u=t;const g=()=>{d=[],l=0,s=0,o=-1};return{listenables:r.A,DEBUG:!0,onClose(e){e===this.viewUrl&&(console.log(`Closing view ${this.viewUrl}`),this._removeMessageListener(),g(),n=!1,this.trigger())},onClear(e){e===this.viewUrl&&(g(),this.trigger())},onPause(e,t){e===this.viewUrl&&(p=t)},onInit(e,t){e===this.viewUrl&&(a()(!n,"Trying start an active table view"),c=t,this.addMessageListener(),console.log(`Starting view ${this.viewUrl}`),n=!0)},onSetSort(e,t,n){e===this.viewUrl&&(A=t,u=n)},addMessageListener(){this._removeMessageListener=i.A.addViewUpdateListener(this._viewName,this._handleUpdate,c)},get items(){return d},get viewUrl(){let e=this._apiUrl+"/";return c&&(e+=c+"/"),e+=this._viewName,e},get viewName(){return this._viewName},get rowCount(){return s},get totalCount(){return o},get active(){return n},get sortProperty(){return A},get sortAscending(){return u},get paused(){return p},setScrollData(e,t){this._sessionStore?this._sessionStore.scroll.setScrollData(e,c,t):(console.log(`Setting scroll position ${e} for view ${this.viewUrl} (view ID ${t})`),h=e)},getScrollData(e){return this._sessionStore?this._sessionStore.scroll.getScrollData(c,e):(console.log(`Getting scroll position ${h} for view ${this.viewUrl} (view ID ${e})`),h)},_handleUpdate(e){(e=>{var t;null!=e.range_start&&(l=e.range_start),null!=e.total_items&&(o=e.total_items),null!=e.matching_items&&(s=e.matching_items),null!=e.items&&(t=e.items,d=t.reduce(((e,t,n)=>{let i=(r=t.id,d.find((e=>!!e&&e.id===r))||{id:t.id});var r;return t.properties?i=Object.assign({},i,t.properties):1===Object.keys(i).length&&console.error("No properties were sent for a new view item",i.id),e[l+n]=i,e}),[]))})(e),this.trigger(d,e.range_offset,s)}}}}}]);
|
|
2
|
+
//# sourceMappingURL=223.339879525b9d883969f0.chunk.js.map
|
|
Binary file
|
package/dist/js/{223.647d861e965b0e81ad42.chunk.js.map → 223.339879525b9d883969f0.chunk.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"js/223.647d861e965b0e81ad42.chunk.js","mappings":"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","sources":["webpack://airdcpp-webui/./src/components/table/style.css","webpack://airdcpp-webui/./src/actions/TableActions.js","webpack://airdcpp-webui/./src/components/format/FormattedIp.tsx","webpack://airdcpp-webui/./src/components/table/Cell.tsx","webpack://airdcpp-webui/./src/components/table/TextFilter.tsx","webpack://airdcpp-webui/./src/components/table/TableFooter.tsx","webpack://airdcpp-webui/./src/components/table/RowWrapperCell.tsx","webpack://airdcpp-webui/./src/components/table/TableContainer.tsx","webpack://airdcpp-webui/./src/components/table/RowDataLoader.js","webpack://airdcpp-webui/./src/components/table/style.css?53ed","webpack://airdcpp-webui/./src/components/table/VirtualTable.tsx","webpack://airdcpp-webui/./src/decorators/TableFilterDecorator.tsx","webpack://airdcpp-webui/./src/mixins/ViewStoreMixin.js"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `/* Generic table styles */\n.virtual-table {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n width: 100%;\n flex: 1 1 auto;\n\n /* The table won't shrink properly without this */\n height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n outline: inherit;\n}\n\n.virtual-table .public_fixedDataTable_header a,\n.public_fixedDataTableCell_main a {\n color: black;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n max-height: 50px;\n padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n width: 100%;\n padding: 5px;\n background-color: #f6f7f8;\n background-image: -webkit-linear-gradient(#fff, #efefef);\n background-image: linear-gradient(#fff, #efefef);\n display: flex;\n align-items: center;\n}\n\n.table-footer > .filter {\n margin-left: auto;\n display: flex;\n}\n\n.table-footer > .filter > .count-info {\n margin-right: 0px;\n opacity: 0.6;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n margin-right: 0px;\n}\n\n.table-footer > .filter input {\n width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n max-width: 100%;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger {\n line-height: 21px;\n display: flex;\n align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n padding: 5px 15px;\n overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n margin: 0px 0px;\n}\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/table/style.css\"],\"names\":[],\"mappings\":\"AAAA,yBAAyB;AACzB;EACE,YAAY;EACZ,WAAW;EACX,aAAa;EACb,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,cAAc;;EAEd,iDAAiD;EACjD,yBAAyB;AAC3B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,YAAY;AACd;;AAEA,+BAA+B;;AAE/B;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,gBAAgB;EAChB,YAAY;AACd;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA,WAAW;;AAEX;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,wDAAwD;EACxD,gDAAgD;EAChD,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,6BAA6B;AAC/B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;AAEA,oBAAoB;AACpB;EACE,eAAe;AACjB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,uBAAuB;AACzB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;;EAEE,0BAA0B;AAC5B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA,iCAAiC;AACjC;EACE,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB\",\"sourcesContent\":[\"/* Generic table styles */\\n.virtual-table {\\n height: 100%;\\n width: 100%;\\n display: flex;\\n flex-direction: column;\\n overflow: hidden;\\n}\\n\\n.virtual-table .table-container-wrapper {\\n width: 100%;\\n flex: 1 1 auto;\\n\\n /* The table won't shrink properly without this */\\n height: calc(100% - 50px);\\n}\\n\\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\\n cursor: pointer;\\n}\\n\\n.virtual-table .fixedDataTableLayout_main {\\n background-color: rgba(250, 250, 250, 0.8);\\n}\\n\\n.virtual-table .fixedDataTableLayout_main:focus {\\n outline: inherit;\\n}\\n\\n.virtual-table .public_fixedDataTable_header a,\\n.public_fixedDataTableCell_main a {\\n color: black;\\n}\\n\\n/* Common cell content styles */\\n\\n.virtual-table .cell-wrapper {\\n position: relative;\\n top: 50%;\\n transform: translateY(-50%);\\n max-height: 50px;\\n padding: 5px;\\n}\\n\\n.virtual-table .cell-wrapper .plain.cell,\\n.virtual-table .cell-wrapper .empty.dropdown {\\n margin: 0px 3px;\\n}\\n\\n.virtual-table .cell-wrapper .ui.progress .bar {\\n height: 5px;\\n}\\n\\n/* Footer */\\n\\n.table-footer {\\n width: 100%;\\n padding: 5px;\\n background-color: #f6f7f8;\\n background-image: -webkit-linear-gradient(#fff, #efefef);\\n background-image: linear-gradient(#fff, #efefef);\\n display: flex;\\n align-items: center;\\n}\\n\\n.table-footer > .filter {\\n margin-left: auto;\\n display: flex;\\n}\\n\\n.table-footer > .filter > .count-info {\\n margin-right: 0px;\\n opacity: 0.6;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.table-footer > .filter > div:last-child {\\n margin-left: 10px;\\n}\\n\\n.table-footer > .filter .filter-method.dropdown.button {\\n padding-left: 0px !important;\\n padding-right: 0px !important;\\n}\\n\\n.table-footer > .filter .dropdown .trigger.icon {\\n margin-right: 0px;\\n}\\n\\n.table-footer > .filter input {\\n width: 90%;\\n}\\n\\n/* Table dropdowns */\\n.table-container-wrapper .dropdown > .popup.trigger {\\n max-width: 100%;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger .caption {\\n max-width: calc(100% - 20px);\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\\n overflow: hidden;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger {\\n line-height: 21px;\\n display: flex;\\n align-items: flex-start;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger:hover,\\n.public_fixedDataTableCell_main a:hover {\\n cursor: pointer;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\\n.public_fixedDataTableCell_main a:hover {\\n text-decoration: underline;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\\n margin: 0px;\\n}\\n\\n.table-container-wrapper .dropdown .icon-caption .icon {\\n width: inherit !important;\\n}\\n\\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\\n padding-left: 22px;\\n}\\n\\n.table-container-wrapper .dropdown .trigger i {\\n flex-shrink: 0;\\n}\\n\\n/* Table dropdown popup content */\\n.popup.dropdown-content {\\n padding: 5px 15px;\\n overflow: hidden;\\n}\\n\\n.popup.dropdown-content .ui.dropdown.item {\\n margin: 0px 0px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import Reflux from 'reflux';\r\n\r\nimport SocketService from 'services/SocketService';\r\n\r\nimport LoginStore from 'stores/LoginStore';\r\n\r\nconst TableActions = Reflux.createActions([\r\n { setRange: { asyncResult: true } },\r\n { setSort: { asyncResult: true } },\r\n { close: { asyncResult: true } },\r\n { pause: { asyncResult: true } },\r\n { init: { asyncResult: true } },\r\n 'clear',\r\n]);\r\n\r\nconst postSettings = (settings, viewUrl, action) => {\r\n return SocketService.post(viewUrl + '/settings', settings)\r\n .then((data) => action.completed(viewUrl, data))\r\n .catch((error) => action.failed(viewUrl, error));\r\n};\r\n\r\nTableActions.close.listen(function (viewUrl, sessionExists) {\r\n if (sessionExists && LoginStore.socketAuthenticated) {\r\n const that = this;\r\n return SocketService.delete(viewUrl)\r\n .then((data) => that.completed(viewUrl, data))\r\n .catch((error) => this.failed(viewUrl, error));\r\n }\r\n\r\n return Promise.resolve();\r\n});\r\n\r\nTableActions.setSort.listen(function (viewUrl, sortProperty, sortAscending) {\r\n postSettings(\r\n {\r\n sort_property: sortProperty,\r\n sort_ascending: sortAscending,\r\n },\r\n viewUrl,\r\n this,\r\n );\r\n});\r\n\r\nTableActions.setRange.listen(function (viewUrl, rangeStart, maxRows) {\r\n console.assert(maxRows > 0, 'Invalid max rows');\r\n postSettings(\r\n {\r\n range_start: rangeStart,\r\n max_count: maxRows,\r\n },\r\n viewUrl,\r\n this,\r\n );\r\n});\r\n\r\nTableActions.pause.listen(function (viewUrl, pause) {\r\n postSettings(\r\n {\r\n paused: pause,\r\n },\r\n viewUrl,\r\n this,\r\n );\r\n});\r\n\r\nTableActions.init.listen(function (viewUrl, entityId, filterData) {\r\n if (filterData) {\r\n postSettings(\r\n {\r\n source_filter: filterData,\r\n },\r\n viewUrl,\r\n this,\r\n );\r\n }\r\n});\r\n\r\nexport default TableActions;\r\n","//import PropTypes from 'prop-types';\nimport * as React from 'react';\n\nimport 'fomantic-ui-css/components/flag.min.css';\n\nimport * as API from 'types/api';\nimport classNames from 'classnames';\n\nexport interface FormattedIpProps {\n item: API.IP;\n}\n\nconst FormattedIp: React.FC<FormattedIpProps> = ({ item }) => (\n <div className=\"ip flag\">\n <i className={classNames('ui flag', item.country.toLowerCase())} />\n {item.str}\n </div>\n);\n\n/*FormattedIp.propTypes = {\n item: PropTypes.object.isRequired,\n};*/\n\nexport default FormattedIp;\n","import * as React from 'react';\r\n\r\nimport {\r\n TableActionMenu,\r\n TableDownloadMenu,\r\n TableActionMenuProps,\r\n TableDownloadMenuProps,\r\n} from 'components/action-menu';\r\nimport {\r\n formatDecimal,\r\n formatAbbreviatedDuration,\r\n formatConnection,\r\n formatDateTime,\r\n formatShortDate,\r\n formatSize,\r\n formatSpeed,\r\n formatRelativeTime,\r\n} from 'utils/ValueFormat';\r\n\r\nimport FormattedFile from 'components/format/FormattedFile';\r\nimport FormattedIp from 'components/format/FormattedIp';\r\n\r\nimport Checkbox, { CheckboxProps } from 'components/semantic/Checkbox';\r\nimport { showAction } from 'utils/ActionUtils';\r\nimport { Cell, CellProps } from 'fixed-data-table-2';\r\n//import { withRouter, RouteComponentProps } from 'react-router-dom';\r\n//import { DownloadHandlerType } from 'decorators/menu/DownloadMenuDecorator';\r\nimport { RowWrapperCellChildProps } from 'components/table/RowWrapperCell';\r\n\r\nimport * as UI from 'types/ui';\r\nimport * as API from 'types/api';\r\n//import { ActionHandlerDecorator, ActionHandlerDecoratorChildProps } from 'decorators/ActionHandlerDecorator';\r\n//import ActionButton, { ActionButtonProps } from 'components/ActionButton';\r\nimport { ActionHandlerDecorator } from 'decorators/ActionHandlerDecorator';\r\n\r\nconst getCellContent = (cellData: any) => {\r\n if (typeof cellData === 'object') {\r\n return Array.isArray(cellData) ? cellData.length : cellData.str;\r\n }\r\n\r\n //if (typeof cellData === 'boolean') {\r\n // return cellData ? 'Yes' : 'No';\r\n //}\r\n\r\n if (cellData === 0) {\r\n return null;\r\n }\r\n\r\n return cellData;\r\n};\r\n\r\n// Default cell\r\nexport const TextCell = ({ cellData }: { cellData?: any }) => (\r\n <span className=\"plain text cell\">{getCellContent(cellData)}</span>\r\n);\r\n\r\n// Column header\r\ninterface HeaderCellProps extends CellProps {\r\n onClick: () => void;\r\n label: React.ReactNode;\r\n columnKey?: string; // REQUIRED, CLONED\r\n}\r\n\r\nexport const HeaderCell = ({ onClick, label, columnKey, ...props }: HeaderCellProps) => (\r\n <Cell {...props}>\r\n <a onClick={onClick}>{label}</a>\r\n </Cell>\r\n);\r\n\r\nexport interface ActionCellProps<\r\n CellDataT,\r\n ItemDataT extends UI.ActionMenuItemDataValueType,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n> extends Omit<RowWrapperCellChildProps<CellDataT, ItemDataT>, 't' | 'children'>,\r\n Omit<TableActionMenuProps<ItemDataT, EntityT>, 'caption' | 'itemData'> {}\r\n\r\ninterface FileItemBase {\r\n type: API.FileItemType;\r\n}\r\n\r\nexport const FileActionCell = <\r\n CellDataT extends React.ReactNode,\r\n ItemDataT extends UI.ActionMenuItemDataValueType & FileItemBase,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n>({\r\n cellData,\r\n rowDataGetter,\r\n children,\r\n ...props\r\n}: ActionCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n <TableActionMenu\r\n caption={\r\n <FormattedFile\r\n typeInfo={rowDataGetter!().type}\r\n caption={cellData}\r\n className=\"icon-caption\"\r\n />\r\n }\r\n itemData={rowDataGetter!}\r\n {...props}\r\n />\r\n);\r\n\r\nexport const ActionMenuCell = <\r\n CellDataT extends React.ReactNode,\r\n ItemDataT extends UI.ActionMenuItemDataValueType,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n>({\r\n cellData,\r\n rowDataGetter,\r\n ...props\r\n}: ActionCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n <TableActionMenu caption={cellData} itemData={rowDataGetter!} {...props} />\r\n);\r\n\r\nexport interface ActionLinkCellProps<\r\n CellDataT,\r\n ItemDataT extends UI.ActionMenuItemDataValueType,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n> extends RowWrapperCellChildProps<CellDataT, ItemDataT> {\r\n /*Pick<ActionButtonProps<ItemDataT>, 'actions' | 'actionId'>*/\r\n\r\n //action: (itemData: any, location: Location) => void;\r\n //action: UI.ActionType<ItemDataT>;\r\n action: UI.ActionDefinition<ItemDataT, EntityT>;\r\n moduleData: UI.ActionModuleData;\r\n entity?: EntityT;\r\n // actionId: string;\r\n}\r\n\r\nexport const ActionLinkCell = <\r\n CellDataT,\r\n ItemDataT extends UI.ActionMenuItemDataValueType,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n>(\r\n {\r\n cellData,\r\n rowDataGetter,\r\n //location,\r\n //onClickAction, action,\r\n action,\r\n moduleData,\r\n entity,\r\n ...props\r\n }: ActionLinkCellProps<\r\n CellDataT,\r\n ItemDataT,\r\n EntityT\r\n > /*& ActionHandlerDecoratorChildProps*/,\r\n) => {\r\n if (!showAction(action, rowDataGetter!())) {\r\n return <TextCell cellData={cellData} {...props} />;\r\n }\r\n\r\n return (\r\n <ActionHandlerDecorator<ItemDataT, EntityT>>\r\n {({ onClickAction }) => (\r\n <a\r\n className=\"plain link cell\"\r\n onClick={() =>\r\n onClickAction({\r\n action,\r\n moduleData,\r\n itemData: rowDataGetter!(),\r\n entity: entity as EntityT,\r\n })\r\n }\r\n >\r\n {getCellContent(cellData)}\r\n </a>\r\n )}\r\n </ActionHandlerDecorator>\r\n );\r\n\r\n /*return (\r\n <ActionButton\r\n actions={ actions }\r\n actionId={ actionId }\r\n tag=\"a\"\r\n semanticClassName=\"plain link cell\"\r\n icon={ null }\r\n caption={ getCellContent(cellData) }\r\n />\r\n );*/\r\n};\r\n\r\n//export const ActionLinkCell = ActionHandlerDecorator(ActionLinkCellPlain);\r\n\r\nexport interface NumberCellProps extends RowWrapperCellChildProps<number, any> {\r\n cellData?: number;\r\n}\r\n\r\nexport const SizeCell: React.FC<NumberCellProps> = ({ cellData, t }) => (\r\n <span className=\"plain size cell\">{formatSize(cellData!, t!)}</span>\r\n);\r\n\r\nexport const SpeedCell: React.FC<NumberCellProps> = ({ cellData, t }) => (\r\n <span className=\"plain speed cell\">{formatSpeed(cellData!, t!)}</span>\r\n);\r\n\r\nexport const DateCell: React.FC<NumberCellProps> = ({ cellData, width }) => (\r\n <span className=\"plain date cell\">\r\n {!!width && width > 150 ? formatDateTime(cellData!) : formatShortDate(cellData!)}\r\n </span>\r\n);\r\n\r\nexport const DurationCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n <span className=\"plain duration cell\">{formatRelativeTime(cellData!)}</span>\r\n);\r\n\r\nexport const AbbreviatedDurationCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n <span className=\"plain abbr-duration cell\">{formatAbbreviatedDuration(cellData!)}</span>\r\n);\r\n\r\nexport interface IpCellProps {\r\n cellData?: API.IP;\r\n}\r\n\r\nexport const IpCell: React.FC<IpCellProps> = ({ cellData }) => (\r\n <FormattedIp item={cellData!} />\r\n);\r\n\r\nexport const ConnectionCell: React.FC<NumberCellProps> = ({ cellData, t }) => (\r\n <span className=\"plain connection cell\">{formatConnection(cellData!, t!)}</span>\r\n);\r\n\r\nexport const DecimalCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n <span className=\"plain decimal cell\">{formatDecimal(cellData!)}</span>\r\n);\r\n\r\nexport type FileDownloadCellClickHandler = (\r\n cellData: any,\r\n rowDataGetter: () => any,\r\n) => (() => void) | undefined;\r\n\r\nexport interface FileDownloadCellProps<\r\n CellDataT,\r\n ItemDataT extends UI.DownloadableItemInfo,\r\n EntityT extends UI.SessionItemBase,\r\n> extends Omit<RowWrapperCellChildProps<CellDataT, ItemDataT>, 'children'>,\r\n Omit<\r\n TableDownloadMenuProps<ItemDataT, EntityT>,\r\n 'user' | 'itemInfoGetter' | 'caption'\r\n > {\r\n userGetter: (rowData: ItemDataT) => UI.DownloadSource;\r\n clickHandlerGetter?: FileDownloadCellClickHandler;\r\n}\r\n\r\nexport const FileDownloadCell = <\r\n CellDataT extends React.ReactNode,\r\n ItemDataT extends UI.DownloadableItemInfo & FileItemBase,\r\n EntityT extends UI.SessionItemBase,\r\n>({\r\n cellData,\r\n rowDataGetter,\r\n clickHandlerGetter,\r\n userGetter,\r\n downloadHandler,\r\n ...props\r\n}: FileDownloadCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n <TableDownloadMenu\r\n caption={\r\n <FormattedFile\r\n typeInfo={rowDataGetter!().type}\r\n onClick={clickHandlerGetter ? clickHandlerGetter(cellData, rowDataGetter!) : null}\r\n caption={cellData}\r\n className=\"icon-caption\"\r\n />\r\n }\r\n user={userGetter(rowDataGetter!())}\r\n linkCaption={!!clickHandlerGetter ? false : true}\r\n itemInfoGetter={rowDataGetter!}\r\n downloadHandler={downloadHandler}\r\n {...props}\r\n />\r\n);\r\n\r\n/*FileDownloadCell.propTypes = {\r\n rowDataGetter: PropTypes.func, // REQUIRED\r\n cellData: PropTypes.any, // REQUIRED\r\n userGetter: PropTypes.func.isRequired,\r\n clickHandlerGetter: PropTypes.func,\r\n downloadHandler: PropTypes.func.isRequired,\r\n};*/\r\n\r\n// eslint-disable-next-line max-len\r\nexport interface CheckboxCellProps\r\n extends Omit<RowWrapperCellChildProps<boolean, any>, 'onChange'>,\r\n Omit<CheckboxProps, 'onChange' | 'checked'> {\r\n onChange: (checked: boolean, rowData: any) => void;\r\n}\r\n\r\nexport const CheckboxCell: React.FC<CheckboxCellProps> = ({\r\n cellData,\r\n rowDataGetter,\r\n onChange,\r\n ...props\r\n}) => (\r\n <Checkbox\r\n checked={cellData!}\r\n onChange={(checked) => onChange(checked, rowDataGetter!())}\r\n {...props}\r\n />\r\n);\r\n\r\n/*CheckboxCell.propTypes = {\r\n rowDataGetter: PropTypes.func, // REQUIRED\r\n cellData: PropTypes.bool, // REQUIRED\r\n onChange: PropTypes.func.isRequired,\r\n};*/\r\n","import * as React from 'react';\r\n\r\nimport SectionedDropdown from 'components/semantic/SectionedDropdown';\r\nimport MenuSection from 'components/semantic/MenuSection';\r\nimport MenuItemLink from 'components/semantic/MenuItemLink';\r\n\r\nimport TableFilterDecorator, {\r\n TableFilterDecoratorChildProps,\r\n} from 'decorators/TableFilterDecorator';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { useMobileLayout } from 'utils/BrowserUtils';\r\nimport { translate } from 'utils/TranslationUtils';\r\nimport { Translation } from 'react-i18next';\r\n\r\nconst getFilterMethodCaption = (method: API.FilterMethod) => {\r\n switch (method) {\r\n case API.FilterMethod.REGEX:\r\n return 'Regex';\r\n case API.FilterMethod.WILDCARD:\r\n return 'Wildcard';\r\n case API.FilterMethod.EXACT:\r\n return 'Exact';\r\n default:\r\n return 'Partial';\r\n }\r\n};\r\n\r\nconst filterMethodToString = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n const methodTitle = getFilterMethodCaption(method);\r\n return translate(methodTitle, t, 'table.filter');\r\n};\r\n\r\nconst getPlaceholder = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n let ret = t('table.filter.filter', 'Filter');\r\n if (method !== API.FilterMethod.PARTIAL) {\r\n ret += ` (${filterMethodToString(method, t).toLowerCase()})`;\r\n }\r\n\r\n return ret + '...';\r\n};\r\n\r\nexport interface TextFilterProps {\r\n autoFocus?: boolean;\r\n}\r\n\r\nclass TextFilter extends React.PureComponent<\r\n TextFilterProps & TableFilterDecoratorChildProps\r\n> {\r\n state = {\r\n value: '',\r\n method: API.FilterMethod.PARTIAL,\r\n };\r\n\r\n timer: number | undefined;\r\n input: HTMLInputElement;\r\n\r\n static defaultProps: Pick<TextFilterProps, 'autoFocus'> = {\r\n autoFocus: true,\r\n };\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.timer);\r\n }\r\n\r\n onFilterUpdated = () => {\r\n const { value, method } = this.state;\r\n this.props.onFilterUpdated(value, method);\r\n };\r\n\r\n onTextChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n this.setState({\r\n value: event.target.value,\r\n });\r\n\r\n clearTimeout(this.timer);\r\n\r\n this.timer = window.setTimeout(() => {\r\n this.onFilterUpdated();\r\n }, 200);\r\n };\r\n\r\n onMethodChanged = (method: API.FilterMethod) => {\r\n this.setState({\r\n method,\r\n });\r\n\r\n setTimeout(() => this.onFilterUpdated());\r\n this.input.focus();\r\n };\r\n\r\n getFilterMethod = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n const isCurrent = method === this.state.method;\r\n return (\r\n <MenuItemLink\r\n key={method}\r\n onClick={() => this.onMethodChanged(method)}\r\n active={isCurrent}\r\n >\r\n {filterMethodToString(method, t)}\r\n </MenuItemLink>\r\n );\r\n };\r\n\r\n render() {\r\n const { value, method } = this.state;\r\n const { autoFocus } = this.props;\r\n return (\r\n <Translation>\r\n {(t) => (\r\n <div className=\"text-filter\">\r\n <div className=\"ui action input\">\r\n <input\r\n ref={(c: any) => (this.input = c)}\r\n placeholder={getPlaceholder(method, t)}\r\n onChange={this.onTextChanged}\r\n value={value}\r\n type=\"text\"\r\n autoFocus={!useMobileLayout() && autoFocus}\r\n />\r\n <SectionedDropdown\r\n className=\"filter-method right top pointing\"\r\n button={true}\r\n direction=\"upward\"\r\n >\r\n <MenuSection caption={translate('Match type', t, 'table.filter')}>\r\n {Object.keys(API.FilterMethod)\r\n .filter((key) => isNaN(Number(key)))\r\n .map((key) =>\r\n this.getFilterMethod(\r\n API.FilterMethod[key as keyof typeof API.FilterMethod],\r\n t,\r\n ),\r\n )}\r\n </MenuSection>\r\n </SectionedDropdown>\r\n </div>\r\n </div>\r\n )}\r\n </Translation>\r\n );\r\n }\r\n}\r\n\r\nexport default TableFilterDecorator<TextFilterProps>(TextFilter);\r\n","import * as React from 'react';\n\nimport TextFilter, { TextFilterProps } from './TextFilter';\nimport Icon from 'components/semantic/Icon';\nimport IconConstants from 'constants/IconConstants';\nimport { TableFilterDecoratorProps } from 'decorators/TableFilterDecorator';\n\nconst CountInfo: React.FC<{ store: any }> = ({ store }) => {\n if (store.totalCount < 0) {\n // Not initialized yet\n return null;\n }\n\n let ret = store.totalCount;\n if (store.totalCount !== store.rowCount) {\n ret = store.rowCount + '/' + store.totalCount;\n }\n\n return (\n <div className=\"count-info\">\n <Icon icon={IconConstants.FILTER} />\n {ret}\n </div>\n );\n};\n\nexport type CustomTableFilter = React.ComponentType<TableFilterDecoratorProps>;\n\nexport interface TableFooterProps {\n footerData?: React.ReactNode;\n customFilter?: CustomTableFilter;\n store: any;\n textFilterProps?: TextFilterProps;\n}\n\nconst TableFooter: React.FC<TableFooterProps> = ({\n store,\n customFilter: CustomFilter,\n footerData,\n textFilterProps,\n}) => (\n <div className=\"table-footer\">\n {footerData}\n <div className=\"filter item\">\n {!CustomFilter ? null : <CustomFilter store={store} />}\n <TextFilter store={store} {...textFilterProps} />\n <CountInfo store={store} />\n </div>\n </div>\n);\n\nexport default TableFooter;\n","import * as React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { CellProps } from 'fixed-data-table-2';\r\n\r\nimport * as UI from 'types/ui';\r\nimport classNames from 'classnames';\r\n\r\nexport interface RowWrapperCellChildProps<\r\n CellDataT,\r\n RowDataT extends UI.ActionMenuItemDataValueType,\r\n> extends CellProps {\r\n cellData?: CellDataT;\r\n rowDataGetter?: () => RowDataT;\r\n rowData?: RowDataT;\r\n t?: UI.TranslateF;\r\n}\r\n\r\nexport interface RowWrapperCellProps extends CellProps {\r\n dataLoader: any;\r\n\r\n renderCondition?: (columnData: any, rowData: any) => boolean;\r\n rowClassNameGetter?: (rowData: any) => string;\r\n columnKey?: string; // REQUIRED, CLONED\r\n\r\n children: React.ReactElement<any>;\r\n t: UI.TranslateF;\r\n}\r\n\r\ninterface State {\r\n rowData: any;\r\n}\r\n\r\n// Generic wrapper for all cells that will handle data loading\r\nclass RowWrapperCell extends React.Component<RowWrapperCellProps> {\r\n static propTypes = {\r\n rowIndex: PropTypes.number, // required\r\n dataLoader: PropTypes.object.isRequired,\r\n width: PropTypes.number, // required\r\n };\r\n\r\n state: State = {\r\n rowData: null,\r\n };\r\n\r\n componentDidMount() {\r\n this.loadData(this.props.rowIndex!);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps: RowWrapperCellProps) {\r\n if (nextProps.rowIndex !== this.props.rowIndex) {\r\n // Remove pending update callbacks to avoid rendering each of them when the data is received\r\n // (there can be lots of pending requests when scrolling for long distances)\r\n this.props.dataLoader.removePendingRequests(this.props.rowIndex, this.onDataLoaded);\r\n }\r\n\r\n // Check if there is new data available (rowIndex may have changed as well)\r\n if (!this.loadData(nextProps.rowIndex!)) {\r\n // Avoid displaying old data\r\n this.setState({ rowData: null });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.dataLoader.removePendingRequests(this.props.rowIndex, this.onDataLoaded);\r\n }\r\n\r\n loadData = (rowIndex: number) => {\r\n return this.props.dataLoader.updateRowData(rowIndex, this.onDataLoaded);\r\n };\r\n\r\n shouldComponentUpdate(nextProps: RowWrapperCellProps, nextState: State) {\r\n return (\r\n nextState.rowData !== this.state.rowData || nextProps.width !== this.props.width\r\n );\r\n }\r\n\r\n rowDataGetter = () => {\r\n return this.state.rowData;\r\n };\r\n\r\n onDataLoaded = (data: any) => {\r\n this.setState({ rowData: data });\r\n };\r\n\r\n render() {\r\n const { columnKey, children, renderCondition, rowClassNameGetter, ...other } =\r\n this.props;\r\n const { rowData } = this.state;\r\n\r\n if (!rowData) {\r\n return null;\r\n }\r\n\r\n if (renderCondition && !renderCondition(rowData[columnKey!], rowData)) {\r\n return null;\r\n }\r\n\r\n const className = classNames(\r\n 'cell-wrapper',\r\n columnKey,\r\n rowClassNameGetter ? rowClassNameGetter(rowData) : undefined,\r\n );\r\n\r\n return (\r\n <div className={className}>\r\n {React.cloneElement(children, {\r\n cellData: rowData[columnKey!],\r\n\r\n // Don't pass the actual row data to allow cells to skip\r\n // re-rendering using shallow equality checks when the row data is\r\n // updated without leaving them with an outdated item data\r\n rowDataGetter: this.rowDataGetter,\r\n ...other,\r\n })}\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default RowWrapperCell;\r\n","import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport { Table, ColumnProps } from 'fixed-data-table-2';\r\n\r\nimport TableActions from 'actions/TableActions';\r\nimport { useMobileLayout } from 'utils/BrowserUtils';\r\n\r\nimport Measure, { ContentRect } from 'react-measure';\r\nimport RowWrapperCell from 'components/table/RowWrapperCell';\r\nimport { TextCell, HeaderCell } from 'components/table/Cell';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\nimport { textToI18nKey, toArray } from 'utils/TranslationUtils';\r\n\r\nconst TABLE_ROW_HEIGHT = 50;\r\n\r\nfunction convertStartToRows(pixels: number) {\r\n return Math.max(Math.floor(pixels / TABLE_ROW_HEIGHT), 0);\r\n}\r\n\r\nfunction convertEndToRows(pixels: number) {\r\n return Math.ceil(pixels / TABLE_ROW_HEIGHT);\r\n}\r\n\r\nexport type TableContainerProps = React.PropsWithChildren<{\r\n entityId?: API.IdType;\r\n rowClassNameGetter?: (rowData: any) => string;\r\n store: any;\r\n dataLoader: any;\r\n t: UI.TranslateF;\r\n moduleId: string | string[];\r\n viewId?: number | string;\r\n}>;\r\n\r\ninterface State {\r\n width: number;\r\n height: number;\r\n columnWidths: Record<string, number>;\r\n isColumnResizing: boolean | undefined;\r\n}\r\n\r\nconst formatColumnName = (\r\n column: React.ReactElement<ColumnProps>,\r\n store: any,\r\n moduleId: string | string[],\r\n t: UI.TranslateF,\r\n) => {\r\n const { name, columnKey } = column.props;\r\n let displayName = t(\r\n textToI18nKey(columnKey as string, [...toArray(moduleId), UI.SubNamespaces.TABLE]),\r\n name,\r\n );\r\n\r\n {\r\n const sortDirArrow = store.sortAscending ? ' ↑' : ' ↓';\r\n displayName += store.sortProperty === columnKey ? sortDirArrow : '';\r\n }\r\n\r\n return displayName;\r\n};\r\n\r\nclass TableContainer extends React.Component<TableContainerProps, State> {\r\n static propTypes = {\r\n /**\r\n * Store implementing ViewStoreMixin that contains the items\r\n */\r\n store: PropTypes.object.isRequired,\r\n\r\n /**\r\n * Append class names to row (takes row data as param)\r\n */\r\n rowClassNameGetter: PropTypes.func,\r\n\r\n /**\r\n * ID of the current entity for non-singleton sources\r\n */\r\n entityId: PropTypes.any,\r\n\r\n dataLoader: PropTypes.any.isRequired,\r\n };\r\n\r\n state: State = {\r\n width: 0,\r\n height: 0,\r\n columnWidths: {},\r\n isColumnResizing: undefined,\r\n };\r\n\r\n getInitialProps = () => {\r\n return {\r\n rowClassNameGetter: null,\r\n entityId: null,\r\n };\r\n };\r\n\r\n scrollTimer: number | undefined;\r\n scrollPosition = 0;\r\n setInitialScrollRow = true;\r\n\r\n // This will also be used for setting the initial rows\r\n componentDidUpdate(prevProps: TableContainerProps, prevState: State) {\r\n if (prevState.height !== this.state.height) {\r\n this.updateRowRange();\r\n } else if (\r\n prevProps.entityId !== this.props.entityId ||\r\n prevProps.viewId !== this.props.viewId\r\n ) {\r\n if (this.props.store.DEBUG) {\r\n console.log(\r\n `Enabling initial scroll, entity/viewId changed (view ${this.props.viewId})`,\r\n );\r\n }\r\n\r\n this.setInitialScrollRow = true;\r\n this.updateRowRange();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.scrollTimer);\r\n }\r\n\r\n updateRowRange = () => {\r\n const { store } = this.props;\r\n const { height } = this.state;\r\n\r\n const startRows = convertStartToRows(this.scrollPosition);\r\n const maxRows = convertEndToRows(height);\r\n\r\n if (store.DEBUG) {\r\n // eslint-disable-next-line max-len\r\n console.log(\r\n `Settings changed, start: ${startRows}, end: ${maxRows}, height: ${height}`,\r\n store.viewName,\r\n );\r\n }\r\n\r\n console.assert(store.active, 'Posting data for an inactive view');\r\n TableActions.setRange(store.viewUrl, startRows, maxRows);\r\n };\r\n\r\n onScrollStart = (horizontal: number, vertical: number) => {\r\n const { store } = this.props;\r\n\r\n if (store.DEBUG) {\r\n console.log(`Scrolling started: ${vertical}`, store.viewUrl);\r\n }\r\n\r\n console.assert(store.active, 'Sending pause for an inactive view');\r\n TableActions.pause(store.viewUrl, true);\r\n };\r\n\r\n onScrollEnd = (horizontal: number, vertical: number) => {\r\n const { store, viewId } = this.props;\r\n\r\n this.scrollPosition = vertical;\r\n console.assert(store.active, 'Sending pause for an inactive view');\r\n TableActions.pause(store.viewUrl, false);\r\n\r\n clearTimeout(this.scrollTimer);\r\n this.scrollTimer = window.setTimeout(this.updateRowRange, 500);\r\n\r\n if (this.setInitialScrollRow) {\r\n this.setInitialScrollRow = false;\r\n\r\n if (store.DEBUG) {\r\n console.log(`Disabling initial scroll (view ${viewId})`);\r\n }\r\n }\r\n\r\n store.setScrollData(vertical, viewId);\r\n if (store.DEBUG) {\r\n console.log(`Scrolling ended: ${vertical}`, store.viewUrl);\r\n }\r\n };\r\n\r\n onColumnClicked = (sortProperty: string) => {\r\n const { store } = this.props;\r\n\r\n let sortAscending = true;\r\n if (sortProperty === store.sortProperty && store.sortAscending) {\r\n sortAscending = false;\r\n }\r\n\r\n TableActions.setSort(this.props.store.viewUrl, sortProperty, sortAscending);\r\n };\r\n\r\n onColumnResizeEndCallback = (newColumnWidth: number, columnKey: string) => {\r\n this.setState(\r\n ({ columnWidths }) => ({\r\n columnWidths: {\r\n ...columnWidths,\r\n [columnKey]: newColumnWidth,\r\n },\r\n\r\n // In order to disable the resizing mode, the table needs to be rendered with \"isColumnResizing: false\"\r\n // Put it right back to undefined after that in order to avoid resizing issues\r\n // while the table is being re-rendered\r\n // https://github.com/schrodinger/fixed-data-table-2/issues/268\r\n // https://github.com/airdcpp-web/airdcpp-webclient/issues/444\r\n isColumnResizing: false,\r\n }),\r\n () => {\r\n this.setState({\r\n isColumnResizing: undefined,\r\n });\r\n },\r\n );\r\n };\r\n\r\n childToColumn = (column: React.ReactElement<ColumnProps>) => {\r\n if (!!column.props.hideWidth && column.props.hideWidth > this.state.width) {\r\n return null;\r\n }\r\n\r\n let { flexGrow, width } = column.props;\r\n const { cell, columnKey, renderCondition } = column.props;\r\n const { store, rowClassNameGetter, moduleId, t } = this.props;\r\n\r\n const mobileView = useMobileLayout();\r\n if (!mobileView) {\r\n // Get column width\r\n if (!!columnKey && !!this.state.columnWidths[columnKey]) {\r\n width = this.state.columnWidths[columnKey];\r\n flexGrow = undefined;\r\n }\r\n }\r\n\r\n return React.cloneElement(column, {\r\n header: (\r\n <HeaderCell\r\n onClick={this.onColumnClicked.bind(null, columnKey)}\r\n label={formatColumnName(column, store, moduleId, t)}\r\n />\r\n ),\r\n flexGrow,\r\n width,\r\n isResizable: !mobileView,\r\n allowCellsRecycling: true,\r\n cell: (\r\n <RowWrapperCell\r\n dataLoader={this.props.dataLoader}\r\n renderCondition={renderCondition}\r\n rowClassNameGetter={rowClassNameGetter}\r\n t={t}\r\n >\r\n {cell ? (cell as React.ReactElement<any>) : <TextCell />}\r\n </RowWrapperCell>\r\n ),\r\n });\r\n };\r\n\r\n onResizeView = (contentRect: ContentRect) => {\r\n if (!contentRect.bounds) {\r\n return;\r\n }\r\n\r\n // Bounds may contain incorrect (or outdated) dimensions with animations (such as when opening a modal)\r\n const { width, height } = !!contentRect.entry\r\n ? contentRect.entry\r\n : contentRect.bounds;\r\n this.setState({\r\n width,\r\n height,\r\n });\r\n };\r\n\r\n render() {\r\n // Update and insert generic columns props\r\n const children = React.Children.map(this.props.children, this.childToColumn);\r\n\r\n const { width, height, isColumnResizing } = this.state;\r\n const { store, viewId } = this.props;\r\n return (\r\n <Measure bounds={true} onResize={this.onResizeView}>\r\n {({ measureRef }) => (\r\n <div ref={measureRef} className=\"table-container-wrapper\">\r\n <Table\r\n width={width}\r\n height={height}\r\n rowHeight={50}\r\n rowsCount={store.rowCount}\r\n headerHeight={50}\r\n isColumnResizing={isColumnResizing}\r\n onColumnResizeEndCallback={this.onColumnResizeEndCallback}\r\n touchScrollEnabled={true}\r\n onScrollStart={this.onScrollStart}\r\n onScrollEnd={this.onScrollEnd}\r\n scrollTop={\r\n this.setInitialScrollRow ? store.getScrollData(viewId) : undefined\r\n }\r\n >\r\n {children}\r\n </Table>\r\n </div>\r\n )}\r\n </Measure>\r\n );\r\n }\r\n}\r\n\r\nexport default TableContainer;\r\n","import SocketService from 'services/SocketService';\r\nimport update from 'immutability-helper';\r\n\r\nimport isEqual from 'lodash/isEqual';\r\n\r\nconst NUMBER_OF_ROWS_PER_REQUEST = 10;\r\n\r\n// This will handle fetching only when scrolling. Otherwise the data will be updated through the socket listener.\r\nclass RowDataLoader {\r\n constructor(store, onDataLoad) {\r\n this._onDataLoad = onDataLoad;\r\n this._store = store;\r\n this._data = [];\r\n this._pendingRequest = {};\r\n this._initialDataReceived = false;\r\n this.DEBUG = store.DEBUG;\r\n }\r\n\r\n clear() {\r\n this._pendingRequest = {};\r\n this._data = [];\r\n }\r\n\r\n // Returns true if the item was updated\r\n updateItem(updated, item, index) {\r\n let old = this._data[index];\r\n\r\n // Objects equal most of the time\r\n if (old === item || isEqual(this._data[index], item)) {\r\n return updated;\r\n }\r\n\r\n if (old) {\r\n this._data[index] = update(old, { $merge: item });\r\n } else {\r\n this._data[index] = update(old, { $set: item });\r\n }\r\n\r\n return updated + 1;\r\n }\r\n\r\n onItemsUpdated(items, rangeOffset = 0, rowCount) {\r\n // Rows removed?\r\n let hasChanges = rowCount < this._data.length;\r\n\r\n if (!items || items.length === 0) {\r\n // The view was cleared\r\n this.clear();\r\n hasChanges = true;\r\n\r\n this._initialDataReceived = false;\r\n\r\n if (this.DEBUG) {\r\n console.log('onItemsUpdated, cleared');\r\n }\r\n } else {\r\n this._initialDataReceived = true;\r\n\r\n // Remove rows outside the range\r\n // Leave the current range in case all old items can be reused\r\n // (avoids flickering because there is no need to re-render)\r\n for (let i = 0; i < this._data.length; i++) {\r\n if (!items[i]) {\r\n delete this._data[i];\r\n }\r\n }\r\n\r\n // Update rows\r\n const updatedCount = items.reduce(this.updateItem.bind(this), 0);\r\n if (updatedCount > 0 || rangeOffset !== 0) {\r\n if (this.DEBUG) {\r\n console.log(\r\n 'onItemsUpdated, changed (updatedCount, rangeOffset)',\r\n updatedCount,\r\n rangeOffset,\r\n );\r\n }\r\n\r\n hasChanges = true;\r\n }\r\n }\r\n\r\n if (hasChanges) {\r\n this._onDataLoad();\r\n }\r\n }\r\n\r\n get rangeOffset() {\r\n const ret = this._rangeOffset;\r\n this._rangeOffset = 0;\r\n return ret;\r\n }\r\n\r\n getRowData(rowIndex) {\r\n return this._data[rowIndex];\r\n }\r\n\r\n // onDataLoaded is called when the data is ready\r\n updateRowData(rowIndex, onDataLoaded) {\r\n const rowData = this._data[rowIndex];\r\n if (!rowData) {\r\n if (this._initialDataReceived) {\r\n this._queueRequestFor(rowIndex, onDataLoaded);\r\n }\r\n\r\n return false;\r\n }\r\n\r\n onDataLoaded(rowData);\r\n return true;\r\n }\r\n\r\n removePendingRequests(rowIndex) {\r\n delete this._pendingRequest[rowIndex];\r\n }\r\n\r\n _queueRequestFor(rowIndex, onDataLoaded) {\r\n const rowBase = rowIndex - (rowIndex % NUMBER_OF_ROWS_PER_REQUEST);\r\n\r\n const request = this._pendingRequest[rowIndex];\r\n if (request) {\r\n request.push(onDataLoaded);\r\n return;\r\n }\r\n\r\n this._pendingRequest[rowIndex] = [onDataLoaded];\r\n if (rowIndex !== rowBase) {\r\n if (this._pendingRequest[rowBase]) {\r\n return;\r\n }\r\n\r\n this._pendingRequest[rowBase] = [];\r\n }\r\n\r\n const endRow = Math.min(rowBase + NUMBER_OF_ROWS_PER_REQUEST, this._store.rowCount);\r\n SocketService.get(this._store.viewUrl + '/items/' + rowBase + '/' + endRow)\r\n .then(this.onRowsReceived.bind(this, rowBase))\r\n .catch((error) => {\r\n console.error('Failed to load data', error);\r\n for (let i = rowBase; i < endRow; i++) {\r\n if (this._pendingRequest[i]) {\r\n delete this._pendingRequest[i];\r\n }\r\n }\r\n });\r\n }\r\n\r\n onRowsReceived(start, rows) {\r\n if (!this._pendingRequest[start]) {\r\n // View changed\r\n return;\r\n }\r\n\r\n for (let i = 0; i < rows.length; i++) {\r\n const rowIndex = start + i;\r\n if (!isEqual(this._data[rowIndex], rows[i])) {\r\n this._data[rowIndex] = rows[i];\r\n\r\n if (this._pendingRequest[rowIndex]) {\r\n this._pendingRequest[rowIndex].forEach((f) => f(rows[i]));\r\n }\r\n } else if (this.DEBUG) {\r\n console.log('onRowsReceived, row data equals', rowIndex);\r\n }\r\n\r\n delete this._pendingRequest[rowIndex];\r\n }\r\n }\r\n}\r\n\r\nexport default RowDataLoader;\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n export default content && content.locals ? content.locals : undefined;\n","import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport TableActions from 'actions/TableActions';\r\n\r\nimport TableFooter, { TableFooterProps } from './TableFooter';\r\nimport TableContainer, { TableContainerProps } from './TableContainer';\r\nimport RowDataLoader from './RowDataLoader';\r\n\r\nimport './style.css';\r\nimport 'fixed-data-table-2/dist/fixed-data-table.css';\r\n\r\nimport * as API from 'types/api';\r\nimport { Translation } from 'react-i18next';\r\n\r\ndeclare module 'fixed-data-table-2' {\r\n export interface ColumnProps {\r\n name: string;\r\n hideWidth?: number;\r\n renderCondition?: (cellData: any, rowData: any) => boolean;\r\n }\r\n}\r\n\r\nexport type VirtualTableProps = Omit<TableFooterProps, 't'> &\r\n Omit<TableContainerProps, 'store' | 'dataLoader' | 't'> &\r\n React.PropsWithChildren<{\r\n store: any;\r\n sessionStore?: any;\r\n sourceFilter?: API.TableFilter;\r\n emptyRowsNodeGetter?: () => React.ReactNode;\r\n }>;\r\n\r\nclass VirtualTable extends React.PureComponent<VirtualTableProps> {\r\n static propTypes = {\r\n // Elements to append to the table footer\r\n footerData: PropTypes.node,\r\n\r\n // Returns a node to render if there are no rows to display\r\n emptyRowsNodeGetter: PropTypes.func,\r\n\r\n // Possible ID of the current view (items will be cleared when the ID changes)\r\n viewId: PropTypes.any,\r\n\r\n // Store containing sessions (must be provided together with entityId)\r\n sessionStore: PropTypes.object,\r\n\r\n // Custom filter that will be displayed in addition to regular text filter\r\n customFilter: PropTypes.elementType,\r\n\r\n // Filter that is always applied for source items (those will never be displayed or included in the total count)\r\n sourceFilter: PropTypes.object,\r\n };\r\n\r\n dataLoader = new RowDataLoader(this.props.store, () => this.forceUpdate());\r\n unsubscribe = this.props.store.listen(\r\n this.dataLoader.onItemsUpdated.bind(this.dataLoader),\r\n );\r\n\r\n componentDidMount() {\r\n //this._dataLoader = new RowDataLoader(this.props.store, () => this.forceUpdate() );\r\n\r\n //this.unsubscribe = this.props.store.listen(this._dataLoader.onItemsUpdated.bind(this._dataLoader));\r\n\r\n this.start(this.props.entityId);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.close(this.props.entityId);\r\n this.unsubscribe();\r\n }\r\n\r\n componentDidUpdate(prevProps: VirtualTableProps) {\r\n if (prevProps.entityId !== this.props.entityId) {\r\n this.close(prevProps.entityId);\r\n this.start(this.props.entityId);\r\n }\r\n\r\n if (prevProps.viewId !== this.props.viewId) {\r\n const { store } = this.props;\r\n if (store.paused) {\r\n // We need to receive the new items\r\n TableActions.pause(store.viewUrl, false);\r\n }\r\n\r\n TableActions.clear(store.viewUrl);\r\n }\r\n }\r\n\r\n moduleExists = (entityId: API.IdType | undefined) => {\r\n if (!entityId || !this.props.sessionStore) {\r\n return true;\r\n }\r\n\r\n return this.props.sessionStore.getSession(entityId);\r\n };\r\n\r\n start = (entityId: API.IdType | undefined) => {\r\n const { store, sourceFilter } = this.props;\r\n\r\n TableActions.init(store.viewUrl, entityId, sourceFilter);\r\n TableActions.setSort(store.viewUrl, store.sortProperty, store.sortAscending);\r\n };\r\n\r\n close = (entityId: API.IdType | undefined) => {\r\n // Don't send the close command if the session was removed\r\n TableActions.close(this.props.store.viewUrl, this.moduleExists(entityId));\r\n };\r\n\r\n render() {\r\n const {\r\n store,\r\n footerData,\r\n emptyRowsNodeGetter,\r\n customFilter,\r\n textFilterProps,\r\n ...other\r\n } = this.props;\r\n\r\n if (emptyRowsNodeGetter && store.totalCount === -1) {\r\n // Row count is unknown, don't flash the table\r\n return <div className=\"virtual-table\" />;\r\n }\r\n\r\n if (emptyRowsNodeGetter && store.totalCount === 0) {\r\n return emptyRowsNodeGetter();\r\n }\r\n\r\n //console.log('Render virtual table');\r\n return (\r\n <div className=\"virtual-table\">\r\n <Translation>\r\n {(t) => (\r\n <>\r\n <TableContainer\r\n {...other}\r\n dataLoader={this.dataLoader}\r\n store={store}\r\n t={t}\r\n />\r\n\r\n <TableFooter\r\n store={store}\r\n customFilter={customFilter}\r\n footerData={footerData}\r\n textFilterProps={textFilterProps}\r\n />\r\n </>\r\n )}\r\n </Translation>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default VirtualTable;\r\n","import * as React from 'react';\r\n\r\nimport DataProviderDecorator, {\r\n DataProviderDecoratorChildProps,\r\n} from 'decorators/DataProviderDecorator';\r\nimport SocketService from 'services/SocketService';\r\n\r\nimport * as API from 'types/api';\r\nimport { ErrorResponse } from 'airdcpp-apisocket';\r\n\r\ninterface FilterType {\r\n id: number;\r\n}\r\n\r\nexport interface TableFilterDecoratorProps {\r\n store: any;\r\n}\r\n\r\nexport interface TableFilterDecoratorDataProps {\r\n filter: FilterType;\r\n}\r\n\r\nexport interface TableFilterDecoratorChildProps {\r\n onFilterUpdated: (value: string | number | null, method?: API.FilterMethod) => void;\r\n}\r\n\r\nexport default function <PropsT>(\r\n Component: React.ComponentType<PropsT & TableFilterDecoratorChildProps>,\r\n propertyName = 'any',\r\n) {\r\n type Props = PropsT &\r\n TableFilterDecoratorProps &\r\n DataProviderDecoratorChildProps &\r\n TableFilterDecoratorDataProps;\r\n\r\n const TableFilterDecorator = (props: Props) => {\r\n const onFilterUpdated = (\r\n pattern: string,\r\n method: API.FilterMethod = API.FilterMethod.PARTIAL,\r\n ) => {\r\n const data = {\r\n pattern,\r\n method,\r\n property: propertyName,\r\n } as API.TableFilter;\r\n\r\n const { store, filter } = props;\r\n SocketService.put(`${store.viewUrl}/filter/${filter.id}`, data).catch(\r\n (error: ErrorResponse) => console.error('Failed to add table filter', error),\r\n );\r\n };\r\n\r\n React.useLayoutEffect(() => {\r\n return () => {\r\n const { store, filter } = props;\r\n if (store.active) {\r\n SocketService.delete(`${store.viewUrl}/filter/${filter.id}`).catch(\r\n (error: ErrorResponse) =>\r\n console.error('Failed to delete table filter', error),\r\n );\r\n }\r\n };\r\n }, []);\r\n\r\n return <Component {...props} onFilterUpdated={onFilterUpdated} />;\r\n };\r\n\r\n return DataProviderDecorator<\r\n PropsT & TableFilterDecoratorProps,\r\n TableFilterDecoratorDataProps\r\n >(TableFilterDecorator, {\r\n urls: {\r\n filter: ({ store }, socket) => socket.post(`${store.viewUrl}/filter`),\r\n },\r\n loaderText: null,\r\n });\r\n}\r\n","import SocketService from 'services/SocketService';\r\nimport TableActions from 'actions/TableActions';\r\n\r\nimport invariant from 'invariant';\r\n\r\n// TODO: this should be handled on component level (instead of using global stores)\r\nexport default (defaultSortProperty, defaultSortAscending = true) => {\r\n let active = false;\r\n let totalCount = -1; // Not zero to avoid using emptyRowsNodeGetter when it's not wanted\r\n let matchingCount = 0;\r\n let startPos = 0;\r\n let items = [];\r\n let entityId = null;\r\n let paused = false;\r\n let scrollPosition = 0;\r\n\r\n const DEBUG = true;\r\n\r\n let sortProperty = defaultSortProperty;\r\n let sortAscending = defaultSortAscending;\r\n\r\n const findItem = (id) => {\r\n return items.find((item) => (!item ? false : item.id === id));\r\n };\r\n\r\n const clear = () => {\r\n items = [];\r\n startPos = 0;\r\n matchingCount = 0;\r\n totalCount = -1;\r\n };\r\n\r\n const addItems = (itemsObj) => {\r\n items = itemsObj.reduce((newViewItems, rawItem, index) => {\r\n // Either a new item, existing one in a different position or we are updating properties\r\n let viewItem = findItem(rawItem.id) || { id: rawItem.id };\r\n\r\n if (rawItem.properties) {\r\n viewItem = Object.assign({}, viewItem, rawItem.properties);\r\n } else if (Object.keys(viewItem).length === 1) {\r\n console.error('No properties were sent for a new view item', viewItem.id);\r\n }\r\n\r\n newViewItems[startPos + index] = viewItem;\r\n\r\n return newViewItems;\r\n }, []);\r\n };\r\n\r\n const parseDataProperties = (data) => {\r\n if (data.range_start != undefined) {\r\n startPos = data.range_start;\r\n }\r\n\r\n if (data.total_items != undefined) {\r\n totalCount = data.total_items;\r\n }\r\n\r\n if (data.matching_items != undefined) {\r\n matchingCount = data.matching_items;\r\n }\r\n\r\n if (data.items != undefined) {\r\n addItems(data.items);\r\n }\r\n };\r\n\r\n const ViewStoreMixin = {\r\n listenables: TableActions,\r\n DEBUG,\r\n\r\n onClose(viewUrl) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n if (DEBUG) {\r\n console.log(`Closing view ${this.viewUrl}`);\r\n }\r\n\r\n this._removeMessageListener();\r\n clear();\r\n\r\n active = false;\r\n this.trigger();\r\n },\r\n\r\n onClear(viewUrl) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n clear();\r\n this.trigger();\r\n },\r\n\r\n onPause(viewUrl, enabled) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n paused = enabled;\r\n },\r\n\r\n onInit(viewUrl, entity) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n invariant(!active, 'Trying start an active table view');\r\n\r\n entityId = entity;\r\n\r\n this.addMessageListener();\r\n if (DEBUG) {\r\n console.log(`Starting view ${this.viewUrl}`);\r\n }\r\n\r\n active = true;\r\n },\r\n\r\n onSetSort(viewUrl, property, ascending) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n sortProperty = property;\r\n sortAscending = ascending;\r\n //this.trigger(items);\r\n },\r\n\r\n addMessageListener() {\r\n this._removeMessageListener = SocketService.addViewUpdateListener(\r\n this._viewName,\r\n this._handleUpdate,\r\n entityId,\r\n );\r\n },\r\n\r\n get items() {\r\n return items;\r\n },\r\n\r\n get viewUrl() {\r\n let viewUrl = this._apiUrl + '/';\r\n if (entityId) {\r\n viewUrl += entityId + '/';\r\n }\r\n\r\n viewUrl += this._viewName;\r\n return viewUrl;\r\n },\r\n\r\n get viewName() {\r\n return this._viewName;\r\n },\r\n\r\n get rowCount() {\r\n return matchingCount;\r\n },\r\n\r\n get totalCount() {\r\n return totalCount;\r\n },\r\n\r\n get active() {\r\n return active;\r\n },\r\n\r\n get sortProperty() {\r\n return sortProperty;\r\n },\r\n\r\n get sortAscending() {\r\n return sortAscending;\r\n },\r\n\r\n get paused() {\r\n return paused;\r\n },\r\n\r\n setScrollData(data, viewId) {\r\n if (this._sessionStore) {\r\n this._sessionStore.scroll.setScrollData(data, entityId, viewId);\r\n return;\r\n }\r\n\r\n if (DEBUG) {\r\n console.log(\r\n `Setting scroll position ${data} for view ${this.viewUrl} (view ID ${viewId})`,\r\n );\r\n }\r\n\r\n scrollPosition = data;\r\n },\r\n\r\n getScrollData(viewId) {\r\n if (this._sessionStore) {\r\n return this._sessionStore.scroll.getScrollData(entityId, viewId);\r\n }\r\n\r\n if (DEBUG) {\r\n console.log(\r\n `Getting scroll position ${scrollPosition} for view ${this.viewUrl} (view ID ${viewId})`,\r\n );\r\n }\r\n\r\n return scrollPosition;\r\n },\r\n\r\n _handleUpdate(data) {\r\n parseDataProperties(data);\r\n this.trigger(items, data.range_offset, matchingCount);\r\n },\r\n };\r\n\r\n return ViewStoreMixin;\r\n};\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","TableActions","setRange","asyncResult","setSort","close","pause","init","postSettings","settings","viewUrl","action","post","then","data","completed","catch","error","failed","listen","sessionExists","socketAuthenticated","that","this","delete","Promise","resolve","sortProperty","sortAscending","sort_property","sort_ascending","rangeStart","maxRows","console","assert","range_start","max_count","paused","entityId","filterData","source_filter","item","className","country","toLowerCase","str","getCellContent","cellData","Array","isArray","length","TextCell","HeaderCell","onClick","label","columnKey","props","FileActionCell","rowDataGetter","children","caption","typeInfo","type","itemData","ActionMenuCell","ActionLinkCell","moduleData","entity","onClickAction","SizeCell","t","SpeedCell","DurationCell","AbbreviatedDurationCell","IpCell","ConnectionCell","DecimalCell","FileDownloadCell","clickHandlerGetter","userGetter","downloadHandler","user","linkCaption","itemInfoGetter","CheckboxCell","onChange","checked","filterMethodToString","method","methodTitle","REGEX","WILDCARD","EXACT","getFilterMethodCaption","getPlaceholder","ret","PARTIAL","TextFilter","state","value","onFilterUpdated","onTextChanged","event","setState","target","clearTimeout","timer","window","setTimeout","onMethodChanged","input","focus","getFilterMethod","isCurrent","MenuItemLink","active","componentWillUnmount","render","autoFocus","ref","c","placeholder","SectionedDropdown","button","direction","MenuSection","Object","keys","filter","key","isNaN","Number","map","defaultProps","TableFilterDecorator","CountInfo","store","totalCount","rowCount","Icon","icon","IconConstants","FILTER","customFilter","CustomFilter","footerData","textFilterProps","RowWrapperCell","rowData","loadData","rowIndex","dataLoader","updateRowData","onDataLoaded","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","removePendingRequests","shouldComponentUpdate","nextState","width","renderCondition","rowClassNameGetter","other","undefined","propTypes","isRequired","formatColumnName","column","moduleId","name","displayName","TABLE","sortDirArrow","TableContainer","height","columnWidths","isColumnResizing","getInitialProps","scrollPosition","setInitialScrollRow","updateRowRange","startRows","pixels","Math","max","floor","ceil","convertEndToRows","DEBUG","log","viewName","onScrollStart","horizontal","vertical","onScrollEnd","viewId","scrollTimer","setScrollData","onColumnClicked","onColumnResizeEndCallback","newColumnWidth","childToColumn","hideWidth","flexGrow","cell","mobileView","header","bind","isResizable","allowCellsRecycling","onResizeView","contentRect","bounds","entry","componentDidUpdate","prevProps","prevState","onResize","measureRef","rowHeight","rowsCount","headerHeight","touchScrollEnabled","scrollTop","getScrollData","constructor","onDataLoad","_onDataLoad","_store","_data","_pendingRequest","_initialDataReceived","clear","updateItem","updated","index","old","$merge","$set","onItemsUpdated","items","rangeOffset","hasChanges","i","updatedCount","reduce","_rangeOffset","getRowData","_queueRequestFor","rowBase","request","endRow","min","SocketService","get","onRowsReceived","start","rows","forEach","f","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","VirtualTable","forceUpdate","unsubscribe","moduleExists","sessionStore","getSession","sourceFilter","emptyRowsNodeGetter","Component","propertyName","pattern","property","put","urls","socket","loaderText","defaultSortProperty","defaultSortAscending","matchingCount","startPos","listenables","onClose","_removeMessageListener","trigger","onClear","onPause","enabled","onInit","addMessageListener","onSetSort","ascending","addViewUpdateListener","_viewName","_handleUpdate","_apiUrl","_sessionStore","scroll","itemsObj","total_items","matching_items","newViewItems","rawItem","viewItem","find","properties","assign","parseDataProperties","range_offset"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"js/223.339879525b9d883969f0.chunk.js","mappings":"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","sources":["webpack://airdcpp-webui/./src/components/table/style.css","webpack://airdcpp-webui/./src/actions/TableActions.js","webpack://airdcpp-webui/./src/components/format/FormattedIp.tsx","webpack://airdcpp-webui/./src/components/table/Cell.tsx","webpack://airdcpp-webui/./src/components/table/TextFilter.tsx","webpack://airdcpp-webui/./src/components/table/TableFooter.tsx","webpack://airdcpp-webui/./src/components/table/RowWrapperCell.tsx","webpack://airdcpp-webui/./src/components/table/TableContainer.tsx","webpack://airdcpp-webui/./src/components/table/RowDataLoader.js","webpack://airdcpp-webui/./src/components/table/style.css?53ed","webpack://airdcpp-webui/./src/components/table/VirtualTable.tsx","webpack://airdcpp-webui/./src/decorators/TableFilterDecorator.tsx","webpack://airdcpp-webui/./src/mixins/ViewStoreMixin.js"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `/* Generic table styles */\n.virtual-table {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n width: 100%;\n flex: 1 1 auto;\n\n /* The table won't shrink properly without this */\n height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n outline: inherit;\n}\n\n.virtual-table .public_fixedDataTable_header a,\n.public_fixedDataTableCell_main a {\n color: black;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n max-height: 50px;\n padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n width: 100%;\n padding: 5px;\n background-color: #f6f7f8;\n background-image: -webkit-linear-gradient(#fff, #efefef);\n background-image: linear-gradient(#fff, #efefef);\n display: flex;\n align-items: center;\n}\n\n.table-footer > .filter {\n margin-left: auto;\n display: flex;\n}\n\n.table-footer > .filter > .count-info {\n margin-right: 0px;\n opacity: 0.6;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n margin-right: 0px;\n}\n\n.table-footer > .filter input {\n width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n max-width: 100%;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger {\n line-height: 21px;\n display: flex;\n align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n padding: 5px 15px;\n overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n margin: 0px 0px;\n}\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/table/style.css\"],\"names\":[],\"mappings\":\"AAAA,yBAAyB;AACzB;EACE,YAAY;EACZ,WAAW;EACX,aAAa;EACb,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,cAAc;;EAEd,iDAAiD;EACjD,yBAAyB;AAC3B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,YAAY;AACd;;AAEA,+BAA+B;;AAE/B;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,gBAAgB;EAChB,YAAY;AACd;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA,WAAW;;AAEX;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,wDAAwD;EACxD,gDAAgD;EAChD,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,6BAA6B;AAC/B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;AAEA,oBAAoB;AACpB;EACE,eAAe;AACjB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,uBAAuB;AACzB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;;EAEE,0BAA0B;AAC5B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA,iCAAiC;AACjC;EACE,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB\",\"sourcesContent\":[\"/* Generic table styles */\\n.virtual-table {\\n height: 100%;\\n width: 100%;\\n display: flex;\\n flex-direction: column;\\n overflow: hidden;\\n}\\n\\n.virtual-table .table-container-wrapper {\\n width: 100%;\\n flex: 1 1 auto;\\n\\n /* The table won't shrink properly without this */\\n height: calc(100% - 50px);\\n}\\n\\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\\n cursor: pointer;\\n}\\n\\n.virtual-table .fixedDataTableLayout_main {\\n background-color: rgba(250, 250, 250, 0.8);\\n}\\n\\n.virtual-table .fixedDataTableLayout_main:focus {\\n outline: inherit;\\n}\\n\\n.virtual-table .public_fixedDataTable_header a,\\n.public_fixedDataTableCell_main a {\\n color: black;\\n}\\n\\n/* Common cell content styles */\\n\\n.virtual-table .cell-wrapper {\\n position: relative;\\n top: 50%;\\n transform: translateY(-50%);\\n max-height: 50px;\\n padding: 5px;\\n}\\n\\n.virtual-table .cell-wrapper .plain.cell,\\n.virtual-table .cell-wrapper .empty.dropdown {\\n margin: 0px 3px;\\n}\\n\\n.virtual-table .cell-wrapper .ui.progress .bar {\\n height: 5px;\\n}\\n\\n/* Footer */\\n\\n.table-footer {\\n width: 100%;\\n padding: 5px;\\n background-color: #f6f7f8;\\n background-image: -webkit-linear-gradient(#fff, #efefef);\\n background-image: linear-gradient(#fff, #efefef);\\n display: flex;\\n align-items: center;\\n}\\n\\n.table-footer > .filter {\\n margin-left: auto;\\n display: flex;\\n}\\n\\n.table-footer > .filter > .count-info {\\n margin-right: 0px;\\n opacity: 0.6;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n}\\n\\n.table-footer > .filter > div:last-child {\\n margin-left: 10px;\\n}\\n\\n.table-footer > .filter .filter-method.dropdown.button {\\n padding-left: 0px !important;\\n padding-right: 0px !important;\\n}\\n\\n.table-footer > .filter .dropdown .trigger.icon {\\n margin-right: 0px;\\n}\\n\\n.table-footer > .filter input {\\n width: 90%;\\n}\\n\\n/* Table dropdowns */\\n.table-container-wrapper .dropdown > .popup.trigger {\\n max-width: 100%;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger .caption {\\n max-width: calc(100% - 20px);\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\\n overflow: hidden;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger {\\n line-height: 21px;\\n display: flex;\\n align-items: flex-start;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger:hover,\\n.public_fixedDataTableCell_main a:hover {\\n cursor: pointer;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\\n.public_fixedDataTableCell_main a:hover {\\n text-decoration: underline;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\\n margin: 0px;\\n}\\n\\n.table-container-wrapper .dropdown .icon-caption .icon {\\n width: inherit !important;\\n}\\n\\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\\n padding-left: 22px;\\n}\\n\\n.table-container-wrapper .dropdown .trigger i {\\n flex-shrink: 0;\\n}\\n\\n/* Table dropdown popup content */\\n.popup.dropdown-content {\\n padding: 5px 15px;\\n overflow: hidden;\\n}\\n\\n.popup.dropdown-content .ui.dropdown.item {\\n margin: 0px 0px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import Reflux from 'reflux';\r\n\r\nimport SocketService from 'services/SocketService';\r\n\r\nimport LoginStore from 'stores/LoginStore';\r\n\r\nconst TableActions = Reflux.createActions([\r\n { setRange: { asyncResult: true } },\r\n { setSort: { asyncResult: true } },\r\n { close: { asyncResult: true } },\r\n { pause: { asyncResult: true } },\r\n { init: { asyncResult: true } },\r\n 'clear',\r\n]);\r\n\r\nconst postSettings = (settings, viewUrl, action) => {\r\n return SocketService.post(viewUrl + '/settings', settings)\r\n .then((data) => action.completed(viewUrl, data))\r\n .catch((error) => action.failed(viewUrl, error));\r\n};\r\n\r\nTableActions.close.listen(function (viewUrl, sessionExists) {\r\n if (sessionExists && LoginStore.socketAuthenticated) {\r\n const that = this;\r\n return SocketService.delete(viewUrl)\r\n .then((data) => that.completed(viewUrl, data))\r\n .catch((error) => this.failed(viewUrl, error));\r\n }\r\n\r\n return Promise.resolve();\r\n});\r\n\r\nTableActions.setSort.listen(function (viewUrl, sortProperty, sortAscending) {\r\n postSettings(\r\n {\r\n sort_property: sortProperty,\r\n sort_ascending: sortAscending,\r\n },\r\n viewUrl,\r\n this,\r\n );\r\n});\r\n\r\nTableActions.setRange.listen(function (viewUrl, rangeStart, maxRows) {\r\n console.assert(maxRows > 0, 'Invalid max rows');\r\n postSettings(\r\n {\r\n range_start: rangeStart,\r\n max_count: maxRows,\r\n },\r\n viewUrl,\r\n this,\r\n );\r\n});\r\n\r\nTableActions.pause.listen(function (viewUrl, pause) {\r\n postSettings(\r\n {\r\n paused: pause,\r\n },\r\n viewUrl,\r\n this,\r\n );\r\n});\r\n\r\nTableActions.init.listen(function (viewUrl, entityId, filterData) {\r\n if (filterData) {\r\n postSettings(\r\n {\r\n source_filter: filterData,\r\n },\r\n viewUrl,\r\n this,\r\n );\r\n }\r\n});\r\n\r\nexport default TableActions;\r\n","//import PropTypes from 'prop-types';\nimport * as React from 'react';\n\nimport 'fomantic-ui-css/components/flag.min.css';\n\nimport * as API from 'types/api';\nimport classNames from 'classnames';\n\nexport interface FormattedIpProps {\n item: API.IP;\n}\n\nconst FormattedIp: React.FC<FormattedIpProps> = ({ item }) => (\n <div className=\"ip flag\">\n <i className={classNames('ui flag', item.country.toLowerCase())} />\n {item.str}\n </div>\n);\n\n/*FormattedIp.propTypes = {\n item: PropTypes.object.isRequired,\n};*/\n\nexport default FormattedIp;\n","import * as React from 'react';\r\n\r\nimport {\r\n TableActionMenu,\r\n TableDownloadMenu,\r\n TableActionMenuProps,\r\n TableDownloadMenuProps,\r\n} from 'components/action-menu';\r\nimport {\r\n formatDecimal,\r\n formatAbbreviatedDuration,\r\n formatConnection,\r\n formatDateTime,\r\n formatShortDate,\r\n formatSize,\r\n formatSpeed,\r\n formatRelativeTime,\r\n} from 'utils/ValueFormat';\r\n\r\nimport FormattedFile from 'components/format/FormattedFile';\r\nimport FormattedIp from 'components/format/FormattedIp';\r\n\r\nimport Checkbox, { CheckboxProps } from 'components/semantic/Checkbox';\r\nimport { showAction } from 'utils/ActionUtils';\r\nimport { Cell, CellProps } from 'fixed-data-table-2';\r\n//import { withRouter, RouteComponentProps } from 'react-router-dom';\r\n//import { DownloadHandlerType } from 'decorators/menu/DownloadMenuDecorator';\r\nimport { RowWrapperCellChildProps } from 'components/table/RowWrapperCell';\r\n\r\nimport * as UI from 'types/ui';\r\nimport * as API from 'types/api';\r\n//import { ActionHandlerDecorator, ActionHandlerDecoratorChildProps } from 'decorators/ActionHandlerDecorator';\r\n//import ActionButton, { ActionButtonProps } from 'components/ActionButton';\r\nimport { ActionHandlerDecorator } from 'decorators/ActionHandlerDecorator';\r\n\r\nconst getCellContent = (cellData: any) => {\r\n if (typeof cellData === 'object') {\r\n return Array.isArray(cellData) ? cellData.length : cellData.str;\r\n }\r\n\r\n //if (typeof cellData === 'boolean') {\r\n // return cellData ? 'Yes' : 'No';\r\n //}\r\n\r\n if (cellData === 0) {\r\n return null;\r\n }\r\n\r\n return cellData;\r\n};\r\n\r\n// Default cell\r\nexport const TextCell = ({ cellData }: { cellData?: any }) => (\r\n <span className=\"plain text cell\">{getCellContent(cellData)}</span>\r\n);\r\n\r\n// Column header\r\ninterface HeaderCellProps extends CellProps {\r\n onClick: () => void;\r\n label: React.ReactNode;\r\n columnKey?: string; // REQUIRED, CLONED\r\n}\r\n\r\nexport const HeaderCell = ({ onClick, label, columnKey, ...props }: HeaderCellProps) => (\r\n <Cell {...props}>\r\n <a onClick={onClick}>{label}</a>\r\n </Cell>\r\n);\r\n\r\nexport interface ActionCellProps<\r\n CellDataT,\r\n ItemDataT extends UI.ActionMenuItemDataValueType,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n> extends Omit<RowWrapperCellChildProps<CellDataT, ItemDataT>, 't' | 'children'>,\r\n Omit<TableActionMenuProps<ItemDataT, EntityT>, 'caption' | 'itemData'> {}\r\n\r\ninterface FileItemBase {\r\n type: API.FileItemType;\r\n}\r\n\r\nexport const FileActionCell = <\r\n CellDataT extends React.ReactNode,\r\n ItemDataT extends UI.ActionMenuItemDataValueType & FileItemBase,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n>({\r\n cellData,\r\n rowDataGetter,\r\n children,\r\n ...props\r\n}: ActionCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n <TableActionMenu\r\n caption={\r\n <FormattedFile\r\n typeInfo={rowDataGetter!().type}\r\n caption={cellData}\r\n className=\"icon-caption\"\r\n />\r\n }\r\n itemData={rowDataGetter!}\r\n {...props}\r\n />\r\n);\r\n\r\nexport const ActionMenuCell = <\r\n CellDataT extends React.ReactNode,\r\n ItemDataT extends UI.ActionMenuItemDataValueType,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n>({\r\n cellData,\r\n rowDataGetter,\r\n ...props\r\n}: ActionCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n <TableActionMenu caption={cellData} itemData={rowDataGetter!} {...props} />\r\n);\r\n\r\nexport interface ActionLinkCellProps<\r\n CellDataT,\r\n ItemDataT extends UI.ActionMenuItemDataValueType,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n> extends RowWrapperCellChildProps<CellDataT, ItemDataT> {\r\n /*Pick<ActionButtonProps<ItemDataT>, 'actions' | 'actionId'>*/\r\n\r\n //action: (itemData: any, location: Location) => void;\r\n //action: UI.ActionType<ItemDataT>;\r\n action: UI.ActionDefinition<ItemDataT, EntityT>;\r\n moduleData: UI.ActionModuleData;\r\n entity?: EntityT;\r\n // actionId: string;\r\n}\r\n\r\nexport const ActionLinkCell = <\r\n CellDataT,\r\n ItemDataT extends UI.ActionMenuItemDataValueType,\r\n EntityT extends UI.ActionMenuItemEntityValueType,\r\n>(\r\n {\r\n cellData,\r\n rowDataGetter,\r\n //location,\r\n //onClickAction, action,\r\n action,\r\n moduleData,\r\n entity,\r\n ...props\r\n }: ActionLinkCellProps<\r\n CellDataT,\r\n ItemDataT,\r\n EntityT\r\n > /*& ActionHandlerDecoratorChildProps*/,\r\n) => {\r\n if (!showAction(action, rowDataGetter!())) {\r\n return <TextCell cellData={cellData} {...props} />;\r\n }\r\n\r\n return (\r\n <ActionHandlerDecorator<ItemDataT, EntityT>>\r\n {({ onClickAction }) => (\r\n <a\r\n className=\"plain link cell\"\r\n onClick={() =>\r\n onClickAction({\r\n action,\r\n moduleData,\r\n itemData: rowDataGetter!(),\r\n entity: entity as EntityT,\r\n })\r\n }\r\n >\r\n {getCellContent(cellData)}\r\n </a>\r\n )}\r\n </ActionHandlerDecorator>\r\n );\r\n\r\n /*return (\r\n <ActionButton\r\n actions={ actions }\r\n actionId={ actionId }\r\n tag=\"a\"\r\n semanticClassName=\"plain link cell\"\r\n icon={ null }\r\n caption={ getCellContent(cellData) }\r\n />\r\n );*/\r\n};\r\n\r\n//export const ActionLinkCell = ActionHandlerDecorator(ActionLinkCellPlain);\r\n\r\nexport interface NumberCellProps extends RowWrapperCellChildProps<number, any> {\r\n cellData?: number;\r\n}\r\n\r\nexport const SizeCell: React.FC<NumberCellProps> = ({ cellData, t }) => (\r\n <span className=\"plain size cell\">{formatSize(cellData!, t!)}</span>\r\n);\r\n\r\nexport const SpeedCell: React.FC<NumberCellProps> = ({ cellData, t }) => (\r\n <span className=\"plain speed cell\">{formatSpeed(cellData!, t!)}</span>\r\n);\r\n\r\nexport const DateCell: React.FC<NumberCellProps> = ({ cellData, width }) => (\r\n <span className=\"plain date cell\">\r\n {!!width && width > 150 ? formatDateTime(cellData!) : formatShortDate(cellData!)}\r\n </span>\r\n);\r\n\r\nexport const DurationCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n <span className=\"plain duration cell\">{formatRelativeTime(cellData!)}</span>\r\n);\r\n\r\nexport const AbbreviatedDurationCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n <span className=\"plain abbr-duration cell\">{formatAbbreviatedDuration(cellData!)}</span>\r\n);\r\n\r\nexport interface IpCellProps {\r\n cellData?: API.IP;\r\n}\r\n\r\nexport const IpCell: React.FC<IpCellProps> = ({ cellData }) => (\r\n <FormattedIp item={cellData!} />\r\n);\r\n\r\nexport const ConnectionCell: React.FC<NumberCellProps> = ({ cellData, t }) => (\r\n <span className=\"plain connection cell\">{formatConnection(cellData!, t!)}</span>\r\n);\r\n\r\nexport const DecimalCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n <span className=\"plain decimal cell\">{formatDecimal(cellData!)}</span>\r\n);\r\n\r\nexport type FileDownloadCellClickHandler = (\r\n cellData: any,\r\n rowDataGetter: () => any,\r\n) => (() => void) | undefined;\r\n\r\nexport interface FileDownloadCellProps<\r\n CellDataT,\r\n ItemDataT extends UI.DownloadableItemInfo,\r\n EntityT extends UI.SessionItemBase,\r\n> extends Omit<RowWrapperCellChildProps<CellDataT, ItemDataT>, 'children'>,\r\n Omit<\r\n TableDownloadMenuProps<ItemDataT, EntityT>,\r\n 'user' | 'itemInfoGetter' | 'caption'\r\n > {\r\n userGetter: (rowData: ItemDataT) => UI.DownloadSource;\r\n clickHandlerGetter?: FileDownloadCellClickHandler;\r\n}\r\n\r\nexport const FileDownloadCell = <\r\n CellDataT extends React.ReactNode,\r\n ItemDataT extends UI.DownloadableItemInfo & FileItemBase,\r\n EntityT extends UI.SessionItemBase,\r\n>({\r\n cellData,\r\n rowDataGetter,\r\n clickHandlerGetter,\r\n userGetter,\r\n downloadHandler,\r\n ...props\r\n}: FileDownloadCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n <TableDownloadMenu\r\n caption={\r\n <FormattedFile\r\n typeInfo={rowDataGetter!().type}\r\n onClick={clickHandlerGetter ? clickHandlerGetter(cellData, rowDataGetter!) : null}\r\n caption={cellData}\r\n className=\"icon-caption\"\r\n />\r\n }\r\n user={userGetter(rowDataGetter!())}\r\n linkCaption={!!clickHandlerGetter ? false : true}\r\n itemInfoGetter={rowDataGetter!}\r\n downloadHandler={downloadHandler}\r\n {...props}\r\n />\r\n);\r\n\r\n/*FileDownloadCell.propTypes = {\r\n rowDataGetter: PropTypes.func, // REQUIRED\r\n cellData: PropTypes.any, // REQUIRED\r\n userGetter: PropTypes.func.isRequired,\r\n clickHandlerGetter: PropTypes.func,\r\n downloadHandler: PropTypes.func.isRequired,\r\n};*/\r\n\r\n// eslint-disable-next-line max-len\r\nexport interface CheckboxCellProps\r\n extends Omit<RowWrapperCellChildProps<boolean, any>, 'onChange'>,\r\n Omit<CheckboxProps, 'onChange' | 'checked'> {\r\n onChange: (checked: boolean, rowData: any) => void;\r\n}\r\n\r\nexport const CheckboxCell: React.FC<CheckboxCellProps> = ({\r\n cellData,\r\n rowDataGetter,\r\n onChange,\r\n ...props\r\n}) => (\r\n <Checkbox\r\n checked={cellData!}\r\n onChange={(checked) => onChange(checked, rowDataGetter!())}\r\n {...props}\r\n />\r\n);\r\n\r\n/*CheckboxCell.propTypes = {\r\n rowDataGetter: PropTypes.func, // REQUIRED\r\n cellData: PropTypes.bool, // REQUIRED\r\n onChange: PropTypes.func.isRequired,\r\n};*/\r\n","import * as React from 'react';\r\n\r\nimport SectionedDropdown from 'components/semantic/SectionedDropdown';\r\nimport MenuSection from 'components/semantic/MenuSection';\r\nimport MenuItemLink from 'components/semantic/MenuItemLink';\r\n\r\nimport TableFilterDecorator, {\r\n TableFilterDecoratorChildProps,\r\n} from 'decorators/TableFilterDecorator';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { useMobileLayout } from 'utils/BrowserUtils';\r\nimport { translate } from 'utils/TranslationUtils';\r\nimport { Translation } from 'react-i18next';\r\n\r\nconst getFilterMethodCaption = (method: API.FilterMethod) => {\r\n switch (method) {\r\n case API.FilterMethod.REGEX:\r\n return 'Regex';\r\n case API.FilterMethod.WILDCARD:\r\n return 'Wildcard';\r\n case API.FilterMethod.EXACT:\r\n return 'Exact';\r\n default:\r\n return 'Partial';\r\n }\r\n};\r\n\r\nconst filterMethodToString = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n const methodTitle = getFilterMethodCaption(method);\r\n return translate(methodTitle, t, 'table.filter');\r\n};\r\n\r\nconst getPlaceholder = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n let ret = t('table.filter.filter', 'Filter');\r\n if (method !== API.FilterMethod.PARTIAL) {\r\n ret += ` (${filterMethodToString(method, t).toLowerCase()})`;\r\n }\r\n\r\n return ret + '...';\r\n};\r\n\r\nexport interface TextFilterProps {\r\n autoFocus?: boolean;\r\n}\r\n\r\nclass TextFilter extends React.PureComponent<\r\n TextFilterProps & TableFilterDecoratorChildProps\r\n> {\r\n state = {\r\n value: '',\r\n method: API.FilterMethod.PARTIAL,\r\n };\r\n\r\n timer: number | undefined;\r\n input: HTMLInputElement;\r\n\r\n static defaultProps: Pick<TextFilterProps, 'autoFocus'> = {\r\n autoFocus: true,\r\n };\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.timer);\r\n }\r\n\r\n onFilterUpdated = () => {\r\n const { value, method } = this.state;\r\n this.props.onFilterUpdated(value, method);\r\n };\r\n\r\n onTextChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n this.setState({\r\n value: event.target.value,\r\n });\r\n\r\n clearTimeout(this.timer);\r\n\r\n this.timer = window.setTimeout(() => {\r\n this.onFilterUpdated();\r\n }, 200);\r\n };\r\n\r\n onMethodChanged = (method: API.FilterMethod) => {\r\n this.setState({\r\n method,\r\n });\r\n\r\n setTimeout(() => this.onFilterUpdated());\r\n this.input.focus();\r\n };\r\n\r\n getFilterMethod = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n const isCurrent = method === this.state.method;\r\n return (\r\n <MenuItemLink\r\n key={method}\r\n onClick={() => this.onMethodChanged(method)}\r\n active={isCurrent}\r\n >\r\n {filterMethodToString(method, t)}\r\n </MenuItemLink>\r\n );\r\n };\r\n\r\n render() {\r\n const { value, method } = this.state;\r\n const { autoFocus } = this.props;\r\n return (\r\n <Translation>\r\n {(t) => (\r\n <div className=\"text-filter\">\r\n <div className=\"ui action input\">\r\n <input\r\n ref={(c: any) => (this.input = c)}\r\n placeholder={getPlaceholder(method, t)}\r\n onChange={this.onTextChanged}\r\n value={value}\r\n type=\"text\"\r\n autoFocus={!useMobileLayout() && autoFocus}\r\n />\r\n <SectionedDropdown\r\n className=\"filter-method right top pointing\"\r\n button={true}\r\n direction=\"upward\"\r\n >\r\n <MenuSection caption={translate('Match type', t, 'table.filter')}>\r\n {Object.keys(API.FilterMethod)\r\n .filter((key) => isNaN(Number(key)))\r\n .map((key) =>\r\n this.getFilterMethod(\r\n API.FilterMethod[key as keyof typeof API.FilterMethod],\r\n t,\r\n ),\r\n )}\r\n </MenuSection>\r\n </SectionedDropdown>\r\n </div>\r\n </div>\r\n )}\r\n </Translation>\r\n );\r\n }\r\n}\r\n\r\nexport default TableFilterDecorator<TextFilterProps>(TextFilter);\r\n","import * as React from 'react';\n\nimport TextFilter, { TextFilterProps } from './TextFilter';\nimport Icon from 'components/semantic/Icon';\nimport IconConstants from 'constants/IconConstants';\nimport { TableFilterDecoratorProps } from 'decorators/TableFilterDecorator';\n\nconst CountInfo: React.FC<{ store: any }> = ({ store }) => {\n if (store.totalCount < 0) {\n // Not initialized yet\n return null;\n }\n\n let ret = store.totalCount;\n if (store.totalCount !== store.rowCount) {\n ret = store.rowCount + '/' + store.totalCount;\n }\n\n return (\n <div className=\"count-info\">\n <Icon icon={IconConstants.FILTER} />\n {ret}\n </div>\n );\n};\n\nexport type CustomTableFilter = React.ComponentType<TableFilterDecoratorProps>;\n\nexport interface TableFooterProps {\n footerData?: React.ReactNode;\n customFilter?: CustomTableFilter;\n store: any;\n textFilterProps?: TextFilterProps;\n}\n\nconst TableFooter: React.FC<TableFooterProps> = ({\n store,\n customFilter: CustomFilter,\n footerData,\n textFilterProps,\n}) => (\n <div className=\"table-footer\">\n {footerData}\n <div className=\"filter item\">\n {!CustomFilter ? null : <CustomFilter store={store} />}\n <TextFilter store={store} {...textFilterProps} />\n <CountInfo store={store} />\n </div>\n </div>\n);\n\nexport default TableFooter;\n","import * as React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { CellProps } from 'fixed-data-table-2';\r\n\r\nimport * as UI from 'types/ui';\r\nimport classNames from 'classnames';\r\n\r\nexport interface RowWrapperCellChildProps<\r\n CellDataT,\r\n RowDataT extends UI.ActionMenuItemDataValueType,\r\n> extends CellProps {\r\n cellData?: CellDataT;\r\n rowDataGetter?: () => RowDataT;\r\n rowData?: RowDataT;\r\n t?: UI.TranslateF;\r\n}\r\n\r\nexport interface RowWrapperCellProps extends CellProps {\r\n dataLoader: any;\r\n\r\n renderCondition?: (columnData: any, rowData: any) => boolean;\r\n rowClassNameGetter?: (rowData: any) => string;\r\n columnKey?: string; // REQUIRED, CLONED\r\n\r\n children: React.ReactElement<any>;\r\n t: UI.TranslateF;\r\n}\r\n\r\ninterface State {\r\n rowData: any;\r\n}\r\n\r\n// Generic wrapper for all cells that will handle data loading\r\nclass RowWrapperCell extends React.Component<RowWrapperCellProps> {\r\n static propTypes = {\r\n rowIndex: PropTypes.number, // required\r\n dataLoader: PropTypes.object.isRequired,\r\n width: PropTypes.number, // required\r\n };\r\n\r\n state: State = {\r\n rowData: null,\r\n };\r\n\r\n componentDidMount() {\r\n this.loadData(this.props.rowIndex!);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps: RowWrapperCellProps) {\r\n if (nextProps.rowIndex !== this.props.rowIndex) {\r\n // Remove pending update callbacks to avoid rendering each of them when the data is received\r\n // (there can be lots of pending requests when scrolling for long distances)\r\n this.props.dataLoader.removePendingRequests(this.props.rowIndex, this.onDataLoaded);\r\n }\r\n\r\n // Check if there is new data available (rowIndex may have changed as well)\r\n if (!this.loadData(nextProps.rowIndex!)) {\r\n // Avoid displaying old data\r\n this.setState({ rowData: null });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.dataLoader.removePendingRequests(this.props.rowIndex, this.onDataLoaded);\r\n }\r\n\r\n loadData = (rowIndex: number) => {\r\n return this.props.dataLoader.updateRowData(rowIndex, this.onDataLoaded);\r\n };\r\n\r\n shouldComponentUpdate(nextProps: RowWrapperCellProps, nextState: State) {\r\n return (\r\n nextState.rowData !== this.state.rowData || nextProps.width !== this.props.width\r\n );\r\n }\r\n\r\n rowDataGetter = () => {\r\n return this.state.rowData;\r\n };\r\n\r\n onDataLoaded = (data: any) => {\r\n this.setState({ rowData: data });\r\n };\r\n\r\n render() {\r\n const { columnKey, children, renderCondition, rowClassNameGetter, ...other } =\r\n this.props;\r\n const { rowData } = this.state;\r\n\r\n if (!rowData) {\r\n return null;\r\n }\r\n\r\n if (renderCondition && !renderCondition(rowData[columnKey!], rowData)) {\r\n return null;\r\n }\r\n\r\n const className = classNames(\r\n 'cell-wrapper',\r\n columnKey,\r\n rowClassNameGetter ? rowClassNameGetter(rowData) : undefined,\r\n );\r\n\r\n return (\r\n <div className={className}>\r\n {React.cloneElement(children, {\r\n cellData: rowData[columnKey!],\r\n\r\n // Don't pass the actual row data to allow cells to skip\r\n // re-rendering using shallow equality checks when the row data is\r\n // updated without leaving them with an outdated item data\r\n rowDataGetter: this.rowDataGetter,\r\n ...other,\r\n })}\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default RowWrapperCell;\r\n","import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport { Table, ColumnProps } from 'fixed-data-table-2';\r\n\r\nimport TableActions from 'actions/TableActions';\r\nimport { useMobileLayout } from 'utils/BrowserUtils';\r\n\r\nimport Measure, { ContentRect } from 'react-measure';\r\nimport RowWrapperCell from 'components/table/RowWrapperCell';\r\nimport { TextCell, HeaderCell } from 'components/table/Cell';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\nimport { textToI18nKey, toArray } from 'utils/TranslationUtils';\r\n\r\nconst TABLE_ROW_HEIGHT = 50;\r\n\r\nfunction convertStartToRows(pixels: number) {\r\n return Math.max(Math.floor(pixels / TABLE_ROW_HEIGHT), 0);\r\n}\r\n\r\nfunction convertEndToRows(pixels: number) {\r\n return Math.ceil(pixels / TABLE_ROW_HEIGHT);\r\n}\r\n\r\nexport type TableContainerProps = React.PropsWithChildren<{\r\n entityId?: API.IdType;\r\n rowClassNameGetter?: (rowData: any) => string;\r\n store: any;\r\n dataLoader: any;\r\n t: UI.TranslateF;\r\n moduleId: string | string[];\r\n viewId?: number | string;\r\n}>;\r\n\r\ninterface State {\r\n width: number;\r\n height: number;\r\n columnWidths: Record<string, number>;\r\n isColumnResizing: boolean | undefined;\r\n}\r\n\r\nconst formatColumnName = (\r\n column: React.ReactElement<ColumnProps>,\r\n store: any,\r\n moduleId: string | string[],\r\n t: UI.TranslateF,\r\n) => {\r\n const { name, columnKey } = column.props;\r\n let displayName = t(\r\n textToI18nKey(columnKey as string, [...toArray(moduleId), UI.SubNamespaces.TABLE]),\r\n name,\r\n );\r\n\r\n {\r\n const sortDirArrow = store.sortAscending ? ' ↑' : ' ↓';\r\n displayName += store.sortProperty === columnKey ? sortDirArrow : '';\r\n }\r\n\r\n return displayName;\r\n};\r\n\r\nclass TableContainer extends React.Component<TableContainerProps, State> {\r\n static propTypes = {\r\n /**\r\n * Store implementing ViewStoreMixin that contains the items\r\n */\r\n store: PropTypes.object.isRequired,\r\n\r\n /**\r\n * Append class names to row (takes row data as param)\r\n */\r\n rowClassNameGetter: PropTypes.func,\r\n\r\n /**\r\n * ID of the current entity for non-singleton sources\r\n */\r\n entityId: PropTypes.any,\r\n\r\n dataLoader: PropTypes.any.isRequired,\r\n };\r\n\r\n state: State = {\r\n width: 0,\r\n height: 0,\r\n columnWidths: {},\r\n isColumnResizing: undefined,\r\n };\r\n\r\n getInitialProps = () => {\r\n return {\r\n rowClassNameGetter: null,\r\n entityId: null,\r\n };\r\n };\r\n\r\n scrollTimer: number | undefined;\r\n scrollPosition = 0;\r\n setInitialScrollRow = true;\r\n\r\n // This will also be used for setting the initial rows\r\n componentDidUpdate(prevProps: TableContainerProps, prevState: State) {\r\n if (prevState.height !== this.state.height) {\r\n this.updateRowRange();\r\n } else if (\r\n prevProps.entityId !== this.props.entityId ||\r\n prevProps.viewId !== this.props.viewId\r\n ) {\r\n if (this.props.store.DEBUG) {\r\n console.log(\r\n `Enabling initial scroll, entity/viewId changed (view ${this.props.viewId})`,\r\n );\r\n }\r\n\r\n this.setInitialScrollRow = true;\r\n this.updateRowRange();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.scrollTimer);\r\n }\r\n\r\n updateRowRange = () => {\r\n const { store } = this.props;\r\n const { height } = this.state;\r\n\r\n const startRows = convertStartToRows(this.scrollPosition);\r\n const maxRows = convertEndToRows(height);\r\n\r\n if (store.DEBUG) {\r\n // eslint-disable-next-line max-len\r\n console.log(\r\n `Settings changed, start: ${startRows}, end: ${maxRows}, height: ${height}`,\r\n store.viewName,\r\n );\r\n }\r\n\r\n console.assert(store.active, 'Posting data for an inactive view');\r\n TableActions.setRange(store.viewUrl, startRows, maxRows);\r\n };\r\n\r\n onScrollStart = (horizontal: number, vertical: number) => {\r\n const { store } = this.props;\r\n\r\n if (store.DEBUG) {\r\n console.log(`Scrolling started: ${vertical}`, store.viewUrl);\r\n }\r\n\r\n console.assert(store.active, 'Sending pause for an inactive view');\r\n TableActions.pause(store.viewUrl, true);\r\n };\r\n\r\n onScrollEnd = (horizontal: number, vertical: number) => {\r\n const { store, viewId } = this.props;\r\n\r\n this.scrollPosition = vertical;\r\n console.assert(store.active, 'Sending pause for an inactive view');\r\n TableActions.pause(store.viewUrl, false);\r\n\r\n clearTimeout(this.scrollTimer);\r\n this.scrollTimer = window.setTimeout(this.updateRowRange, 500);\r\n\r\n if (this.setInitialScrollRow) {\r\n this.setInitialScrollRow = false;\r\n\r\n if (store.DEBUG) {\r\n console.log(`Disabling initial scroll (view ${viewId})`);\r\n }\r\n }\r\n\r\n store.setScrollData(vertical, viewId);\r\n if (store.DEBUG) {\r\n console.log(`Scrolling ended: ${vertical}`, store.viewUrl);\r\n }\r\n };\r\n\r\n onColumnClicked = (sortProperty: string) => {\r\n const { store } = this.props;\r\n\r\n let sortAscending = true;\r\n if (sortProperty === store.sortProperty && store.sortAscending) {\r\n sortAscending = false;\r\n }\r\n\r\n TableActions.setSort(this.props.store.viewUrl, sortProperty, sortAscending);\r\n };\r\n\r\n onColumnResizeEndCallback = (newColumnWidth: number, columnKey: string) => {\r\n this.setState(\r\n ({ columnWidths }) => ({\r\n columnWidths: {\r\n ...columnWidths,\r\n [columnKey]: newColumnWidth,\r\n },\r\n\r\n // In order to disable the resizing mode, the table needs to be rendered with \"isColumnResizing: false\"\r\n // Put it right back to undefined after that in order to avoid resizing issues\r\n // while the table is being re-rendered\r\n // https://github.com/schrodinger/fixed-data-table-2/issues/268\r\n // https://github.com/airdcpp-web/airdcpp-webclient/issues/444\r\n isColumnResizing: false,\r\n }),\r\n () => {\r\n this.setState({\r\n isColumnResizing: undefined,\r\n });\r\n },\r\n );\r\n };\r\n\r\n childToColumn = (column: React.ReactElement<ColumnProps>) => {\r\n if (!!column.props.hideWidth && column.props.hideWidth > this.state.width) {\r\n return null;\r\n }\r\n\r\n let { flexGrow, width } = column.props;\r\n const { cell, columnKey, renderCondition } = column.props;\r\n const { store, rowClassNameGetter, moduleId, t } = this.props;\r\n\r\n const mobileView = useMobileLayout();\r\n if (!mobileView) {\r\n // Get column width\r\n if (!!columnKey && !!this.state.columnWidths[columnKey]) {\r\n width = this.state.columnWidths[columnKey];\r\n flexGrow = undefined;\r\n }\r\n }\r\n\r\n return React.cloneElement(column, {\r\n header: (\r\n <HeaderCell\r\n onClick={this.onColumnClicked.bind(null, columnKey)}\r\n label={formatColumnName(column, store, moduleId, t)}\r\n />\r\n ),\r\n flexGrow,\r\n width,\r\n isResizable: !mobileView,\r\n allowCellsRecycling: true,\r\n cell: (\r\n <RowWrapperCell\r\n dataLoader={this.props.dataLoader}\r\n renderCondition={renderCondition}\r\n rowClassNameGetter={rowClassNameGetter}\r\n t={t}\r\n >\r\n {cell ? (cell as React.ReactElement<any>) : <TextCell />}\r\n </RowWrapperCell>\r\n ),\r\n });\r\n };\r\n\r\n onResizeView = (contentRect: ContentRect) => {\r\n if (!contentRect.bounds) {\r\n return;\r\n }\r\n\r\n // Bounds may contain incorrect (or outdated) dimensions with animations (such as when opening a modal)\r\n const { width, height } = !!contentRect.entry\r\n ? contentRect.entry\r\n : contentRect.bounds;\r\n this.setState({\r\n width,\r\n height,\r\n });\r\n };\r\n\r\n render() {\r\n // Update and insert generic columns props\r\n const children = React.Children.map(this.props.children, this.childToColumn);\r\n\r\n const { width, height, isColumnResizing } = this.state;\r\n const { store, viewId } = this.props;\r\n return (\r\n <Measure bounds={true} onResize={this.onResizeView}>\r\n {({ measureRef }) => (\r\n <div ref={measureRef} className=\"table-container-wrapper\">\r\n <Table\r\n width={width}\r\n height={height}\r\n rowHeight={50}\r\n rowsCount={store.rowCount}\r\n headerHeight={50}\r\n isColumnResizing={isColumnResizing}\r\n onColumnResizeEndCallback={this.onColumnResizeEndCallback}\r\n touchScrollEnabled={true}\r\n onScrollStart={this.onScrollStart}\r\n onScrollEnd={this.onScrollEnd}\r\n scrollTop={\r\n this.setInitialScrollRow ? store.getScrollData(viewId) : undefined\r\n }\r\n >\r\n {children}\r\n </Table>\r\n </div>\r\n )}\r\n </Measure>\r\n );\r\n }\r\n}\r\n\r\nexport default TableContainer;\r\n","import SocketService from 'services/SocketService';\r\nimport update from 'immutability-helper';\r\n\r\nimport isEqual from 'lodash/isEqual';\r\n\r\nconst NUMBER_OF_ROWS_PER_REQUEST = 10;\r\n\r\n// This will handle fetching only when scrolling. Otherwise the data will be updated through the socket listener.\r\nclass RowDataLoader {\r\n constructor(store, onDataLoad) {\r\n this._onDataLoad = onDataLoad;\r\n this._store = store;\r\n this._data = [];\r\n this._pendingRequest = {};\r\n this._initialDataReceived = false;\r\n this.DEBUG = store.DEBUG;\r\n }\r\n\r\n clear() {\r\n this._pendingRequest = {};\r\n this._data = [];\r\n }\r\n\r\n // Returns true if the item was updated\r\n updateItem(updated, item, index) {\r\n let old = this._data[index];\r\n\r\n // Objects equal most of the time\r\n if (old === item || isEqual(this._data[index], item)) {\r\n return updated;\r\n }\r\n\r\n if (old) {\r\n this._data[index] = update(old, { $merge: item });\r\n } else {\r\n this._data[index] = update(old, { $set: item });\r\n }\r\n\r\n return updated + 1;\r\n }\r\n\r\n onItemsUpdated(items, rangeOffset = 0, rowCount) {\r\n // Rows removed?\r\n let hasChanges = rowCount < this._data.length;\r\n\r\n if (!items || items.length === 0) {\r\n // The view was cleared\r\n this.clear();\r\n hasChanges = true;\r\n\r\n this._initialDataReceived = false;\r\n\r\n if (this.DEBUG) {\r\n console.log('onItemsUpdated, cleared');\r\n }\r\n } else {\r\n this._initialDataReceived = true;\r\n\r\n // Remove rows outside the range\r\n // Leave the current range in case all old items can be reused\r\n // (avoids flickering because there is no need to re-render)\r\n for (let i = 0; i < this._data.length; i++) {\r\n if (!items[i]) {\r\n delete this._data[i];\r\n }\r\n }\r\n\r\n // Update rows\r\n const updatedCount = items.reduce(this.updateItem.bind(this), 0);\r\n if (updatedCount > 0 || rangeOffset !== 0) {\r\n if (this.DEBUG) {\r\n console.log(\r\n 'onItemsUpdated, changed (updatedCount, rangeOffset)',\r\n updatedCount,\r\n rangeOffset,\r\n );\r\n }\r\n\r\n hasChanges = true;\r\n }\r\n }\r\n\r\n if (hasChanges) {\r\n this._onDataLoad();\r\n }\r\n }\r\n\r\n get rangeOffset() {\r\n const ret = this._rangeOffset;\r\n this._rangeOffset = 0;\r\n return ret;\r\n }\r\n\r\n getRowData(rowIndex) {\r\n return this._data[rowIndex];\r\n }\r\n\r\n // onDataLoaded is called when the data is ready\r\n updateRowData(rowIndex, onDataLoaded) {\r\n const rowData = this._data[rowIndex];\r\n if (!rowData) {\r\n if (this._initialDataReceived) {\r\n this._queueRequestFor(rowIndex, onDataLoaded);\r\n }\r\n\r\n return false;\r\n }\r\n\r\n onDataLoaded(rowData);\r\n return true;\r\n }\r\n\r\n removePendingRequests(rowIndex) {\r\n delete this._pendingRequest[rowIndex];\r\n }\r\n\r\n _queueRequestFor(rowIndex, onDataLoaded) {\r\n const rowBase = rowIndex - (rowIndex % NUMBER_OF_ROWS_PER_REQUEST);\r\n\r\n const request = this._pendingRequest[rowIndex];\r\n if (request) {\r\n request.push(onDataLoaded);\r\n return;\r\n }\r\n\r\n this._pendingRequest[rowIndex] = [onDataLoaded];\r\n if (rowIndex !== rowBase) {\r\n if (this._pendingRequest[rowBase]) {\r\n return;\r\n }\r\n\r\n this._pendingRequest[rowBase] = [];\r\n }\r\n\r\n const endRow = Math.min(rowBase + NUMBER_OF_ROWS_PER_REQUEST, this._store.rowCount);\r\n SocketService.get(this._store.viewUrl + '/items/' + rowBase + '/' + endRow)\r\n .then(this.onRowsReceived.bind(this, rowBase))\r\n .catch((error) => {\r\n console.error('Failed to load data', error);\r\n for (let i = rowBase; i < endRow; i++) {\r\n if (this._pendingRequest[i]) {\r\n delete this._pendingRequest[i];\r\n }\r\n }\r\n });\r\n }\r\n\r\n onRowsReceived(start, rows) {\r\n if (!this._pendingRequest[start]) {\r\n // View changed\r\n return;\r\n }\r\n\r\n for (let i = 0; i < rows.length; i++) {\r\n const rowIndex = start + i;\r\n if (!isEqual(this._data[rowIndex], rows[i])) {\r\n this._data[rowIndex] = rows[i];\r\n\r\n if (this._pendingRequest[rowIndex]) {\r\n this._pendingRequest[rowIndex].forEach((f) => f(rows[i]));\r\n }\r\n } else if (this.DEBUG) {\r\n console.log('onRowsReceived, row data equals', rowIndex);\r\n }\r\n\r\n delete this._pendingRequest[rowIndex];\r\n }\r\n }\r\n}\r\n\r\nexport default RowDataLoader;\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n export default content && content.locals ? content.locals : undefined;\n","import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport TableActions from 'actions/TableActions';\r\n\r\nimport TableFooter, { TableFooterProps } from './TableFooter';\r\nimport TableContainer, { TableContainerProps } from './TableContainer';\r\nimport RowDataLoader from './RowDataLoader';\r\n\r\nimport './style.css';\r\nimport 'fixed-data-table-2/dist/fixed-data-table.css';\r\n\r\nimport * as API from 'types/api';\r\nimport { Translation } from 'react-i18next';\r\n\r\ndeclare module 'fixed-data-table-2' {\r\n export interface ColumnProps {\r\n name: string;\r\n hideWidth?: number;\r\n renderCondition?: (cellData: any, rowData: any) => boolean;\r\n }\r\n}\r\n\r\nexport type VirtualTableProps = Omit<TableFooterProps, 't'> &\r\n Omit<TableContainerProps, 'store' | 'dataLoader' | 't'> &\r\n React.PropsWithChildren<{\r\n store: any;\r\n sessionStore?: any;\r\n sourceFilter?: API.TableFilter;\r\n emptyRowsNodeGetter?: () => React.ReactNode;\r\n }>;\r\n\r\nclass VirtualTable extends React.PureComponent<VirtualTableProps> {\r\n static propTypes = {\r\n // Elements to append to the table footer\r\n footerData: PropTypes.node,\r\n\r\n // Returns a node to render if there are no rows to display\r\n emptyRowsNodeGetter: PropTypes.func,\r\n\r\n // Possible ID of the current view (items will be cleared when the ID changes)\r\n viewId: PropTypes.any,\r\n\r\n // Store containing sessions (must be provided together with entityId)\r\n sessionStore: PropTypes.object,\r\n\r\n // Custom filter that will be displayed in addition to regular text filter\r\n customFilter: PropTypes.elementType,\r\n\r\n // Filter that is always applied for source items (those will never be displayed or included in the total count)\r\n sourceFilter: PropTypes.object,\r\n };\r\n\r\n dataLoader = new RowDataLoader(this.props.store, () => this.forceUpdate());\r\n unsubscribe = this.props.store.listen(\r\n this.dataLoader.onItemsUpdated.bind(this.dataLoader),\r\n );\r\n\r\n componentDidMount() {\r\n //this._dataLoader = new RowDataLoader(this.props.store, () => this.forceUpdate() );\r\n\r\n //this.unsubscribe = this.props.store.listen(this._dataLoader.onItemsUpdated.bind(this._dataLoader));\r\n\r\n this.start(this.props.entityId);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.close(this.props.entityId);\r\n this.unsubscribe();\r\n }\r\n\r\n componentDidUpdate(prevProps: VirtualTableProps) {\r\n if (prevProps.entityId !== this.props.entityId) {\r\n this.close(prevProps.entityId);\r\n this.start(this.props.entityId);\r\n }\r\n\r\n if (prevProps.viewId !== this.props.viewId) {\r\n const { store } = this.props;\r\n if (store.paused) {\r\n // We need to receive the new items\r\n TableActions.pause(store.viewUrl, false);\r\n }\r\n\r\n TableActions.clear(store.viewUrl);\r\n }\r\n }\r\n\r\n moduleExists = (entityId: API.IdType | undefined) => {\r\n if (!entityId || !this.props.sessionStore) {\r\n return true;\r\n }\r\n\r\n return this.props.sessionStore.getSession(entityId);\r\n };\r\n\r\n start = (entityId: API.IdType | undefined) => {\r\n const { store, sourceFilter } = this.props;\r\n\r\n TableActions.init(store.viewUrl, entityId, sourceFilter);\r\n TableActions.setSort(store.viewUrl, store.sortProperty, store.sortAscending);\r\n };\r\n\r\n close = (entityId: API.IdType | undefined) => {\r\n // Don't send the close command if the session was removed\r\n TableActions.close(this.props.store.viewUrl, this.moduleExists(entityId));\r\n };\r\n\r\n render() {\r\n const {\r\n store,\r\n footerData,\r\n emptyRowsNodeGetter,\r\n customFilter,\r\n textFilterProps,\r\n ...other\r\n } = this.props;\r\n\r\n if (emptyRowsNodeGetter && store.totalCount === -1) {\r\n // Row count is unknown, don't flash the table\r\n return <div className=\"virtual-table\" />;\r\n }\r\n\r\n if (emptyRowsNodeGetter && store.totalCount === 0) {\r\n return emptyRowsNodeGetter();\r\n }\r\n\r\n //console.log('Render virtual table');\r\n return (\r\n <div className=\"virtual-table\">\r\n <Translation>\r\n {(t) => (\r\n <>\r\n <TableContainer\r\n {...other}\r\n dataLoader={this.dataLoader}\r\n store={store}\r\n t={t}\r\n />\r\n\r\n <TableFooter\r\n store={store}\r\n customFilter={customFilter}\r\n footerData={footerData}\r\n textFilterProps={textFilterProps}\r\n />\r\n </>\r\n )}\r\n </Translation>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default VirtualTable;\r\n","import * as React from 'react';\r\n\r\nimport DataProviderDecorator, {\r\n DataProviderDecoratorChildProps,\r\n} from 'decorators/DataProviderDecorator';\r\nimport SocketService from 'services/SocketService';\r\n\r\nimport * as API from 'types/api';\r\nimport { ErrorResponse } from 'airdcpp-apisocket';\r\n\r\ninterface FilterType {\r\n id: number;\r\n}\r\n\r\nexport interface TableFilterDecoratorProps {\r\n store: any;\r\n}\r\n\r\nexport interface TableFilterDecoratorDataProps {\r\n filter: FilterType;\r\n}\r\n\r\nexport interface TableFilterDecoratorChildProps {\r\n onFilterUpdated: (value: string | number | null, method?: API.FilterMethod) => void;\r\n}\r\n\r\nexport default function <PropsT>(\r\n Component: React.ComponentType<PropsT & TableFilterDecoratorChildProps>,\r\n propertyName = 'any',\r\n) {\r\n type Props = PropsT &\r\n TableFilterDecoratorProps &\r\n DataProviderDecoratorChildProps &\r\n TableFilterDecoratorDataProps;\r\n\r\n const TableFilterDecorator = (props: Props) => {\r\n const onFilterUpdated = (\r\n pattern: string,\r\n method: API.FilterMethod = API.FilterMethod.PARTIAL,\r\n ) => {\r\n const data = {\r\n pattern,\r\n method,\r\n property: propertyName,\r\n } as API.TableFilter;\r\n\r\n const { store, filter } = props;\r\n SocketService.put(`${store.viewUrl}/filter/${filter.id}`, data).catch(\r\n (error: ErrorResponse) => console.error('Failed to add table filter', error),\r\n );\r\n };\r\n\r\n React.useLayoutEffect(() => {\r\n return () => {\r\n const { store, filter } = props;\r\n if (store.active) {\r\n SocketService.delete(`${store.viewUrl}/filter/${filter.id}`).catch(\r\n (error: ErrorResponse) =>\r\n console.error('Failed to delete table filter', error),\r\n );\r\n }\r\n };\r\n }, []);\r\n\r\n return <Component {...props} onFilterUpdated={onFilterUpdated} />;\r\n };\r\n\r\n return DataProviderDecorator<\r\n PropsT & TableFilterDecoratorProps,\r\n TableFilterDecoratorDataProps\r\n >(TableFilterDecorator, {\r\n urls: {\r\n filter: ({ store }, socket) => socket.post(`${store.viewUrl}/filter`),\r\n },\r\n loaderText: null,\r\n });\r\n}\r\n","import SocketService from 'services/SocketService';\r\nimport TableActions from 'actions/TableActions';\r\n\r\nimport invariant from 'invariant';\r\n\r\n// TODO: this should be handled on component level (instead of using global stores)\r\nexport default (defaultSortProperty, defaultSortAscending = true) => {\r\n let active = false;\r\n let totalCount = -1; // Not zero to avoid using emptyRowsNodeGetter when it's not wanted\r\n let matchingCount = 0;\r\n let startPos = 0;\r\n let items = [];\r\n let entityId = null;\r\n let paused = false;\r\n let scrollPosition = 0;\r\n\r\n const DEBUG = true;\r\n\r\n let sortProperty = defaultSortProperty;\r\n let sortAscending = defaultSortAscending;\r\n\r\n const findItem = (id) => {\r\n return items.find((item) => (!item ? false : item.id === id));\r\n };\r\n\r\n const clear = () => {\r\n items = [];\r\n startPos = 0;\r\n matchingCount = 0;\r\n totalCount = -1;\r\n };\r\n\r\n const addItems = (itemsObj) => {\r\n items = itemsObj.reduce((newViewItems, rawItem, index) => {\r\n // Either a new item, existing one in a different position or we are updating properties\r\n let viewItem = findItem(rawItem.id) || { id: rawItem.id };\r\n\r\n if (rawItem.properties) {\r\n viewItem = Object.assign({}, viewItem, rawItem.properties);\r\n } else if (Object.keys(viewItem).length === 1) {\r\n console.error('No properties were sent for a new view item', viewItem.id);\r\n }\r\n\r\n newViewItems[startPos + index] = viewItem;\r\n\r\n return newViewItems;\r\n }, []);\r\n };\r\n\r\n const parseDataProperties = (data) => {\r\n if (data.range_start != undefined) {\r\n startPos = data.range_start;\r\n }\r\n\r\n if (data.total_items != undefined) {\r\n totalCount = data.total_items;\r\n }\r\n\r\n if (data.matching_items != undefined) {\r\n matchingCount = data.matching_items;\r\n }\r\n\r\n if (data.items != undefined) {\r\n addItems(data.items);\r\n }\r\n };\r\n\r\n const ViewStoreMixin = {\r\n listenables: TableActions,\r\n DEBUG,\r\n\r\n onClose(viewUrl) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n if (DEBUG) {\r\n console.log(`Closing view ${this.viewUrl}`);\r\n }\r\n\r\n this._removeMessageListener();\r\n clear();\r\n\r\n active = false;\r\n this.trigger();\r\n },\r\n\r\n onClear(viewUrl) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n clear();\r\n this.trigger();\r\n },\r\n\r\n onPause(viewUrl, enabled) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n paused = enabled;\r\n },\r\n\r\n onInit(viewUrl, entity) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n invariant(!active, 'Trying start an active table view');\r\n\r\n entityId = entity;\r\n\r\n this.addMessageListener();\r\n if (DEBUG) {\r\n console.log(`Starting view ${this.viewUrl}`);\r\n }\r\n\r\n active = true;\r\n },\r\n\r\n onSetSort(viewUrl, property, ascending) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n sortProperty = property;\r\n sortAscending = ascending;\r\n //this.trigger(items);\r\n },\r\n\r\n addMessageListener() {\r\n this._removeMessageListener = SocketService.addViewUpdateListener(\r\n this._viewName,\r\n this._handleUpdate,\r\n entityId,\r\n );\r\n },\r\n\r\n get items() {\r\n return items;\r\n },\r\n\r\n get viewUrl() {\r\n let viewUrl = this._apiUrl + '/';\r\n if (entityId) {\r\n viewUrl += entityId + '/';\r\n }\r\n\r\n viewUrl += this._viewName;\r\n return viewUrl;\r\n },\r\n\r\n get viewName() {\r\n return this._viewName;\r\n },\r\n\r\n get rowCount() {\r\n return matchingCount;\r\n },\r\n\r\n get totalCount() {\r\n return totalCount;\r\n },\r\n\r\n get active() {\r\n return active;\r\n },\r\n\r\n get sortProperty() {\r\n return sortProperty;\r\n },\r\n\r\n get sortAscending() {\r\n return sortAscending;\r\n },\r\n\r\n get paused() {\r\n return paused;\r\n },\r\n\r\n setScrollData(data, viewId) {\r\n if (this._sessionStore) {\r\n this._sessionStore.scroll.setScrollData(data, entityId, viewId);\r\n return;\r\n }\r\n\r\n if (DEBUG) {\r\n console.log(\r\n `Setting scroll position ${data} for view ${this.viewUrl} (view ID ${viewId})`,\r\n );\r\n }\r\n\r\n scrollPosition = data;\r\n },\r\n\r\n getScrollData(viewId) {\r\n if (this._sessionStore) {\r\n return this._sessionStore.scroll.getScrollData(entityId, viewId);\r\n }\r\n\r\n if (DEBUG) {\r\n console.log(\r\n `Getting scroll position ${scrollPosition} for view ${this.viewUrl} (view ID ${viewId})`,\r\n );\r\n }\r\n\r\n return scrollPosition;\r\n },\r\n\r\n _handleUpdate(data) {\r\n parseDataProperties(data);\r\n this.trigger(items, data.range_offset, matchingCount);\r\n },\r\n };\r\n\r\n return ViewStoreMixin;\r\n};\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","TableActions","setRange","asyncResult","setSort","close","pause","init","postSettings","settings","viewUrl","action","post","then","data","completed","catch","error","failed","listen","sessionExists","socketAuthenticated","that","this","delete","Promise","resolve","sortProperty","sortAscending","sort_property","sort_ascending","rangeStart","maxRows","console","assert","range_start","max_count","paused","entityId","filterData","source_filter","item","className","country","toLowerCase","str","getCellContent","cellData","Array","isArray","length","TextCell","HeaderCell","onClick","label","columnKey","props","FileActionCell","rowDataGetter","children","caption","typeInfo","type","itemData","ActionMenuCell","ActionLinkCell","moduleData","entity","onClickAction","SizeCell","t","SpeedCell","DurationCell","AbbreviatedDurationCell","IpCell","ConnectionCell","DecimalCell","FileDownloadCell","clickHandlerGetter","userGetter","downloadHandler","user","linkCaption","itemInfoGetter","CheckboxCell","onChange","checked","filterMethodToString","method","methodTitle","REGEX","WILDCARD","EXACT","getFilterMethodCaption","getPlaceholder","ret","PARTIAL","TextFilter","state","value","onFilterUpdated","onTextChanged","event","setState","target","clearTimeout","timer","window","setTimeout","onMethodChanged","input","focus","getFilterMethod","isCurrent","MenuItemLink","active","componentWillUnmount","render","autoFocus","ref","c","placeholder","SectionedDropdown","button","direction","MenuSection","Object","keys","filter","key","isNaN","Number","map","defaultProps","TableFilterDecorator","CountInfo","store","totalCount","rowCount","Icon","icon","IconConstants","FILTER","customFilter","CustomFilter","footerData","textFilterProps","RowWrapperCell","rowData","loadData","rowIndex","dataLoader","updateRowData","onDataLoaded","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","removePendingRequests","shouldComponentUpdate","nextState","width","renderCondition","rowClassNameGetter","other","undefined","propTypes","isRequired","formatColumnName","column","moduleId","name","displayName","TABLE","sortDirArrow","TableContainer","height","columnWidths","isColumnResizing","getInitialProps","scrollPosition","setInitialScrollRow","updateRowRange","startRows","pixels","Math","max","floor","ceil","convertEndToRows","DEBUG","log","viewName","onScrollStart","horizontal","vertical","onScrollEnd","viewId","scrollTimer","setScrollData","onColumnClicked","onColumnResizeEndCallback","newColumnWidth","childToColumn","hideWidth","flexGrow","cell","mobileView","header","bind","isResizable","allowCellsRecycling","onResizeView","contentRect","bounds","entry","componentDidUpdate","prevProps","prevState","onResize","measureRef","rowHeight","rowsCount","headerHeight","touchScrollEnabled","scrollTop","getScrollData","constructor","onDataLoad","_onDataLoad","_store","_data","_pendingRequest","_initialDataReceived","clear","updateItem","updated","index","old","$merge","$set","onItemsUpdated","items","rangeOffset","hasChanges","i","updatedCount","reduce","_rangeOffset","getRowData","_queueRequestFor","rowBase","request","endRow","min","SocketService","get","onRowsReceived","start","rows","forEach","f","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","VirtualTable","forceUpdate","unsubscribe","moduleExists","sessionStore","getSession","sourceFilter","emptyRowsNodeGetter","Component","propertyName","pattern","property","put","urls","socket","loaderText","defaultSortProperty","defaultSortAscending","matchingCount","startPos","listenables","onClose","_removeMessageListener","trigger","onClear","onPause","enabled","onInit","addMessageListener","onSetSort","ascending","addViewUpdateListener","_viewName","_handleUpdate","_apiUrl","_sessionStore","scroll","itemsObj","total_items","matching_items","newViewItems","rawItem","viewItem","find","properties","assign","parseDataProperties","range_offset"],"sourceRoot":""}
|