npm - airdcpp-webui - Versions diffs - 2.11.3-beta.1 → 2.11.3-beta.2 - Mend

airdcpp-webui 2.11.3-beta.1 → 2.11.3-beta.2

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.

Files changed (125) hide show

package/dist/index.html CHANGED Viewed

@@ -12,7 +12,7 @@
 		{
 			// We must inject the main chunk dynamically as well because the final path is not known on compile time
 			var script = document.createElement('script');
-			script.src = getBasePath() + "js/main.ad3d59f07b32feb5be60.entry.js";
+			script.src = getBasePath() + "js/main.51b1144fdbc0a681eb6c.entry.js";
 			document.body.appendChild(script);
 		}

package/dist/js/285.14157e0f1f25fb9aaecd.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui\|\|[]).push([[285],{48878:(e,n,a)=>{a.d(n,{Z:()=>i});var t=a(87537),s=a.n(t),o=a(23645),r=a.n(o)()(s());r.push([e.id,".download-dialog .accordion.download-targets {\r\n overflow-y: auto;\r\n}\r\n\r\n.download-dialog .main-content,\r\n.download-dialog .mobile.layout {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.download-dialog .main-content .list {\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n}\r\n\r\n.download-dialog .content > div, .download-dialog .ui.grid .column, \r\n.download-dialog .main-content {\r\n height: 100%;\r\n}\r\n\r\n.download-dialog .download-handler {\r\n display: flex;\r\n align-items: baseline;\r\n}\r\n\r\n.download-dialog .disk-info {\r\n color: black;\r\n font-size: 90%;\r\n font-style: italic;\r\n}\r\n\r\n.download-dialog .normal.layout .four.wide.column {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n","",{version:3,sources:["webpack://./src/components/download/style.css"],names:[],mappings:"AAAA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;;EAEE,YAAY;AACd;;AAEA;EACE,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,YAAY;EACZ,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,8BAA8B;AAChC",sourcesContent:[".download-dialog .accordion.download-targets {\r\n overflow-y: auto;\r\n}\r\n\r\n.download-dialog .main-content,\r\n.download-dialog .mobile.layout {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.download-dialog .main-content .list {\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n}\r\n\r\n.download-dialog .content > div, .download-dialog .ui.grid .column, \r\n.download-dialog .main-content {\r\n height: 100%;\r\n}\r\n\r\n.download-dialog .download-handler {\r\n display: flex;\r\n align-items: baseline;\r\n}\r\n\r\n.download-dialog .disk-info {\r\n color: black;\r\n font-size: 90%;\r\n font-style: italic;\r\n}\r\n\r\n.download-dialog .normal.layout .four.wide.column {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n"],sourceRoot:""}]);const i=r},62285:(e,n,a)=>{a.d(n,{Z:()=>oe});var t=a(85893),s=a(67294),o=a(5977),r=a(26793),i=a(4047),l=a(15479),d=a(1251),c=a(91894),h=a(48117),u=a(57136),m=a(66883),p=a(42090),j=a(92245),g=a(28427),O=a(72181),w=a(89519),f=a(8717),A=a(3629),v=a(9781),y=a(10606),b=a(98374),x=a(32347),E=a(27695),N=a(35936),P=a(2445);const C=(e,n)=>e.free_space<=0?e.path:` (${n((0,f.zS)("spaceFree",x.jv.COMMON),{defaultValue:"{{freeSpace}} free",replace:{freeSpace:(0,P.BU)(e.free_space,n)}})})`,I=({pathInfo:e,downloadHandler:n,t:a})=>(0,t.jsxs)("div",Object.assign({className:"item"},{children:[(0,t.jsx)(N.Z,{icon:h.Z.FOLDER}),(0,t.jsx)("div",Object.assign({className:"content"},{children:(0,t.jsxs)("a",Object.assign({onClick:a=>n(e.path)},{children:[e.path,(0,t.jsx)("span",Object.assign({className:"disk-info"},{children:C(e,a)}))]}))}))]})),Z=(0,p.Z)((({downloadHandler:e,pathInfos:n,t:a})=>(0,t.jsx)("div",Object.assign({className:"ui relaxed list"},{children:n.map((n=>(0,t.jsx)(I,{pathInfo:n,downloadHandler:e,t:a},n.path)))}))),{urls:{pathInfos:({paths:e},n)=>n.post(c.Z.DISK_INFO_URL,{paths:e})}}),R=e=>0===e.paths.length?(0,t.jsx)(E.Z,{title:(0,f.Iu)("No paths to display",e.t,x.jv.COMMON)}):(0,t.jsx)(Z,Object.assign({},e));var k=a(45697),B=a.n(k),D=a(35451);class _ extends s.Component{constructor(){super(...arguments),this.formatParent=e=>{const{downloadHandler:n,t:a}=this.props;return(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",Object.assign({className:"title"},{children:[(0,t.jsx)(N.Z,{icon:h.Z.DROPDOWN}),e.name]})),(0,t.jsx)("div",Object.assign({className:"content"},{children:(0,t.jsx)(R,{paths:e.paths,downloadHandler:n,t:a})}))]},e.name)}}render(){const{groupedPaths:e,t:n}=this.props;return 0===e.length?(0,t.jsx)(E.Z,{title:(0,f.Iu)("No paths to display",n,x.jv.COMMON)}):(0,t.jsx)(D.ZP,Object.assign({className:"styled download-targets"},{children:e.map(this.formatParent)}))}}_.propTypes={downloadHandler:B().func.isRequired,groupedPaths:B().array.isRequired};const S=_;var M=a(68662);const H=(e,n,a)=>n?[...e,(0,t.jsxs)(b.Z,Object.assign({onClick:n},{children:[(0,f.Iu)("Browse",a,x.jv.COMMON),(0,t.jsx)(N.Z,{icon:"external"})]}),"browse")]:e,T=({menuItems:e,title:n,handleBrowse:a,t:s,children:o})=>(0,t.jsxs)("div",Object.assign({className:"mobile layout"},{children:[(0,t.jsx)(M.Z,Object.assign({selection:!0,caption:n},{children:H(e,a,s)})),(0,t.jsx)("div",Object.assign({className:"ui segment main-content"},{children:o}))]}));var L=a(84807),U=a(24101);const F=({menuItems:e,title:n,handleBrowse:a,t:s,children:o})=>(0,t.jsxs)(U.rj,Object.assign({className:"normal layout"},{children:[(0,t.jsxs)("div",Object.assign({className:"four wide column"},{children:[(0,t.jsx)("div",Object.assign({className:"ui vertical fluid tabular menu"},{children:e})),!!a&&(0,t.jsx)(L.Z,{className:"fluid basic",caption:(0,f.Iu)("Browse",s,x.jv.COMMON),onClick:a,icon:h.Z.OPEN})]})),(0,t.jsx)("div",Object.assign({className:"twelve wide stretched column"},{children:(0,t.jsx)("div",Object.assign({className:"ui segment main-content"},{children:o}))}))]})),G=e=>{const{t:n}=(0,r.$)(),[a,o]=(0,s.useState)("history"),i=s.useMemo((()=>{const{historyPaths:n,sharePaths:a,favoritePaths:s,itemInfo:o}=e;return(e=>{const{sharePaths:n,favoritePaths:a,historyPaths:s,dupePaths:o}=e;return[{name:"Previous",key:"history",list:s,component:({downloadHandler:e,t:n})=>(0,t.jsx)(R,{paths:s,downloadHandler:e,t:n})},{name:"Shared",key:"shared",list:n,component:({downloadHandler:e,t:a})=>(0,t.jsx)(S,{groupedPaths:n,downloadHandler:e,t:a})},{name:"Favorites",key:"favorites",list:a,component:({downloadHandler:e,t:n})=>(0,t.jsx)(S,{groupedPaths:a,downloadHandler:e,t:n})},{name:"Dupes",key:"dupes",list:o,component:({downloadHandler:e,t:n})=>(0,t.jsx)(R,{paths:o,downloadHandler:e,t:n})}]})({historyPaths:n,sharePaths:a,favoritePaths:s,dupePaths:o.dupe?o.dupe.paths.map((e=>(0,v.Il)(e))):[]})}),[]),l=i.find((e=>e.key===a));if(!l)return null;const d=i.map((e=>((e,n,a,s)=>(0,t.jsxs)(b.Z,Object.assign({onClick:()=>a(e.key),active:n===e.key},{children:[s((0,f.zS)(e.key,x.jv.COMMON),e.name),!!e.list&&(0,t.jsx)("div",Object.assign({className:"ui small right label"},{children:e.list.length}))]}),e.key))(e,a,o,n))),c=(0,y.wd)()?T:F;return(0,t.jsx)(c,Object.assign({menuItems:d,title:l.name,handleBrowse:e.handleBrowse,t:n},{children:(0,t.jsx)(l.component,{t:n,downloadHandler:e.downloadHandler})}),l.key)};var W=a(76249),$=a(93379),q=a.n($),z=a(7795),Y=a.n(z),V=a(90569),K=a.n(V),X=a(3565),J=a.n(X),Q=a(19216),ee=a.n(Q),ne=a(44589),ae=a.n(ne),te=a(48878),se={};se.styleTagTransform=ae(),se.setAttributes=J(),se.insert=K().bind(null,"head"),se.domAPI=Y(),se.insertStyleElement=ee(),q()(te.Z,se),te.Z&&te.Z.locals&&te.Z.locals;const oe=(0,j.ZP)((0,p.Z)((e=>{const{t:n}=(0,r.$)(),a=(0,s.useRef)(null),{downloadHandler:i,itemInfo:d,userGetter:p,match:j,session:v,historyPaths:y,favoritePaths:b,sharePaths:E}=e,N=function(e,n){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(t=Object.getOwnPropertySymbols(e);s<t.length;s++)n.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(e,t[s])&&(a[t[s]]=e[t[s]])}return a}(e,["downloadHandler","itemInfo","userGetter","match","session","historyPaths","favoritePaths","sharePaths"]),P=(t,s)=>{return o=void 0,r=void 0,h=function*(){try{yield i(d,p?p(j.params.downloadItemId,e):void 0,{target_name:s\|\|d.name,target_directory:t,priority:W.gg.DEFAULT},v)}catch(e){u.Z.error({title:n((0,f.zS)("queueingFailed",x.jv.COMMON),{defaultValue:"Failed to queue the item {{item.name}}",replace:{item:d}}),message:e.message})}(0,w.h9)((()=>(0,A.V)(l.n0.DOWNLOAD_DIR,t)),n),a.current&&a.current.hide()},new((c=void 0)\|\|(c=Promise))((function(e,n){function a(e){try{s(h.next(e))}catch(e){n(e)}}function t(e){try{s(h.throw(e))}catch(e){n(e)}}function s(n){var s;n.done?e(n.value):(s=n.value,s instanceof c?s:new c((function(e){e(s)}))).then(a,t)}s((h=h.apply(o,r\|\|[])).next())}));var o,r,c,h},C={subHeader:d.name,title:(0,f.Iu)("Download",n,x.jv.COMMON),icon:h.Z.DOWNLOAD,closable:!1,returnTo:e.returnTo},I=m.Z.hasAccess(W.PS.FILESYSTEM_VIEW);return(0,t.jsxs)(o.rs,{children:[(0,t.jsx)(o.AW,Object.assign({path:`${j.path}/browse`},{children:(0,t.jsx)(O.P,Object.assign({onConfirm:(e,n,a)=>P(n,a),initialPath:(()=>{const e=y.length>0?y[y.length-1]:"";return"directory"===d.type.id?e:e+d.name})(),selectMode:"directory"===d.type.id?x.pC.DIRECTORY:x.pC.FILE,historyId:c.Z.LOCATION_DOWNLOAD,approveCaption:(0,f.Iu)("Download",n,x.jv.COMMON)},C))})),(0,t.jsx)(o.AW,Object.assign({path:j.path,exact:!0},{children:(0,t.jsx)(g.Z,Object.assign({ref:a,className:"download-dialog",fullHeight:!0},C,N,{children:(0,t.jsx)(G,{downloadHandler:P,handleBrowse:I?()=>{const{history:n}=e;n.replace(`${j.url}/browse`)}:void 0,historyPaths:y,favoritePaths:b,sharePaths:E,itemInfo:d})}))}))]})}),{urls:{sharePaths:i.Z.GROUPED_ROOTS_GET_URL,favoritePaths:d.Z.GROUPED_DIRECTORIES_URL,historyPaths:l.ZP.STRINGS_URL+"/"+l.n0.DOWNLOAD_DIR,itemInfo:({match:e,itemDataGetter:n},a)=>n(e.params.downloadItemId,a)}}),"download/:downloadItemId")},24101:(e,n,a)=>{a.d(n,{X2:()=>c,h4:()=>h,rj:()=>u});var t=a(85893),s=(a(67294),a(94184)),o=a.n(s),r=a(85444),i=a(8717),l=a(32347);const d=e=>e\|\|(0,t.jsx)(r.c,Object.assign({i18nKey:(0,i.zS)("na",l.jv.COMMON)},{children:"N/A"})),c=({title:e,text:n,className:a,titleWidth:s="four",noText:r})=>(0,t.jsxs)("div",Object.assign({className:o()("ui row",a)},{children:[(0,t.jsx)("div",Object.assign({className:o()(r?"sixteen":s,"wide column title")},{children:(0,t.jsx)("div",Object.assign({className:"ui tiny header",style:{overflow:"hidden"}},{children:e}))})),!r&&(0,t.jsx)("div",Object.assign({className:"column value"},{children:d(n)}))]})),h=({title:e})=>(0,t.jsx)("div",Object.assign({className:"ui row"},{children:(0,t.jsx)("div",Object.assign({className:"sixteen wide column"},{children:(0,t.jsx)("div",Object.assign({className:"ui blue section header"},{children:e}))}))})),u=e=>{var{className:n,children:a,columns:s,stackable:r}=e,i=function(e,n){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(t=Object.getOwnPropertySymbols(e);s<t.length;s++)n.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(e,t[s])&&(a[t[s]]=e[t[s]])}return a}(e,["className","children","columns","stackable"]);return(0,t.jsx)("div",Object.assign({className:o()("ui grid",{[`${s} column`]:!!s},{stackable:r},n)},i,{children:a}))}},1251:(e,n,a)=>{a.d(n,{Z:()=>s});const t="favorite_directories",s={MODULE_URL:t,GROUPED_DIRECTORIES_URL:t+"/grouped_paths",DIRECTORIES_URL:t,DIRECTORIES_UPDATED:"favorite_directories_updated"}},3629:(e,n,a)=>{a.d(n,{V:()=>o});var t=a(518),s=a(15479);const o=(e,n)=>t.Z.post(`${s.ZP.STRINGS_URL}/${e}`,{string:n})}}]);
2	+ //# sourceMappingURL=285.14157e0f1f25fb9aaecd.chunk.js.map

package/dist/js/285.14157e0f1f25fb9aaecd.chunk.js.gz ADDED Viewed

Binary file

package/dist/js/285.14157e0f1f25fb9aaecd.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"js/285.14157e0f1f25fb9aaecd.chunk.js","mappings":"kKAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,gyBAAiyB,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,iDAAiD,MAAQ,GAAG,SAAW,oPAAoP,eAAiB,CAAC,iyBAAiyB,WAAa,MAEh+D,W,kTCeA,MAAMC,EAAkB,CAACC,EAA6BC,IAChDD,EAASE,YAAc,EAClBF,EAASG,KAGX,KAAKF,GACV,QAAU,YAAa,aACvB,CACEG,aAAc,qBACdC,QAAS,CACPC,WAAW,QAAWN,EAASE,WAAYD,SAMtCM,EAAwC,EAAGP,SAAAA,EAAUQ,gBAAAA,EAAiBP,EAAAA,MACjF,+BAAKQ,UAAU,QAAM,YACnB,SAACC,EAAA,EAAI,CAACC,KAAOC,EAAA,YACb,8BAAKH,UAAU,WAAS,WACtB,6BAAGI,QAAUC,GAAON,EAAgBR,EAASG,OAAK,WAC9CH,EAASG,MACX,+BAAMM,UAAU,aAAW,UACvBV,EAAgBC,EAAUC,iBClBhCc,GAAW,EAAAC,EAAA,IACf,EAAGR,gBAAAA,EAAiBS,UAAAA,EAAWhB,EAAAA,MAC7B,8BAAKQ,UAAU,mBAAiB,UAC5BQ,EAAUC,KAAIlB,IACd,SAACO,EAAY,CAEXP,SAAWA,EACXQ,gBAAkBA,EAClBP,EAAIA,GAHED,EAASG,YAQvB,CACEgB,KAAM,CACJF,UAAW,EAAGG,MAAAA,GAASC,IAAWA,EAAOC,KAAKC,EAAA,gBAAmC,CAAEH,MAAAA,OAazF,EAAgBI,GACa,IAAvBA,EAAMJ,MAAMK,QAEZ,SAACC,EAAA,EAAO,CACNC,OAAQ,QAAU,sBAAuBH,EAAMvB,EAAG,gBAKjD,SAACc,EAAQ,iBAAMS,I,mCCvCxB,MAAMI,UAAyB,EAAAC,UAA/B,c,oBASE,KAAAC,aAAgBC,IACd,MAAM,gBAAEvB,EAAe,EAAEP,GAAM+B,KAAKR,MACpC,OACE,4BACE,+BAAKf,UAAU,SAAO,YACpB,SAACC,EAAA,EAAI,CAACC,KAAOC,EAAA,aACXmB,EAAOE,UAGX,8BAAKxB,UAAU,WAAS,WACtB,SAAC,EAAQ,CACPW,MAAQW,EAAOX,MACfZ,gBAAkBA,EAClBP,EAAIA,SAVC8B,EAAOE,OAiBtBC,SACE,MAAM,aAAEC,EAAY,EAAElC,GAAM+B,KAAKR,MACjC,OAA4B,IAAxBW,EAAaV,QAEb,SAACC,EAAA,EAAO,CACNC,OAAQ,QAAU,sBAAuB1B,EAAG,gBAMhD,SAACmC,EAAA,GAAS,eAAC3B,UAAU,2BAAyB,UAC1C0B,EAAajB,IAAIc,KAAKF,kBAxCvB,EAAAO,UAAY,CAEjB7B,gBAAiB,oBAGjB2B,aAAc,sBAyClB,U,eC1DA,MAAMG,EAAmB,CAACC,EAA8BC,EAA6BvC,IAC9EuC,EAIE,IACFD,GAED,UAACE,EAAA,EAAY,eAEX5B,QAAU2B,GAAY,YAEpB,QAAU,SAAUvC,EAAG,cACzB,SAACS,EAAA,EAAI,CAACC,KAAK,gBAJP,WAPD4B,EAiBEG,EAA8C,EACvDH,UAAAA,EAAWZ,MAAAA,EAAOa,aAAAA,EAAcvC,EAAAA,EAAG0C,SAAAA,MAErC,+BAAKlC,UAAU,iBAAe,YAC5B,SAACmC,EAAA,EAAQ,eACPC,WAAY,EACZC,QAAUnB,GAAK,UAEbW,EAAiBC,EAAWC,EAAcvC,OAE9C,8BAAKQ,UAAU,2BAAyB,UACpCkC,S,0BC/BD,MAAMI,EAA8C,EAAGR,UAAAA,EAAWZ,MAAAA,EAAOa,aAAAA,EAAcvC,EAAAA,EAAG0C,SAAAA,MAC/F,UAACK,EAAA,GAAI,eAACvC,UAAU,iBAAe,YAC7B,+BAAKA,UAAU,oBAAkB,YAC/B,8BAAKA,UAAU,kCAAgC,UAC3C8B,OAEAC,IACF,SAACS,EAAA,EAAM,CACLxC,UAAU,cACVqC,SAAU,QAAU,SAAU7C,EAAG,aACjCY,QAAU2B,EACV7B,KAAOC,EAAA,cAIb,8BAAKH,UAAU,gCAA8B,WAC3C,8BAAKA,UAAU,2BAAyB,UACpCkC,YC0BGO,EAAgD1B,IAC3D,MAAM,EAAEvB,IAAM,EAAAkD,EAAA,MACNC,EAAkBC,IAAwB,IAAAC,UAAS,WAErDC,EAAW,WACf,KACE,MAAM,aAAEC,EAAY,WAAEC,EAAU,cAAEC,EAAa,SAAEC,GAAanC,EAG9D,MCnC6B,CAACxB,IAClC,MAAM,WAAEyD,EAAU,cAAEC,EAAa,aAAEF,EAAY,UAAEI,GAAc5D,EAkD/D,MAhDoC,CAClC,CACEiC,KAAM,WACN4B,IAAK,UACLC,KAAMN,EACNO,UAAW,EAAGvD,gBAAAA,EAAiBP,EAAAA,MAC7B,SAAC,EAAQ,CACPmB,MAAQoC,EACRhD,gBAAkBA,EAClBP,EAAIA,KAGP,CACDgC,KAAM,SACN4B,IAAK,SACLC,KAAML,EACNM,UAAW,EAAGvD,gBAAAA,EAAiBP,EAAAA,MAC7B,SAAC,EAAgB,CACfkC,aAAesB,EACfjD,gBAAkBA,EAClBP,EAAIA,KAGP,CACDgC,KAAM,YACN4B,IAAK,YACLC,KAAMJ,EACNK,UAAW,EAAGvD,gBAAAA,EAAiBP,EAAAA,MAC7B,SAAC,EAAgB,CACfkC,aAAeuB,EACflD,gBAAkBA,EAClBP,EAAIA,KAGP,CACDgC,KAAM,QACN4B,IAAK,QACLC,KAAMF,EACNG,UAAW,EAAGvD,gBAAAA,EAAiBP,EAAAA,MAC7B,SAAC,EAAQ,CACPmB,MAAQwC,EACRpD,gBAAkBA,EAClBP,EAAIA,ODVD+D,CAAoB,CACzBR,aAAAA,EAAcC,WAAAA,EAAYC,cAAAA,EAAeE,UAHzBD,EAASM,KAAON,EAASM,KAAK7C,MAAMF,KAAIf,IAAQ,QAAcA,KAAS,OAM3F,IAGI+D,EAAgBX,EAASY,MAAKC,GAAKA,EAAEP,MAAQT,IACnD,IAAKc,EACH,OAAO,KAGT,MAAM3B,EAAYgB,EACfrC,KAAIkD,GA1CW,EAClBC,EACAH,EACArD,EACAZ,KAEA,UAACwC,EAAA,EAAY,eAEX5B,QAAU,IAAMA,EAAQwD,EAAQR,KAChCS,OAASJ,IAAkBG,EAAQR,KAAG,WAEpC5D,GAAE,QAAUoE,EAAQR,IAAK,aAAoBQ,EAAQpC,QACnDoC,EAAQP,OACV,8BAAKrD,UAAU,wBAAsB,UACjC4D,EAAQP,KAAKrC,aAPb4C,EAAQR,KAmCJU,CAAYH,EAAGhB,EAAkBC,EAAqBpD,KAE5D4B,GAAY,UAAoBa,EAAuBK,EAC7D,OACE,SAAClB,EAAS,eAERU,UAAYA,EACZZ,MAAQuC,EAAcjC,KACtBO,aAAehB,EAAMgB,aACrBvC,EAAIA,GAAC,WAEL,SAACiE,EAAcH,UAAS,CACtB9D,EAAIA,EACJO,gBAAkBgB,EAAMhB,oBARpB0D,EAAcL,M,qJExEtBW,GAAU,GAEdA,GAAQC,kBAAoB,KAC5BD,GAAQE,cAAgB,IAElBF,GAAQG,OAAS,SAAc,KAAM,QAE3CH,GAAQI,OAAS,IACjBJ,GAAQK,mBAAqB,KAEhB,IAAI,KAASL,IAKJ,MAAW,aAAiB,YCgClD,MAsGA,IAAe,EAAAM,EAAA,KACb,EAAA9D,EAAA,IAvGsCQ,IACtC,MAAM,EAAEvB,IAAM,EAAAkD,EAAA,KACR4B,GAAW,IAAAC,QAAc,OAEzB,gBACJxE,EAAe,SAAEmD,EAAQ,WAAEsB,EAAU,MAAEC,EAAK,QAC5CC,EAAO,aAAE3B,EAAY,cAAEE,EAAa,WAAED,GAEpCjC,EADC4D,E,yUAAK,CACN5D,EAJE,2GAMA6D,EAAsC,CAAOC,EAAYC,KAAmB,O,OAAD,E,OAAA,E,EAAA,YAC/E,UACQ/E,EACJmD,EACEsB,EAAaA,EAAWC,EAAMM,OAAOC,eAAgBjE,QAASkE,EAChE,CACEC,YAAeJ,GAAkC5B,EAAS1B,KAC1D2D,iBAAkBN,EAClBO,SAAU,cAEZV,GAEF,MAAOW,GACPC,EAAA,QAA0B,CACxBpE,MAAO1B,GACL,QAAU,iBAAkB,aAC5B,CACEG,aAAc,yCACdC,QAAS,CACP2F,KAAMrC,KAIZsC,QAASH,EAAEG,WAIf,SACE,KAAM,OAAW,kBAAgCX,IACjDrF,GAGI8E,EAASmB,SACbnB,EAASmB,QAAQC,Q,YAjC4D,K,+QA+C3EC,EAAgC,CACpCC,UAAW1C,EAAS1B,KACpBN,OAAO,QAAU,WAAY1B,EAAG,aAChCU,KAAMC,EAAA,WACN0F,UAAU,EACVC,SAAU/E,EAAM+E,UAGZC,EAAuBC,EAAA,YAAqB,sBAClD,OACE,UAAC,KAAM,YACL,SAAC,KAAK,eAACtG,KAAO,GAAG+E,EAAM/E,eAAa,WAClC,SAAC,IAAiB,eAChBuG,UAAY,CAACvG,EAAMwG,EAAeC,IAAavB,EAAesB,EAAeC,GAC7EC,YAxBqB,MAC3B,MAAM1G,EAAOqD,EAAa/B,OAAS,EAAI+B,EAAaA,EAAa/B,OAAS,GAAK,GAC/E,MAA4B,cAArBkC,EAASmD,KAAKhH,GAAqBK,EAAOA,EAAOwD,EAAS1B,MAsB7C8E,GACdC,WACuB,cAArBrD,EAASmD,KAAKhH,GAAqB,eAAkC,UAEvEmH,UAAY1F,EAAA,oBACZ2F,gBAAiB,QAAU,WAAYjH,EAAG,cACrCmG,QAGT,SAAC,KAAK,eAACjG,KAAO+E,EAAM/E,KAAOgH,OAAK,cAC9B,SAACC,EAAA,EAAK,eACJC,IAAMtC,EACNtE,UAAU,kBACV6G,YAAa,GACRlB,EACAhB,EAAK,WAEV,SAAClC,EAAc,CACb1C,gBAAkB6E,EAClB7C,aAAegE,EAtCJ,KACnB,MAAM,QAAEe,GAAY/F,EACpB+F,EAAQlH,QAAQ,GAAG6E,EAAMsC,oBAoCoC9B,EACrDlC,aAAeA,EACfE,cAAgBA,EAChBD,WAAaA,EACbE,SAAWA,eAWnB,CACExC,KAAM,CACJsC,WAAYgE,EAAA,wBACZ/D,cAAegE,EAAA,0BACflE,aAAcmE,EAAA,eAA+B,IAAM,kBACnDhE,SAAU,EAAGuB,MAAAA,EAAO0C,eAAAA,GAAkBvG,IAC7BuG,EAAe1C,EAAMM,OAAOC,eAAgBpE,MAK3D,6B,kIC1JF,MAAMwG,EAAcC,GACZA,IAKJ,SAAC,IAAK,eACJC,SAAU,QAAU,KAAM,cAAkB,mBAOrCC,EAA0B,EAAGrG,MAAAA,EAAOmG,KAAAA,EAAMrH,UAAAA,EAAWwH,WAAAA,EAAa,OAAQC,OAAAA,MACrF,+BAAKzH,UAAY,IAAW,SAAUA,IAAU,YAC9C,8BAAKA,UAAY,IAAWyH,EAAS,UAAYD,EAAY,sBAAoB,WAC/E,8BAAKxH,UAAU,iBAAiB0H,MAAO,CAAEC,SAAU,WAAU,UACzDzG,SAGHuG,IACD,8BAAKzH,UAAU,gBAAc,UACzBoH,EAAWC,UAURO,EAAgC,EAAG1G,MAAAA,MAC9C,8BAAKlB,UAAU,UAAQ,WACrB,8BAAKA,UAAU,uBAAqB,WAClC,8BAAKA,UAAU,0BAAwB,UACnCkB,WAWGqB,EAA6B,I,IAAA,UAAEvC,EAAS,SAAEkC,EAAQ,QAAE2F,EAAO,UAAEC,GAAS,EAAKnD,E,yUAAK,GAAnD,gDAA0D,OAClG,8BACE3E,UAAY,IACV,UAEA,CAAE,CAAC,GAAG6H,cAAqBA,GAC3B,CAAEC,UAAWA,GACb9H,IAEG2E,EAAK,UAERzC,O,gCC/EN,MAAM6F,EAAa,uBACnB,GACEA,WAAYA,EAEZC,wBAAyBD,EAAa,iBACtCE,gBAAiBF,EAEjBG,oBAAqB,iC,wDCHhB,MAAMC,EAAa,CACxB3B,EACAa,IAEO,SAAmB,GAAG,oBAAgCb,IAAa,CACxE4B,OAAQf","sources":["webpack://airdcpp-webui/./src/components/download/style.css","webpack://airdcpp-webui/./src/components/download/layout/sections/PathListItem.tsx","webpack://airdcpp-webui/./src/components/download/layout/sections/PathList.tsx","webpack://airdcpp-webui/./src/components/download/layout/sections/AccordionTargets.tsx","webpack://airdcpp-webui/./src/components/download/layout/MobileDownloadLayout.tsx","webpack://airdcpp-webui/./src/components/download/layout/NormalDownloadLayout.tsx","webpack://airdcpp-webui/./src/components/download/layout/DownloadLayout.tsx","webpack://airdcpp-webui/./src/components/download/layout/sections/sections.tsx","webpack://airdcpp-webui/./src/components/download/style.css?6643","webpack://airdcpp-webui/./src/components/download/DownloadDialog.tsx","webpack://airdcpp-webui/./src/components/semantic/Grid.tsx","webpack://airdcpp-webui/./src/constants/FavoriteDirectoryConstants.ts","webpack://airdcpp-webui/./src/services/api/HistoryApi.ts"],"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, \".download-dialog .accordion.download-targets {\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n.download-dialog .main-content,\\r\\n.download-dialog .mobile.layout {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n\\r\\n.download-dialog .main-content .list {\\r\\n overflow-y: auto;\\r\\n overflow-x: hidden;\\r\\n}\\r\\n\\r\\n.download-dialog .content > div, .download-dialog .ui.grid .column, \\r\\n.download-dialog .main-content {\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.download-dialog .download-handler {\\r\\n display: flex;\\r\\n align-items: baseline;\\r\\n}\\r\\n\\r\\n.download-dialog .disk-info {\\r\\n color: black;\\r\\n font-size: 90%;\\r\\n font-style: italic;\\r\\n}\\r\\n\\r\\n.download-dialog .normal.layout .four.wide.column {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: space-between;\\r\\n}\\r\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/download/style.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;;EAEE,YAAY;AACd;;AAEA;EACE,aAAa;EACb,qBAAqB;AACvB;;AAEA;EACE,YAAY;EACZ,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,8BAA8B;AAChC\",\"sourcesContent\":[\".download-dialog .accordion.download-targets {\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n.download-dialog .main-content,\\r\\n.download-dialog .mobile.layout {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n\\r\\n.download-dialog .main-content .list {\\r\\n overflow-y: auto;\\r\\n overflow-x: hidden;\\r\\n}\\r\\n\\r\\n.download-dialog .content > div, .download-dialog .ui.grid .column, \\r\\n.download-dialog .main-content {\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.download-dialog .download-handler {\\r\\n display: flex;\\r\\n align-items: baseline;\\r\\n}\\r\\n\\r\\n.download-dialog .disk-info {\\r\\n color: black;\\r\\n font-size: 90%;\\r\\n font-style: italic;\\r\\n}\\r\\n\\r\\n.download-dialog .normal.layout .four.wide.column {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: space-between;\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\nimport { TFunction } from 'i18next';\r\n\r\nimport IconConstants from 'constants/IconConstants';\r\n\r\nimport Icon from 'components/semantic/Icon';\r\n\r\nimport { toI18nKey } from 'utils/TranslationUtils';\r\nimport { formatSize } from 'utils/ValueFormat';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\nimport { PathDownloadHandler } from '../../types';\r\n\r\n\r\ninterface PathItemProps {\r\n pathInfo: API.DiskSpaceInfo;\r\n downloadHandler: PathDownloadHandler;\r\n t: TFunction;\r\n}\r\n\r\nconst formatFreeSpace = (pathInfo: API.DiskSpaceInfo, t: TFunction) => {\r\n if (pathInfo.free_space <= 0) {\r\n return pathInfo.path;\r\n }\r\n\r\n return ` (${t(\r\n toI18nKey('spaceFree', UI.Modules.COMMON),\r\n {\r\n defaultValue: '{{freeSpace}} free',\r\n replace: {\r\n freeSpace: formatSize(pathInfo.free_space, t)\r\n }\r\n }\r\n )})`;\r\n};\r\n\r\nexport const PathListItem: React.FC<PathItemProps> = ({ pathInfo, downloadHandler, t }) => (\r\n <div className=\"item\">\r\n <Icon icon={ IconConstants.FOLDER }/>\r\n <div className=\"content\">\r\n <a onClick={ evt => downloadHandler(pathInfo.path) }>\r\n { pathInfo.path }\r\n <span className=\"disk-info\">\r\n { formatFreeSpace(pathInfo, t) }\r\n </span>\r\n </a>\r\n </div>\r\n </div>\r\n);\r\n","//import PropTypes from 'prop-types';\r\nimport { TFunction } from 'i18next';\r\n\r\nimport FilesystemConstants from 'constants/FilesystemConstants';\r\n\r\nimport DataProviderDecorator from 'decorators/DataProviderDecorator';\r\n\r\nimport Message from 'components/semantic/Message';\r\n\r\nimport { translate } from 'utils/TranslationUtils';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\nimport { PathDownloadHandler } from '../../types';\r\nimport { PathListItem } from './PathListItem';\r\n\r\n\r\ninterface PathListProps {\r\n downloadHandler: PathDownloadHandler;\r\n paths: string[];\r\n t: TFunction;\r\n}\r\n\r\ninterface PathListDataProps {\r\n pathInfos: API.DiskSpaceInfo[];\r\n}\r\n\r\nconst PathList = DataProviderDecorator<PathListProps, PathListDataProps>(\r\n ({ downloadHandler, pathInfos, t }) => (\r\n <div className=\"ui relaxed list\">\r\n { pathInfos.map(pathInfo => (\r\n <PathListItem \r\n key={ pathInfo.path } \r\n pathInfo={ pathInfo } \r\n downloadHandler={ downloadHandler }\r\n t={ t }\r\n />\r\n )) }\r\n </div>\r\n ), \r\n {\r\n urls: {\r\n pathInfos: ({ paths }, socket) => socket.post(FilesystemConstants.DISK_INFO_URL, { paths }),\r\n },\r\n }\r\n);\r\n\r\n//PathList.PropTypes = {\r\n// Function handling the path selection. Receives the selected path as argument.\r\n//downloadHandler: PropTypes.func.isRequired,\r\n\r\n// Array of paths to list\r\n//paths: PropTypes.array.isRequired,\r\n//};\r\n\r\nexport default (props: PathListProps) => {\r\n if (props.paths.length === 0) {\r\n return (\r\n <Message\r\n title={ translate('No paths to display', props.t, UI.Modules.COMMON) }\r\n />\r\n );\r\n }\r\n\r\n return <PathList { ...props }/>;\r\n};","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { TFunction } from 'i18next';\r\n\r\nimport IconConstants from 'constants/IconConstants';\r\n\r\nimport Accordion from 'components/semantic/Accordion';\r\nimport Icon from 'components/semantic/Icon';\r\nimport Message from 'components/semantic/Message';\r\n\r\nimport { translate } from 'utils/TranslationUtils';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\nimport { PathDownloadHandler } from '../../types';\r\n\r\nimport PathList from './PathList';\r\n\r\n\r\ninterface AccordionTargetsProps {\r\n groupedPaths: API.GroupedPath[];\r\n downloadHandler: PathDownloadHandler;\r\n t: TFunction;\r\n}\r\n\r\nclass AccordionTargets extends Component<AccordionTargetsProps> {\r\n static propTypes = {\r\n // Function handling the path selection. Receives the selected path as argument.\r\n downloadHandler: PropTypes.func.isRequired,\r\n\r\n // Grouped paths to list\r\n groupedPaths: PropTypes.array.isRequired,\r\n };\r\n\r\n formatParent = (parent: API.GroupedPath) => {\r\n const { downloadHandler, t } = this.props;\r\n return (\r\n <div key={ parent.name }>\r\n <div className=\"title\">\r\n <Icon icon={ IconConstants.DROPDOWN }/>\r\n { parent.name }\r\n </div>\r\n\r\n <div className=\"content\">\r\n <PathList \r\n paths={ parent.paths } \r\n downloadHandler={ downloadHandler }\r\n t={ t }\r\n />\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n render() {\r\n const { groupedPaths, t } = this.props;\r\n if (groupedPaths.length === 0) {\r\n return (\r\n <Message\r\n title={ translate('No paths to display', t, UI.Modules.COMMON) }\r\n />\r\n );\r\n }\r\n\r\n return (\r\n <Accordion className=\"styled download-targets\">\r\n { groupedPaths.map(this.formatParent) }\r\n </Accordion>\r\n );\r\n }\r\n}\r\n\r\nexport default AccordionTargets;","import * as React from 'react';\r\nimport { TFunction } from 'i18next';\r\n\r\nimport { translate } from 'utils/TranslationUtils';\r\n\r\nimport Dropdown from 'components/semantic/Dropdown';\r\nimport MenuItemLink from 'components/semantic/MenuItemLink';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\nimport Icon from 'components/semantic/Icon';\r\nimport { BrowseHandler, LayoutProps } from '../types';\r\n\r\n\r\nconst appendBrowseItem = (menuItems: React.ReactNode[], handleBrowse: BrowseHandler, t: TFunction) => {\r\n if (!handleBrowse) {\r\n return menuItems;\r\n }\r\n\r\n return [\r\n ...menuItems,\r\n (\r\n <MenuItemLink \r\n key=\"browse\"\r\n onClick={ handleBrowse }\r\n >\r\n { translate('Browse', t, UI.Modules.COMMON) }\r\n <Icon icon=\"external\"/>\r\n </MenuItemLink>\r\n )\r\n ];\r\n};\r\n\r\nexport const MobileDownloadLayout: React.FC<LayoutProps> = (\r\n { menuItems, title, handleBrowse, t, children }\r\n) => (\r\n <div className=\"mobile layout\">\r\n <Dropdown \r\n selection={ true }\r\n caption={ title }\r\n >\r\n { appendBrowseItem(menuItems, handleBrowse, t) }\r\n </Dropdown>\r\n <div className=\"ui segment main-content\">\r\n { children }\r\n </div>\r\n </div>\r\n);\r\n","import * as React from 'react';\r\n\r\nimport IconConstants from 'constants/IconConstants';\r\n\r\nimport { translate } from 'utils/TranslationUtils';\r\n\r\nimport Button from 'components/semantic/Button';\r\nimport { Grid } from 'components/semantic/Grid';\r\n\r\nimport * as UI from 'types/ui';\r\nimport { LayoutProps } from '../types';\r\n\r\n\r\nexport const NormalDownloadLayout: React.FC<LayoutProps> = ({ menuItems, title, handleBrowse, t, children }) => (\r\n <Grid className=\"normal layout\">\r\n <div className=\"four wide column\">\r\n <div className=\"ui vertical fluid tabular menu\">\r\n { menuItems }\r\n </div>\r\n { !!handleBrowse && (\r\n <Button\r\n className=\"fluid basic\"\r\n caption={ translate('Browse', t, UI.Modules.COMMON) }\r\n onClick={ handleBrowse }\r\n icon={ IconConstants.OPEN }\r\n />\r\n ) }\r\n </div>\r\n <div className=\"twelve wide stretched column\">\r\n <div className=\"ui segment main-content\">\r\n { children }\r\n </div>\r\n </div>\r\n </Grid>\r\n);","import { useState } from 'react';\r\nimport * as React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { TFunction } from 'i18next';\r\n\r\nimport { getParentPath } from 'utils/FileUtils';\r\nimport { useMobileLayout } from 'utils/BrowserUtils';\r\nimport { toI18nKey } from 'utils/TranslationUtils';\r\n\r\nimport MenuItemLink from 'components/semantic/MenuItemLink';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { getDownloadSections, DownloadSection } from './sections';\r\nimport { BrowseHandler, PathDownloadHandler } from '../types';\r\n\r\nimport { MobileDownloadLayout } from './MobileDownloadLayout';\r\nimport { NormalDownloadLayout } from './NormalDownloadLayout';\r\n\r\n\r\nexport interface DownloadDataProps<ItemT extends UI.DownloadableItemInfo = UI.DownloadableItemInfo> {\r\n sharePaths: API.GroupedPath[];\r\n favoritePaths: API.GroupedPath[];\r\n historyPaths: string[];\r\n itemInfo: ItemT;\r\n}\r\n\r\nexport interface DownloadLayoutProps<\r\n ItemT extends UI.DownloadableItemInfo = UI.DownloadableItemInfo\r\n> extends DownloadDataProps<ItemT> {\r\n\r\n downloadHandler: PathDownloadHandler;\r\n handleBrowse: BrowseHandler;\r\n}\r\n\r\nconst getMenuItem = (\r\n section: DownloadSection, \r\n activeSection: string, \r\n onClick: (key: string) => void, \r\n t: TFunction\r\n) => (\r\n <MenuItemLink \r\n key={ section.key }\r\n onClick={ () => onClick(section.key) } \r\n active={ activeSection === section.key }\r\n >\r\n { t(toI18nKey(section.key, UI.Modules.COMMON), section.name) }\r\n { !!section.list && (\r\n <div className=\"ui small right label\"> \r\n { section.list.length }\r\n </div>\r\n ) }\r\n </MenuItemLink>\r\n);\r\n\r\nexport const DownloadLayout: React.FC<DownloadLayoutProps> = props => {\r\n const { t } = useTranslation();\r\n const [ activeSectionKey, setActiveSectionKey ] = useState('history');\r\n\r\n const sections = React.useMemo(\r\n () => {\r\n const { historyPaths, sharePaths, favoritePaths, itemInfo } = props;\r\n const dupePaths = itemInfo.dupe ? itemInfo.dupe.paths.map(path => getParentPath(path)) : [];\r\n \r\n return getDownloadSections({\r\n historyPaths, sharePaths, favoritePaths, dupePaths\r\n });\r\n },\r\n []\r\n );\r\n\r\n const activeSection = sections.find(s => s.key === activeSectionKey);\r\n if (!activeSection) {\r\n return null;\r\n }\r\n\r\n const menuItems = sections\r\n .map(s => getMenuItem(s, activeSectionKey, setActiveSectionKey, t));\r\n\r\n const Component = useMobileLayout() ? MobileDownloadLayout : NormalDownloadLayout;\r\n return (\r\n <Component\r\n key={ activeSection.key } // Ensure that section-specific data is refetched\r\n menuItems={ menuItems }\r\n title={ activeSection.name }\r\n handleBrowse={ props.handleBrowse }\r\n t={ t }\r\n >\r\n <activeSection.component\r\n t={ t }\r\n downloadHandler={ props.downloadHandler }\r\n />\r\n </Component>\r\n );\r\n};\r\n","import * as React from 'react';\r\n\r\nimport PathList from './PathList';\r\nimport AccordionTargets from './AccordionTargets';\r\n\r\nimport * as API from 'types/api';\r\n\r\nimport { TFunction } from 'i18next';\r\nimport { PathDownloadHandler } from '../../types';\r\n\r\n\r\nexport interface DownloadSectionChildProps {\r\n t: TFunction;\r\n downloadHandler: PathDownloadHandler;\r\n}\r\n\r\nexport interface DownloadSection {\r\n name: string;\r\n key: string;\r\n list?: string[] | API.GroupedPath[];\r\n component: React.ComponentType<DownloadSectionChildProps>;\r\n}\r\n\r\ninterface PathInfo {\r\n sharePaths: API.GroupedPath[];\r\n favoritePaths: API.GroupedPath[];\r\n historyPaths: string[];\r\n dupePaths: string[];\r\n}\r\n\r\nexport const getDownloadSections = (pathInfo: PathInfo) => {\r\n const { sharePaths, favoritePaths, historyPaths, dupePaths } = pathInfo;\r\n\r\n const sections: DownloadSection[] = [\r\n {\r\n name: 'Previous',\r\n key: 'history',\r\n list: historyPaths,\r\n component: ({ downloadHandler, t }) => (\r\n <PathList \r\n paths={ historyPaths } \r\n downloadHandler={ downloadHandler }\r\n t={ t }\r\n />\r\n )\r\n }, {\r\n name: 'Shared',\r\n key: 'shared',\r\n list: sharePaths,\r\n component: ({ downloadHandler, t }) => (\r\n <AccordionTargets \r\n groupedPaths={ sharePaths } \r\n downloadHandler={ downloadHandler }\r\n t={ t }\r\n />\r\n )\r\n }, {\r\n name: 'Favorites',\r\n key: 'favorites',\r\n list: favoritePaths,\r\n component: ({ downloadHandler, t }) => (\r\n <AccordionTargets \r\n groupedPaths={ favoritePaths } \r\n downloadHandler={ downloadHandler }\r\n t={ t }\r\n />\r\n )\r\n }, {\r\n name: 'Dupes',\r\n key: 'dupes',\r\n list: dupePaths,\r\n component: ({ downloadHandler, t }) => (\r\n <PathList \r\n paths={ dupePaths } \r\n downloadHandler={ downloadHandler }\r\n t={ t }\r\n />\r\n )\r\n }\r\n ];\r\n\r\n return sections;\r\n};\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;\n\n options.insert = insertFn.bind(null, \"head\");\n \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 { useRef } from 'react';\r\n\r\nimport * as React from 'react';\r\nimport { Route, Switch } from 'react-router';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport ShareConstants from 'constants/ShareConstants';\r\nimport { default as HistoryConstants, HistoryStringEnum } from 'constants/HistoryConstants';\r\nimport FavoriteDirectoryConstants from 'constants/FavoriteDirectoryConstants';\r\nimport FilesystemConstants from 'constants/FilesystemConstants';\r\nimport IconConstants from 'constants/IconConstants';\r\n\r\nimport NotificationActions from 'actions/NotificationActions';\r\nimport LoginStore from 'stores/LoginStore';\r\n\r\nimport DataProviderDecorator, { DataProviderDecoratorChildProps } from 'decorators/DataProviderDecorator';\r\nimport ModalRouteDecorator, { ModalRouteDecoratorChildProps } from 'decorators/ModalRouteDecorator';\r\n\r\nimport Modal, { ModalProps } from 'components/semantic/Modal';\r\nimport { FileBrowserDialog } from 'components/filebrowser';\r\n\r\nimport { runBackgroundSocketAction } from 'utils/ActionUtils';\r\nimport { toI18nKey, translate } from 'utils/TranslationUtils';\r\nimport { addHistory } from 'services/api/HistoryApi';\r\n\r\nimport { DownloadLayout, DownloadDataProps } from './layout';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\nimport { PathDownloadHandler } from './types';\r\n\r\nimport './style.css';\r\n\r\n\r\ntype DownloadItemIdType = string;\r\n\r\nexport type DownloadDialogProps<ItemT extends UI.DownloadableItemInfo = UI.DownloadableItemInfo> = \r\n UI.ItemDownloadHandler<ItemT, Props<ItemT>>;\r\n\r\ninterface RouteProps { \r\n downloadItemId: DownloadItemIdType; \r\n}\r\n\r\ntype DownloadDialogRouteProps = ModalRouteDecoratorChildProps<RouteProps>;\r\n\r\ninterface DownloadDialogDataProps<ItemT extends UI.DownloadableItemInfo = UI.DownloadableItemInfo> \r\n extends DataProviderDecoratorChildProps, DownloadDataProps<ItemT> {\r\n\r\n\r\n}\r\n\r\n\r\ntype Props<ItemT extends UI.DownloadableItemInfo = UI.DownloadableItemInfo> = DownloadDialogProps<ItemT> & \r\n DownloadDialogDataProps<ItemT> & \r\n DownloadDialogRouteProps;\r\n\r\n\r\nconst DownloadDialog: React.FC<Props> = props => {\r\n const { t } = useTranslation();\r\n const modalRef = useRef<Modal>(null);\r\n\r\n const { \r\n downloadHandler, itemInfo, userGetter, match, \r\n session, historyPaths, favoritePaths, sharePaths, \r\n ...other \r\n } = props;\r\n\r\n const handleDownload: PathDownloadHandler = async (targetPath, targetFilename) => {\r\n try {\r\n await downloadHandler(\r\n itemInfo, \r\n !!userGetter ? userGetter(match.params.downloadItemId, props) : undefined, \r\n {\r\n target_name: !!targetFilename ? targetFilename : itemInfo.name,\r\n target_directory: targetPath,\r\n priority: API.QueuePriorityEnum.DEFAULT,\r\n },\r\n session\r\n );\r\n } catch (e) {\r\n NotificationActions.error({\r\n title: t(\r\n toI18nKey('queueingFailed', UI.Modules.COMMON),\r\n {\r\n defaultValue: 'Failed to queue the item {{item.name}}',\r\n replace: {\r\n item: itemInfo\r\n }\r\n }\r\n ),\r\n message: e.message\r\n });\r\n }\r\n\r\n runBackgroundSocketAction(\r\n () => addHistory(HistoryStringEnum.DOWNLOAD_DIR, targetPath),\r\n t\r\n );\r\n\r\n if (!!modalRef.current) {\r\n modalRef.current.hide();\r\n }\r\n };\r\n\r\n const getInitialBrowsePath = () => {\r\n const path = historyPaths.length > 0 ? historyPaths[historyPaths.length - 1] : '';\r\n return itemInfo.type.id === 'directory' ? path : path + itemInfo.name;\r\n };\r\n\r\n const handleBrowse = () => {\r\n const { history } = props;\r\n history.replace(`${match.url}/browse`);\r\n };\r\n\r\n const commonDialogProps: ModalProps = {\r\n subHeader: itemInfo.name,\r\n title: translate('Download', t, UI.Modules.COMMON),\r\n icon: IconConstants.DOWNLOAD,\r\n closable: false,\r\n returnTo: props.returnTo,\r\n };\r\n\r\n const hasFileBrowserAccess = LoginStore.hasAccess(API.AccessEnum.FILESYSTEM_VIEW);\r\n return (\r\n <Switch>\r\n <Route path={ `${match.path}/browse` }>\r\n <FileBrowserDialog\r\n onConfirm={ (path, directoryPath, fileName) => handleDownload(directoryPath, fileName) }\r\n initialPath={ getInitialBrowsePath() }\r\n selectMode={ \r\n itemInfo.type.id === 'directory' ? UI.FileSelectModeEnum.DIRECTORY : UI.FileSelectModeEnum.FILE \r\n }\r\n historyId={ FilesystemConstants.LOCATION_DOWNLOAD }\r\n approveCaption={ translate('Download', t, UI.Modules.COMMON) }\r\n { ...commonDialogProps }\r\n />\r\n </Route>\r\n <Route path={ match.path } exact>\r\n <Modal \r\n ref={ modalRef }\r\n className=\"download-dialog\" \r\n fullHeight={ true }\r\n { ...commonDialogProps }\r\n { ...other }\r\n >\r\n <DownloadLayout\r\n downloadHandler={ handleDownload }\r\n handleBrowse={ hasFileBrowserAccess ? handleBrowse : undefined }\r\n historyPaths={ historyPaths }\r\n favoritePaths={ favoritePaths }\r\n sharePaths={ sharePaths }\r\n itemInfo={ itemInfo }\r\n />\r\n </Modal>\r\n </Route>\r\n </Switch>\r\n );\r\n};\r\n\r\nexport default ModalRouteDecorator<DownloadDialogProps, RouteProps>(\r\n DataProviderDecorator<DownloadDialogProps & DownloadDialogRouteProps, DownloadDialogDataProps>(\r\n DownloadDialog, \r\n {\r\n urls: {\r\n sharePaths: ShareConstants.GROUPED_ROOTS_GET_URL,\r\n favoritePaths: FavoriteDirectoryConstants.GROUPED_DIRECTORIES_URL,\r\n historyPaths: HistoryConstants.STRINGS_URL + '/' + HistoryStringEnum.DOWNLOAD_DIR,\r\n itemInfo: ({ match, itemDataGetter }, socket) => {\r\n return itemDataGetter(match.params.downloadItemId, socket);\r\n }\r\n },\r\n }\r\n ),\r\n 'download/:downloadItemId'\r\n);","\r\nimport * as React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nimport { Trans } from 'react-i18next';\r\nimport { toI18nKey } from 'utils/TranslationUtils';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\n\r\nexport interface RowProps {\r\n title: React.ReactNode;\r\n text?: React.ReactNode;\r\n titleWidth?: string;\r\n className?: string;\r\n noText?: boolean;\r\n}\r\n\r\n\r\n\r\nconst formatText = (text: React.ReactNode) => {\r\n if (!!text) {\r\n return text;\r\n }\r\n \r\n return (\r\n <Trans \r\n i18nKey={ toI18nKey('na', UI.Modules.COMMON) }\r\n >\r\n N/A\r\n </Trans>\r\n );\r\n};\r\n\r\nexport const Row: React.FC<RowProps> = ({ title, text, className, titleWidth = 'four', noText }) => (\r\n <div className={ classNames('ui row', className) }>\r\n <div className={ classNames(noText ? 'sixteen' : titleWidth, 'wide column title') }>\r\n <div className=\"ui tiny header\" style={{ overflow: 'hidden' }}>\r\n { title }\r\n </div>\r\n </div>\r\n { !noText && (\r\n <div className=\"column value\">\r\n { formatText(text) }\r\n </div> \r\n ) }\r\n </div>\r\n);\r\n\r\nexport interface HeaderProps {\r\n title: React.ReactNode;\r\n}\r\n\r\nexport const Header: React.FC<HeaderProps> = ({ title }) => (\r\n <div className=\"ui row\">\r\n <div className=\"sixteen wide column\">\r\n <div className=\"ui blue section header\">\r\n { title }\r\n </div>\r\n </div>\r\n </div>\r\n);\r\n\r\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\r\n columns?: string;\r\n stackable?: boolean;\r\n}\r\n\r\nexport const Grid: React.FC<GridProps> = ({ className, children, columns, stackable, ...other }) => (\r\n <div \r\n className={ classNames(\r\n 'ui grid', \r\n //`${columns} column`, \r\n { [`${columns} column`]: !!columns },\r\n { stackable: stackable },\r\n className\r\n ) }\r\n { ...other }\r\n >\r\n { children }\r\n </div>\r\n);\r\n","const MODULE_URL = 'favorite_directories';\r\nexport default {\r\n MODULE_URL: MODULE_URL,\r\n\r\n GROUPED_DIRECTORIES_URL: MODULE_URL + '/grouped_paths',\r\n DIRECTORIES_URL: MODULE_URL,\r\n\r\n DIRECTORIES_UPDATED: 'favorite_directories_updated',\r\n}\r\n;\r\n","import SocketService from 'services/SocketService';\r\nimport HistoryConstants from 'constants/HistoryConstants';\r\n\r\n\r\nexport const addHistory = (\r\n historyId: string, \r\n text: string\r\n) => {\r\n return SocketService.post(`${HistoryConstants.STRINGS_URL}/${historyId}`, { \r\n string: text,\r\n });\r\n};"],"names":["___CSS_LOADER_EXPORT___","push","module","id","formatFreeSpace","pathInfo","t","free_space","path","defaultValue","replace","freeSpace","PathListItem","downloadHandler","className","Icon","icon","IconConstants","onClick","evt","PathList","DataProviderDecorator","pathInfos","map","urls","paths","socket","post","FilesystemConstants","props","length","Message","title","AccordionTargets","Component","formatParent","parent","this","name","render","groupedPaths","Accordion","propTypes","appendBrowseItem","menuItems","handleBrowse","MenuItemLink","MobileDownloadLayout","children","Dropdown","selection","caption","NormalDownloadLayout","Grid","Button","DownloadLayout","useTranslation","activeSectionKey","setActiveSectionKey","useState","sections","historyPaths","sharePaths","favoritePaths","itemInfo","dupePaths","key","list","component","getDownloadSections","dupe","activeSection","find","s","section","active","getMenuItem","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","ModalRouteDecorator","modalRef","useRef","userGetter","match","session","other","handleDownload","targetPath","targetFilename","params","downloadItemId","undefined","target_name","target_directory","priority","e","NotificationActions","item","message","current","hide","commonDialogProps","subHeader","closable","returnTo","hasFileBrowserAccess","LoginStore","onConfirm","directoryPath","fileName","initialPath","type","getInitialBrowsePath","selectMode","historyId","approveCaption","exact","Modal","ref","fullHeight","history","url","ShareConstants","FavoriteDirectoryConstants","HistoryConstants","itemDataGetter","formatText","text","i18nKey","Row","titleWidth","noText","style","overflow","Header","columns","stackable","MODULE_URL","GROUPED_DIRECTORIES_URL","DIRECTORIES_URL","DIRECTORIES_UPDATED","addHistory","string"],"sourceRoot":""}

package/dist/js/334.dba054251a3e485f3ea9.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui\|\|[]).push([[334],{34378:(e,t,n)=>{n.d(t,{Z:()=>a});var s=n(87537),r=n.n(s),o=n(23645),i=n.n(o)()(r());i.push([e.id,".message-section {\r\n flex: 1;\r\n overflow-y: auto;\r\n}\r\n\r\n.message-list .date.divider i {\r\n margin-right: 5px;\r\n}\r\n\r\n.message-list .item .text .highlight.link {\r\n color: #4183c4;\r\n}\r\n\r\n.message-list .item .text .highlight.bold {\r\n font-weight: bold;\r\n}\r\n\r\n.message-list .item .text .table.dropdown,\r\n.message-list .item .text .table.dropdown .popup.trigger {\r\n max-width: 100%;\r\n}\r\n\r\n.message-list .item .text .table.dropdown .caption {\r\n overflow: hidden;\r\n}","",{version:3,sources:["webpack://./src/components/messages/messages.css"],names:[],mappings:"AAAA;EACE,OAAO;EACP,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:[".message-section {\r\n flex: 1;\r\n overflow-y: auto;\r\n}\r\n\r\n.message-list .date.divider i {\r\n margin-right: 5px;\r\n}\r\n\r\n.message-list .item .text .highlight.link {\r\n color: #4183c4;\r\n}\r\n\r\n.message-list .item .text .highlight.bold {\r\n font-weight: bold;\r\n}\r\n\r\n.message-list .item .text .table.dropdown,\r\n.message-list .item .text .table.dropdown .popup.trigger {\r\n max-width: 100%;\r\n}\r\n\r\n.message-list .item .text .table.dropdown .caption {\r\n overflow: hidden;\r\n}"],sourceRoot:""}]);const a=i},25334:(e,t,n)=>{n.d(t,{Z:()=>se});var s=n(85893),r=n(67294),o=n(94184),i=n.n(o),a=n(54883),l=n(99311),c=n(20867),d=n(45697),p=n.n(d);function u(){return(u=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e}).apply(this,arguments)}function g(e,t){return(g=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}var m=new Map,h=new WeakMap,b=0;function f(e,t,n,s){if(void 0===n&&(n={}),void 0===s&&(s=undefined),void 0===window.IntersectionObserver&&void 0!==s){var r=e.getBoundingClientRect();return t(s,{isIntersecting:s,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),function(){}}var o=function(e){var t=function(e){return Object.keys(e).sort().filter((function(t){return void 0!==e[t]})).map((function(t){return t+"_"+("root"===t?(n=e.root)?(h.has(n)\|\|(b+=1,h.set(n,b.toString())),h.get(n)):"0":e[t]);var n})).toString()}(e),n=m.get(t);if(!n){var s,r=new Map,o=new IntersectionObserver((function(t){t.forEach((function(t){var n,o=t.isIntersecting&&s.some((function(e){return t.intersectionRatio>=e}));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=o),null==(n=r.get(t.target))\|\|n.forEach((function(e){e(o,t)}))}))}),e);s=o.thresholds\|\|(Array.isArray(e.threshold)?e.threshold:[e.threshold\|\|0]),n={id:t,observer:o,elements:r},m.set(t,n)}return n}(n),i=o.id,a=o.observer,l=o.elements,c=l.get(e)\|\|[];return l.has(e)\|\|l.set(e,c),c.push(t),a.observe(e),function(){c.splice(c.indexOf(t),1),0===c.length&&(l.delete(e),a.unobserve(e)),0===l.size&&(a.disconnect(),m.delete(i))}}var v=["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView","fallbackInView"];function y(e){return"function"!=typeof e.children}var O=function(e){var t,n;function s(t){var n;return(n=e.call(this,t)\|\|this).node=null,n._unobserveCb=null,n.handleNode=function(e){n.node&&(n.unobserve(),e\|\|n.props.triggerOnce\|\|n.props.skip\|\|n.setState({inView:!!n.props.initialInView,entry:void 0})),n.node=e\|\|null,n.observeNode()},n.handleChange=function(e,t){e&&n.props.triggerOnce&&n.unobserve(),y(n.props)\|\|n.setState({inView:e,entry:t}),n.props.onChange&&n.props.onChange(e,t)},n.state={inView:!!t.initialInView,entry:void 0},n}n=e,(t=s).prototype=Object.create(n.prototype),t.prototype.constructor=t,g(t,n);var o=s.prototype;return o.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay\|\|(this.unobserve(),this.observeNode())},o.componentWillUnmount=function(){this.unobserve(),this.node=null},o.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,n=e.root,s=e.rootMargin,r=e.trackVisibility,o=e.delay,i=e.fallbackInView;this._unobserveCb=f(this.node,this.handleChange,{threshold:t,root:n,rootMargin:s,trackVisibility:r,delay:o},i)}},o.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},o.render=function(){if(!y(this.props)){var e=this.state,t=e.inView,n=e.entry;return this.props.children({inView:t,entry:n,ref:this.handleNode})}var s=this.props,o=s.children,i=s.as,a=s.tag,l=function(e,t){if(null==e)return{};var n,s,r={},o=Object.keys(e);for(s=0;s<o.length;s++)n=o[s],t.indexOf(n)>=0\|\|(r[n]=e[n]);return r}(s,v);return r.createElement(i\|\|a\|\|"div",u({ref:this.handleNode},l),o)},s}(r.Component);O.displayName="InView",O.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1};var w=n(47021),j=n(4333),x=n(2445);const A=({time:e})=>(0,s.jsx)("div",Object.assign({className:"time"},{children:(0,x.i$)(e)}));var C=n(94656);const I=e=>{var{emojify:t,message:n,user:r,label:o}=e,i=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["emojify","message","user","label"]);return(0,s.jsxs)("div",Object.assign({className:"text"},{children:[!!o&&(0,s.jsx)("span",Object.assign({className:"label"},{children:`${o}: `})),(0,s.jsx)(C.h,Object.assign({emojify:t,text:n.text,highlights:n.highlights,user:r},i))]}))};const E=({message:e,dropdownContext:t})=>(0,s.jsxs)("div",Object.assign({className:"header author"},{children:[e.third_person&&(0,s.jsx)("span",{children:""}),(0,s.jsx)(w.Ie,{contextElement:t,triggerIcon:null,user:e.from,direction:"downward",remoteMenuId:j.Z.HUB_USER,entityId:e.from.hub_session_id})]}));class _ extends r.Component{shouldComponentUpdate(){return!1}render(){const e=this.props,{message:t,dropdownContext:n,menuProps:r}=e,o=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["message","dropdownContext","menuProps"]);return(0,s.jsxs)(O,Object.assign({className:"ui item chat "+t.from.flags.join(" ")},o,{children:[(0,s.jsx)(A,{time:t.time}),(0,s.jsxs)("div",Object.assign({className:"left "+(t.third_person?"third-person":"normal")},{children:[(0,s.jsx)(E,{message:t,dropdownContext:n}),(0,s.jsx)(I,{message:t,emojify:!0,user:t.from,menuProps:r})]}))]}))}}_.propTypes={message:p().object.isRequired,dropdownContext:p().string.isRequired};var P=n(35936),N=n(48117),k=n(76249);const V=e=>{switch(e){case k.m4.INFO:return N.Z.INFO+" circle";case k.m4.WARNING:return N.Z.WARNING;case k.m4.ERROR:return N.Z.ERROR;default:return""}};class R extends r.Component{shouldComponentUpdate(){return!1}render(){const e=this.props,{message:t,menuProps:n}=e,r=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["message","menuProps"]);return(0,s.jsxs)(O,Object.assign({className:"ui item status "+t.severity},r,{children:[(0,s.jsx)(P.Z,{icon:V(t.severity)}),t.time>0&&(0,s.jsx)(A,{time:t.time}),(0,s.jsx)(I,{label:t.label,message:t,emojify:!1,menuProps:n})]}))}}R.propTypes={message:p().object.isRequired};const M=e=>{var{message:t}=e,n=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["message"]);return t.chat_message?(0,s.jsx)(_,Object.assign({message:t.chat_message,dropdownContext:".chat.session"},n)):t.log_message?(0,s.jsx)(R,Object.assign({message:t.log_message},n)):null};var B=n(26793);const S=e=>{const t=e.chat_message?e.chat_message:e.log_message;return t&&new Date(1e3t.time).getDate()},D=e=>{const t=e.chat_message?e.chat_message:e.log_message;return t&&0===t.time},Z=({time:e})=>{const{t}=(0,B.$)();return(0,s.jsxs)("div",Object.assign({className:"ui horizontal date divider"},{children:[(0,s.jsx)(P.Z,{icon:N.Z.DATE}),(0,x._s)(e,t)]}),`divider${e}`)},G=({entityId:e,onMessageVisibilityChanged:t,addDownload:n,highlightRemoteMenuId:r},o,i,a,l)=>{if(((e,t)=>{const n=t[e];return 0===e\|\|1===e&&D(t[e-1])?S(n)!==(new Date).getDate()&&!D(n):S(t[e-1])!==S(n)})(a,l)){const e=i.chat_message?i.chat_message:i.log_message;e&&o.push((0,s.jsx)(Z,{time:e.time},`divider${e.id}`))}const d=(0,c.oi)(i);return o.push((0,s.jsx)(M,{id:(0,c.or)(d),onChange:e=>{t(d,e)},threshold:.4,message:i,menuProps:{addDownload:n,entityId:e,remoteMenuId:r,boundary:".message-section"}},d)),o};var U=n(8717),T=n(62285),$=n(32347),H=n(93379),W=n.n(H),q=n(7795),F=n.n(q),z=n(90569),L=n.n(z),J=n(3565),K=n.n(J),Q=n(19216),X=n.n(Q),Y=n(44589),ee=n.n(Y),te=n(34378),ne={};ne.styleTagTransform=ee(),ne.setAttributes=K(),ne.insert=L().bind(null,"head"),ne.domAPI=F(),ne.insertStyleElement=X(),W()(te.Z,ne),te.Z&&te.Z.locals&&te.Z.locals;const se=r.memo((e=>{var{className:t,t:n}=e,o=function(e,t){var n={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(n[s[r]]=e[s[r]])}return n}(e,["className","t"]);const c=(d=o.session,(0,r.useMemo)((()=>{const e={},t=t=>{const n=e[t];if(!n)throw new Error("Download was not found");return n};return{downloadDialogProps:{downloadHandler:(e,n,s,r)=>t(e.id).downloadHandler(e,n,s,r),userGetter:(e,n)=>{const s=t(e).userGetter;return s?s(e,n):void 0},itemDataGetter:(e,n)=>t(e).itemDataGetter(e,n),session:d},addDownloadItem:(t,n)=>{e[t]=n}}}),[]));var d;const{messageNodes:p,visibleItems:u}=(({highlightRemoteMenuId:e,messages:t,session:n},s)=>{const o=(0,r.useMemo)((()=>new Set),[n]),i=(e,t)=>{t?o.add(e):o.delete(e)};return{messageNodes:(0,r.useMemo)((()=>t?t.reduce(G.bind(null,{highlightRemoteMenuId:e,entityId:n?n.id:void 0,onMessageVisibilityChanged:i,addDownload:s.addDownloadItem}),[]):null),[t]),visibleItems:o}})(o,c),g=(0,l.Hc)(o,u);return(0,s.jsx)("div",Object.assign({ref:g,className:i()("message-section",t)},{children:p?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",Object.assign({className:"ui list message-list"},{children:p})),(0,s.jsx)(T.Z,Object.assign({},c.downloadDialogProps))]}):(0,s.jsx)(a.Z,{text:(0,U.Iu)("Loading messages",n,$.jv.COMMON)})}))}),((e,t)=>e.messages===t.messages))}}]);
2	+ //# sourceMappingURL=334.dba054251a3e485f3ea9.chunk.js.map

package/dist/js/334.dba054251a3e485f3ea9.chunk.js.gz ADDED Viewed

Binary file

package/dist/js/334.dba054251a3e485f3ea9.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"js/334.dba054251a3e485f3ea9.chunk.js","mappings":"kKAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,mgBAAogB,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,oDAAoD,MAAQ,GAAG,SAAW,wJAAwJ,eAAiB,CAAC,ogBAAogB,WAAa,MAE70C,W,qICJA,SAASC,IAeP,OAdAA,EAAWC,OAAOC,QAAU,SAAUC,GACpC,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GAEvB,IAAK,IAAII,KAAOD,EACVN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,IAK3B,OAAOL,IAGOS,MAAMC,KAAMR,WAU9B,SAASS,EAAgBC,EAAGC,GAM1B,OALAF,EAAkBb,OAAOgB,gBAAkB,SAAyBF,EAAGC,GAErE,OADAD,EAAEG,UAAYF,EACPD,IAGcA,EAAGC,GAkB5B,IAAIG,EAAc,IAAIC,IAClBC,EAAU,IAAIC,QACdC,EAAS,EA0Fb,SAASC,EAAQC,EAASC,EAAUC,EAASC,GAS3C,QARgB,IAAZD,IACFA,EAAU,SAGW,IAAnBC,IACFA,EA/FmBC,gBAkGsB,IAAhCC,OAAOC,2BAA2DF,IAAnBD,EAA8B,CACtF,IAAII,EAASP,EAAQQ,wBAUrB,OATAP,EAASE,EAAgB,CACvBM,eAAgBN,EAChBzB,OAAQsB,EACRU,kBAAgD,iBAAtBR,EAAQS,UAAyBT,EAAQS,UAAY,EAC/EC,KAAM,EACNC,mBAAoBN,EACpBO,iBAAkBP,EAClBQ,WAAYR,IAEP,aAKT,IAAIS,EA5EN,SAAwBd,GAEtB,IAAI5B,EAVN,SAAqB4B,GACnB,OAAO1B,OAAOyC,KAAKf,GAASgB,OAAOC,QAAO,SAAUpC,GAClD,YAAwBqB,IAAjBF,EAAQnB,MACdqC,KAAI,SAAUrC,GACf,OAAOA,EAAM,KAAe,SAARA,GAlBLsC,EAkBgCnB,EAAQmB,OAhBrDzB,EAAQ0B,IAAID,KAChBvB,GAAU,EACVF,EAAQ2B,IAAIF,EAAMvB,EAAO0B,aAFK5B,EAAQ6B,IAAIJ,IADxB,IAiB+CnB,EAAQnB,IAlB3E,IAAmBsC,KAmBdG,WAKME,CAAYxB,GACjByB,EAAWjC,EAAY+B,IAAInD,GAE/B,IAAKqD,EAAU,CAEb,IACIC,EADAC,EAAW,IAAIlC,IAEfmC,EAAW,IAAIxB,sBAAqB,SAAUyB,GAChDA,EAAQC,SAAQ,SAAUC,GACxB,IAAIC,EAIAC,EAASF,EAAMxB,gBAAkBmB,EAAWQ,MAAK,SAAUzB,GAC7D,OAAOsB,EAAMvB,mBAAqBC,KAGhCT,EAAQmC,sBAA8C,IAApBJ,EAAMK,YAG1CL,EAAMK,UAAYH,GAG4B,OAA/CD,EAAgBL,EAASJ,IAAIQ,EAAMvD,UAA4BwD,EAAcF,SAAQ,SAAU/B,GAC9FA,EAASkC,EAAQF,WAGpB/B,GAEH0B,EAAaE,EAASF,aAAeW,MAAMC,QAAQtC,EAAQS,WAAaT,EAAQS,UAAY,CAACT,EAAQS,WAAa,IAClHgB,EAAW,CACTrD,GAAIA,EACJwD,SAAUA,EACVD,SAAUA,GAEZnC,EAAY6B,IAAIjD,EAAIqD,GAGtB,OAAOA,EAoCec,CAAevC,GACjC5B,EAAK0C,EAAgB1C,GACrBwD,EAAWd,EAAgBc,SAC3BD,EAAWb,EAAgBa,SAG3Ba,EAAYb,EAASJ,IAAIzB,IAAY,GAQzC,OANK6B,EAASP,IAAItB,IAChB6B,EAASN,IAAIvB,EAAS0C,GAGxBA,EAAUtE,KAAK6B,GACf6B,EAAS/B,QAAQC,GACV,WAEL0C,EAAUC,OAAOD,EAAUE,QAAQ3C,GAAW,GAErB,IAArByC,EAAU7D,SAEZgD,EAAiB,OAAE7B,GACnB8B,EAASe,UAAU7C,IAGC,IAAlB6B,EAASiB,OAEXhB,EAASiB,aACTrD,EAAoB,OAAEpB,KAK5B,IAAI0E,EAAY,CAAC,WAAY,KAAM,MAAO,cAAe,YAAa,OAAQ,aAAc,WAAY,OAAQ,kBAAmB,QAAS,gBAAiB,kBAE7J,SAASC,EAAgBC,GACvB,MAAiC,mBAAnBA,EAAMC,SAqDtB,IAAIC,EAAsB,SAAUC,GA5OpC,IAAwBC,EAAUC,EA+OhC,SAASH,EAAOF,GACd,IAAIM,EAkDJ,OAhDAA,EAAQH,EAAiBnE,KAAKE,KAAM8D,IAAU9D,MACxCqE,KAAO,KACbD,EAAME,aAAe,KAErBF,EAAMG,WAAa,SAAUF,GACvBD,EAAMC,OAERD,EAAMX,YAEDY,GAASD,EAAMN,MAAMU,aAAgBJ,EAAMN,MAAMW,MAEpDL,EAAMM,SAAS,CACb3B,SAAUqB,EAAMN,MAAMa,cACtB9B,WAAO7B,KAKboD,EAAMC,KAAOA,GAAc,KAE3BD,EAAMQ,eAGRR,EAAMS,aAAe,SAAU9B,EAAQF,GACjCE,GAAUqB,EAAMN,MAAMU,aAExBJ,EAAMX,YAGHI,EAAgBO,EAAMN,QAGzBM,EAAMM,SAAS,CACb3B,OAAQA,EACRF,MAAOA,IAIPuB,EAAMN,MAAMgB,UAEdV,EAAMN,MAAMgB,SAAS/B,EAAQF,IAIjCuB,EAAMW,MAAQ,CACZhC,SAAUe,EAAMa,cAChB9B,WAAO7B,GAEFoD,EAlSuBD,EA6OTF,GA7ODC,EA6OPF,GA5ONpE,UAAYR,OAAO4F,OAAOb,EAAWvE,WAC9CsE,EAAStE,UAAUqF,YAAcf,EAEjCjE,EAAgBiE,EAAUC,GAiS1B,IAAIe,EAASlB,EAAOpE,UAkEpB,OAhEAsF,EAAOC,mBAAqB,SAA4BC,GAElDA,EAAUC,aAAerF,KAAK8D,MAAMuB,YAAcD,EAAUnD,OAASjC,KAAK8D,MAAM7B,MAAQmD,EAAU7D,YAAcvB,KAAK8D,MAAMvC,WAAa6D,EAAUX,OAASzE,KAAK8D,MAAMW,MAAQW,EAAUnC,kBAAoBjD,KAAK8D,MAAMb,iBAAmBmC,EAAUE,QAAUtF,KAAK8D,MAAMwB,QAC3QtF,KAAKyD,YACLzD,KAAK4E,gBAITM,EAAOK,qBAAuB,WAC5BvF,KAAKyD,YACLzD,KAAKqE,KAAO,MAGda,EAAON,YAAc,WACnB,GAAK5E,KAAKqE,OAAQrE,KAAK8D,MAAMW,KAA7B,CACA,IAAIe,EAAcxF,KAAK8D,MACnBvC,EAAYiE,EAAYjE,UACxBU,EAAOuD,EAAYvD,KACnBoD,EAAaG,EAAYH,WACzBpC,EAAkBuC,EAAYvC,gBAC9BqC,EAAQE,EAAYF,MACpBvE,EAAiByE,EAAYzE,eACjCf,KAAKsE,aAAe3D,EAAQX,KAAKqE,KAAMrE,KAAK6E,aAAc,CACxDtD,UAAWA,EACXU,KAAMA,EACNoD,WAAYA,EAEZpC,gBAAiBA,EAEjBqC,MAAOA,GACNvE,KAGLmE,EAAOzB,UAAY,WACbzD,KAAKsE,eACPtE,KAAKsE,eAELtE,KAAKsE,aAAe,OAIxBY,EAAOO,OAAS,WACd,IAAK5B,EAAgB7D,KAAK8D,OAAQ,CAChC,IAAI4B,EAAc1F,KAAK+E,MACnBhC,EAAS2C,EAAY3C,OACrBF,EAAQ6C,EAAY7C,MACxB,OAAO7C,KAAK8D,MAAMC,SAAS,CACzBhB,OAAQA,EACRF,MAAOA,EACP8C,IAAK3F,KAAKuE,aAId,IAAIqB,EAAe5F,KAAK8D,MACpBC,EAAW6B,EAAa7B,SACxB8B,EAAKD,EAAaC,GAClBC,EAAMF,EAAaE,IACnBhC,EAhVR,SAAuCpE,EAAQqG,GAC7C,GAAc,MAAVrG,EAAgB,MAAO,GAC3B,IAEIC,EAAKJ,EAFLD,EAAS,GACT0G,EAAa5G,OAAOyC,KAAKnC,GAG7B,IAAKH,EAAI,EAAGA,EAAIyG,EAAWvG,OAAQF,IACjCI,EAAMqG,EAAWzG,GACbwG,EAASvC,QAAQ7D,IAAQ,IAC7BL,EAAOK,GAAOD,EAAOC,IAGvB,OAAOL,EAoUO2G,CAA8BL,EAAchC,GAExD,OAAoB,gBAAoBiC,GAAMC,GAAO,MAAO3G,EAAS,CACnEwG,IAAK3F,KAAKuE,YACTT,GAAQC,IAGNC,EA3HiB,CA4HxB,aACFA,EAAOkC,YAAc,SACrBlC,EAAOmC,aAAe,CACpB5E,UAAW,EACXiD,aAAa,EACbG,eAAe,G,mCCzXV,MAAMyB,EAAsC,EAAG5E,KAAAA,MACpD,8BAAK6E,UAAU,QAAM,WACjB,QAAgB7E,M,eCKf,MAAM8E,EAA2C,I,IAAA,QAAEC,EAAO,QAAEC,EAAO,KAAEC,EAAI,MAAEC,GAAK,EAAKC,E,yUAAK,GAAzC,sCAAgD,OACtG,+BAAKN,UAAU,QAAM,aACfK,IACF,+BAAML,UAAU,SAAO,UACnB,GAAGK,UAGT,SAACE,EAAA,EAAe,eACdL,QAAUA,EACVM,KAAOL,EAAQK,KACfC,WAAaN,EAAQM,WACrBL,KAAOA,GACFE,SCRX,MAAMI,EAAgC,EAAGP,QAAAA,EAASQ,gBAAAA,MAChD,+BAAKX,UAAU,iBAAe,WAC1BG,EAAQS,eAAgB,iCAC1B,SAAC,KAAQ,CACPC,eAAiBF,EACjBG,YAAc,KACdV,KAAOD,EAAQY,KACfC,UAAU,WACVC,aAAeC,EAAA,WACfC,SAAWhB,EAAQY,KAAKK,qBAgB9B,MAAMC,UAAoB,YAMxBC,wBACE,OAAO,EAGTlC,SACE,MAAM,EAGFzF,KAAK8D,OAHH,QACJ0C,EAAO,gBAAEQ,EAAe,UAAEY,GAAS,EAChCjB,E,yUAAK,GAFJ,2CAKN,OACE,UAAC3C,EAAM,eACLqC,UAAY,gBAAkBG,EAAQY,KAAKS,MAAMC,KAAK,MACjDnB,EAAK,YAEV,SAACP,EAAS,CACR5E,KAAOgF,EAAQhF,QAEjB,+BAAK6E,UAAY,SAAWG,EAAQS,aAAe,eAAiB,WAAS,YAC3E,SAACF,EAAM,CACLP,QAAUA,EACVQ,gBAAkBA,KAEpB,SAACV,EAAW,CACVE,QAAUA,EACVD,SAAU,EACVE,KAAOD,EAAQY,KACfQ,UAAYA,aAhCf,EAAAG,UAAY,CACjBvB,QAAS,sBACTQ,gBAAiB,uB,qCClCrB,MAAMgB,EAAmBC,IACvB,OAAQA,GACN,KAAK,UAAuB,OAAOC,EAAA,OAAqB,UACxD,KAAK,aAA0B,OAAOA,EAAA,UACtC,KAAK,WAAwB,OAAOA,EAAA,QACpC,QAAS,MAAO,KAQpB,MAAMC,UAAsB,EAAAC,UAK1BT,wBACE,OAAO,EAGTlC,SACE,MAAM,EAAmCzF,KAAK8D,OAAxC,QAAE0C,EAAO,UAAEoB,GAAS,EAAKjB,E,yUAAK,GAA9B,yBACN,OACE,UAAC3C,EAAM,eACLqC,UAAY,kBAAoBG,EAAQyB,UACnCtB,EAAK,YAEV,SAAC0B,EAAA,EAAI,CAACC,KAAON,EAAgBxB,EAAQyB,YACnCzB,EAAQhF,KAAO,IACf,SAAC4E,EAAS,CACR5E,KAAOgF,EAAQhF,QAGnB,SAAC8E,EAAW,CACVI,MAAQF,EAAQE,MAChBF,QAAUA,EACVD,SAAU,EACVqB,UAAYA,SAzBb,EAAAG,UAAY,CACjBvB,QAAS,uBChBN,MAAM+B,EAAmD,I,IAAA,QAC9D/B,GAAO,EACJG,E,yUAAK,GAFsD,aAI9D,OAAIH,EAAQgC,cAER,SAACd,EAAW,eACVlB,QAAUA,EAAQgC,aAClBxB,gBAAgB,iBACXL,IAGAH,EAAQiC,aAEf,SAACN,EAAa,eACZ3B,QAAUA,EAAQiC,aACb9B,IAKJ,M,eCtBT,MAAM+B,EAAiBC,IACrB,MAAMnC,EAAYmC,EAASH,aAAeG,EAASH,aAAeG,EAASF,YAC3E,OAAOjC,GAAW,IAAIoC,KAAoB,IAAfpC,EAAQhF,MAAaqH,WAO5CC,EAAiBH,IACrB,MAAMnC,EAAYmC,EAASH,aAAeG,EAASH,aAAeG,EAASF,YAC3E,OAAOjC,GAA4B,IAAjBA,EAAQhF,MAuBfuH,EAAgE,EAAGvH,KAAAA,MAC9E,MAAM,IAAQ,EAAAwH,EAAA,KACd,OACE,+BAEE3C,UAAU,8BAA4B,YAEtC,SAACgC,EAAA,EAAI,CACHC,KAAOJ,EAAA,UAEP,QAAmB1G,EAAMyH,MANrB,UAAUzH,MC7BhB0H,EAAwB,EAC1B1B,SAAAA,EAAU2B,2BAAAA,EAA4BC,YAAAA,EAAaC,sBAAAA,GACrDC,EACA9C,EACA+C,EACAC,KAGA,GDH6B,EAACD,EAAeC,KAC7C,MAAMC,EAAiBD,EAAYD,GAGnC,OAAc,IAAVA,GAA0B,IAAVA,GAAeT,EAAcU,EAAYD,EAAQ,IAZ9Db,EAcQe,MAdmB,IAAIb,MAAOC,YAcVC,EAAcW,GAO1Cf,EAAcc,EAAYD,EAAQ,MAAQb,EAAce,ICV3DC,CAAgBH,EAAOC,GAAc,CACvC,MAAMG,EAAenD,EAAQgC,aAAehC,EAAQgC,aAAehC,EAAQiC,YACrEkB,GACJL,EAAQtK,MACN,SAAC+J,EAAsB,CAErBvH,KAAOmI,EAAWnI,MADZ,UAAUmI,EAAWzK,OAQnC,MAAMA,GAAK,QAAiBsH,GAsB5B,OArBA8C,EAAQtK,MACN,SAACuJ,EAAe,CAEdrJ,IAAK,QAAuBA,GAC5B4F,SAAW/B,IACToG,EAA2BjK,EAAI6D,IAEjCxB,UAAY,GACZiF,QAAUA,EACVoB,UAAW,CACTwB,YAAAA,EACA5B,SAAAA,EACAF,aAAc+B,EACdO,SAAU,qBAXN1K,IAmBHoK,G,uKCrDLxI,GAAU,GAEdA,GAAQ+I,kBAAoB,KAC5B/I,GAAQgJ,cAAgB,IAElBhJ,GAAQiJ,OAAS,SAAc,KAAM,QAE3CjJ,GAAQkJ,OAAS,IACjBlJ,GAAQmJ,mBAAqB,IAEhB,IAAI,KAASnJ,IAKJ,MAAW,aAAiB,YCElD,MAmCA,GAnCgD,QAC7C,I,IAAA,UAAEuF,EAAS,EAAE4C,GAAC,EAAKtC,E,yUAAK,GAAxB,mBACC,MAAMuD,GCnB6BC,EDmBYxD,EAAMwD,SClB/B,IAAAC,UACtB,KACE,MAAMC,EAAyD,GAEzDC,EAAmBC,IACvB,MAAMC,EAAOH,EAAUE,GACvB,IAAKC,EACH,MAAM,IAAIC,MAAM,0BAGlB,OAAOD,GAsBT,MAnBiC,CAC/BE,oBAAqB,CACnBC,gBAAiB,CAACC,EAAUnE,EAAMoE,EAAcC,IACvCR,EAAgBM,EAAS1L,IAAIyL,gBAAgBC,EAAUnE,EAAMoE,EAAcC,GAEpFC,WAAY,CAACR,EAAQzG,KACnB,MAAMiH,EAAaT,EAAgBC,GAAQQ,WAC3C,OAASA,EAAaA,EAAWR,EAAQzG,QAAS9C,GAEpDgK,eAAgB,CAACT,EAAQU,IAChBX,EAAgBC,GAAQS,eAAeT,EAAQU,GAExDd,QAAAA,GAEFe,gBAAiB,CAACX,EAAgBY,KAChCd,EAAUE,GAAUY,MAM1B,KAnCkC,IAAChB,EDoBnC,MAAM,aAAEiB,EAAY,aAAEC,GF0CK,GAC3BhC,sBAAAA,EAAuBiC,SAAAA,EAAUnB,QAAAA,GACnCD,KAEA,MAAMmB,GAAe,IAAAjB,UAAQ,IAAM,IAAImB,KAAe,CAACpB,IAEjDhB,EAA6B,CAACjK,EAAY6D,KACzCA,EAKHsI,EAAaG,IAAItM,GAHjBmM,EAAaI,OAAOvM,IA+BxB,MAAO,CACLkM,cAvBmB,IAAAhB,UACnB,IACOkB,EAIEA,EAASI,OACdxC,EAAsByC,KACpB,KACA,CACEtC,sBAAAA,EACA7B,SAAU2C,EAAUA,EAAQjL,QAAK8B,EACjCmI,2BAAAA,EACAC,YAAac,EAAgBgB,kBAGjC,IAbO,MAgBX,CAAEI,IAKFD,aAAAA,IEpFuCO,CAAgBjF,EAAOuD,GAExD2B,GAAgB,QACpBlF,EACA0E,GAGF,OACE,8BACE1F,IAAMkG,EACNxF,UAAY,IAAW,kBAAmBA,IAAU,UAEhD+E,GACF,iCACE,8BAAK/E,UAAU,wBAAsB,UACjC+E,MAEJ,SAACU,EAAA,EAAc,iBACR5B,EAAgBQ,0BAIzB,SAACqB,EAAA,EAAM,CAAClF,MAAO,QAAU,mBAAoBoC,EAAG,qBAKxD,CAAC7D,EAAW4G,IACH5G,EAAUkG,WAAaU,EAAUV","sources":["webpack://airdcpp-webui/./src/components/messages/messages.css","webpack://airdcpp-webui/./node_modules/react-intersection-observer/react-intersection-observer.m.js","webpack://airdcpp-webui/./src/components/messages/message/Timestamp.tsx","webpack://airdcpp-webui/./src/components/messages/message/MessageText.tsx","webpack://airdcpp-webui/./src/components/messages/message/ChatMessage.tsx","webpack://airdcpp-webui/./src/components/messages/message/StatusMessage.tsx","webpack://airdcpp-webui/./src/components/messages/list/MessageListItem.tsx","webpack://airdcpp-webui/./src/components/messages/list/MessageListDateDivider.tsx","webpack://airdcpp-webui/./src/components/messages/effects/MessageNodeManager.tsx","webpack://airdcpp-webui/./src/components/messages/messages.css?1e0d","webpack://airdcpp-webui/./src/components/messages/MessageView.tsx","webpack://airdcpp-webui/./src/effects/ItemDownloadManager.tsx"],"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, \".message-section {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n.message-list .date.divider i {\\r\\n margin-right: 5px;\\r\\n}\\r\\n\\r\\n.message-list .item .text .highlight.link {\\r\\n color: #4183c4;\\r\\n}\\r\\n\\r\\n.message-list .item .text .highlight.bold {\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.message-list .item .text .table.dropdown,\\r\\n.message-list .item .text .table.dropdown .popup.trigger {\\r\\n max-width: 100%;\\r\\n}\\r\\n\\r\\n.message-list .item .text .table.dropdown .caption {\\r\\n overflow: hidden;\\r\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/messages/messages.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,OAAO;EACP,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,gBAAgB;AAClB\",\"sourcesContent\":[\".message-section {\\r\\n flex: 1;\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n.message-list .date.divider i {\\r\\n margin-right: 5px;\\r\\n}\\r\\n\\r\\n.message-list .item .text .highlight.link {\\r\\n color: #4183c4;\\r\\n}\\r\\n\\r\\n.message-list .item .text .highlight.bold {\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.message-list .item .text .table.dropdown,\\r\\n.message-list .item .text .table.dropdown .popup.trigger {\\r\\n max-width: 100%;\\r\\n}\\r\\n\\r\\n.message-list .item .text .table.dropdown .caption {\\r\\n overflow: hidden;\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import * as React from 'react';\nimport { useEffect } from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n\n _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar observerMap = new Map();\nvar RootIds = new WeakMap();\nvar rootId = 0;\nvar unsupportedValue = undefined;\n/**\r\n * What should be the default behavior if the IntersectionObserver is unsupported?\r\n * Ideally the polyfill has been loaded, you can have the following happen:\r\n * - `undefined`: Throw an error\r\n * - `true` or `false`: Set the `inView` value to this regardless of intersection state\r\n * **/\n\nfunction defaultFallbackInView(inView) {\n unsupportedValue = inView;\n}\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n if (!root) return '0';\n if (RootIds.has(root)) return RootIds.get(root);\n rootId += 1;\n RootIds.set(root, rootId.toString());\n return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n return Object.keys(options).sort().filter(function (key) {\n return options[key] !== undefined;\n }).map(function (key) {\n return key + \"_\" + (key === 'root' ? getRootId(options.root) : options[key]);\n }).toString();\n}\n\nfunction createObserver(options) {\n // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n var id = optionsToId(options);\n var instance = observerMap.get(id);\n\n if (!instance) {\n // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n var elements = new Map();\n var thresholds;\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n var _elements$get;\n\n // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n return entry.intersectionRatio >= threshold;\n }); // @ts-ignore support IntersectionObserver v2\n\n if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n // @ts-ignore\n entry.isVisible = inView;\n }\n\n (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n callback(inView, entry);\n });\n });\n }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n instance = {\n id: id,\n observer: observer,\n elements: elements\n };\n observerMap.set(id, instance);\n }\n\n return instance;\n}\n/**\r\n * @param element - DOM Element to observe\r\n * @param callback - Callback function to trigger when intersection status changes\r\n * @param options - Intersection Observer options\r\n * @param fallbackInView - Fallback inView value.\r\n * @return Function - Cleanup function that should be triggered to unregister the observer\r\n */\n\n\nfunction observe(element, callback, options, fallbackInView) {\n if (options === void 0) {\n options = {};\n }\n\n if (fallbackInView === void 0) {\n fallbackInView = unsupportedValue;\n }\n\n if (typeof window.IntersectionObserver === 'undefined' && fallbackInView !== undefined) {\n var bounds = element.getBoundingClientRect();\n callback(fallbackInView, {\n isIntersecting: fallbackInView,\n target: element,\n intersectionRatio: typeof options.threshold === 'number' ? options.threshold : 0,\n time: 0,\n boundingClientRect: bounds,\n intersectionRect: bounds,\n rootBounds: bounds\n });\n return function () {// Nothing to cleanup\n };\n } // An observer with the same options can be reused, so lets use this fact\n\n\n var _createObserver = createObserver(options),\n id = _createObserver.id,\n observer = _createObserver.observer,\n elements = _createObserver.elements; // Register the callback listener for this element\n\n\n var callbacks = elements.get(element) || [];\n\n if (!elements.has(element)) {\n elements.set(element, callbacks);\n }\n\n callbacks.push(callback);\n observer.observe(element);\n return function unobserve() {\n // Remove the callback from the callback list\n callbacks.splice(callbacks.indexOf(callback), 1);\n\n if (callbacks.length === 0) {\n // No more callback exists for element, so destroy it\n elements[\"delete\"](element);\n observer.unobserve(element);\n }\n\n if (elements.size === 0) {\n // No more elements are being observer by this instance, so destroy it\n observer.disconnect();\n observerMap[\"delete\"](id);\n }\n };\n}\n\nvar _excluded = [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\", \"fallbackInView\"];\n\nfunction isPlainChildren(props) {\n return typeof props.children !== 'function';\n}\n/**\r\n ## Render props\r\n\n To use the `<InView>` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n <InView>\r\n {({ inView, ref, entry }) => (\r\n <div ref={ref}>\r\n <h2>{`Header inside viewport ${inView}.`}</h2>\r\n </div>\r\n )}\r\n </InView>\r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the `<InView />`, and it will handle creating the\r\n wrapping DOM element. Add a handler to the `onChange` method, and control the\r\n state in your own component. Any extra props you add to `<InView>` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n <InView as=\"div\" onChange={(inView, entry) => console.log('Inview:', inView)}>\r\n <h2>Plain children are always rendered. Use onChange to monitor state.</h2>\r\n </InView>\r\n );\r\n\n export default Component;\r\n ```\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(InView, _React$Component);\n\n function InView(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.node = null;\n _this._unobserveCb = null;\n\n _this.handleNode = function (node) {\n if (_this.node) {\n // Clear the old observer, before we start observing a new element\n _this.unobserve();\n\n if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n // Reset the state if we get a new node, and we aren't ignoring updates\n _this.setState({\n inView: !!_this.props.initialInView,\n entry: undefined\n });\n }\n }\n\n _this.node = node ? node : null;\n\n _this.observeNode();\n };\n\n _this.handleChange = function (inView, entry) {\n if (inView && _this.props.triggerOnce) {\n // If `triggerOnce` is true, we should stop observing the element.\n _this.unobserve();\n }\n\n if (!isPlainChildren(_this.props)) {\n // Store the current State, so we can pass it to the children in the next render update\n // There's no reason to update the state for plain children, since it's not used in the rendering.\n _this.setState({\n inView: inView,\n entry: entry\n });\n }\n\n if (_this.props.onChange) {\n // If the user is actively listening for onChange, always trigger it\n _this.props.onChange(inView, entry);\n }\n };\n\n _this.state = {\n inView: !!props.initialInView,\n entry: undefined\n };\n return _this;\n }\n\n var _proto = InView.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n // If a IntersectionObserver option changed, reinit the observer\n if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n this.unobserve();\n this.observeNode();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unobserve();\n this.node = null;\n };\n\n _proto.observeNode = function observeNode() {\n if (!this.node || this.props.skip) return;\n var _this$props = this.props,\n threshold = _this$props.threshold,\n root = _this$props.root,\n rootMargin = _this$props.rootMargin,\n trackVisibility = _this$props.trackVisibility,\n delay = _this$props.delay,\n fallbackInView = _this$props.fallbackInView;\n this._unobserveCb = observe(this.node, this.handleChange, {\n threshold: threshold,\n root: root,\n rootMargin: rootMargin,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n }, fallbackInView);\n };\n\n _proto.unobserve = function unobserve() {\n if (this._unobserveCb) {\n this._unobserveCb();\n\n this._unobserveCb = null;\n }\n };\n\n _proto.render = function render() {\n if (!isPlainChildren(this.props)) {\n var _this$state = this.state,\n inView = _this$state.inView,\n entry = _this$state.entry;\n return this.props.children({\n inView: inView,\n entry: entry,\n ref: this.handleNode\n });\n }\n\n var _this$props2 = this.props,\n children = _this$props2.children,\n as = _this$props2.as,\n tag = _this$props2.tag,\n props = _objectWithoutPropertiesLoose(_this$props2, _excluded);\n\n return /*#__PURE__*/React.createElement(as || tag || 'div', _extends({\n ref: this.handleNode\n }, props), children);\n };\n\n return InView;\n}(React.Component);\nInView.displayName = 'InView';\nInView.defaultProps = {\n threshold: 0,\n triggerOnce: false,\n initialInView: false\n};\n\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n * const { ref, inView, entry } = useInView({\r\n * threshold: 0,\r\n * });\r\n *\r\n * return (\r\n * <div ref={ref}>\r\n * <h2>{`Header inside viewport ${inView}.`}</h2>\r\n * </div>\r\n * );\r\n * };\r\n * ```\r\n */\n\nfunction useInView(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n threshold = _ref.threshold,\n delay = _ref.delay,\n trackVisibility = _ref.trackVisibility,\n rootMargin = _ref.rootMargin,\n root = _ref.root,\n triggerOnce = _ref.triggerOnce,\n skip = _ref.skip,\n initialInView = _ref.initialInView,\n fallbackInView = _ref.fallbackInView;\n\n var unobserve = React.useRef();\n\n var _React$useState = React.useState({\n inView: !!initialInView\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var setRef = React.useCallback(function (node) {\n if (unobserve.current !== undefined) {\n unobserve.current();\n unobserve.current = undefined;\n } // Skip creating the observer\n\n\n if (skip) return;\n\n if (node) {\n unobserve.current = observe(node, function (inView, entry) {\n setState({\n inView: inView,\n entry: entry\n });\n\n if (entry.isIntersecting && triggerOnce && unobserve.current) {\n // If it should only trigger once, unobserve the element after it's inView\n unobserve.current();\n unobserve.current = undefined;\n }\n }, {\n root: root,\n rootMargin: rootMargin,\n threshold: threshold,\n // @ts-ignore\n trackVisibility: trackVisibility,\n // @ts-ignore\n delay: delay\n }, fallbackInView);\n }\n }, // We break the rule here, because we aren't including the actual `threshold` variable\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [// If the threshold is an array, convert it to a string so it won't change between renders.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, fallbackInView, delay]);\n /* eslint-disable-next-line */\n\n useEffect(function () {\n if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n setState({\n inView: !!initialInView\n });\n }\n });\n var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n result.ref = result[0];\n result.inView = result[1];\n result.entry = result[2];\n return result;\n}\n\nexport { InView, InView as default, defaultFallbackInView, observe, useInView };\n//# sourceMappingURL=react-intersection-observer.m.js.map\n","import * as React from 'react';\r\n\r\nimport { formatTimestamp } from 'utils/ValueFormat';\r\n\r\n\r\ninterface TimeStampProps {\r\n time: number;\r\n}\r\n\r\nexport const TimeStamp: React.FC<TimeStampProps> = ({ time }) => (\r\n <div className=\"time\">\r\n { formatTimestamp(time) }\r\n </div>\r\n);\r\n","import * as React from 'react';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { HighlightedText } from '../../text/HighlightedText';\r\n\r\n\r\ninterface MessageTextProps {\r\n message: API.Message; \r\n emojify: boolean;\r\n user?: API.HubUser;\r\n label?: string;\r\n menuProps: UI.MessageActionMenuData;\r\n}\r\n\r\nexport const MessageText: React.FC<MessageTextProps> = ({ emojify, message, user, label, ...other }) => (\r\n <div className=\"text\">\r\n { !!label && (\r\n <span className=\"label\">\r\n { `${label}: ` }\r\n </span>\r\n ) }\r\n <HighlightedText\r\n emojify={ emojify }\r\n text={ message.text }\r\n highlights={ message.highlights }\r\n user={ user }\r\n { ...other }\r\n />\r\n </div>\r\n);\r\n","import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\nimport { InView } from 'react-intersection-observer';\r\n\r\nimport { UserMenu } from 'components/menu';\r\n\r\nimport * as API from 'types/api';\r\n\r\nimport MenuConstants from 'constants/MenuConstants';\r\nimport { CommonMessageProps } from '../types';\r\nimport { TimeStamp } from './Timestamp';\r\nimport { MessageText } from './MessageText';\r\n\r\n\r\ninterface AuthorProps {\r\n message: API.ChatMessage; \r\n dropdownContext: string;\r\n}\r\n\r\n// Message sections\r\nconst Author: React.FC<AuthorProps> = ({ message, dropdownContext }) => (\r\n <div className=\"header author\">\r\n { message.third_person && <span>*</span> }\r\n <UserMenu \r\n contextElement={ dropdownContext } \r\n triggerIcon={ null }\r\n user={ message.from }\r\n direction=\"downward\"\r\n remoteMenuId={ MenuConstants.HUB_USER }\r\n entityId={ message.from.hub_session_id }\r\n />\r\n </div>\r\n);\r\n\r\n/*Author.propTypes = {\r\n message: PropTypes.object.isRequired,\r\n dropdownContext: PropTypes.string.isRequired,\r\n};*/\r\n\r\ninterface ChatMessageProps extends CommonMessageProps {\r\n message: API.ChatMessage;\r\n dropdownContext: string;\r\n}\r\n\r\n// Main message types\r\nclass ChatMessage extends React.Component<ChatMessageProps> {\r\n static propTypes = {\r\n message: PropTypes.object.isRequired,\r\n dropdownContext: PropTypes.string.isRequired,\r\n };\r\n\r\n shouldComponentUpdate() {\r\n return false;\r\n }\r\n\r\n render() {\r\n const { \r\n message, dropdownContext, menuProps,\r\n ...other \r\n } = this.props;\r\n\r\n return (\r\n <InView \r\n className={ 'ui item chat ' + message.from.flags.join(' ')}\r\n { ...other }\r\n >\r\n <TimeStamp\r\n time={ message.time }\r\n />\r\n <div className={ 'left ' + (message.third_person ? 'third-person' : 'normal') }>\r\n <Author \r\n message={ message } \r\n dropdownContext={ dropdownContext }\r\n />\r\n <MessageText \r\n message={ message }\r\n emojify={ true }\r\n user={ message.from }\r\n menuProps={ menuProps }\r\n />\r\n </div>\r\n </InView>\r\n );\r\n }\r\n}\r\n\r\nexport { ChatMessage };\r\n","import PropTypes from 'prop-types';\r\nimport { Component } from 'react';\r\nimport { InView } from 'react-intersection-observer';\r\n\r\nimport Icon from 'components/semantic/Icon';\r\nimport IconConstants from 'constants/IconConstants';\r\n\r\nimport * as API from 'types/api';\r\n\r\nimport { CommonMessageProps } from '../types';\r\nimport { MessageText } from './MessageText';\r\nimport { TimeStamp } from './Timestamp';\r\n\r\n\r\nconst getSeverityIcon = (severity: API.SeverityEnum) => {\r\n switch (severity) {\r\n case API.SeverityEnum.INFO: return IconConstants.INFO + ' circle';\r\n case API.SeverityEnum.WARNING: return IconConstants.WARNING;\r\n case API.SeverityEnum.ERROR: return IconConstants.ERROR;\r\n default: return '';\r\n }\r\n};\r\n\r\ninterface StatusMessageProps extends CommonMessageProps {\r\n message: API.StatusMessage;\r\n}\r\n\r\nclass StatusMessage extends Component<StatusMessageProps> {\r\n static propTypes = {\r\n message: PropTypes.object.isRequired,\r\n };\r\n\r\n shouldComponentUpdate() {\r\n return false;\r\n }\r\n\r\n render() {\r\n const { message, menuProps, ...other } = this.props;\r\n return (\r\n <InView\r\n className={ 'ui item status ' + message.severity }\r\n { ...other }\r\n >\r\n <Icon icon={ getSeverityIcon(message.severity) }/>\r\n { message.time > 0 && (\r\n <TimeStamp \r\n time={ message.time }\r\n />\r\n ) }\r\n <MessageText\r\n label={ message.label }\r\n message={ message }\r\n emojify={ false }\r\n menuProps={ menuProps }\r\n />\r\n </InView>\r\n );\r\n }\r\n}\r\n\r\nexport { StatusMessage };\r\n","import * as React from 'react';\r\n\r\nimport { ChatMessage, StatusMessage } from '../message';\r\n\r\nimport * as UI from 'types/ui';\r\nimport { CommonMessageProps } from '../types';\r\n\r\n\r\ninterface MessageListItemProps extends CommonMessageProps {\r\n id: string;\r\n message: UI.MessageListItem;\r\n}\r\n\r\nexport const MessageListItem: React.FC<MessageListItemProps> = ({\r\n message,\r\n ...other\r\n}) => {\r\n if (message.chat_message) {\r\n return (\r\n <ChatMessage\r\n message={ message.chat_message }\r\n dropdownContext=\".chat.session\"\r\n { ...other }\r\n />\r\n );\r\n } else if (message.log_message) {\r\n return (\r\n <StatusMessage\r\n message={ message.log_message }\r\n { ...other }\r\n />\r\n );\r\n }\r\n\r\n return null;\r\n};\r\n","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport { formatCalendarTime } from 'utils/ValueFormat';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\nimport Icon from 'components/semantic/Icon';\r\nimport IconConstants from 'constants/IconConstants';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n\r\nconst getMessageDay = (listItem: UI.MessageListItem) => {\r\n const message = !!listItem.chat_message ? listItem.chat_message : listItem.log_message;\r\n return message && new Date(message.time * 1000).getDate();\r\n};\r\n\r\nconst isToday = (message: UI.MessageListItem) => {\r\n return getMessageDay(message) === new Date().getDate();\r\n};\r\n\r\nconst isHistoryItem = (listItem: UI.MessageListItem) => {\r\n const message = !!listItem.chat_message ? listItem.chat_message : listItem.log_message;\r\n return message && message.time === 0; \r\n};\r\n\r\nexport const showDateDivider = (index: number, messageList: UI.MessageListItem[]) => {\r\n const currentMessage = messageList[index];\r\n\r\n // First message? History log won't count\r\n if (index === 0 || (index === 1 && isHistoryItem(messageList[index - 1]))) {\r\n // Don't show for message that were received today\r\n if (!isToday(currentMessage) && !isHistoryItem(currentMessage)) {\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n return getMessageDay(messageList[index - 1]) !== getMessageDay(currentMessage);\r\n};\r\n\r\ninterface MessageListDateDividerProps {\r\n time: number;\r\n}\r\n\r\nexport const MessageListDateDivider: React.FC<MessageListDateDividerProps> = ({ time }) => {\r\n const { t } = useTranslation();\r\n return (\r\n <div \r\n key={ `divider${time}` }\r\n className=\"ui horizontal date divider\"\r\n >\r\n <Icon \r\n icon={ IconConstants.DATE }\r\n />\r\n { formatCalendarTime(time, t) }\r\n </div>\r\n );\r\n};\r\n","import { useMemo } from 'react';\r\nimport * as React from 'react';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { getListMessageId, getListMessageIdString } from 'utils/MessageUtils';\r\n\r\nimport { MessageListItem } from '../list/MessageListItem';\r\nimport { MessageListDateDivider, showDateDivider } from '../list/MessageListDateDivider';\r\n\r\nimport { ItemDownloadManager } from '../../../effects/ItemDownloadManager';\r\n\r\n\r\ninterface MessageItemData {\r\n entityId: API.IdType | undefined;\r\n onMessageVisibilityChanged: (id: number, inView: boolean) => void;\r\n addDownload: UI.AddItemDownload;\r\n highlightRemoteMenuId: string | undefined;\r\n}\r\n\r\nconst reduceMessageListItem = (\r\n { entityId, onMessageVisibilityChanged, addDownload, highlightRemoteMenuId }: MessageItemData,\r\n reduced: React.ReactNode[], \r\n message: UI.MessageListItem, \r\n index: number, \r\n messageList: UI.MessageListItem[],\r\n) => {\r\n // Push a divider when the date was changed\r\n if (showDateDivider(index, messageList)) {\r\n const messageObj = !!message.chat_message ? message.chat_message : message.log_message;\r\n if (!!messageObj) {\r\n reduced.push(\r\n <MessageListDateDivider\r\n key={ `divider${messageObj.id}` }\r\n time={ messageObj.time }\r\n />\r\n );\r\n }\r\n }\r\n\r\n // Push message\r\n const id = getListMessageId(message)!;\r\n reduced.push(\r\n <MessageListItem\r\n key={ id }\r\n id={ getListMessageIdString(id) }\r\n onChange={(inView) => {\r\n onMessageVisibilityChanged(id, inView);\r\n }}\r\n threshold={ 0.4 }\r\n message={ message }\r\n menuProps={{\r\n addDownload,\r\n entityId,\r\n remoteMenuId: highlightRemoteMenuId,\r\n boundary: '.message-section',\r\n // Determining the position is somewhat complex since the number of remote menu items isn't known at this point\r\n // Only use the boundary for now, could be improved later...\r\n // position: index < 4 ? 'bottom left' : 'top left',\r\n }}\r\n />\r\n );\r\n\r\n return reduced;\r\n};\r\n\r\ninterface Props {\r\n messages: UI.MessageListItem[] | null;\r\n session?: UI.SessionItemBase;\r\n highlightRemoteMenuId?: string;\r\n}\r\n\r\nexport const useMessagesNode = (\r\n { highlightRemoteMenuId, messages, session }: Props, \r\n downloadManager: ItemDownloadManager,\r\n) => {\r\n const visibleItems = useMemo(() => new Set<number>(), [session]);\r\n\r\n const onMessageVisibilityChanged = (id: number, inView: boolean) => {\r\n if (!inView) {\r\n // console.log(`Remove view item ${id}`);\r\n visibleItems.delete(id);\r\n } else {\r\n // console.log(`Add view item ${id}`);\r\n visibleItems.add(id);\r\n }\r\n\r\n // console.log(`Visible items ${Array.from(visibleItems)}`);\r\n };\r\n\r\n const messageNodes = useMemo(\r\n () => {\r\n if (!messages) {\r\n return null;\r\n }\r\n\r\n return messages.reduce(\r\n reduceMessageListItem.bind(\r\n null, \r\n {\r\n highlightRemoteMenuId,\r\n entityId: session ? session.id : undefined, \r\n onMessageVisibilityChanged,\r\n addDownload: downloadManager.addDownloadItem,\r\n }\r\n ), \r\n []\r\n );\r\n },\r\n [ messages ]\r\n );\r\n\r\n return {\r\n messageNodes,\r\n visibleItems,\r\n };\r\n};\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!./messages.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./messages.css\";\n export default content && content.locals ? content.locals : undefined;\n","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\nimport classNames from 'classnames';\r\nimport { TFunction } from 'i18next';\r\n\r\nimport Loader from 'components/semantic/Loader';\r\n\r\nimport { useMessageViewScrollEffect } from 'effects';\r\nimport { useMessagesNode } from './effects/MessageNodeManager';\r\nimport { useItemDownloadManager } from '../../effects/ItemDownloadManager';\r\nimport { translate } from 'utils/TranslationUtils';\r\n\r\nimport DownloadDialog from 'components/download/DownloadDialog';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\nimport './messages.css';\r\n\r\n\r\ninterface MessageViewProps {\r\n messages: UI.MessageListItem[] | null;\r\n session?: UI.SessionItemBase;\r\n className?: string;\r\n scrollPositionHandler: UI.ScrollPositionHandler;\r\n highlightRemoteMenuId?: string;\r\n t: TFunction;\r\n}\r\n\r\nconst MessageView: React.FC<MessageViewProps> = React.memo(\r\n ({ className, t, ...other }) => {\r\n const downloadManager = useItemDownloadManager(other.session);\r\n const { messageNodes, visibleItems } = useMessagesNode(other, downloadManager);\r\n\r\n const scrollableRef = useMessageViewScrollEffect(\r\n other,\r\n visibleItems\r\n );\r\n\r\n return (\r\n <div \r\n ref={ scrollableRef }\r\n className={ classNames('message-section', className) }\r\n >\r\n { !!messageNodes ? (\r\n <>\r\n <div className=\"ui list message-list\">\r\n { messageNodes }\r\n </div>\r\n <DownloadDialog\r\n { ...downloadManager.downloadDialogProps }\r\n />\r\n </>\r\n ) : (\r\n <Loader text={ translate('Loading messages', t, UI.Modules.COMMON) }/>\r\n ) }\r\n </div>\r\n );\r\n },\r\n (prevProps, nextProps) => {\r\n return prevProps.messages === nextProps.messages;\r\n }\r\n);\r\n\r\nexport default MessageView;","import { useMemo } from 'react';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\n\r\nexport interface ItemDownloadManager {\r\n addDownloadItem: UI.AddItemDownload;\r\n downloadDialogProps: UI.ItemDownloadHandler;\r\n}\r\n\r\nexport const useItemDownloadManager = (session: UI.SessionItemBase | undefined) => {\r\n const downloadManager = useMemo<ItemDownloadManager>(\r\n () => {\r\n const downloads: { [key in string]: UI.ItemDownloadHandler } = {};\r\n\r\n const getDownloadItem = (itemId: API.IdType) => {\r\n const item = downloads[itemId];\r\n if (!item) {\r\n throw new Error('Download was not found');\r\n }\r\n\r\n return item;\r\n };\r\n\r\n const ret: ItemDownloadManager = {\r\n downloadDialogProps: {\r\n downloadHandler: (itemInfo, user, downloadData, downloadSession) => {\r\n return getDownloadItem(itemInfo.id).downloadHandler(itemInfo, user, downloadData, downloadSession);\r\n },\r\n userGetter: (itemId, props) => {\r\n const userGetter = getDownloadItem(itemId).userGetter;\r\n return !!userGetter ? userGetter(itemId, props) : undefined;\r\n },\r\n itemDataGetter: (itemId, socket) => {\r\n return getDownloadItem(itemId).itemDataGetter(itemId, socket);\r\n },\r\n session\r\n },\r\n addDownloadItem: (itemId: string, itemDownloadHandler: UI.ItemDownloadHandler) => {\r\n downloads[itemId] = itemDownloadHandler;\r\n },\r\n };\r\n\r\n return ret;\r\n },\r\n []\r\n );\r\n\r\n return downloadManager;\r\n};\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_setPrototypeOf","o","p","setPrototypeOf","__proto__","observerMap","Map","RootIds","WeakMap","rootId","observe","element","callback","options","fallbackInView","undefined","window","IntersectionObserver","bounds","getBoundingClientRect","isIntersecting","intersectionRatio","threshold","time","boundingClientRect","intersectionRect","rootBounds","_createObserver","keys","sort","filter","map","root","has","set","toString","get","optionsToId","instance","thresholds","elements","observer","entries","forEach","entry","_elements$get","inView","some","trackVisibility","isVisible","Array","isArray","createObserver","callbacks","splice","indexOf","unobserve","size","disconnect","_excluded","isPlainChildren","props","children","InView","_React$Component","subClass","superClass","_this","node","_unobserveCb","handleNode","triggerOnce","skip","setState","initialInView","observeNode","handleChange","onChange","state","create","constructor","_proto","componentDidUpdate","prevProps","rootMargin","delay","componentWillUnmount","_this$props","render","_this$state","ref","_this$props2","as","tag","excluded","sourceKeys","_objectWithoutPropertiesLoose","displayName","defaultProps","TimeStamp","className","MessageText","emojify","message","user","label","other","HighlightedText","text","highlights","Author","dropdownContext","third_person","contextElement","triggerIcon","from","direction","remoteMenuId","MenuConstants","entityId","hub_session_id","ChatMessage","shouldComponentUpdate","menuProps","flags","join","propTypes","getSeverityIcon","severity","IconConstants","StatusMessage","Component","Icon","icon","MessageListItem","chat_message","log_message","getMessageDay","listItem","Date","getDate","isHistoryItem","MessageListDateDivider","useTranslation","t","reduceMessageListItem","onMessageVisibilityChanged","addDownload","highlightRemoteMenuId","reduced","index","messageList","currentMessage","showDateDivider","messageObj","boundary","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","downloadManager","session","useMemo","downloads","getDownloadItem","itemId","item","Error","downloadDialogProps","downloadHandler","itemInfo","downloadData","downloadSession","userGetter","itemDataGetter","socket","addDownloadItem","itemDownloadHandler","messageNodes","visibleItems","messages","Set","add","delete","reduce","bind","useMessagesNode","scrollableRef","DownloadDialog","Loader","nextProps"],"sourceRoot":""}

package/dist/js/424.44413ba27808d4072f7f.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui\|\|[]).push([[424],{1624:(t,e,r)=>{r.d(e,{Z:()=>s});var n=r(87537),i=r.n(n),a=r(23645),o=r.n(a)()(i());o.push([t.id,"/* Generic table styles /\r\n.virtual-table {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n}\r\n\r\n.virtual-table .table-container-wrapper {\r\n width: 100%;\r\n flex: 1 1 auto;\r\n\r\n / The table won't shrink properly without this /\r\n height: calc(100% - 50px);\r\n}\r\n\r\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\r\n cursor:pointer;\r\n}\r\n\r\n.virtual-table .fixedDataTableLayout_main {\r\n background-color: rgba(250, 250, 250, 0.8);\r\n}\r\n\r\n.virtual-table .fixedDataTableLayout_main:focus {\r\n outline: inherit;\r\n}\r\n\r\n.virtual-table .public_fixedDataTable_header a, .public_fixedDataTableCell_main a {\r\n color: black;\r\n}\r\n\r\n\r\n\r\n/ Common cell content styles /\r\n\r\n.virtual-table .cell-wrapper {\r\n position: relative;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n max-height: 50px;\r\n padding: 5px;\r\n}\r\n\r\n.virtual-table .cell-wrapper .plain.cell,\r\n.virtual-table .cell-wrapper .empty.dropdown {\r\n margin: 0px 3px;\r\n}\r\n\r\n.virtual-table .cell-wrapper .ui.progress .bar {\r\n height: 5px;\r\n}\r\n\r\n\r\n/ Footer /\r\n\r\n.table-footer {\r\n width: 100%;\r\n padding: 5px;\r\n background-color: #f6f7f8;\r\n background-image: -webkit-linear-gradient(#fff, #efefef);\r\n background-image: linear-gradient(#fff, #efefef);\r\n display:flex;\r\n align-items: center;\r\n}\r\n\r\n.table-footer .filter {\r\n margin-left: auto;\r\n display: flex;\r\n}\r\n\r\n.table-footer .count-info {\r\n margin-right: 0px;\r\n color: grey;\r\n}\r\n\r\n.table-footer .filter > div:last-child {\r\n margin-left: 10px;\r\n}\r\n\r\n.table-footer .filter .filter-method.dropdown.button {\r\n padding-left: 0px !important;\r\n padding-right: 0px !important;\r\n}\r\n\r\n.table-footer .filter .dropdown .trigger.icon {\r\n margin-right: 0px;\r\n}\r\n\r\n.table-footer .filter input {\r\n width: 90%;\r\n}\r\n\r\n\r\n\r\n/ Table dropdowns /\r\n.table-container-wrapper .dropdown .trigger {\r\n line-height: 21px;\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger:hover, .public_fixedDataTableCell_main a:hover {\r\n cursor:pointer;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger:hover span, .public_fixedDataTableCell_main a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger i.angle.icon {\r\n margin: 0px;\r\n}\r\n\r\n.table-container-wrapper .dropdown .icon-caption .icon {\r\n width: inherit !important;\r\n}\r\n\r\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\r\n padding-left: 22px;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger i {\r\n flex-shrink: 0;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger span {\r\n flex: 1;\r\n}\r\n\r\n\r\n\r\n/ Table dropdown popup content /\r\n.popup.dropdown-content {\r\n padding: 5px 15px;\r\n}\r\n\r\n.popup.dropdown-content .ui.dropdown.item {\r\n margin: 0px 0px;\r\n}\r\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,cAAc;AAChB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,YAAY;AACd;;;;AAIA,+BAA+B;;AAE/B;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,gBAAgB;EAChB,YAAY;AACd;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;;AAGA,WAAW;;AAEX;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,wDAAwD;EACxD,gDAAgD;EAChD,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,6BAA6B;AAC/B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;;;AAIA,oBAAoB;AACpB;EACE,iBAAiB;EACjB,aAAa;EACb,uBAAuB;AACzB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,OAAO;AACT;;;;AAIA,iCAAiC;AACjC;EACE,iBAAiB;AACnB;;AAEA;EACE,eAAe;AACjB",sourcesContent:["/ Generic table styles /\r\n.virtual-table {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n}\r\n\r\n.virtual-table .table-container-wrapper {\r\n width: 100%;\r\n flex: 1 1 auto;\r\n\r\n / The table won't shrink properly without this /\r\n height: calc(100% - 50px);\r\n}\r\n\r\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\r\n cursor:pointer;\r\n}\r\n\r\n.virtual-table .fixedDataTableLayout_main {\r\n background-color: rgba(250, 250, 250, 0.8);\r\n}\r\n\r\n.virtual-table .fixedDataTableLayout_main:focus {\r\n outline: inherit;\r\n}\r\n\r\n.virtual-table .public_fixedDataTable_header a, .public_fixedDataTableCell_main a {\r\n color: black;\r\n}\r\n\r\n\r\n\r\n/ Common cell content styles /\r\n\r\n.virtual-table .cell-wrapper {\r\n position: relative;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n max-height: 50px;\r\n padding: 5px;\r\n}\r\n\r\n.virtual-table .cell-wrapper .plain.cell,\r\n.virtual-table .cell-wrapper .empty.dropdown {\r\n margin: 0px 3px;\r\n}\r\n\r\n.virtual-table .cell-wrapper .ui.progress .bar {\r\n height: 5px;\r\n}\r\n\r\n\r\n/ Footer /\r\n\r\n.table-footer {\r\n width: 100%;\r\n padding: 5px;\r\n background-color: #f6f7f8;\r\n background-image: -webkit-linear-gradient(#fff, #efefef);\r\n background-image: linear-gradient(#fff, #efefef);\r\n display:flex;\r\n align-items: center;\r\n}\r\n\r\n.table-footer .filter {\r\n margin-left: auto;\r\n display: flex;\r\n}\r\n\r\n.table-footer .count-info {\r\n margin-right: 0px;\r\n color: grey;\r\n}\r\n\r\n.table-footer .filter > div:last-child {\r\n margin-left: 10px;\r\n}\r\n\r\n.table-footer .filter .filter-method.dropdown.button {\r\n padding-left: 0px !important;\r\n padding-right: 0px !important;\r\n}\r\n\r\n.table-footer .filter .dropdown .trigger.icon {\r\n margin-right: 0px;\r\n}\r\n\r\n.table-footer .filter input {\r\n width: 90%;\r\n}\r\n\r\n\r\n\r\n/ Table dropdowns /\r\n.table-container-wrapper .dropdown .trigger {\r\n line-height: 21px;\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger:hover, .public_fixedDataTableCell_main a:hover {\r\n cursor:pointer;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger:hover span, .public_fixedDataTableCell_main a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger i.angle.icon {\r\n margin: 0px;\r\n}\r\n\r\n.table-container-wrapper .dropdown .icon-caption .icon {\r\n width: inherit !important;\r\n}\r\n\r\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\r\n padding-left: 22px;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger i {\r\n flex-shrink: 0;\r\n}\r\n\r\n.table-container-wrapper .dropdown .trigger span {\r\n flex: 1;\r\n}\r\n\r\n\r\n\r\n/ Table dropdown popup content */\r\n.popup.dropdown-content {\r\n padding: 5px 15px;\r\n}\r\n\r\n.popup.dropdown-content .ui.dropdown.item {\r\n margin: 0px 0px;\r\n}\r\n"],sourceRoot:""}]);const s=o},11508:(t,e,r)=>{r.d(e,{Z:()=>c});var n=r(10293),i=r.n(n),a=r(518),o=r(66883);const s=i().createActions([{setRange:{asyncResult:!0}},{setSort:{asyncResult:!0}},{close:{asyncResult:!0}},{pause:{asyncResult:!0}},{init:{asyncResult:!0}},"clear"]),l=(t,e,r)=>a.Z.post(e+"/settings",t).then((t=>r.completed(e,t))).catch((t=>r.failed(e,t)));s.close.listen((function(t,e){if(e&&o.Z.socketAuthenticated){let e=this;return a.Z.delete(t).then((r=>e.completed(t,r))).catch((e=>this.failed(t,e)))}return Promise.resolve()})),s.setSort.listen((function(t,e,r){l({sort_property:e,sort_ascending:r},t,this)})),s.setRange.listen((function(t,e,r){console.assert(r>0,"Invalid max rows"),l({range_start:e,max_count:r},t,this)})),s.pause.listen((function(t,e){l({paused:e},t,this)})),s.init.listen((function(t,e,r){r&&l({source_filter:r},t,this)}));const c=s},91780:(t,e,r)=>{r.d(e,{Z:()=>i});var n=r(85893);r(67294),r(10696);const i=({item:t})=>(0,n.jsxs)("div",Object.assign({className:"ip flag"},{children:[(0,n.jsx)("i",{className:"ui flag "+t.country.toLowerCase()}),t.str]}))},68126:(t,e,r)=>{r.d(e,{$A:()=>y,CW:()=>m,DS:()=>b,Eh:()=>f,Ks:()=>C,LV:()=>v,M4:()=>A,Nq:()=>w,VL:()=>x,fI:()=>E,iK:()=>D,qN:()=>g,uL:()=>j,wn:()=>B});var n=r(85893),i=(r(67294),r(47021)),a=r(2445),o=r(99015),s=r(91780),l=r(70516),c=r(89519),d=r(35108),p=r(28553),h=function(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(t);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i])&&(r[n[i]]=t[n[i]])}return r};const u=t=>"object"==typeof t?Array.isArray(t)?t.length:t.str:0===t?null:t,A=({cellData:t})=>(0,n.jsx)("span",Object.assign({className:"plain text cell"},{children:u(t)})),g=t=>{var{onClick:e,label:r,columnKey:i}=t,a=h(t,["onClick","label","columnKey"]);return(0,n.jsx)(d.Cell,Object.assign({},a,{children:(0,n.jsx)("a",Object.assign({onClick:e},{children:r}))}))},w=t=>{var{cellData:e,rowDataGetter:r}=t,a=h(t,["cellData","rowDataGetter"]);return(0,n.jsx)(i.B2,Object.assign({caption:(0,n.jsx)(o.Z,{typeInfo:r().type,caption:e}),itemData:r},a))},m=t=>{var{cellData:e,rowDataGetter:r}=t,a=h(t,["cellData","rowDataGetter"]);return(0,n.jsx)(i.B2,Object.assign({caption:e,itemData:r},a))},b=t=>{var{cellData:e,rowDataGetter:r,actions:i,actionId:a}=t,o=h(t,["cellData","rowDataGetter","actions","actionId"]);const s=i.actions[a];return(0,c.OE)(s,r())?(0,n.jsx)(p.h,{children:({onClickAction:t})=>(0,n.jsx)("a",Object.assign({className:"plain link cell",onClick:()=>t({actionId:a,action:s,moduleId:i.moduleId,itemData:r()})},{children:u(e)}))}):(0,n.jsx)(A,Object.assign({cellData:e},o))},f=({cellData:t,t:e})=>(0,n.jsx)("span",Object.assign({className:"plain size cell"},{children:(0,a.BU)(t,e)})),v=({cellData:t,t:e})=>(0,n.jsx)("span",Object.assign({className:"plain speed cell"},{children:(0,a.CY)(t,e)})),C=({cellData:t})=>(0,n.jsx)("span",Object.assign({className:"plain duration cell"},{children:(0,a.SY)(t)})),x=({cellData:t})=>(0,n.jsx)("span",Object.assign({className:"plain abbr-duration cell"},{children:(0,a.LO)(t)})),E=({cellData:t})=>(0,n.jsx)(s.Z,{item:t}),y=({cellData:t,t:e})=>(0,n.jsx)("span",Object.assign({className:"plain connection cell"},{children:(0,a.Nh)(t,e)})),j=({cellData:t})=>(0,n.jsx)("span",Object.assign({className:"plain decimal cell"},{children:(0,a.VG)(t)})),D=t=>{var{cellData:e,rowDataGetter:r,clickHandlerGetter:a,userGetter:s,downloadHandler:l}=t,c=h(t,["cellData","rowDataGetter","clickHandlerGetter","userGetter","downloadHandler"]);return(0,n.jsx)(i.As,Object.assign({caption:(0,n.jsx)(o.Z,{typeInfo:r().type,onClick:a?a(e,r):null,caption:e}),user:s(r()),linkCaption:!a,itemInfoGetter:r,downloadHandler:l},c))},B=t=>{var{cellData:e,rowDataGetter:r,onChange:i}=t,a=h(t,["cellData","rowDataGetter","onChange"]);return(0,n.jsx)(l.Z,Object.assign({checked:e,onChange:t=>i(t,r())},a))}},78230:(t,e,r)=>{r.d(e,{Z:()=>J});var n=r(85893),i=r(45697),a=r.n(i),o=r(67294),s=r(11508),l=r(1059),c=r(99005),d=r(98374),p=r(16630),h=r(76249),u=r(10606),A=r(8717),g=r(69222);const w=(t,e)=>{const r=(t=>{switch(t){case h.V3.REGEX:return"Regex";case h.V3.WILDCARD:return"Wildcard";case h.V3.EXACT:return"Exact";default:return"Partial"}})(t);return(0,A.Iu)(r,e,"table.filter")},m=(t,e)=>{let r=e("table.filter.filter","Filter");return t!==h.V3.PARTIAL&&(r+=` (${w(t,e).toLowerCase()})`),r+"..."};class b extends o.PureComponent{constructor(){super(...arguments),this.state={value:"",method:h.V3.PARTIAL},this.onFilterUpdated=()=>{const{value:t,method:e}=this.state;this.props.onFilterUpdated(t,e)},this.onTextChanged=t=>{this.setState({value:t.target.value}),clearTimeout(this.timer),this.timer=window.setTimeout((()=>{this.onFilterUpdated()}),200)},this.onMethodChanged=t=>{this.setState({method:t}),setTimeout((()=>this.onFilterUpdated())),this.input.focus()},this.getFilterMethod=(t,e)=>{const r=t===this.state.method;return(0,n.jsx)(d.Z,Object.assign({onClick:()=>this.onMethodChanged(t),active:r},{children:w(t,e)}),t)}}componentWillUnmount(){clearTimeout(this.timer)}render(){const{value:t,method:e}=this.state,{autoFocus:r}=this.props;return(0,n.jsx)(g.W,{children:i=>(0,n.jsx)("div",Object.assign({className:"text-filter"},{children:(0,n.jsxs)("div",Object.assign({className:"ui action input"},{children:[(0,n.jsx)("input",{ref:t=>this.input=t,placeholder:m(e,i),onChange:this.onTextChanged,value:t,type:"text",autoFocus:!(0,u.wd)()&&r}),(0,n.jsx)(l.Z,Object.assign({className:"filter-method right top pointing",button:!0,direction:"upward"},{children:(0,n.jsx)(c.Z,Object.assign({caption:(0,A.Iu)("Match type",i,"table.filter")},{children:Object.keys(h.V3).filter((t=>isNaN(Number(t)))).map((t=>this.getFilterMethod(h.V3[t],i)))}))}))]}))}))})}}b.defaultProps={autoFocus:!0};const f=(0,p.Z)(b);var v=r(35936),C=r(48117);const x=({store:t})=>{if(t.totalCount<0)return null;let e=t.totalCount;return t.totalCount!==t.rowCount&&(e=t.rowCount+"/"+t.totalCount),(0,n.jsxs)("div",Object.assign({className:"count-info"},{children:[(0,n.jsx)(v.Z,{icon:C.Z.FILTER}),e]}))},E=({store:t,customFilter:e,footerData:r,textFilterProps:i})=>(0,n.jsxs)("div",Object.assign({className:"table-footer"},{children:[r,(0,n.jsxs)("div",Object.assign({className:"filter item"},{children:[e?(0,n.jsx)(e,{viewUrl:t.viewUrl}):null,(0,n.jsx)(f,Object.assign({viewUrl:t.viewUrl},i)),(0,n.jsx)(x,{store:t})]}))]}));var y=r(35108),j=r(88699);class D extends o.Component{constructor(){super(...arguments),this.state={rowData:null},this.loadData=t=>this.props.dataLoader.updateRowData(t,this.onDataLoaded),this.rowDataGetter=()=>this.state.rowData,this.onDataLoaded=t=>{this.setState({rowData:t})}}componentDidMount(){this.loadData(this.props.rowIndex)}UNSAFE_componentWillReceiveProps(t){t.rowIndex!==this.props.rowIndex&&this.props.dataLoader.removePendingRequests(this.props.rowIndex,this.onDataLoaded),this.loadData(t.rowIndex)\|\|this.setState({rowData:null})}componentWillUnmount(){this.props.dataLoader.removePendingRequests(this.props.rowIndex,this.onDataLoaded)}shouldComponentUpdate(t,e){return e.rowData!==this.state.rowData\|\|t.width!==this.props.width}render(){const t=this.props,{columnKey:e,children:r,renderCondition:i,rowClassNameGetter:a}=t,s=function(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(t);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i])&&(r[n[i]]=t[n[i]])}return r}(t,["columnKey","children","renderCondition","rowClassNameGetter"]),{rowData:l}=this.state;if(!l)return null;if(i&&!i(l[e],l))return null;let c=e;return a&&(c+=" "+a(l)),(0,n.jsx)("div",Object.assign({className:"cell-wrapper "+c},{children:o.cloneElement(r,Object.assign({cellData:l[e],rowDataGetter:this.rowDataGetter},s))}))}}D.propTypes={rowIndex:a().number,dataLoader:a().object.isRequired,width:a().number};const B=D;var _=r(68126),R=r(32347);const O=(t,e,r,n)=>{const{name:i,columnKey:a}=t.props;let o=n((0,A.GF)(a,[...(0,A.qo)(r),R.W9.TABLE]),i);{const t=e.sortAscending?" ↑":" ↓";o+=e.sortProperty===a?t:""}return o};class I extends o.Component{constructor(){super(...arguments),this.state={width:0,height:0,columnWidths:{}},this.getInitialProps=()=>({rowClassNameGetter:null,entityId:null}),this.scrollPosition=0,this.setInitialScrollRow=!0,this.updateRowRange=()=>{const{store:t}=this.props,{height:e}=this.state,r=(n=this.scrollPosition,Math.max(Math.floor(n/50),0));var n;const i=function(t){return Math.ceil(t/50)}(e);t.DEBUG&&console.log(`Settings changed, start: ${r}, end: ${i}, height: ${e}`,t.viewName),console.assert(t.active,"Posting data for an inactive view"),s.Z.setRange(t.viewUrl,r,i)},this.onScrollStart=(t,e)=>{const{store:r}=this.props;r.DEBUG&&console.log(`Scrolling started: ${e}`,r.viewUrl),console.assert(r.active,"Sending pause for an inactive view"),s.Z.pause(r.viewUrl,!0)},this.onScrollEnd=(t,e)=>{const{store:r,viewId:n}=this.props;this.scrollPosition=e,console.assert(r.active,"Sending pause for an inactive view"),s.Z.pause(r.viewUrl,!1),clearTimeout(this.scrollTimer),this.scrollTimer=window.setTimeout(this.updateRowRange,500),this.setInitialScrollRow&&(this.setInitialScrollRow=!1,r.DEBUG&&console.log(`Disabling initial scroll (view ${n})`)),r.setScrollData(e,n),r.DEBUG&&console.log(`Scrolling ended: ${e}`,r.viewUrl)},this.onColumnClicked=t=>{const{store:e}=this.props;let r=!0;t===e.sortProperty&&e.sortAscending&&(r=!1),s.Z.setSort(this.props.store.viewUrl,t,r)},this.onColumnResizeEndCallback=(t,e)=>{this.setState((({columnWidths:r})=>({columnWidths:Object.assign(Object.assign({},r),{[e]:t})})))},this.childToColumn=t=>{if(t.props.hideWidth&&t.props.hideWidth>this.state.width)return null;let{flexGrow:e,width:r,cell:i,columnKey:a,renderCondition:s}=t.props;const{store:l,rowClassNameGetter:c,moduleId:d,t:p}=this.props,h=(0,u.wd)();return h\|\|a&&this.state.columnWidths[a]&&(r=this.state.columnWidths[a],e=void 0),o.cloneElement(t,{header:(0,n.jsx)(_.qN,{onClick:this.onColumnClicked.bind(null,a),label:O(t,l,d,p)}),flexGrow:e,width:r,isResizable:!h,allowCellsRecycling:!0,cell:(0,n.jsx)(B,Object.assign({dataLoader:this.props.dataLoader,renderCondition:s,rowClassNameGetter:c,t:p},{children:i\|\|(0,n.jsx)(_.M4,{})}))})},this.onResizeView=t=>{if(!t.bounds)return;const{width:e,height:r}=t.entry?t.entry:t.bounds;this.setState({width:e,height:r})}}componentDidUpdate(t,e){e.height!==this.state.height?this.updateRowRange():t.entityId===this.props.entityId&&t.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 t=o.Children.map(this.props.children,this.childToColumn),{store:e,viewId:r}=this.props;return(0,n.jsx)(j.Z,Object.assign({bounds:!0,onResize:this.onResizeView},{children:({measureRef:i})=>(0,n.jsx)("div",Object.assign({ref:i,className:"table-container-wrapper"},{children:(0,n.jsx)(y.Table,Object.assign({width:this.state.width,height:this.state.height,rowHeight:50,rowsCount:e.rowCount,headerHeight:50,isColumnResizing:!1,onColumnResizeEndCallback:this.onColumnResizeEndCallback,touchScrollEnabled:!0,onScrollStart:this.onScrollStart,onScrollEnd:this.onScrollEnd,scrollTop:this.setInitialScrollRow?e.getScrollData(r):void 0},{children:t}))}))}))}}I.propTypes={store:a().object.isRequired,rowClassNameGetter:a().func,entityId:a().any,dataLoader:a().any.isRequired};const U=I;var S=r(518),T=r(7145),k=r.n(T),G=r(18446),N=r.n(G);var Z=r(93379),L=r.n(Z),P=r(7795),F=r.n(P),W=r(90569),q=r.n(W),$=r(3565),M=r.n($),V=r(19216),Y=r.n(V),z=r(44589),K=r.n(z),H=r(1624),X={};X.styleTagTransform=K(),X.setAttributes=M(),X.insert=q().bind(null,"head"),X.domAPI=F(),X.insertStyleElement=Y(),L()(H.Z,X),H.Z&&H.Z.locals&&H.Z.locals,r(60854);class Q extends o.PureComponent{constructor(){super(...arguments),this.dataLoader=new class{constructor(t,e){this._onDataLoad=e,this._store=t,this._data=[],this._pendingRequest={},this._initialDataReceived=!1}clear(){this._pendingRequest={},this._data=[]}updateItem(t,e,r){let n=this._data[r];return n===e\|\|N()(this._data[r],e)?t:(this._data[r]=n?k()(n,{$merge:e}):k()(n,{$set:e}),t+1)}onItemsUpdated(t,e=0,r){let n=r<this._data.length;if(t&&0!==t.length){this._initialDataReceived=!0;for(let e=0;e<this._data.length;e++)t[e]\|\|delete this._data[e];(t.reduce(this.updateItem.bind(this),0)>0\|\|0!==e)&&(n=!0)}else this.clear(),n=!0,this._initialDataReceived=!1;n&&this._onDataLoad()}get rangeOffset(){const t=this._rangeOffset;return this._rangeOffset=0,t}getRowData(t){return this._data[t]}updateRowData(t,e){const r=this._data[t];return r?(e(r),!0):(this._initialDataReceived&&this._queueRequestFor(t,e),!1)}removePendingRequests(t,e){delete this._pendingRequest[t]}_queueRequestFor(t,e){const r=t-t%10,n=this._pendingRequest[t];if(n)return void n.push(e);if(this._pendingRequest[t]=[e],t!==r){if(this._pendingRequest[r])return;this._pendingRequest[r]=[]}const i=Math.min(r+10,this._store.rowCount);S.Z.get(this._store.viewUrl+"/items/"+r+"/"+i).then(this.onRowsReceived.bind(this,r)).catch((t=>{console.error("Failed to load data",t);for(let t=r;t<i;t++)this._pendingRequest[t]&&delete this._pendingRequest[t]}))}onRowsReceived(t,e){if(this._pendingRequest[t])for(let r=0;r<e.length;r++){const n=t+r;N()(this._data[n],e[r])\|\|(this._data[n]=e[r],this._pendingRequest[n]&&this._pendingRequest[n].forEach((t=>t(e[r])))),delete this._pendingRequest[n]}}}(this.props.store,(()=>this.forceUpdate())),this.unsubscribe=this.props.store.listen(this.dataLoader.onItemsUpdated.bind(this.dataLoader)),this.moduleExists=t=>!t\|\|!this.props.sessionStore\|\|this.props.sessionStore.getSession(t),this.start=t=>{const{store:e,sourceFilter:r}=this.props;s.Z.init(e.viewUrl,t,r),s.Z.setSort(e.viewUrl,e.sortProperty,e.sortAscending)},this.close=t=>{s.Z.close(this.props.store.viewUrl,this.moduleExists(t))}}componentDidMount(){this.start(this.props.entityId)}componentWillUnmount(){this.close(this.props.entityId),this.unsubscribe()}componentDidUpdate(t){if(t.entityId!==this.props.entityId&&(this.close(t.entityId),this.start(this.props.entityId)),t.viewId!==this.props.viewId){const{store:t}=this.props;t.paused&&s.Z.pause(t.viewUrl,!1),s.Z.clear(t.viewUrl)}}render(){const t=this.props,{store:e,footerData:r,emptyRowsNodeGetter:i,customFilter:a,textFilterProps:o}=t,s=function(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(t);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(t,n[i])&&(r[n[i]]=t[n[i]])}return r}(t,["store","footerData","emptyRowsNodeGetter","customFilter","textFilterProps"]);return i&&-1===e.totalCount?(0,n.jsx)("div",{className:"virtual-table"}):i&&0===e.totalCount?i():(0,n.jsx)("div",Object.assign({className:"virtual-table"},{children:(0,n.jsx)(g.W,{children:t=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(U,Object.assign({},s,{dataLoader:this.dataLoader,store:e,t})),(0,n.jsx)(E,{store:e,customFilter:a,footerData:r,textFilterProps:o})]})})}))}}Q.propTypes={footerData:a().node,emptyRowsNodeGetter:a().func,viewId:a().any,sessionStore:a().object,customFilter:a().node,sourceFilter:a().object};const J=Q},16630:(t,e,r)=>{r.d(e,{Z:()=>l});var n=r(85893),i=r(67294),a=r(42090),o=r(518),s=r(76249);function l(t,e="any"){class r extends i.PureComponent{constructor(){super(...arguments),this.onFilterUpdated=(t,r=s.V3.PARTIAL)=>{const n={pattern:t,method:r,property:e},{viewUrl:i,filter:a}=this.props;o.Z.put(i+"/filter/"+a.id,n).catch((t=>console.error("Failed to add table filter")))}}render(){return(0,n.jsx)(t,Object.assign({},this.props,{onFilterUpdated:this.onFilterUpdated}))}}return(0,a.Z)(r,{urls:{filter:({viewUrl:t},e)=>e.post(`${t}/filter`)},loaderText:null})}},93836:(t,e,r)=>{r.d(e,{Z:()=>s});var n=r(518),i=r(11508),a=r(41143),o=r.n(a);const s=(t,e=!0)=>{let r=!1,a=-1,s=0,l=0,c=[],d=null,p=!1,h=0,u=t,A=e;const g=()=>{c=[],l=0,s=0,a=-1};return{listenables:i.Z,onClose(t){t===this.viewUrl&&(this.DEBUG&&console.log(`Closing view ${this.viewUrl}`),this._removeMessageListener(),g(),r=!1,this.trigger())},onClear(t){t===this.viewUrl&&(g(),this.trigger())},onPause(t,e){t===this.viewUrl&&(p=e)},onInit(t,e){t===this.viewUrl&&(o()(!r,"Trying start an active table view"),d=e,this.addMessageListener(),this.DEBUG&&console.log(`Starting view ${this.viewUrl}`),r=!0)},onSetSort(t,e,r){t===this.viewUrl&&(u=e,A=r)},addMessageListener(){this._removeMessageListener=n.Z.addViewUpdateListener(this._viewName,this._handleUpdate,d)},get items(){return c},get viewUrl(){let t=this._apiUrl+"/";return d&&(t+=d+"/"),t+=this._viewName,t},get viewName(){return viewName},get rowCount(){return s},get totalCount(){return a},get active(){return r},get sortProperty(){return u},get sortAscending(){return A},get paused(){return p},setScrollData(t,e){this._sessionStore?this._sessionStore.scroll.setScrollData(t,d,e):(this.DEBUG&&console.log(`Setting scroll position ${t} for view ${this.viewUrl} (view ID ${e})`),h=t)},getScrollData(t){return this._sessionStore?this._sessionStore.scroll.getScrollData(d,t):(this.DEBUG&&console.log(`Getting scroll position ${h} for view ${this.viewUrl} (view ID ${t})`),h)},_handleUpdate(t){(t=>{var e;null!=t.range_start&&(l=t.range_start),null!=t.total_items&&(a=t.total_items),null!=t.matching_items&&(s=t.matching_items),null!=t.items&&(e=t.items,c=e.reduce(((t,e,r)=>{let n=(i=e.id,c.find((t=>!!t&&t.id===i))\|\|{id:e.id});var i;return e.properties?n=Object.assign({},n,e.properties):1===Object.keys(n).length&&console.error("No properties were sent for a new view item",n.id),t[l+r]=n,t}),[]))})(t),this.trigger(c,t.range_offset,s)}}}}}]);
2	+ //# sourceMappingURL=424.44413ba27808d4072f7f.chunk.js.map

package/dist/js/424.44413ba27808d4072f7f.chunk.js.gz ADDED Viewed

Binary file

package/dist/js/424.44413ba27808d4072f7f.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"js/424.44413ba27808d4072f7f.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/style.css?53ed","webpack://airdcpp-webui/./src/components/table/VirtualTable.tsx","webpack://airdcpp-webui/./src/components/table/RowDataLoader.js","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 */\\r\\n.virtual-table {\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n.virtual-table .table-container-wrapper {\\r\\n width: 100%;\\r\\n flex: 1 1 auto;\\r\\n\\r\\n /* The table won't shrink properly without this */\\r\\n height: calc(100% - 50px);\\r\\n}\\r\\n\\r\\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\\r\\n cursor:pointer;\\r\\n}\\r\\n\\r\\n.virtual-table .fixedDataTableLayout_main {\\r\\n background-color: rgba(250, 250, 250, 0.8);\\r\\n}\\r\\n\\r\\n.virtual-table .fixedDataTableLayout_main:focus {\\r\\n outline: inherit;\\r\\n}\\r\\n\\r\\n.virtual-table .public_fixedDataTable_header a, .public_fixedDataTableCell_main a {\\r\\n color: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* Common cell content styles */\\r\\n\\r\\n.virtual-table .cell-wrapper {\\r\\n position: relative;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n max-height: 50px;\\r\\n padding: 5px;\\r\\n}\\r\\n\\r\\n.virtual-table .cell-wrapper .plain.cell,\\r\\n.virtual-table .cell-wrapper .empty.dropdown {\\r\\n margin: 0px 3px;\\r\\n}\\r\\n\\r\\n.virtual-table .cell-wrapper .ui.progress .bar {\\r\\n height: 5px;\\r\\n}\\r\\n\\r\\n\\r\\n/* Footer */\\r\\n\\r\\n.table-footer {\\r\\n width: 100%;\\r\\n padding: 5px;\\r\\n background-color: #f6f7f8;\\r\\n background-image: -webkit-linear-gradient(#fff, #efefef);\\r\\n background-image: linear-gradient(#fff, #efefef);\\r\\n display:flex;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.table-footer .filter {\\r\\n margin-left: auto;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.table-footer .count-info {\\r\\n margin-right: 0px;\\r\\n color: grey;\\r\\n}\\r\\n\\r\\n.table-footer .filter > div:last-child {\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n.table-footer .filter .filter-method.dropdown.button {\\r\\n padding-left: 0px !important;\\r\\n padding-right: 0px !important;\\r\\n}\\r\\n\\r\\n.table-footer .filter .dropdown .trigger.icon {\\r\\n margin-right: 0px;\\r\\n}\\r\\n\\r\\n.table-footer .filter input {\\r\\n width: 90%;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* Table dropdowns */\\r\\n.table-container-wrapper .dropdown .trigger {\\r\\n line-height: 21px;\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger:hover, .public_fixedDataTableCell_main a:hover {\\r\\n cursor:pointer;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger:hover span, .public_fixedDataTableCell_main a:hover {\\r\\n text-decoration:underline;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger i.angle.icon {\\r\\n margin: 0px;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .icon-caption .icon {\\r\\n width: inherit !important;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\\r\\n padding-left: 22px;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger i {\\r\\n flex-shrink: 0;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger span {\\r\\n flex: 1;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* Table dropdown popup content */\\r\\n.popup.dropdown-content {\\r\\n padding: 5px 15px;\\r\\n}\\r\\n\\r\\n.popup.dropdown-content .ui.dropdown.item {\\r\\n margin: 0px 0px;\\r\\n}\\r\\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,cAAc;AAChB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,YAAY;AACd;;;;AAIA,+BAA+B;;AAE/B;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,gBAAgB;EAChB,YAAY;AACd;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;;AAGA,WAAW;;AAEX;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,wDAAwD;EACxD,gDAAgD;EAChD,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,6BAA6B;AAC/B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;;;AAIA,oBAAoB;AACpB;EACE,iBAAiB;EACjB,aAAa;EACb,uBAAuB;AACzB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,OAAO;AACT;;;;AAIA,iCAAiC;AACjC;EACE,iBAAiB;AACnB;;AAEA;EACE,eAAe;AACjB\",\"sourcesContent\":[\"/* Generic table styles */\\r\\n.virtual-table {\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n.virtual-table .table-container-wrapper {\\r\\n width: 100%;\\r\\n flex: 1 1 auto;\\r\\n\\r\\n /* The table won't shrink properly without this */\\r\\n height: calc(100% - 50px);\\r\\n}\\r\\n\\r\\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\\r\\n cursor:pointer;\\r\\n}\\r\\n\\r\\n.virtual-table .fixedDataTableLayout_main {\\r\\n background-color: rgba(250, 250, 250, 0.8);\\r\\n}\\r\\n\\r\\n.virtual-table .fixedDataTableLayout_main:focus {\\r\\n outline: inherit;\\r\\n}\\r\\n\\r\\n.virtual-table .public_fixedDataTable_header a, .public_fixedDataTableCell_main a {\\r\\n color: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* Common cell content styles */\\r\\n\\r\\n.virtual-table .cell-wrapper {\\r\\n position: relative;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n max-height: 50px;\\r\\n padding: 5px;\\r\\n}\\r\\n\\r\\n.virtual-table .cell-wrapper .plain.cell,\\r\\n.virtual-table .cell-wrapper .empty.dropdown {\\r\\n margin: 0px 3px;\\r\\n}\\r\\n\\r\\n.virtual-table .cell-wrapper .ui.progress .bar {\\r\\n height: 5px;\\r\\n}\\r\\n\\r\\n\\r\\n/* Footer */\\r\\n\\r\\n.table-footer {\\r\\n width: 100%;\\r\\n padding: 5px;\\r\\n background-color: #f6f7f8;\\r\\n background-image: -webkit-linear-gradient(#fff, #efefef);\\r\\n background-image: linear-gradient(#fff, #efefef);\\r\\n display:flex;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.table-footer .filter {\\r\\n margin-left: auto;\\r\\n display: flex;\\r\\n}\\r\\n\\r\\n.table-footer .count-info {\\r\\n margin-right: 0px;\\r\\n color: grey;\\r\\n}\\r\\n\\r\\n.table-footer .filter > div:last-child {\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\n.table-footer .filter .filter-method.dropdown.button {\\r\\n padding-left: 0px !important;\\r\\n padding-right: 0px !important;\\r\\n}\\r\\n\\r\\n.table-footer .filter .dropdown .trigger.icon {\\r\\n margin-right: 0px;\\r\\n}\\r\\n\\r\\n.table-footer .filter input {\\r\\n width: 90%;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* Table dropdowns */\\r\\n.table-container-wrapper .dropdown .trigger {\\r\\n line-height: 21px;\\r\\n display: flex;\\r\\n align-items: flex-start;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger:hover, .public_fixedDataTableCell_main a:hover {\\r\\n cursor:pointer;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger:hover span, .public_fixedDataTableCell_main a:hover {\\r\\n text-decoration:underline;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger i.angle.icon {\\r\\n margin: 0px;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .icon-caption .icon {\\r\\n width: inherit !important;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\\r\\n padding-left: 22px;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger i {\\r\\n flex-shrink: 0;\\r\\n}\\r\\n\\r\\n.table-container-wrapper .dropdown .trigger span {\\r\\n flex: 1;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n/* Table dropdown popup content */\\r\\n.popup.dropdown-content {\\r\\n padding: 5px 15px;\\r\\n}\\r\\n\\r\\n.popup.dropdown-content .ui.dropdown.item {\\r\\n margin: 0px 0px;\\r\\n}\\r\\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 let 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 sort_property: sortProperty,\r\n sort_ascending: sortAscending,\r\n }, viewUrl, this);\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 range_start: rangeStart, \r\n max_count: maxRows,\r\n }, viewUrl, this);\r\n});\r\n\r\nTableActions.pause.listen(function (viewUrl, pause) {\r\n postSettings({ \r\n paused: pause,\r\n }, viewUrl, this);\r\n});\r\n\r\nTableActions.init.listen(function (viewUrl, entityId, filterData) {\r\n if (filterData) {\r\n postSettings({ \r\n source_filter: filterData,\r\n }, viewUrl, this);\r\n }\r\n});\r\n\r\n\r\nexport default TableActions;\r\n","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport 'fomantic-ui-css/components/flag.min.css';\r\n\r\nimport * as API from 'types/api';\r\n\r\n\r\nexport interface FormattedIpProps {\r\n item: API.IP;\r\n}\r\n\r\nconst FormattedIp: React.FC<FormattedIpProps> = ({ item }) => (\r\n <div className=\"ip flag\">\r\n <i className={ 'ui flag ' + item.country.toLowerCase() }/>\r\n { item.str }\r\n </div>\r\n);\r\n\r\n/*FormattedIp.propTypes = {\r\n item: PropTypes.object.isRequired,\r\n};*/\r\n\r\nexport default FormattedIp;","import * as React from 'react';\r\n\r\nimport { TableActionMenu, TableDownloadMenu, TableActionMenuProps, TableDownloadMenuProps } from 'components/menu';\r\nimport { \r\n formatDecimal, formatAbbreviatedDuration, formatConnection, formatDateTime, \r\n formatShortDate, formatSize, formatSpeed, 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\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\">\r\n { getCellContent(cellData) }\r\n </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 }>\r\n { label }\r\n </a>\r\n </Cell>\r\n);\r\n\r\nexport interface ActionCellProps<CellDataT, ItemDataT extends UI.ActionItemDataValueType> extends \r\n Omit<RowWrapperCellChildProps<CellDataT, ItemDataT>, 't'>, \r\n Omit<TableActionMenuProps<ItemDataT>, 'caption' | 'itemData'> {\r\n\r\n}\r\n\r\ninterface FileItemBase {\r\n type: API.FileItemType;\r\n}\r\n\r\nexport const FileActionCell = <CellDataT, ItemDataT extends UI.ActionItemDataValueType & FileItemBase>(\r\n { cellData, rowDataGetter, ...props }: ActionCellProps<CellDataT, ItemDataT>\r\n) => (\r\n <TableActionMenu \r\n caption={ \r\n <FormattedFile \r\n typeInfo={ rowDataGetter!().type }\r\n caption={ cellData }\r\n />\r\n }\r\n itemData={ rowDataGetter! }\r\n { ...props }\r\n />\r\n);\r\n\r\nexport const ActionMenuCell = <CellDataT, ItemDataT extends UI.ActionItemDataValueType>(\r\n { cellData, rowDataGetter, ...props }: ActionCellProps<CellDataT, ItemDataT>\r\n) => (\r\n <TableActionMenu\r\n caption={ cellData }\r\n itemData={ rowDataGetter! }\r\n { ...props }\r\n />\r\n);\r\n\r\nexport interface ActionLinkCellProps<CellDataT, ItemDataT extends UI.ActionItemDataValueType> \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 actions: UI.ModuleActions<ItemDataT>;\r\n actionId: string;\r\n}\r\n\r\nexport const ActionLinkCell = <CellDataT, ItemDataT extends UI.ActionItemDataValueType>(\r\n { \r\n cellData, \r\n rowDataGetter, \r\n //location, \r\n //onClickAction, action,\r\n actions, actionId,\r\n ...props\r\n }: ActionLinkCellProps<CellDataT, ItemDataT> /*& ActionHandlerDecoratorChildProps*/\r\n) => {\r\n const action = actions.actions[actionId]!;\r\n if (!showAction(action, rowDataGetter!())) {\r\n return (\r\n <TextCell \r\n cellData={ cellData }\r\n { ...props }\r\n />\r\n );\r\n }\r\n\r\n return (\r\n <ActionHandlerDecorator<ItemDataT>>\r\n { ({ onClickAction }) => (\r\n <a \r\n className=\"plain link cell\" \r\n onClick={ () => onClickAction({\r\n actionId,\r\n action,\r\n moduleId: actions.moduleId,\r\n itemData: rowDataGetter!(),\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\">\r\n { formatSize(cellData!, t!) }\r\n </span>\r\n);\r\n\r\nexport const SpeedCell: React.FC<NumberCellProps> = ({ cellData, t }) => (\r\n <span className=\"plain speed cell\">\r\n { formatSpeed(cellData!, t!) }\r\n </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\">\r\n { formatRelativeTime(cellData!) }\r\n </span>\r\n);\r\n\r\nexport const AbbreviatedDurationCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n <span className=\"plain abbr-duration cell\">\r\n { formatAbbreviatedDuration(cellData!) }\r\n </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\">\r\n { formatConnection(cellData!, t!) }\r\n </span>\r\n);\r\n\r\nexport const DecimalCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n <span className=\"plain decimal cell\">\r\n { formatDecimal(cellData!) }\r\n </span>\r\n);\r\n\r\nexport type FileDownloadCellClickHandler = (cellData: any, rowDataGetter: () => any) => (() => void) | undefined;\r\n\r\nexport interface FileDownloadCellProps<CellDataT, ItemDataT extends UI.DownloadableItemInfo> \r\n extends RowWrapperCellChildProps<CellDataT, ItemDataT>, \r\n Omit<TableDownloadMenuProps<ItemDataT>, 'user' | 'itemInfoGetter' | 'caption'> {\r\n\r\n userGetter: (rowData: ItemDataT) => UI.DownloadSource;\r\n clickHandlerGetter?: FileDownloadCellClickHandler;\r\n}\r\n\r\nexport const FileDownloadCell = <CellDataT, ItemDataT extends UI.DownloadableItemInfo & FileItemBase>(\r\n { cellData, rowDataGetter, clickHandlerGetter, \r\n userGetter, downloadHandler, ...props \r\n }: FileDownloadCellProps<CellDataT, ItemDataT>\r\n) => (\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 />\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// tslint:disable-next-line:max-line-length\r\nexport interface CheckboxCellProps extends \r\n Omit<RowWrapperCellChildProps<boolean, any>, 'onChange'>, \r\n Omit<CheckboxProps, 'onChange' | 'checked'> {\r\n \r\n onChange: (checked: boolean, rowData: any) => void;\r\n}\r\n\r\nexport const CheckboxCell: React.FC<CheckboxCellProps> = ({ cellData, rowDataGetter, onChange, ...props }) => (\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};*/","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, { TableFilterDecoratorChildProps } from 'decorators/TableFilterDecorator';\r\n\r\nimport { FilterMethod } from 'types/api';\r\nimport { useMobileLayout } from 'utils/BrowserUtils';\r\nimport { TFunction } from 'i18next';\r\nimport { translate } from 'utils/TranslationUtils';\r\nimport { Translation } from 'react-i18next';\r\n\r\n\r\nconst getFilterMethodCaption = (method: FilterMethod) => {\r\n switch (method) {\r\n case FilterMethod.REGEX: return 'Regex';\r\n case FilterMethod.WILDCARD: return 'Wildcard';\r\n case FilterMethod.EXACT: return 'Exact';\r\n default: return 'Partial';\r\n }\r\n};\r\n\r\nconst filterMethodToString = (method: FilterMethod, t: TFunction) => {\r\n const methodTitle = getFilterMethodCaption(method);\r\n return translate(methodTitle, t, 'table.filter');\r\n};\r\n\r\nconst getPlaceholder = (method: FilterMethod, t: TFunction) => {\r\n let ret = t('table.filter.filter', 'Filter');\r\n if (method !== 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<TextFilterProps & TableFilterDecoratorChildProps> {\r\n state = { \r\n value: '',\r\n method: 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 () => {\r\n this.onFilterUpdated();\r\n }, \r\n 200\r\n );\r\n }\r\n\r\n onMethodChanged = (method: 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: FilterMethod, t: TFunction) => {\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 \r\n className=\"ui action input\" \r\n >\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(FilterMethod)\r\n .filter(key => isNaN(Number(key)))\r\n .map(key => this.getFilterMethod(FilterMethod[key], t)) }\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);","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport TextFilter, { TextFilterProps } from './TextFilter';\r\nimport Icon from 'components/semantic/Icon';\r\nimport IconConstants from 'constants/IconConstants';\r\nimport { TableFilterDecoratorProps } from 'decorators/TableFilterDecorator';\r\n\r\n\r\nconst CountInfo: React.FC<{ store: any }> = ({ store }) => {\r\n if (store.totalCount < 0) {\r\n // Not initialized yet\r\n return null;\r\n }\r\n\r\n let ret = store.totalCount;\r\n if (store.totalCount !== store.rowCount) {\r\n ret = store.rowCount + '/' + store.totalCount;\r\n }\r\n\r\n return (\r\n <div className=\"count-info\">\r\n <Icon icon={ IconConstants.FILTER }/>\r\n { ret }\r\n </div>\r\n );\r\n};\r\n\r\nexport type CustomTableFilter = React.ComponentType<TableFilterDecoratorProps>;\r\n\r\nexport interface TableFooterProps {\r\n footerData?: React.ReactNode;\r\n customFilter?: CustomTableFilter;\r\n store: any;\r\n textFilterProps?: TextFilterProps;\r\n // viewId?: string | number;\r\n}\r\n\r\nconst TableFooter: React.FC<TableFooterProps> = (\r\n { store, customFilter: CustomFilter, footerData, textFilterProps }\r\n) => (\r\n <div className=\"table-footer\">\r\n { footerData }\r\n <div className=\"filter item\">\r\n { !CustomFilter ? null : (\r\n <CustomFilter\r\n viewUrl={ store.viewUrl }\r\n />\r\n ) }\r\n <TextFilter \r\n viewUrl={ store.viewUrl }\r\n //viewId={ viewId }\r\n { ...textFilterProps }\r\n />\r\n <CountInfo store={ store }/>\r\n </div>\r\n </div>\r\n);\r\n\r\n/*TableFooter.propTypes = {\r\n customFilter: PropTypes.node,\r\n footerData: PropTypes.node,\r\n store: PropTypes.object.isRequired,\r\n};*/\r\n\r\nexport default TableFooter;","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 { TFunction } from 'i18next';\r\n\r\n\r\nexport interface RowWrapperCellChildProps<\r\n CellDataT, \r\n RowDataT extends UI.ActionItemDataValueType\r\n> extends CellProps {\r\n cellData?: CellDataT;\r\n rowDataGetter?: () => RowDataT;\r\n rowData?: RowDataT;\r\n t?: TFunction;\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: TFunction;\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 nextState.rowData !== this.state.rowData || \r\n nextProps.width !== this.props.width;\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 } = 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 let className = columnKey;\r\n if (!!rowClassNameGetter) {\r\n className += ' ' + rowClassNameGetter(rowData);\r\n }\r\n\r\n return (\r\n <div className={ 'cell-wrapper ' + 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;","import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport { TFunction } from 'i18next';\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\n\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 interface TableContainerProps {\r\n entityId?: API.IdType;\r\n rowClassNameGetter?: (rowData: any) => string;\r\n store: any;\r\n dataLoader: any;\r\n t: TFunction;\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: object;\r\n}\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: TFunction\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 /**\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 \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 };\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 (prevProps.entityId !== this.props.entityId || prevProps.viewId !== this.props.viewId) {\r\n if (this.props.store.DEBUG) {\r\n console.log(`Enabling initial scroll, entity/viewId changed (view ${this.props.viewId})`);\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 // tslint:disable-next-line:max-line-length\r\n console.log(`Settings changed, start: ${startRows}, end: ${maxRows}, height: ${height}`, store.viewName);\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(({ columnWidths }) => ({\r\n columnWidths: {\r\n ...columnWidths,\r\n [columnKey]: newColumnWidth,\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, 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: (\t\t\t\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 ? contentRect.entry : 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 { store, viewId } = this.props;\r\n return (\r\n <Measure \r\n bounds={ true }\r\n onResize={ this.onResizeView }\r\n >\r\n { ({ measureRef }) => (\r\n <div \r\n ref={ measureRef } \r\n className=\"table-container-wrapper\"\r\n >\r\n <Table\r\n width={ this.state.width }\r\n height={ this.state.height } \r\n\r\n rowHeight={ 50 }\r\n rowsCount={ store.rowCount }\r\n headerHeight={ 50 }\r\n isColumnResizing={ false }\r\n onColumnResizeEndCallback={ this.onColumnResizeEndCallback }\r\n\r\n touchScrollEnabled={ true }\r\n\r\n onScrollStart={ this.onScrollStart }\r\n onScrollEnd={ this.onScrollEnd }\r\n scrollTop={ this.setInitialScrollRow ? store.getScrollData(viewId) : undefined }\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;","\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;\n\n options.insert = insertFn.bind(null, \"head\");\n \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\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 interface VirtualTableProps extends \r\n Omit<TableFooterProps, 't'>, \r\n Omit<TableContainerProps, 'store' | 'dataLoader' | 't'> {\r\n \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.node,\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(this.dataLoader.onItemsUpdated.bind(this.dataLoader));\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 { store, footerData, emptyRowsNodeGetter, customFilter, textFilterProps, ...other } = 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 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\nconst DEBUG = false;\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 }\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 (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 (DEBUG) {\r\n console.log('onItemsUpdated, changed (updatedCount, rangeOffset)', updatedCount, rangeOffset);\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\t\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\t\t\t\r\n return false;\r\n }\r\n\r\n onDataLoaded(rowData);\r\n return true;\r\n }\r\n\r\n removePendingRequests(rowIndex, onDataLoaded) {\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 (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;","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport DataProviderDecorator, { DataProviderDecoratorChildProps } 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\n\r\ninterface FilterType {\r\n id: number;\r\n}\r\n\r\nexport interface TableFilterDecoratorProps {\r\n viewUrl: string;\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, method?: API.FilterMethod) => void;\r\n}\r\n\r\nexport default function <PropsT>(\r\n Component: React.ComponentType<PropsT & TableFilterDecoratorChildProps>, \r\n propertyName: string = 'any'\r\n) {\r\n type Props = PropsT & TableFilterDecoratorProps & DataProviderDecoratorChildProps & TableFilterDecoratorDataProps;\r\n class TableFilterDecorator extends React.PureComponent<Props> {\r\n //static propTypes = {\r\n // viewUrl: PropTypes.string.isRequired,\r\n // filter: PropTypes.object.isRequired,\r\n //};\r\n\r\n onFilterUpdated = (pattern: string, method: API.FilterMethod = API.FilterMethod.PARTIAL) => {\r\n const data = {\r\n pattern,\r\n method,\r\n property: propertyName,\r\n } as API.TableFilter;\r\n\r\n const { viewUrl, filter } = this.props;\r\n SocketService.put(viewUrl + '/filter/' + filter.id, data)\r\n .catch((error: ErrorResponse) => console.error('Failed to add table filter'));\r\n }\r\n\r\n render() {\r\n return (\r\n <Component \r\n { ...this.props } \r\n onFilterUpdated={ this.onFilterUpdated }\r\n />\r\n );\r\n }\r\n }\r\n\r\n return DataProviderDecorator<PropsT & TableFilterDecoratorProps, TableFilterDecoratorDataProps>(\r\n TableFilterDecorator, \r\n {\r\n urls: {\r\n filter: ({ viewUrl }, socket) => socket.post(`${viewUrl}/filter`),\r\n },\r\n loaderText: null,\r\n }\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\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 const DEBUG = false;\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\r\n onClose(viewUrl) {\r\n if (viewUrl !== this.viewUrl) {\r\n return;\r\n }\r\n\r\n if (this.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 (this.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(this._viewName, this._handleUpdate, entityId);\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 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 (this.DEBUG) {\r\n console.log(`Setting scroll position ${data} for view ${this.viewUrl} (view ID ${viewId})`);\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 (this.DEBUG) {\r\n console.log(`Getting scroll position ${scrollPosition} for view ${this.viewUrl} (view ID ${viewId})`);\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","asyncResult","postSettings","settings","viewUrl","action","then","data","completed","catch","error","failed","close","listen","sessionExists","that","this","Promise","resolve","setSort","sortProperty","sortAscending","sort_property","sort_ascending","setRange","rangeStart","maxRows","console","assert","range_start","max_count","pause","paused","init","entityId","filterData","source_filter","item","className","country","toLowerCase","str","getCellContent","cellData","Array","isArray","length","TextCell","HeaderCell","onClick","label","columnKey","props","Cell","FileActionCell","rowDataGetter","caption","typeInfo","type","itemData","ActionMenuCell","ActionLinkCell","actions","actionId","onClickAction","moduleId","SizeCell","t","SpeedCell","DurationCell","AbbreviatedDurationCell","IpCell","ConnectionCell","DecimalCell","FileDownloadCell","clickHandlerGetter","userGetter","downloadHandler","user","linkCaption","itemInfoGetter","CheckboxCell","onChange","checked","filterMethodToString","method","methodTitle","getFilterMethodCaption","getPlaceholder","ret","TextFilter","state","value","onFilterUpdated","onTextChanged","event","setState","target","clearTimeout","timer","window","setTimeout","onMethodChanged","input","focus","getFilterMethod","isCurrent","MenuItemLink","active","componentWillUnmount","render","autoFocus","Translation","ref","c","placeholder","SectionedDropdown","button","direction","MenuSection","Object","keys","filter","key","isNaN","Number","map","defaultProps","TableFilterDecorator","CountInfo","store","totalCount","rowCount","Icon","icon","IconConstants","customFilter","CustomFilter","footerData","textFilterProps","RowWrapperCell","rowData","loadData","rowIndex","dataLoader","updateRowData","onDataLoaded","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","removePendingRequests","shouldComponentUpdate","nextState","width","children","renderCondition","rowClassNameGetter","other","propTypes","formatColumnName","column","name","displayName","sortDirArrow","TableContainer","height","columnWidths","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","undefined","header","bind","isResizable","allowCellsRecycling","onResizeView","contentRect","bounds","entry","componentDidUpdate","prevProps","prevState","onResize","measureRef","Table","rowHeight","rowsCount","headerHeight","isColumnResizing","touchScrollEnabled","scrollTop","getScrollData","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","VirtualTable","constructor","onDataLoad","_onDataLoad","_store","_data","_pendingRequest","_initialDataReceived","clear","updateItem","updated","index","old","$merge","$set","onItemsUpdated","items","rangeOffset","hasChanges","i","reduce","_rangeOffset","getRowData","_queueRequestFor","rowBase","request","endRow","min","SocketService","onRowsReceived","start","rows","forEach","f","forceUpdate","unsubscribe","moduleExists","sessionStore","getSession","sourceFilter","emptyRowsNodeGetter","Component","propertyName","pattern","property","urls","socket","post","loaderText","defaultSortProperty","defaultSortAscending","matchingCount","startPos","listenables","onClose","_removeMessageListener","trigger","onClear","onPause","enabled","onInit","entity","addMessageListener","onSetSort","ascending","_viewName","_handleUpdate","_apiUrl","_sessionStore","scroll","itemsObj","total_items","matching_items","newViewItems","rawItem","viewItem","find","properties","assign","parseDataProperties","range_offset"],"sourceRoot":""}