airdcpp-webui 2.13.1-beta.5 → 2.13.1-beta.6

package/.github/workflows/node.js.yml

@@ -27,6 +27,9 @@ jobs:
           cache: 'npm'
       - run: npm ci
       - run: npm run build --if-present
-      - run: npm test
-      - name: Upload coverage reports to Codecov with GitHub Action
-        uses: codecov/codecov-action@v3
+      - run: npx jest --coverage
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v5
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          slug: airdcpp-web/airdcpp-webui

package/dist/index.html

@@ -16,7 +16,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.5cc831364015947803df.entry.js";
+			script.src = getBasePath() + "js/main.f73ffe66c640349513f6.entry.js";
 			document.body.appendChild(script);
 		}
 

package/dist/js/223.4d5951376f9fbb57d571.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[223],{56796:(t,e,n)=>{n.d(e,{A:()=>s});var i=n(71354),r=n.n(i),o=n(76314),a=n.n(o)()(r());a.push([t.id,"/* Generic table styles */\n.virtual-table {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n  width: 100%;\n  flex: 1 1 auto;\n\n  /* The table won't shrink properly without this */\n  height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n  cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n  background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n  outline: inherit;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  max-height: 50px;\n  padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n  margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n  height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n  width: 100%;\n  padding: 5px;\n  background-color: #f6f7f8;\n  background-image: -webkit-linear-gradient(#fff, #efefef);\n  background-image: linear-gradient(#fff, #efefef);\n  display: flex;\n  align-items: center;\n}\n\n.table-footer > .filter {\n  margin-left: auto;\n  display: flex;\n}\n\n.table-footer > .filter > .count-info {\n  margin-right: 0px;\n  opacity: 0.6;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n  margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n  margin-right: 0px;\n}\n\n.table-footer > .filter input {\n  width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n  max-width: 100%;\n\n  line-height: 21px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n  max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n  overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n  cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n  text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n  margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n  width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n  padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n  flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n  padding: 5px 15px;\n  overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n  margin: 0px 0px;\n}\n\n.virtual-table .public_fixedDataTable_header .button.link,\n.public_fixedDataTableCell_main .button.link {\n  color: black;\n}\n","",{version:3,sources:["webpack://./src/components/table/style.css"],names:[],mappings:"AAAA,yBAAyB;AACzB;EACE,YAAY;EACZ,WAAW;EACX,aAAa;EACb,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,cAAc;;EAEd,iDAAiD;EACjD,yBAAyB;AAC3B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA,+BAA+B;;AAE/B;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,gBAAgB;EAChB,YAAY;AACd;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA,WAAW;;AAEX;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,wDAAwD;EACxD,gDAAgD;EAChD,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,6BAA6B;AAC/B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;AAEA,oBAAoB;AACpB;EACE,eAAe;;EAEf,iBAAiB;EACjB,aAAa;EACb,uBAAuB;AACzB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;;EAEE,0BAA0B;AAC5B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA,iCAAiC;AACjC;EACE,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB;;AAEA;;EAEE,YAAY;AACd",sourcesContent:["/* Generic table styles */\n.virtual-table {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n  width: 100%;\n  flex: 1 1 auto;\n\n  /* The table won't shrink properly without this */\n  height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n  cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n  background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n  outline: inherit;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  max-height: 50px;\n  padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n  margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n  height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n  width: 100%;\n  padding: 5px;\n  background-color: #f6f7f8;\n  background-image: -webkit-linear-gradient(#fff, #efefef);\n  background-image: linear-gradient(#fff, #efefef);\n  display: flex;\n  align-items: center;\n}\n\n.table-footer > .filter {\n  margin-left: auto;\n  display: flex;\n}\n\n.table-footer > .filter > .count-info {\n  margin-right: 0px;\n  opacity: 0.6;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n  margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n  margin-right: 0px;\n}\n\n.table-footer > .filter input {\n  width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n  max-width: 100%;\n\n  line-height: 21px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n  max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n  overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n  cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n  text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n  margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n  width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n  padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n  flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n  padding: 5px 15px;\n  overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n  margin: 0px 0px;\n}\n\n.virtual-table .public_fixedDataTable_header .button.link,\n.public_fixedDataTableCell_main .button.link {\n  color: black;\n}\n"],sourceRoot:""}]);const s=a},15992:(t,e,n)=>{n.d(e,{A:()=>c});var i=n(22005),r=n.n(i),o=n(32811),a=n(50753);const s=r().createActions([{setRange:{asyncResult:!0}},{setSort:{asyncResult:!0}},{close:{asyncResult:!0}},{pause:{asyncResult:!0}},{init:{asyncResult:!0}},"clear"]),l=(t,e,n)=>o.A.post(e+"/settings",t).then((t=>n.completed(e,t))).catch((t=>n.failed(e,t)));s.close.listen((function(t,e){if(e&&a.A.socketAuthenticated){const e=this;return o.A.delete(t).then((n=>e.completed(t,n))).catch((e=>this.failed(t,e)))}return Promise.resolve()})),s.setSort.listen((function(t,e,n){l({sort_property:e,sort_ascending:n},t,this)})),s.setRange.listen((function(t,e,n){console.assert(n>0,"Invalid max rows"),l({range_start:e,max_count:n},t,this)})),s.pause.listen((function(t,e){l({paused:e},t,this)})),s.init.listen((function(t,e,n){n&&l({source_filter:n},t,this)}));const c=s},54895:(t,e,n)=>{n.d(e,{A:()=>a});var i=n(74848),r=(n(96540),n(73624),n(46942)),o=n.n(r);const a=({item:t})=>(0,i.jsxs)("div",{className:"ip flag",children:[(0,i.jsx)("i",{className:o()("ui flag",t.country.toLowerCase())}),t.str]})},44247:(t,e,n)=>{n.d(e,{A3:()=>f,AJ:()=>U,BH:()=>R,In:()=>B,Jo:()=>y,Jy:()=>_,K:()=>v,V9:()=>C,WQ:()=>D,kF:()=>E,mz:()=>m,qG:()=>j,tC:()=>b,us:()=>x});var i=n(74848),r=(n(96540),n(71352)),o=n(74416),a=n(39798),s=n(54895),l=n(73616),c=n(36076),d=n(68465),p=n(17911),h=n(28286),A=n(98573),u=n(50489),g=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n};const w=t=>"object"==typeof t?Array.isArray(t)?t.length:t.str:0===t?null:t,m=({cellData:t})=>(0,i.jsx)("span",{className:"plain text cell",children:w(t)}),f=t=>{var{onClick:e,label:n,columnKey:r}=t,o=g(t,["onClick","label","columnKey"]);return(0,i.jsx)(d.fh,Object.assign({},o,{children:(0,i.jsx)(u.A,{onClick:e,caption:n})}))},b=t=>{var{cellData:e,rowDataGetter:n,children:o}=t,s=g(t,["cellData","rowDataGetter","children"]);return(0,i.jsx)(r.yj,Object.assign({caption:(0,i.jsx)(a.A,{typeInfo:n().type,caption:e,className:"icon-caption"}),itemData:n},s))},v=t=>{var{cellData:e,rowDataGetter:n}=t,o=g(t,["cellData","rowDataGetter"]);return(0,i.jsx)(r.yj,Object.assign({caption:e,itemData:n},o))},C=t=>{var{cellData:e,rowDataGetter:n,action:r,moduleData:o,entity:a}=t,s=g(t,["cellData","rowDataGetter","action","moduleData","entity"]);const l=(0,h.w)();return(0,c.il)(r,n(),l)?(0,i.jsx)(p.M,{children:({onClickAction:t})=>(0,i.jsx)(u.A,{className:"plain link cell",onClick:()=>t({action:r,moduleData:o,itemData:n(),entity:a}),caption:w(e)})}):(0,i.jsx)(m,Object.assign({cellData:e},s))},x=({cellData:t})=>{const{formatSize:e}=(0,o.k)();return(0,i.jsx)("span",{className:"plain size cell",children:e(t)})},E=({cellData:t})=>{const{formatSpeed:e}=(0,o.k)();return(0,i.jsx)("span",{className:"plain speed cell",children:e(t)})},y=({cellData:t})=>{const{formatRelativeTime:e}=(0,o.k)();return(0,i.jsx)("span",{className:"plain duration cell",children:e(t)})},D=({cellData:t})=>{const{formatAbbreviatedDuration:e}=(0,o.k)();return(0,i.jsx)("span",{className:"plain abbr-duration cell",children:e(t)})},B=({cellData:t})=>(0,i.jsx)(s.A,{item:t}),_=({cellData:t})=>{const{formatConnection:e}=(0,o.k)();return(0,i.jsx)("span",{className:"plain connection cell",children:e(t)})},j=({cellData:t})=>(0,i.jsx)("span",{className:"plain decimal cell",children:(0,A.zJ)(t)}),R=t=>{var{cellData:e,rowDataGetter:n,clickHandlerGetter:o,userGetter:s,downloadHandler:l}=t,c=g(t,["cellData","rowDataGetter","clickHandlerGetter","userGetter","downloadHandler"]);return(0,i.jsx)(r.Gw,Object.assign({caption:(0,i.jsx)(a.A,{typeInfo:n().type,onClick:o?o(e,n):null,caption:e,className:"icon-caption"}),user:s(n()),linkCaption:!o,itemInfoGetter:n,downloadHandler:l},c))},U=t=>{var{cellData:e,rowDataGetter:n,onChange:r}=t,o=g(t,["cellData","rowDataGetter","onChange"]);return(0,i.jsx)(l.A,Object.assign({checked:e,onChange:t=>r(t,n())},o))}},22373:(t,e,n)=>{n.d(e,{A:()=>et});var i=n(74848),r=n(96540),o=n(15992),a=n(31104),s=n(19247),l=n(27725),c=n(36995),d=n(86038),p=n(8098),h=n(42695),A=n(32389),u=n(39269);const g=(t,e)=>{const n=(t=>{switch(t){case d.Od.REGEX:return"Regex";case d.Od.WILDCARD:return"Wildcard";case d.Od.EXACT:return"Exact";default:return"Partial"}})(t);return(0,h.Tl)(n,e,"table.filter")},w=(t,e)=>{let n=e("table.filter.filter","Filter");return t!==d.Od.PARTIAL&&(n+=` (${g(t,e).toLowerCase()})`),n+"..."};class m extends r.PureComponent{constructor(){super(...arguments),this.state={value:"",method:d.Od.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 n=t===this.state.method;return(0,i.jsx)(l.A,{onClick:()=>this.onMethodChanged(t),active:n,children:g(t,e)},t)}}componentWillUnmount(){clearTimeout(this.timer)}render(){const{value:t,method:e}=this.state,{autoFocus:n}=this.props;return(0,i.jsx)(A.wD,{children:r=>(0,i.jsx)("div",{className:"text-filter",children:(0,i.jsx)(u.A,{ref:t=>this.input=t,placeholder:w(e,r),onChange:this.onTextChanged,value:t,type:"text",autoFocus:!(0,p.vU)()&&n,children:(0,i.jsx)(a.A,{className:"filter-method right top pointing",button:!0,direction:"upward",children:(0,i.jsx)(s.A,{caption:(0,h.Tl)("Match type",r,"table.filter"),children:Object.keys(d.Od).filter((t=>isNaN(Number(t)))).map((t=>this.getFilterMethod(d.Od[t],r)))})})})})})}}m.defaultProps={autoFocus:!0};const f=(0,c.A)(m);var b=n(83994),v=n(4425);const C=({store:t})=>{if(t.totalCount<0)return null;let e=t.totalCount;return t.totalCount!==t.rowCount&&(e=t.rowCount+"/"+t.totalCount),(0,i.jsxs)("div",{className:"count-info",children:[(0,i.jsx)(b.A,{icon:v.A.FILTER}),e]})},x=({store:t,customFilter:e,footerData:n,textFilterProps:r})=>(0,i.jsxs)("div",{className:"table-footer",children:[n,(0,i.jsxs)("div",{className:"filter item",children:[e?(0,i.jsx)(e,{store:t}):null,(0,i.jsx)(f,Object.assign({store:t},r)),(0,i.jsx)(C,{store:t})]})]});var E=n(68465),y=n(76779),D=n(46942),B=n.n(D);class _ extends r.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:n,renderCondition:o,rowClassNameGetter:a}=t,s=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n}(t,["columnKey","children","renderCondition","rowClassNameGetter"]),{rowData:l}=this.state;if(!l)return null;if(o&&!o(l[e],l))return null;const c=B()("cell-wrapper",e,a?a(l):void 0);return(0,i.jsx)("div",{className:c,children:r.cloneElement(n,Object.assign({cellData:l[e],rowDataGetter:this.rowDataGetter},s))})}}const j=_;var R=n(44247),U=n(67749);const k=(t,e,n,i)=>{const{name:r,columnKey:o}=t.props;let a=i((0,h._F)(o,[...(0,h.$r)(n),U.l.TABLE]),r);{const t=e.sortAscending?" ↑":" ↓";a+=e.sortProperty===o?t:""}return a};class S extends r.Component{constructor(){super(...arguments),this.state={width:0,height:0,columnWidths:{},isColumnResizing:void 0},this.getInitialProps=()=>({rowClassNameGetter:null,entityId:null}),this.scrollPosition=0,this.setInitialScrollRow=!0,this.updateRowRange=()=>{const{store:t}=this.props,{height:e}=this.state,n=(i=this.scrollPosition,Math.max(Math.floor(i/50),0));var i;const r=function(t){return Math.ceil(t/50)}(e);t.DEBUG&&console.log(`Settings changed, start: ${n}, end: ${r}, height: ${e}`,t.viewName),console.assert(t.active,"Posting data for an inactive view"),o.A.setRange(t.viewUrl,n,r)},this.onScrollStart=(t,e)=>{const{store:n}=this.props;n.DEBUG&&console.log(`Scrolling started: ${e}`,n.viewUrl),console.assert(n.active,"Sending pause for an inactive view"),o.A.pause(n.viewUrl,!0)},this.onScrollEnd=(t,e)=>{const{store:n,viewId:i}=this.props;this.scrollPosition=e,console.assert(n.active,"Sending pause for an inactive view"),o.A.pause(n.viewUrl,!1),clearTimeout(this.scrollTimer),this.scrollTimer=window.setTimeout(this.updateRowRange,500),this.setInitialScrollRow&&(this.setInitialScrollRow=!1,n.DEBUG&&console.log(`Disabling initial scroll (view ${i})`)),n.setScrollData(e,i),n.DEBUG&&console.log(`Scrolling ended: ${e}`,n.viewUrl)},this.onColumnClicked=t=>{const{store:e}=this.props;let n=!0;t===e.sortProperty&&e.sortAscending&&(n=!1),o.A.setSort(this.props.store.viewUrl,t,n)},this.onColumnResizeEndCallback=(t,e)=>{this.setState((({columnWidths:n})=>({columnWidths:Object.assign(Object.assign({},n),{[e]:t}),isColumnResizing:!1})),(()=>{this.setState({isColumnResizing:void 0})}))},this.childToColumn=t=>{if(t.props.hideWidth&&t.props.hideWidth>this.state.width)return null;let{flexGrow:e,width:n}=t.props;const{cell:o,columnKey:a,renderCondition:s}=t.props,{store:l,rowClassNameGetter:c,moduleId:d,t:h}=this.props,A=(0,p.vU)();return A||a&&this.state.columnWidths[a]&&(n=this.state.columnWidths[a],e=void 0),r.cloneElement(t,{header:(0,i.jsx)(R.A3,{onClick:this.onColumnClicked.bind(null,a),label:k(t,l,d,h)}),flexGrow:e,width:n,isResizable:!A,allowCellsRecycling:!0,cell:(0,i.jsx)(j,{dataLoader:this.props.dataLoader,renderCondition:s,rowClassNameGetter:c,t:h,children:o||(0,i.jsx)(R.mz,{})})})},this.onResizeView=t=>{if(!t.bounds)return;const{width:e,height:n}=t.entry?t.entry:t.bounds;this.setState({width:e,height:n})}}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=r.Children.map(this.props.children,this.childToColumn),{width:e,height:n,isColumnResizing:o}=this.state,{store:a,viewId:s}=this.props;return(0,i.jsx)(y.A,{bounds:!0,onResize:this.onResizeView,children:({measureRef:r})=>(0,i.jsx)("div",{ref:r,className:"table-container-wrapper",children:(0,i.jsx)(E.XI,{width:e,height:n,rowHeight:50,rowsCount:a.rowCount,headerHeight:50,isColumnResizing:o,onColumnResizeEndCallback:this.onColumnResizeEndCallback,touchScrollEnabled:!0,onScrollStart:this.onScrollStart,onScrollEnd:this.onScrollEnd,scrollTop:this.setInitialScrollRow?a.getScrollData(s):void 0,children:t})})})}}const I=S;var O=n(32811),T=n(46894),G=n.n(T),N=n(2404),P=n.n(N);const L=class{constructor(t,e){this._onDataLoad=e,this._store=t,this._data=[],this._pendingRequest={},this._initialDataReceived=!1,this.DEBUG=t.DEBUG}clear(){this._pendingRequest={},this._data=[]}updateItem(t,e,n){let i=this._data[n];return i===e||P()(this._data[n],e)?t:(this._data[n]=i?G()(i,{$merge:e}):G()(i,{$set:e}),t+1)}onItemsUpdated(t,e=0,n){let i=n<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];const n=t.reduce(this.updateItem.bind(this),0);(n>0||0!==e)&&(this.DEBUG&&console.log("onItemsUpdated, changed (updatedCount, rangeOffset)",n,e),i=!0)}else this.clear(),i=!0,this._initialDataReceived=!1,this.DEBUG&&console.log("onItemsUpdated, cleared");i&&this._onDataLoad()}get rangeOffset(){const t=this._rangeOffset;return this._rangeOffset=0,t}getRowData(t){return this._data[t]}updateRowData(t,e){const n=this._data[t];return n?(e(n),!0):(this._initialDataReceived&&this._queueRequestFor(t,e),!1)}removePendingRequests(t){delete this._pendingRequest[t]}_queueRequestFor(t,e){const n=t-t%10,i=this._pendingRequest[t];if(i)return void i.push(e);if(this._pendingRequest[t]=[e],t!==n){if(this._pendingRequest[n])return;this._pendingRequest[n]=[]}const r=Math.min(n+10,this._store.rowCount);O.A.get(this._store.viewUrl+"/items/"+n+"/"+r).then(this.onRowsReceived.bind(this,n)).catch((t=>{console.error("Failed to load data",t);for(let t=n;t<r;t++)this._pendingRequest[t]&&delete this._pendingRequest[t]}))}onRowsReceived(t,e){if(this._pendingRequest[t])for(let n=0;n<e.length;n++){const i=t+n;P()(this._data[i],e[n])?this.DEBUG&&console.log("onRowsReceived, row data equals",i):(this._data[i]=e[n],this._pendingRequest[i]&&this._pendingRequest[i].forEach((t=>t(e[n])))),delete this._pendingRequest[i]}}};var F=n(85072),W=n.n(F),$=n(97825),q=n.n($),z=n(77659),M=n.n(z),Y=n(55056),H=n.n(Y),K=n(10540),X=n.n(K),J=n(41113),V=n.n(J),Z=n(56796),Q={};Q.styleTagTransform=V(),Q.setAttributes=H(),Q.insert=M().bind(null,"head"),Q.domAPI=q(),Q.insertStyleElement=X(),W()(Z.A,Q),Z.A&&Z.A.locals&&Z.A.locals,n(56141);class tt extends r.PureComponent{constructor(){super(...arguments),this.dataLoader=new L(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:n}=this.props;o.A.init(e.viewUrl,t,n),o.A.setSort(e.viewUrl,e.sortProperty,e.sortAscending)},this.close=t=>{o.A.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&&o.A.pause(t.viewUrl,!1),o.A.clear(t.viewUrl)}}render(){const t=this.props,{store:e,footerData:n,emptyRowsNodeGetter:r,customFilter:o,textFilterProps:a}=t,s=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n}(t,["store","footerData","emptyRowsNodeGetter","customFilter","textFilterProps"]);return r&&-1===e.totalCount?(0,i.jsx)("div",{className:"virtual-table"}):r&&0===e.totalCount?r():(0,i.jsx)("div",{className:"virtual-table",children:(0,i.jsx)(A.wD,{children:t=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(I,Object.assign({},s,{dataLoader:this.dataLoader,store:e,t})),(0,i.jsx)(x,{store:e,customFilter:o,footerData:n,textFilterProps:a})]})})})}}const et=tt},36995:(t,e,n)=>{n.d(e,{A:()=>s});var i=n(74848),r=n(96540),o=n(56484),a=n(86038);function s(t,e="any"){return(0,o.A)((n=>(r.useLayoutEffect((()=>()=>{const{store:t,filter:e,socket:i}=n;t.active&&i.delete(`${t.viewUrl}/filter/${e.id}`).catch((t=>console.error("Failed to delete table filter",t)))}),[]),(0,i.jsx)(t,Object.assign({},n,{onFilterUpdated:(t,i=a.Od.PARTIAL)=>{const r={pattern:t,method:i,property:e},{store:o,filter:s,socket:l}=n;l.put(`${o.viewUrl}/filter/${s.id}`,r).catch((t=>console.error("Failed to add table filter",t)))}})))),{urls:{filter:({store:t},e)=>e.post(`${t.viewUrl}/filter`)},loaderText:null})}},52267:(t,e,n)=>{n.d(e,{A:()=>s});var i=n(32811),r=n(15992),o=n(20311),a=n.n(o);const s=(t,e=!0)=>{let n=!1,o=-1,s=0,l=0,c=[],d=null,p=!1,h=0;let A=t,u=e;const g=()=>{c=[],l=0,s=0,o=-1};return{listenables:r.A,DEBUG:!0,onClose(t){t===this.viewUrl&&(console.log(`Closing view ${this.viewUrl}`),this._removeMessageListener(),g(),n=!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&&(a()(!n,"Trying start an active table view"),d=e,this.addMessageListener(),console.log(`Starting view ${this.viewUrl}`),n=!0)},onSetSort(t,e,n){t===this.viewUrl&&(A=e,u=n)},addMessageListener(){this._removeMessageListener=i.A.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 this._viewName},get rowCount(){return s},get totalCount(){return o},get active(){return n},get sortProperty(){return A},get sortAscending(){return u},get paused(){return p},setScrollData(t,e){this._sessionStore?this._sessionStore.scroll.setScrollData(t,d,e):(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):(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&&(o=t.total_items),null!=t.matching_items&&(s=t.matching_items),null!=t.items&&(e=t.items,c=e.reduce(((t,e,n)=>{let i=(r=e.id,c.find((t=>!!t&&t.id===r))||{id:e.id});var r;return e.properties?i=Object.assign({},i,e.properties):1===Object.keys(i).length&&console.error("No properties were sent for a new view item",i.id),t[l+n]=i,t}),[]))})(t),this.trigger(c,t.range_offset,s)}}}}}]);
+//# sourceMappingURL=223.4d5951376f9fbb57d571.chunk.js.map

package/dist/js/223.4d5951376f9fbb57d571.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"js/223.4d5951376f9fbb57d571.chunk.js","mappings":"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","sources":["webpack://airdcpp-webui/./src/components/table/style.css","webpack://airdcpp-webui/./src/actions/TableActions.js","webpack://airdcpp-webui/./src/components/format/FormattedIp.tsx","webpack://airdcpp-webui/./src/components/table/Cell.tsx","webpack://airdcpp-webui/./src/components/table/TextFilter.tsx","webpack://airdcpp-webui/./src/components/table/TableFooter.tsx","webpack://airdcpp-webui/./src/components/table/RowWrapperCell.tsx","webpack://airdcpp-webui/./src/components/table/TableContainer.tsx","webpack://airdcpp-webui/./src/components/table/RowDataLoader.js","webpack://airdcpp-webui/./src/components/table/style.css?53ed","webpack://airdcpp-webui/./src/components/table/VirtualTable.tsx","webpack://airdcpp-webui/./src/decorators/TableFilterDecorator.tsx","webpack://airdcpp-webui/./src/mixins/ViewStoreMixin.js"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `/* Generic table styles */\n.virtual-table {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.virtual-table .table-container-wrapper {\n  width: 100%;\n  flex: 1 1 auto;\n\n  /* The table won't shrink properly without this */\n  height: calc(100% - 50px);\n}\n\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\n  cursor: pointer;\n}\n\n.virtual-table .fixedDataTableLayout_main {\n  background-color: rgba(250, 250, 250, 0.8);\n}\n\n.virtual-table .fixedDataTableLayout_main:focus {\n  outline: inherit;\n}\n\n/* Common cell content styles */\n\n.virtual-table .cell-wrapper {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  max-height: 50px;\n  padding: 5px;\n}\n\n.virtual-table .cell-wrapper .plain.cell,\n.virtual-table .cell-wrapper .empty.dropdown {\n  margin: 0px 3px;\n}\n\n.virtual-table .cell-wrapper .ui.progress .bar {\n  height: 5px;\n}\n\n/* Footer */\n\n.table-footer {\n  width: 100%;\n  padding: 5px;\n  background-color: #f6f7f8;\n  background-image: -webkit-linear-gradient(#fff, #efefef);\n  background-image: linear-gradient(#fff, #efefef);\n  display: flex;\n  align-items: center;\n}\n\n.table-footer > .filter {\n  margin-left: auto;\n  display: flex;\n}\n\n.table-footer > .filter > .count-info {\n  margin-right: 0px;\n  opacity: 0.6;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.table-footer > .filter > div:last-child {\n  margin-left: 10px;\n}\n\n.table-footer > .filter .filter-method.dropdown.button {\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n\n.table-footer > .filter .dropdown .trigger.icon {\n  margin-right: 0px;\n}\n\n.table-footer > .filter input {\n  width: 90%;\n}\n\n/* Table dropdowns */\n.table-container-wrapper .dropdown > .popup.trigger {\n  max-width: 100%;\n\n  line-height: 21px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption {\n  max-width: calc(100% - 20px);\n}\n\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\n  overflow: hidden;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover,\n.public_fixedDataTableCell_main a:hover {\n  cursor: pointer;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\n.public_fixedDataTableCell_main a:hover {\n  text-decoration: underline;\n}\n\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\n  margin: 0px;\n}\n\n.table-container-wrapper .dropdown .icon-caption .icon {\n  width: inherit !important;\n}\n\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\n  padding-left: 22px;\n}\n\n.table-container-wrapper .dropdown .trigger i {\n  flex-shrink: 0;\n}\n\n/* Table dropdown popup content */\n.popup.dropdown-content {\n  padding: 5px 15px;\n  overflow: hidden;\n}\n\n.popup.dropdown-content .ui.dropdown.item {\n  margin: 0px 0px;\n}\n\n.virtual-table .public_fixedDataTable_header .button.link,\n.public_fixedDataTableCell_main .button.link {\n  color: black;\n}\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/table/style.css\"],\"names\":[],\"mappings\":\"AAAA,yBAAyB;AACzB;EACE,YAAY;EACZ,WAAW;EACX,aAAa;EACb,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,cAAc;;EAEd,iDAAiD;EACjD,yBAAyB;AAC3B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA,+BAA+B;;AAE/B;EACE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,gBAAgB;EAChB,YAAY;AACd;;AAEA;;EAEE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA,WAAW;;AAEX;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,wDAAwD;EACxD,gDAAgD;EAChD,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,4BAA4B;EAC5B,6BAA6B;AAC/B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,UAAU;AACZ;;AAEA,oBAAoB;AACpB;EACE,eAAe;;EAEf,iBAAiB;EACjB,aAAa;EACb,uBAAuB;AACzB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;AACjB;;AAEA;;EAEE,0BAA0B;AAC5B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA,iCAAiC;AACjC;EACE,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB;;AAEA;;EAEE,YAAY;AACd\",\"sourcesContent\":[\"/* Generic table styles */\\n.virtual-table {\\n  height: 100%;\\n  width: 100%;\\n  display: flex;\\n  flex-direction: column;\\n  overflow: hidden;\\n}\\n\\n.virtual-table .table-container-wrapper {\\n  width: 100%;\\n  flex: 1 1 auto;\\n\\n  /* The table won't shrink properly without this */\\n  height: calc(100% - 50px);\\n}\\n\\n.virtual-table .public_fixedDataTable_bodyRow a i:hover {\\n  cursor: pointer;\\n}\\n\\n.virtual-table .fixedDataTableLayout_main {\\n  background-color: rgba(250, 250, 250, 0.8);\\n}\\n\\n.virtual-table .fixedDataTableLayout_main:focus {\\n  outline: inherit;\\n}\\n\\n/* Common cell content styles */\\n\\n.virtual-table .cell-wrapper {\\n  position: relative;\\n  top: 50%;\\n  transform: translateY(-50%);\\n  max-height: 50px;\\n  padding: 5px;\\n}\\n\\n.virtual-table .cell-wrapper .plain.cell,\\n.virtual-table .cell-wrapper .empty.dropdown {\\n  margin: 0px 3px;\\n}\\n\\n.virtual-table .cell-wrapper .ui.progress .bar {\\n  height: 5px;\\n}\\n\\n/* Footer */\\n\\n.table-footer {\\n  width: 100%;\\n  padding: 5px;\\n  background-color: #f6f7f8;\\n  background-image: -webkit-linear-gradient(#fff, #efefef);\\n  background-image: linear-gradient(#fff, #efefef);\\n  display: flex;\\n  align-items: center;\\n}\\n\\n.table-footer > .filter {\\n  margin-left: auto;\\n  display: flex;\\n}\\n\\n.table-footer > .filter > .count-info {\\n  margin-right: 0px;\\n  opacity: 0.6;\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n}\\n\\n.table-footer > .filter > div:last-child {\\n  margin-left: 10px;\\n}\\n\\n.table-footer > .filter .filter-method.dropdown.button {\\n  padding-left: 0px !important;\\n  padding-right: 0px !important;\\n}\\n\\n.table-footer > .filter .dropdown .trigger.icon {\\n  margin-right: 0px;\\n}\\n\\n.table-footer > .filter input {\\n  width: 90%;\\n}\\n\\n/* Table dropdowns */\\n.table-container-wrapper .dropdown > .popup.trigger {\\n  max-width: 100%;\\n\\n  line-height: 21px;\\n  display: flex;\\n  align-items: flex-start;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger .caption {\\n  max-width: calc(100% - 20px);\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger .caption > * {\\n  overflow: hidden;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger:hover,\\n.public_fixedDataTableCell_main a:hover {\\n  cursor: pointer;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger:hover span,\\n.public_fixedDataTableCell_main a:hover {\\n  text-decoration: underline;\\n}\\n\\n.table-container-wrapper .dropdown > .popup.trigger i.angle.icon {\\n  margin: 0px;\\n}\\n\\n.table-container-wrapper .dropdown .icon-caption .icon {\\n  width: inherit !important;\\n}\\n\\n.table-container-wrapper .empty.dropdown.filtered:not(.no-access) > div {\\n  padding-left: 22px;\\n}\\n\\n.table-container-wrapper .dropdown .trigger i {\\n  flex-shrink: 0;\\n}\\n\\n/* Table dropdown popup content */\\n.popup.dropdown-content {\\n  padding: 5px 15px;\\n  overflow: hidden;\\n}\\n\\n.popup.dropdown-content .ui.dropdown.item {\\n  margin: 0px 0px;\\n}\\n\\n.virtual-table .public_fixedDataTable_header .button.link,\\n.public_fixedDataTableCell_main .button.link {\\n  color: black;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import Reflux from 'reflux';\r\n\r\nimport SocketService from 'services/SocketService';\r\n\r\nimport LoginStore from 'stores/reflux/LoginStore';\r\n\r\nconst TableActions = Reflux.createActions([\r\n  { setRange: { asyncResult: true } },\r\n  { setSort: { asyncResult: true } },\r\n  { close: { asyncResult: true } },\r\n  { pause: { asyncResult: true } },\r\n  { init: { asyncResult: true } },\r\n  'clear',\r\n]);\r\n\r\nconst postSettings = (settings, viewUrl, action) => {\r\n  return SocketService.post(viewUrl + '/settings', settings)\r\n    .then((data) => action.completed(viewUrl, data))\r\n    .catch((error) => action.failed(viewUrl, error));\r\n};\r\n\r\nTableActions.close.listen(function (viewUrl, sessionExists) {\r\n  if (sessionExists && LoginStore.socketAuthenticated) {\r\n    const that = this;\r\n    return SocketService.delete(viewUrl)\r\n      .then((data) => that.completed(viewUrl, data))\r\n      .catch((error) => this.failed(viewUrl, error));\r\n  }\r\n\r\n  return Promise.resolve();\r\n});\r\n\r\nTableActions.setSort.listen(function (viewUrl, sortProperty, sortAscending) {\r\n  postSettings(\r\n    {\r\n      sort_property: sortProperty,\r\n      sort_ascending: sortAscending,\r\n    },\r\n    viewUrl,\r\n    this,\r\n  );\r\n});\r\n\r\nTableActions.setRange.listen(function (viewUrl, rangeStart, maxRows) {\r\n  console.assert(maxRows > 0, 'Invalid max rows');\r\n  postSettings(\r\n    {\r\n      range_start: rangeStart,\r\n      max_count: maxRows,\r\n    },\r\n    viewUrl,\r\n    this,\r\n  );\r\n});\r\n\r\nTableActions.pause.listen(function (viewUrl, pause) {\r\n  postSettings(\r\n    {\r\n      paused: pause,\r\n    },\r\n    viewUrl,\r\n    this,\r\n  );\r\n});\r\n\r\nTableActions.init.listen(function (viewUrl, entityId, filterData) {\r\n  if (filterData) {\r\n    postSettings(\r\n      {\r\n        source_filter: filterData,\r\n      },\r\n      viewUrl,\r\n      this,\r\n    );\r\n  }\r\n});\r\n\r\nexport default TableActions;\r\n","import * as React from 'react';\n\nimport 'fomantic-ui-css/components/flag.min.css';\n\nimport * as API from 'types/api';\nimport classNames from 'classnames';\n\nexport interface FormattedIpProps {\n  item: API.IP;\n}\n\nconst FormattedIp: React.FC<FormattedIpProps> = ({ item }) => (\n  <div className=\"ip flag\">\n    <i className={classNames('ui flag', item.country.toLowerCase())} />\n    {item.str}\n  </div>\n);\n\nexport default FormattedIp;\n","import * as React from 'react';\r\n\r\nimport {\r\n  TableActionMenu,\r\n  TableDownloadMenu,\r\n  TableActionMenuProps,\r\n  TableDownloadMenuProps,\r\n} from 'components/action-menu';\r\nimport { useFormatter } from 'context/FormatterContext';\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\nimport { RowWrapperCellChildProps } from 'components/table/RowWrapperCell';\r\n\r\nimport * as UI from 'types/ui';\r\nimport * as API from 'types/api';\r\nimport { ActionHandlerDecorator } from 'decorators/ActionHandlerDecorator';\r\nimport { useSession } from 'context/SessionContext';\r\nimport { formatDecimal } from 'utils/ValueFormat';\r\nimport LinkButton from 'components/semantic/LinkButton';\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 (cellData === 0) {\r\n    return null;\r\n  }\r\n\r\n  return cellData;\r\n};\r\n\r\n// Default cell\r\nexport const TextCell = ({ cellData }: { cellData?: any }) => (\r\n  <span className=\"plain text cell\">{getCellContent(cellData)}</span>\r\n);\r\n\r\n// Column header\r\ninterface HeaderCellProps extends CellProps {\r\n  onClick: () => void;\r\n  label: React.ReactNode;\r\n  columnKey?: string; // REQUIRED, CLONED\r\n}\r\n\r\nexport const HeaderCell = ({ onClick, label, columnKey, ...props }: HeaderCellProps) => (\r\n  <Cell {...props}>\r\n    <LinkButton onClick={onClick} caption={label} />\r\n  </Cell>\r\n);\r\n\r\nexport interface ActionCellProps<\r\n  CellDataT,\r\n  ItemDataT extends UI.ActionMenuItemDataValueType,\r\n  EntityT extends UI.ActionMenuItemEntityValueType,\r\n> extends Omit<RowWrapperCellChildProps<CellDataT, ItemDataT>, 't' | 'children'>,\r\n    Omit<TableActionMenuProps<ItemDataT, EntityT>, 'caption' | 'itemData'> {}\r\n\r\ninterface FileItemBase {\r\n  type: API.FileItemType;\r\n}\r\n\r\nexport const FileActionCell = <\r\n  CellDataT extends React.ReactNode,\r\n  ItemDataT extends UI.ActionMenuItemDataValueType & FileItemBase,\r\n  EntityT extends UI.ActionMenuItemEntityValueType,\r\n>({\r\n  cellData,\r\n  rowDataGetter,\r\n  children,\r\n  ...props\r\n}: ActionCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n  <TableActionMenu\r\n    caption={\r\n      <FormattedFile\r\n        typeInfo={rowDataGetter!().type}\r\n        caption={cellData}\r\n        className=\"icon-caption\"\r\n      />\r\n    }\r\n    itemData={rowDataGetter!}\r\n    {...props}\r\n  />\r\n);\r\n\r\nexport const ActionMenuCell = <\r\n  CellDataT extends React.ReactNode,\r\n  ItemDataT extends UI.ActionMenuItemDataValueType,\r\n  EntityT extends UI.ActionMenuItemEntityValueType,\r\n>({\r\n  cellData,\r\n  rowDataGetter,\r\n  ...props\r\n}: ActionCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n  <TableActionMenu caption={cellData} itemData={rowDataGetter!} {...props} />\r\n);\r\n\r\nexport interface ActionLinkCellProps<\r\n  CellDataT,\r\n  ItemDataT extends UI.ActionMenuItemDataValueType,\r\n  EntityT extends UI.ActionMenuItemEntityValueType,\r\n> extends RowWrapperCellChildProps<CellDataT, ItemDataT> {\r\n  /*Pick<ActionButtonProps<ItemDataT>, 'actions' | 'actionId'>*/\r\n\r\n  //action: (itemData: any, location: Location) => void;\r\n  //action: UI.ActionType<ItemDataT>;\r\n  action: UI.ActionDefinition<ItemDataT, EntityT>;\r\n  moduleData: UI.ActionModuleData;\r\n  entity?: EntityT;\r\n  // actionId: string;\r\n}\r\n\r\nexport const ActionLinkCell = <\r\n  CellDataT,\r\n  ItemDataT extends UI.ActionMenuItemDataValueType,\r\n  EntityT extends UI.ActionMenuItemEntityValueType,\r\n>(\r\n  {\r\n    cellData,\r\n    rowDataGetter,\r\n    //location,\r\n    //onClickAction, action,\r\n    action,\r\n    moduleData,\r\n    entity,\r\n    ...props\r\n  }: ActionLinkCellProps<\r\n    CellDataT,\r\n    ItemDataT,\r\n    EntityT\r\n  > /*& ActionHandlerDecoratorChildProps*/,\r\n) => {\r\n  const login = useSession();\r\n  if (!showAction(action, rowDataGetter!(), login)) {\r\n    return <TextCell cellData={cellData} {...props} />;\r\n  }\r\n\r\n  return (\r\n    <ActionHandlerDecorator<ItemDataT, EntityT>>\r\n      {({ onClickAction }) => (\r\n        <LinkButton\r\n          className=\"plain link cell\"\r\n          onClick={() =>\r\n            onClickAction({\r\n              action,\r\n              moduleData,\r\n              itemData: rowDataGetter!(),\r\n              entity: entity as EntityT,\r\n            })\r\n          }\r\n          caption={getCellContent(cellData)}\r\n        />\r\n      )}\r\n    </ActionHandlerDecorator>\r\n  );\r\n};\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 }) => {\r\n  const { formatSize } = useFormatter();\r\n  return <span className=\"plain size cell\">{formatSize(cellData!)}</span>;\r\n};\r\n\r\nexport const SpeedCell: React.FC<NumberCellProps> = ({ cellData }) => {\r\n  const { formatSpeed } = useFormatter();\r\n  return <span className=\"plain speed cell\">{formatSpeed(cellData!)}</span>;\r\n};\r\n\r\nexport const DateCell: React.FC<NumberCellProps> = ({ cellData, width }) => {\r\n  const { formatShortDate, formatDateTime } = useFormatter();\r\n  return (\r\n    <span className=\"plain date cell\">\r\n      {!!width && width > 150 ? formatDateTime(cellData!) : formatShortDate(cellData!)}\r\n    </span>\r\n  );\r\n};\r\n\r\nexport const DurationCell: React.FC<NumberCellProps> = ({ cellData }) => {\r\n  const { formatRelativeTime } = useFormatter();\r\n  return <span className=\"plain duration cell\">{formatRelativeTime(cellData!)}</span>;\r\n};\r\n\r\nexport const AbbreviatedDurationCell: React.FC<NumberCellProps> = ({ cellData }) => {\r\n  const { formatAbbreviatedDuration } = useFormatter();\r\n  return (\r\n    <span className=\"plain abbr-duration cell\">\r\n      {formatAbbreviatedDuration(cellData!)}\r\n    </span>\r\n  );\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 }) => {\r\n  const { formatConnection } = useFormatter();\r\n  return <span className=\"plain connection cell\">{formatConnection(cellData!)}</span>;\r\n};\r\n\r\nexport const DecimalCell: React.FC<NumberCellProps> = ({ cellData }) => (\r\n  <span className=\"plain decimal cell\">{formatDecimal(cellData!)}</span>\r\n);\r\n\r\nexport type FileDownloadCellClickHandler = (\r\n  cellData: any,\r\n  rowDataGetter: () => any,\r\n) => (() => void) | undefined;\r\n\r\nexport interface FileDownloadCellProps<\r\n  CellDataT,\r\n  ItemDataT extends UI.DownloadableItemInfo,\r\n  EntityT extends UI.SessionItemBase,\r\n> extends Omit<RowWrapperCellChildProps<CellDataT, ItemDataT>, 'children'>,\r\n    Omit<\r\n      TableDownloadMenuProps<ItemDataT, EntityT>,\r\n      'user' | 'itemInfoGetter' | 'caption'\r\n    > {\r\n  userGetter: (rowData: ItemDataT) => UI.DownloadSource;\r\n  clickHandlerGetter?: FileDownloadCellClickHandler;\r\n}\r\n\r\nexport const FileDownloadCell = <\r\n  CellDataT extends React.ReactNode,\r\n  ItemDataT extends UI.DownloadableItemInfo & FileItemBase,\r\n  EntityT extends UI.SessionItemBase,\r\n>({\r\n  cellData,\r\n  rowDataGetter,\r\n  clickHandlerGetter,\r\n  userGetter,\r\n  downloadHandler,\r\n  ...props\r\n}: FileDownloadCellProps<CellDataT, ItemDataT, EntityT>) => (\r\n  <TableDownloadMenu\r\n    caption={\r\n      <FormattedFile\r\n        typeInfo={rowDataGetter!().type}\r\n        onClick={clickHandlerGetter ? clickHandlerGetter(cellData, rowDataGetter!) : null}\r\n        caption={cellData}\r\n        className=\"icon-caption\"\r\n      />\r\n    }\r\n    user={userGetter(rowDataGetter!())}\r\n    linkCaption={!clickHandlerGetter}\r\n    itemInfoGetter={rowDataGetter!}\r\n    downloadHandler={downloadHandler}\r\n    {...props}\r\n  />\r\n);\r\n\r\n// eslint-disable-next-line max-len\r\nexport interface CheckboxCellProps\r\n  extends Omit<RowWrapperCellChildProps<boolean, any>, 'onChange' | 'id'>,\r\n    Omit<CheckboxProps, 'onChange' | 'checked' | 'id'> {\r\n  onChange: (checked: boolean, rowData: any) => void;\r\n}\r\n\r\nexport const CheckboxCell: React.FC<CheckboxCellProps> = ({\r\n  cellData,\r\n  rowDataGetter,\r\n  onChange,\r\n  ...props\r\n}) => (\r\n  <Checkbox\r\n    checked={cellData!}\r\n    onChange={(checked) => onChange(checked, rowDataGetter!())}\r\n    {...props}\r\n  />\r\n);\r\n","import * as React from 'react';\r\n\r\nimport SectionedDropdown from 'components/semantic/SectionedDropdown';\r\nimport MenuSection from 'components/semantic/MenuSection';\r\nimport MenuItemLink from 'components/semantic/MenuItemLink';\r\n\r\nimport TableFilterDecorator, {\r\n  TableFilterDecoratorChildProps,\r\n} from 'decorators/TableFilterDecorator';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { usingMobileLayout } from 'utils/BrowserUtils';\r\nimport { translate } from 'utils/TranslationUtils';\r\nimport { Translation } from 'react-i18next';\r\nimport Input from 'components/semantic/Input';\r\n\r\nconst getFilterMethodCaption = (method: API.FilterMethod) => {\r\n  switch (method) {\r\n    case API.FilterMethod.REGEX:\r\n      return 'Regex';\r\n    case API.FilterMethod.WILDCARD:\r\n      return 'Wildcard';\r\n    case API.FilterMethod.EXACT:\r\n      return 'Exact';\r\n    default:\r\n      return 'Partial';\r\n  }\r\n};\r\n\r\nconst filterMethodToString = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n  const methodTitle = getFilterMethodCaption(method);\r\n  return translate(methodTitle, t, 'table.filter');\r\n};\r\n\r\nconst getPlaceholder = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n  let ret = t('table.filter.filter', 'Filter');\r\n  if (method !== API.FilterMethod.PARTIAL) {\r\n    ret += ` (${filterMethodToString(method, t).toLowerCase()})`;\r\n  }\r\n\r\n  return ret + '...';\r\n};\r\n\r\nexport interface TextFilterProps {\r\n  autoFocus?: boolean;\r\n}\r\n\r\nclass TextFilter extends React.PureComponent<\r\n  TextFilterProps & TableFilterDecoratorChildProps\r\n> {\r\n  state = {\r\n    value: '',\r\n    method: API.FilterMethod.PARTIAL,\r\n  };\r\n\r\n  timer: number | undefined;\r\n  input: HTMLInputElement;\r\n\r\n  static readonly defaultProps: Pick<TextFilterProps, 'autoFocus'> = {\r\n    autoFocus: true,\r\n  };\r\n\r\n  componentWillUnmount() {\r\n    clearTimeout(this.timer);\r\n  }\r\n\r\n  onFilterUpdated = () => {\r\n    const { value, method } = this.state;\r\n    this.props.onFilterUpdated(value, method);\r\n  };\r\n\r\n  onTextChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    this.setState({\r\n      value: event.target.value,\r\n    });\r\n\r\n    clearTimeout(this.timer);\r\n\r\n    this.timer = window.setTimeout(() => {\r\n      this.onFilterUpdated();\r\n    }, 200);\r\n  };\r\n\r\n  onMethodChanged = (method: API.FilterMethod) => {\r\n    this.setState({\r\n      method,\r\n    });\r\n\r\n    setTimeout(() => this.onFilterUpdated());\r\n    this.input.focus();\r\n  };\r\n\r\n  getFilterMethod = (method: API.FilterMethod, t: UI.TranslateF) => {\r\n    const isCurrent = method === this.state.method;\r\n    return (\r\n      <MenuItemLink\r\n        key={method}\r\n        onClick={() => this.onMethodChanged(method)}\r\n        active={isCurrent}\r\n      >\r\n        {filterMethodToString(method, t)}\r\n      </MenuItemLink>\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { value, method } = this.state;\r\n    const { autoFocus } = this.props;\r\n    return (\r\n      <Translation>\r\n        {(t) => (\r\n          <div className=\"text-filter\">\r\n            <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={!usingMobileLayout() && autoFocus}\r\n              // className=\"action\"\r\n            >\r\n              <SectionedDropdown\r\n                className=\"filter-method right top pointing\"\r\n                button={true}\r\n                direction=\"upward\"\r\n              >\r\n                <MenuSection caption={translate('Match type', t, 'table.filter')}>\r\n                  {Object.keys(API.FilterMethod)\r\n                    .filter((key) => isNaN(Number(key)))\r\n                    .map((key) =>\r\n                      this.getFilterMethod(\r\n                        API.FilterMethod[key as keyof typeof API.FilterMethod],\r\n                        t,\r\n                      ),\r\n                    )}\r\n                </MenuSection>\r\n              </SectionedDropdown>\r\n            </Input>\r\n          </div>\r\n        )}\r\n      </Translation>\r\n    );\r\n  }\r\n}\r\n\r\nexport default TableFilterDecorator<TextFilterProps>(TextFilter);\r\n","import * as React from 'react';\n\nimport TextFilter, { TextFilterProps } from './TextFilter';\nimport Icon from 'components/semantic/Icon';\nimport IconConstants from 'constants/IconConstants';\nimport { TableFilterDecoratorProps } from 'decorators/TableFilterDecorator';\n\nconst CountInfo: React.FC<{ store: any }> = ({ store }) => {\n  if (store.totalCount < 0) {\n    // Not initialized yet\n    return null;\n  }\n\n  let ret = store.totalCount;\n  if (store.totalCount !== store.rowCount) {\n    ret = store.rowCount + '/' + store.totalCount;\n  }\n\n  return (\n    <div className=\"count-info\">\n      <Icon icon={IconConstants.FILTER} />\n      {ret}\n    </div>\n  );\n};\n\nexport type CustomTableFilter = React.ComponentType<TableFilterDecoratorProps>;\n\nexport interface TableFooterProps {\n  // Elements to append to the table footer\n  footerData?: React.ReactNode;\n\n  // Custom filter that will be displayed in addition to regular text filter\n  customFilter?: CustomTableFilter;\n\n  store: any;\n  textFilterProps?: TextFilterProps;\n}\n\nconst TableFooter: React.FC<TableFooterProps> = ({\n  store,\n  customFilter: CustomFilter,\n  footerData,\n  textFilterProps,\n}) => (\n  <div className=\"table-footer\">\n    {footerData}\n    <div className=\"filter item\">\n      {!CustomFilter ? null : <CustomFilter store={store} />}\n      <TextFilter store={store} {...textFilterProps} />\n      <CountInfo store={store} />\n    </div>\n  </div>\n);\n\nexport default TableFooter;\n","import * as React from 'react';\r\nimport { CellProps } from 'fixed-data-table-2';\r\n\r\nimport * as UI from 'types/ui';\r\nimport classNames from 'classnames';\r\n\r\nexport interface RowWrapperCellChildProps<\r\n  CellDataT,\r\n  RowDataT extends UI.ActionMenuItemDataValueType,\r\n> extends CellProps {\r\n  cellData?: CellDataT;\r\n  rowDataGetter?: () => RowDataT;\r\n  rowData?: RowDataT;\r\n  t?: UI.TranslateF;\r\n}\r\n\r\nexport interface RowWrapperCellProps extends CellProps {\r\n  dataLoader: any;\r\n\r\n  renderCondition?: (columnData: any, rowData: any) => boolean;\r\n  rowClassNameGetter?: (rowData: any) => string;\r\n  columnKey?: string; // REQUIRED, CLONED\r\n\r\n  children: React.ReactElement<any>;\r\n  t: UI.TranslateF;\r\n}\r\n\r\ninterface State {\r\n  rowData: any;\r\n}\r\n\r\n// Generic wrapper for all cells that will handle data loading\r\nclass RowWrapperCell extends React.Component<RowWrapperCellProps> {\r\n  state: State = {\r\n    rowData: null,\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.loadData(this.props.rowIndex!);\r\n  }\r\n\r\n  UNSAFE_componentWillReceiveProps(nextProps: RowWrapperCellProps) {\r\n    if (nextProps.rowIndex !== this.props.rowIndex) {\r\n      // Remove pending update callbacks to avoid rendering each of them when the data is received\r\n      // (there can be lots of pending requests when scrolling for long distances)\r\n      this.props.dataLoader.removePendingRequests(this.props.rowIndex, this.onDataLoaded);\r\n    }\r\n\r\n    // Check if there is new data available (rowIndex may have changed as well)\r\n    if (!this.loadData(nextProps.rowIndex!)) {\r\n      // Avoid displaying old data\r\n      this.setState({ rowData: null });\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    this.props.dataLoader.removePendingRequests(this.props.rowIndex, this.onDataLoaded);\r\n  }\r\n\r\n  loadData = (rowIndex: number) => {\r\n    return this.props.dataLoader.updateRowData(rowIndex, this.onDataLoaded);\r\n  };\r\n\r\n  shouldComponentUpdate(nextProps: RowWrapperCellProps, nextState: State) {\r\n    return (\r\n      nextState.rowData !== this.state.rowData || nextProps.width !== this.props.width\r\n    );\r\n  }\r\n\r\n  rowDataGetter = () => {\r\n    return this.state.rowData;\r\n  };\r\n\r\n  onDataLoaded = (data: any) => {\r\n    this.setState({ rowData: data });\r\n  };\r\n\r\n  render() {\r\n    const { columnKey, children, renderCondition, rowClassNameGetter, ...other } =\r\n      this.props;\r\n    const { rowData } = this.state;\r\n\r\n    if (!rowData) {\r\n      return null;\r\n    }\r\n\r\n    if (renderCondition && !renderCondition(rowData[columnKey!], rowData)) {\r\n      return null;\r\n    }\r\n\r\n    const className = classNames(\r\n      'cell-wrapper',\r\n      columnKey,\r\n      rowClassNameGetter ? rowClassNameGetter(rowData) : undefined,\r\n    );\r\n\r\n    return (\r\n      <div className={className}>\r\n        {React.cloneElement(children, {\r\n          cellData: rowData[columnKey!],\r\n\r\n          // Don't pass the actual row data to allow cells to skip\r\n          // re-rendering using shallow equality checks when the row data is\r\n          // updated without leaving them with an outdated item data\r\n          rowDataGetter: this.rowDataGetter,\r\n          ...other,\r\n        })}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default RowWrapperCell;\r\n","import * as React from 'react';\r\n\r\nimport { Table, ColumnProps } from 'fixed-data-table-2';\r\n\r\nimport TableActions from 'actions/TableActions';\r\nimport { usingMobileLayout } from 'utils/BrowserUtils';\r\n\r\nimport Measure, { ContentRect } from 'react-measure';\r\nimport RowWrapperCell from 'components/table/RowWrapperCell';\r\nimport { TextCell, HeaderCell } from 'components/table/Cell';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\nimport { textToI18nKey, toArray } from 'utils/TranslationUtils';\r\n\r\nconst TABLE_ROW_HEIGHT = 50;\r\n\r\nfunction convertStartToRows(pixels: number) {\r\n  return Math.max(Math.floor(pixels / TABLE_ROW_HEIGHT), 0);\r\n}\r\n\r\nfunction convertEndToRows(pixels: number) {\r\n  return Math.ceil(pixels / TABLE_ROW_HEIGHT);\r\n}\r\n\r\nexport type TableContainerProps = React.PropsWithChildren<{\r\n  // ID of the current entity for non-singleton sources\r\n  entityId?: API.IdType;\r\n\r\n  // Append class names to row (takes row data as param)\r\n  rowClassNameGetter?: (rowData: any) => string;\r\n\r\n  // Store implementing ViewStoreMixin that contains the items\r\n  store: any;\r\n\r\n  dataLoader: any;\r\n  t: UI.TranslateF;\r\n  moduleId: string | string[];\r\n\r\n  // Possible ID of the current view (items will be cleared when the ID changes)\r\n  viewId?: number | string;\r\n}>;\r\n\r\ninterface State {\r\n  width: number;\r\n  height: number;\r\n  columnWidths: Record<string, number>;\r\n  isColumnResizing: boolean | undefined;\r\n}\r\n\r\nconst formatColumnName = (\r\n  column: React.ReactElement<ColumnProps>,\r\n  store: any,\r\n  moduleId: string | string[],\r\n  t: UI.TranslateF,\r\n) => {\r\n  const { name, columnKey } = column.props;\r\n  let displayName = t(\r\n    textToI18nKey(columnKey as string, [...toArray(moduleId), UI.SubNamespaces.TABLE]),\r\n    name,\r\n  );\r\n\r\n  {\r\n    const sortDirArrow = store.sortAscending ? ' ↑' : ' ↓';\r\n    displayName += store.sortProperty === columnKey ? sortDirArrow : '';\r\n  }\r\n\r\n  return displayName;\r\n};\r\n\r\nclass TableContainer extends React.Component<TableContainerProps, State> {\r\n  state: State = {\r\n    width: 0,\r\n    height: 0,\r\n    columnWidths: {},\r\n    isColumnResizing: undefined,\r\n  };\r\n\r\n  getInitialProps = () => {\r\n    return {\r\n      rowClassNameGetter: null,\r\n      entityId: null,\r\n    };\r\n  };\r\n\r\n  scrollTimer: number | undefined;\r\n  scrollPosition = 0;\r\n  setInitialScrollRow = true;\r\n\r\n  // This will also be used for setting the initial rows\r\n  componentDidUpdate(prevProps: TableContainerProps, prevState: State) {\r\n    if (prevState.height !== this.state.height) {\r\n      this.updateRowRange();\r\n    } else if (\r\n      prevProps.entityId !== this.props.entityId ||\r\n      prevProps.viewId !== this.props.viewId\r\n    ) {\r\n      if (this.props.store.DEBUG) {\r\n        console.log(\r\n          `Enabling initial scroll, entity/viewId changed (view ${this.props.viewId})`,\r\n        );\r\n      }\r\n\r\n      this.setInitialScrollRow = true;\r\n      this.updateRowRange();\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    clearTimeout(this.scrollTimer);\r\n  }\r\n\r\n  updateRowRange = () => {\r\n    const { store } = this.props;\r\n    const { height } = this.state;\r\n\r\n    const startRows = convertStartToRows(this.scrollPosition);\r\n    const maxRows = convertEndToRows(height);\r\n\r\n    if (store.DEBUG) {\r\n      // eslint-disable-next-line max-len\r\n      console.log(\r\n        `Settings changed, start: ${startRows}, end: ${maxRows}, height: ${height}`,\r\n        store.viewName,\r\n      );\r\n    }\r\n\r\n    console.assert(store.active, 'Posting data for an inactive view');\r\n    TableActions.setRange(store.viewUrl, startRows, maxRows);\r\n  };\r\n\r\n  onScrollStart = (horizontal: number, vertical: number) => {\r\n    const { store } = this.props;\r\n\r\n    if (store.DEBUG) {\r\n      console.log(`Scrolling started: ${vertical}`, store.viewUrl);\r\n    }\r\n\r\n    console.assert(store.active, 'Sending pause for an inactive view');\r\n    TableActions.pause(store.viewUrl, true);\r\n  };\r\n\r\n  onScrollEnd = (horizontal: number, vertical: number) => {\r\n    const { store, viewId } = this.props;\r\n\r\n    this.scrollPosition = vertical;\r\n    console.assert(store.active, 'Sending pause for an inactive view');\r\n    TableActions.pause(store.viewUrl, false);\r\n\r\n    clearTimeout(this.scrollTimer);\r\n    this.scrollTimer = window.setTimeout(this.updateRowRange, 500);\r\n\r\n    if (this.setInitialScrollRow) {\r\n      this.setInitialScrollRow = false;\r\n\r\n      if (store.DEBUG) {\r\n        console.log(`Disabling initial scroll (view ${viewId})`);\r\n      }\r\n    }\r\n\r\n    store.setScrollData(vertical, viewId);\r\n    if (store.DEBUG) {\r\n      console.log(`Scrolling ended: ${vertical}`, store.viewUrl);\r\n    }\r\n  };\r\n\r\n  onColumnClicked = (sortProperty: string) => {\r\n    const { store } = this.props;\r\n\r\n    let sortAscending = true;\r\n    if (sortProperty === store.sortProperty && store.sortAscending) {\r\n      sortAscending = false;\r\n    }\r\n\r\n    TableActions.setSort(this.props.store.viewUrl, sortProperty, sortAscending);\r\n  };\r\n\r\n  onColumnResizeEndCallback = (newColumnWidth: number, columnKey: string) => {\r\n    this.setState(\r\n      ({ columnWidths }) => ({\r\n        columnWidths: {\r\n          ...columnWidths,\r\n          [columnKey]: newColumnWidth,\r\n        },\r\n\r\n        // In order to disable the resizing mode, the table needs to be rendered with \"isColumnResizing: false\"\r\n        // Put it right back to undefined after that in order to avoid resizing issues\r\n        // while the table is being re-rendered\r\n        // https://github.com/schrodinger/fixed-data-table-2/issues/268\r\n        // https://github.com/airdcpp-web/airdcpp-webclient/issues/444\r\n        isColumnResizing: false,\r\n      }),\r\n      () => {\r\n        this.setState({\r\n          isColumnResizing: undefined,\r\n        });\r\n      },\r\n    );\r\n  };\r\n\r\n  childToColumn = (column: React.ReactElement<ColumnProps>) => {\r\n    if (!!column.props.hideWidth && column.props.hideWidth > this.state.width) {\r\n      return null;\r\n    }\r\n\r\n    let { flexGrow, width } = column.props;\r\n    const { cell, columnKey, renderCondition } = column.props;\r\n    const { store, rowClassNameGetter, moduleId, t } = this.props;\r\n\r\n    const mobileView = usingMobileLayout();\r\n    if (!mobileView) {\r\n      // Get column width\r\n      if (!!columnKey && !!this.state.columnWidths[columnKey]) {\r\n        width = this.state.columnWidths[columnKey];\r\n        flexGrow = undefined;\r\n      }\r\n    }\r\n\r\n    return React.cloneElement(column, {\r\n      header: (\r\n        <HeaderCell\r\n          onClick={this.onColumnClicked.bind(null, columnKey)}\r\n          label={formatColumnName(column, store, moduleId, t)}\r\n        />\r\n      ),\r\n      flexGrow,\r\n      width,\r\n      isResizable: !mobileView,\r\n      allowCellsRecycling: true,\r\n      cell: (\r\n        <RowWrapperCell\r\n          dataLoader={this.props.dataLoader}\r\n          renderCondition={renderCondition}\r\n          rowClassNameGetter={rowClassNameGetter}\r\n          t={t}\r\n        >\r\n          {cell ? (cell as React.ReactElement<any>) : <TextCell />}\r\n        </RowWrapperCell>\r\n      ),\r\n    });\r\n  };\r\n\r\n  onResizeView = (contentRect: ContentRect) => {\r\n    if (!contentRect.bounds) {\r\n      return;\r\n    }\r\n\r\n    // Bounds may contain incorrect (or outdated) dimensions with animations (such as when opening a modal)\r\n    const { width, height } = !!contentRect.entry\r\n      ? contentRect.entry\r\n      : contentRect.bounds;\r\n    this.setState({\r\n      width,\r\n      height,\r\n    });\r\n  };\r\n\r\n  render() {\r\n    // Update and insert generic columns props\r\n    const children = React.Children.map(this.props.children, this.childToColumn);\r\n\r\n    const { width, height, isColumnResizing } = this.state;\r\n    const { store, viewId } = this.props;\r\n    return (\r\n      <Measure bounds={true} onResize={this.onResizeView}>\r\n        {({ measureRef }) => (\r\n          <div ref={measureRef} className=\"table-container-wrapper\">\r\n            <Table\r\n              width={width}\r\n              height={height}\r\n              rowHeight={50}\r\n              rowsCount={store.rowCount}\r\n              headerHeight={50}\r\n              isColumnResizing={isColumnResizing}\r\n              onColumnResizeEndCallback={this.onColumnResizeEndCallback}\r\n              touchScrollEnabled={true}\r\n              onScrollStart={this.onScrollStart}\r\n              onScrollEnd={this.onScrollEnd}\r\n              scrollTop={\r\n                this.setInitialScrollRow ? store.getScrollData(viewId) : undefined\r\n              }\r\n            >\r\n              {children}\r\n            </Table>\r\n          </div>\r\n        )}\r\n      </Measure>\r\n    );\r\n  }\r\n}\r\n\r\nexport default TableContainer;\r\n","import SocketService from 'services/SocketService';\r\nimport update from 'immutability-helper';\r\n\r\nimport isEqual from 'lodash/isEqual';\r\n\r\nconst NUMBER_OF_ROWS_PER_REQUEST = 10;\r\n\r\n// This will handle fetching only when scrolling. Otherwise the data will be updated through the socket listener.\r\nclass RowDataLoader {\r\n  constructor(store, onDataLoad) {\r\n    this._onDataLoad = onDataLoad;\r\n    this._store = store;\r\n    this._data = [];\r\n    this._pendingRequest = {};\r\n    this._initialDataReceived = false;\r\n    this.DEBUG = store.DEBUG;\r\n  }\r\n\r\n  clear() {\r\n    this._pendingRequest = {};\r\n    this._data = [];\r\n  }\r\n\r\n  // Returns true if the item was updated\r\n  updateItem(updated, item, index) {\r\n    let old = this._data[index];\r\n\r\n    // Objects equal most of the time\r\n    if (old === item || isEqual(this._data[index], item)) {\r\n      return updated;\r\n    }\r\n\r\n    if (old) {\r\n      this._data[index] = update(old, { $merge: item });\r\n    } else {\r\n      this._data[index] = update(old, { $set: item });\r\n    }\r\n\r\n    return updated + 1;\r\n  }\r\n\r\n  onItemsUpdated(items, rangeOffset = 0, rowCount) {\r\n    // Rows removed?\r\n    let hasChanges = rowCount < this._data.length;\r\n\r\n    if (!items || items.length === 0) {\r\n      // The view was cleared\r\n      this.clear();\r\n      hasChanges = true;\r\n\r\n      this._initialDataReceived = false;\r\n\r\n      if (this.DEBUG) {\r\n        console.log('onItemsUpdated, cleared');\r\n      }\r\n    } else {\r\n      this._initialDataReceived = true;\r\n\r\n      // Remove rows outside the range\r\n      // Leave the current range in case all old items can be reused\r\n      // (avoids flickering because there is no need to re-render)\r\n      for (let i = 0; i < this._data.length; i++) {\r\n        if (!items[i]) {\r\n          delete this._data[i];\r\n        }\r\n      }\r\n\r\n      // Update rows\r\n      const updatedCount = items.reduce(this.updateItem.bind(this), 0);\r\n      if (updatedCount > 0 || rangeOffset !== 0) {\r\n        if (this.DEBUG) {\r\n          console.log(\r\n            'onItemsUpdated, changed (updatedCount, rangeOffset)',\r\n            updatedCount,\r\n            rangeOffset,\r\n          );\r\n        }\r\n\r\n        hasChanges = true;\r\n      }\r\n    }\r\n\r\n    if (hasChanges) {\r\n      this._onDataLoad();\r\n    }\r\n  }\r\n\r\n  get rangeOffset() {\r\n    const ret = this._rangeOffset;\r\n    this._rangeOffset = 0;\r\n    return ret;\r\n  }\r\n\r\n  getRowData(rowIndex) {\r\n    return this._data[rowIndex];\r\n  }\r\n\r\n  // onDataLoaded is called when the data is ready\r\n  updateRowData(rowIndex, onDataLoaded) {\r\n    const rowData = this._data[rowIndex];\r\n    if (!rowData) {\r\n      if (this._initialDataReceived) {\r\n        this._queueRequestFor(rowIndex, onDataLoaded);\r\n      }\r\n\r\n      return false;\r\n    }\r\n\r\n    onDataLoaded(rowData);\r\n    return true;\r\n  }\r\n\r\n  removePendingRequests(rowIndex) {\r\n    delete this._pendingRequest[rowIndex];\r\n  }\r\n\r\n  _queueRequestFor(rowIndex, onDataLoaded) {\r\n    const rowBase = rowIndex - (rowIndex % NUMBER_OF_ROWS_PER_REQUEST);\r\n\r\n    const request = this._pendingRequest[rowIndex];\r\n    if (request) {\r\n      request.push(onDataLoaded);\r\n      return;\r\n    }\r\n\r\n    this._pendingRequest[rowIndex] = [onDataLoaded];\r\n    if (rowIndex !== rowBase) {\r\n      if (this._pendingRequest[rowBase]) {\r\n        return;\r\n      }\r\n\r\n      this._pendingRequest[rowBase] = [];\r\n    }\r\n\r\n    const endRow = Math.min(rowBase + NUMBER_OF_ROWS_PER_REQUEST, this._store.rowCount);\r\n    SocketService.get(this._store.viewUrl + '/items/' + rowBase + '/' + endRow)\r\n      .then(this.onRowsReceived.bind(this, rowBase))\r\n      .catch((error) => {\r\n        console.error('Failed to load data', error);\r\n        for (let i = rowBase; i < endRow; i++) {\r\n          if (this._pendingRequest[i]) {\r\n            delete this._pendingRequest[i];\r\n          }\r\n        }\r\n      });\r\n  }\r\n\r\n  onRowsReceived(start, rows) {\r\n    if (!this._pendingRequest[start]) {\r\n      // View changed\r\n      return;\r\n    }\r\n\r\n    for (let i = 0; i < rows.length; i++) {\r\n      const rowIndex = start + i;\r\n      if (!isEqual(this._data[rowIndex], rows[i])) {\r\n        this._data[rowIndex] = rows[i];\r\n\r\n        if (this._pendingRequest[rowIndex]) {\r\n          this._pendingRequest[rowIndex].forEach((f) => f(rows[i]));\r\n        }\r\n      } else if (this.DEBUG) {\r\n        console.log('onRowsReceived, row data equals', rowIndex);\r\n      }\r\n\r\n      delete this._pendingRequest[rowIndex];\r\n    }\r\n  }\r\n}\r\n\r\nexport default RowDataLoader;\r\n","\n      import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import * as React from 'react';\r\n\r\nimport TableActions from 'actions/TableActions';\r\n\r\nimport TableFooter, { TableFooterProps } from './TableFooter';\r\nimport TableContainer, { TableContainerProps } from './TableContainer';\r\nimport RowDataLoader from './RowDataLoader';\r\n\r\nimport './style.css';\r\nimport 'fixed-data-table-2/dist/fixed-data-table.css';\r\n\r\nimport * as API from 'types/api';\r\nimport { Translation } from 'react-i18next';\r\n\r\ndeclare module 'fixed-data-table-2' {\r\n  export interface ColumnProps {\r\n    name: string;\r\n    hideWidth?: number;\r\n    renderCondition?: (cellData: any, rowData: any) => boolean;\r\n  }\r\n}\r\n\r\nexport type VirtualTableProps = Omit<TableFooterProps, 't'> &\r\n  Omit<TableContainerProps, 'store' | 'dataLoader' | 't'> &\r\n  React.PropsWithChildren<{\r\n    store: any;\r\n\r\n    // Store containing sessions (must be provided together with entityId)\r\n    sessionStore?: any;\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?: API.TableFilter;\r\n\r\n    // Returns a node to render if there are no rows to display\r\n    emptyRowsNodeGetter?: () => React.ReactNode;\r\n  }>;\r\n\r\nclass VirtualTable extends React.PureComponent<VirtualTableProps> {\r\n  dataLoader = new RowDataLoader(this.props.store, () => this.forceUpdate());\r\n  unsubscribe = this.props.store.listen(\r\n    this.dataLoader.onItemsUpdated.bind(this.dataLoader),\r\n  );\r\n\r\n  componentDidMount() {\r\n    this.start(this.props.entityId);\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    this.close(this.props.entityId);\r\n    this.unsubscribe();\r\n  }\r\n\r\n  componentDidUpdate(prevProps: VirtualTableProps) {\r\n    if (prevProps.entityId !== this.props.entityId) {\r\n      this.close(prevProps.entityId);\r\n      this.start(this.props.entityId);\r\n    }\r\n\r\n    if (prevProps.viewId !== this.props.viewId) {\r\n      const { store } = this.props;\r\n      if (store.paused) {\r\n        // We need to receive the new items\r\n        TableActions.pause(store.viewUrl, false);\r\n      }\r\n\r\n      TableActions.clear(store.viewUrl);\r\n    }\r\n  }\r\n\r\n  moduleExists = (entityId: API.IdType | undefined) => {\r\n    if (!entityId || !this.props.sessionStore) {\r\n      return true;\r\n    }\r\n\r\n    return this.props.sessionStore.getSession(entityId);\r\n  };\r\n\r\n  start = (entityId: API.IdType | undefined) => {\r\n    const { store, sourceFilter } = this.props;\r\n\r\n    TableActions.init(store.viewUrl, entityId, sourceFilter);\r\n    TableActions.setSort(store.viewUrl, store.sortProperty, store.sortAscending);\r\n  };\r\n\r\n  close = (entityId: API.IdType | undefined) => {\r\n    // Don't send the close command if the session was removed\r\n    TableActions.close(this.props.store.viewUrl, this.moduleExists(entityId));\r\n  };\r\n\r\n  render() {\r\n    const {\r\n      store,\r\n      footerData,\r\n      emptyRowsNodeGetter,\r\n      customFilter,\r\n      textFilterProps,\r\n      ...other\r\n    } = this.props;\r\n\r\n    if (emptyRowsNodeGetter && store.totalCount === -1) {\r\n      // Row count is unknown, don't flash the table\r\n      return <div className=\"virtual-table\" />;\r\n    }\r\n\r\n    if (emptyRowsNodeGetter && store.totalCount === 0) {\r\n      return emptyRowsNodeGetter();\r\n    }\r\n\r\n    //console.log('Render virtual table');\r\n    return (\r\n      <div className=\"virtual-table\">\r\n        <Translation>\r\n          {(t) => (\r\n            <>\r\n              <TableContainer\r\n                {...other}\r\n                dataLoader={this.dataLoader}\r\n                store={store}\r\n                t={t}\r\n              />\r\n\r\n              <TableFooter\r\n                store={store}\r\n                customFilter={customFilter}\r\n                footerData={footerData}\r\n                textFilterProps={textFilterProps}\r\n              />\r\n            </>\r\n          )}\r\n        </Translation>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default VirtualTable;\r\n","import * as React from 'react';\r\n\r\nimport DataProviderDecorator, {\r\n  DataProviderDecoratorChildProps,\r\n} from 'decorators/DataProviderDecorator';\r\n\r\nimport * as API from 'types/api';\r\nimport { ErrorResponse } from 'airdcpp-apisocket';\r\n\r\ninterface FilterType {\r\n  id: number;\r\n}\r\n\r\nexport interface TableFilterDecoratorProps {\r\n  store: any;\r\n}\r\n\r\nexport interface TableFilterDecoratorDataProps {\r\n  filter: FilterType;\r\n}\r\n\r\nexport interface TableFilterDecoratorChildProps {\r\n  onFilterUpdated: (value: string | number | null, method?: API.FilterMethod) => void;\r\n}\r\n\r\nexport default function <PropsT>(\r\n  Component: React.ComponentType<PropsT & TableFilterDecoratorChildProps>,\r\n  propertyName = 'any',\r\n) {\r\n  type Props = PropsT &\r\n    TableFilterDecoratorProps &\r\n    DataProviderDecoratorChildProps &\r\n    TableFilterDecoratorDataProps;\r\n\r\n  const TableFilterDecorator = (props: Props) => {\r\n    const onFilterUpdated = (\r\n      pattern: string,\r\n      method: API.FilterMethod = API.FilterMethod.PARTIAL,\r\n    ) => {\r\n      const data = {\r\n        pattern,\r\n        method,\r\n        property: propertyName,\r\n      } as API.TableFilter;\r\n\r\n      const { store, filter, socket } = props;\r\n      socket\r\n        .put(`${store.viewUrl}/filter/${filter.id}`, data)\r\n        .catch((error: ErrorResponse) =>\r\n          console.error('Failed to add table filter', error),\r\n        );\r\n    };\r\n\r\n    React.useLayoutEffect(() => {\r\n      return () => {\r\n        const { store, filter, socket } = props;\r\n        if (!store.active) {\r\n          return;\r\n        }\r\n\r\n        socket\r\n          .delete(`${store.viewUrl}/filter/${filter.id}`)\r\n          .catch((error: ErrorResponse) =>\r\n            console.error('Failed to delete table filter', error),\r\n          );\r\n      };\r\n    }, []);\r\n\r\n    return <Component {...props} onFilterUpdated={onFilterUpdated} />;\r\n  };\r\n\r\n  return DataProviderDecorator<\r\n    PropsT & TableFilterDecoratorProps,\r\n    TableFilterDecoratorDataProps\r\n  >(TableFilterDecorator, {\r\n    urls: {\r\n      filter: ({ store }, socket) => socket.post(`${store.viewUrl}/filter`),\r\n    },\r\n    loaderText: null,\r\n  });\r\n}\r\n","import SocketService from 'services/SocketService';\r\nimport TableActions from 'actions/TableActions';\r\n\r\nimport invariant from 'invariant';\r\n\r\n// TODO: this should be handled on component level (instead of using global stores)\r\nexport default (defaultSortProperty, defaultSortAscending = true) => {\r\n  let active = false;\r\n  let totalCount = -1; // Not zero to avoid using emptyRowsNodeGetter when it's not wanted\r\n  let matchingCount = 0;\r\n  let startPos = 0;\r\n  let items = [];\r\n  let entityId = null;\r\n  let paused = false;\r\n  let scrollPosition = 0;\r\n\r\n  const DEBUG = true;\r\n\r\n  let sortProperty = defaultSortProperty;\r\n  let sortAscending = defaultSortAscending;\r\n\r\n  const findItem = (id) => {\r\n    return items.find((item) => (!item ? false : item.id === id));\r\n  };\r\n\r\n  const clear = () => {\r\n    items = [];\r\n    startPos = 0;\r\n    matchingCount = 0;\r\n    totalCount = -1;\r\n  };\r\n\r\n  const addItems = (itemsObj) => {\r\n    items = itemsObj.reduce((newViewItems, rawItem, index) => {\r\n      // Either a new item, existing one in a different position or we are updating properties\r\n      let viewItem = findItem(rawItem.id) || { id: rawItem.id };\r\n\r\n      if (rawItem.properties) {\r\n        viewItem = Object.assign({}, viewItem, rawItem.properties);\r\n      } else if (Object.keys(viewItem).length === 1) {\r\n        console.error('No properties were sent for a new view item', viewItem.id);\r\n      }\r\n\r\n      newViewItems[startPos + index] = viewItem;\r\n\r\n      return newViewItems;\r\n    }, []);\r\n  };\r\n\r\n  const parseDataProperties = (data) => {\r\n    if (data.range_start != undefined) {\r\n      startPos = data.range_start;\r\n    }\r\n\r\n    if (data.total_items != undefined) {\r\n      totalCount = data.total_items;\r\n    }\r\n\r\n    if (data.matching_items != undefined) {\r\n      matchingCount = data.matching_items;\r\n    }\r\n\r\n    if (data.items != undefined) {\r\n      addItems(data.items);\r\n    }\r\n  };\r\n\r\n  const ViewStoreMixin = {\r\n    listenables: TableActions,\r\n    DEBUG,\r\n\r\n    onClose(viewUrl) {\r\n      if (viewUrl !== this.viewUrl) {\r\n        return;\r\n      }\r\n\r\n      if (DEBUG) {\r\n        console.log(`Closing view ${this.viewUrl}`);\r\n      }\r\n\r\n      this._removeMessageListener();\r\n      clear();\r\n\r\n      active = false;\r\n      this.trigger();\r\n    },\r\n\r\n    onClear(viewUrl) {\r\n      if (viewUrl !== this.viewUrl) {\r\n        return;\r\n      }\r\n\r\n      clear();\r\n      this.trigger();\r\n    },\r\n\r\n    onPause(viewUrl, enabled) {\r\n      if (viewUrl !== this.viewUrl) {\r\n        return;\r\n      }\r\n\r\n      paused = enabled;\r\n    },\r\n\r\n    onInit(viewUrl, entity) {\r\n      if (viewUrl !== this.viewUrl) {\r\n        return;\r\n      }\r\n\r\n      invariant(!active, 'Trying start an active table view');\r\n\r\n      entityId = entity;\r\n\r\n      this.addMessageListener();\r\n      if (DEBUG) {\r\n        console.log(`Starting view ${this.viewUrl}`);\r\n      }\r\n\r\n      active = true;\r\n    },\r\n\r\n    onSetSort(viewUrl, property, ascending) {\r\n      if (viewUrl !== this.viewUrl) {\r\n        return;\r\n      }\r\n\r\n      sortProperty = property;\r\n      sortAscending = ascending;\r\n      //this.trigger(items);\r\n    },\r\n\r\n    addMessageListener() {\r\n      this._removeMessageListener = SocketService.addViewUpdateListener(\r\n        this._viewName,\r\n        this._handleUpdate,\r\n        entityId,\r\n      );\r\n    },\r\n\r\n    get items() {\r\n      return items;\r\n    },\r\n\r\n    get viewUrl() {\r\n      let viewUrl = this._apiUrl + '/';\r\n      if (entityId) {\r\n        viewUrl += entityId + '/';\r\n      }\r\n\r\n      viewUrl += this._viewName;\r\n      return viewUrl;\r\n    },\r\n\r\n    get viewName() {\r\n      return this._viewName;\r\n    },\r\n\r\n    get rowCount() {\r\n      return matchingCount;\r\n    },\r\n\r\n    get totalCount() {\r\n      return totalCount;\r\n    },\r\n\r\n    get active() {\r\n      return active;\r\n    },\r\n\r\n    get sortProperty() {\r\n      return sortProperty;\r\n    },\r\n\r\n    get sortAscending() {\r\n      return sortAscending;\r\n    },\r\n\r\n    get paused() {\r\n      return paused;\r\n    },\r\n\r\n    setScrollData(data, viewId) {\r\n      if (this._sessionStore) {\r\n        this._sessionStore.scroll.setScrollData(data, entityId, viewId);\r\n        return;\r\n      }\r\n\r\n      if (DEBUG) {\r\n        console.log(\r\n          `Setting scroll position ${data} for view ${this.viewUrl} (view ID ${viewId})`,\r\n        );\r\n      }\r\n\r\n      scrollPosition = data;\r\n    },\r\n\r\n    getScrollData(viewId) {\r\n      if (this._sessionStore) {\r\n        return this._sessionStore.scroll.getScrollData(entityId, viewId);\r\n      }\r\n\r\n      if (DEBUG) {\r\n        console.log(\r\n          `Getting scroll position ${scrollPosition} for view ${this.viewUrl} (view ID ${viewId})`,\r\n        );\r\n      }\r\n\r\n      return scrollPosition;\r\n    },\r\n\r\n    _handleUpdate(data) {\r\n      parseDataProperties(data);\r\n      this.trigger(items, data.range_offset, matchingCount);\r\n    },\r\n  };\r\n\r\n  return ViewStoreMixin;\r\n};\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","TableActions","setRange","asyncResult","setSort","close","pause","init","postSettings","settings","viewUrl","action","post","then","data","completed","catch","error","failed","listen","sessionExists","socketAuthenticated","that","this","delete","Promise","resolve","sortProperty","sortAscending","sort_property","sort_ascending","rangeStart","maxRows","console","assert","range_start","max_count","paused","entityId","filterData","source_filter","item","className","country","toLowerCase","str","getCellContent","cellData","Array","isArray","length","TextCell","HeaderCell","onClick","label","columnKey","props","caption","FileActionCell","rowDataGetter","children","typeInfo","type","itemData","ActionMenuCell","ActionLinkCell","moduleData","entity","login","onClickAction","SizeCell","formatSize","SpeedCell","formatSpeed","DurationCell","formatRelativeTime","AbbreviatedDurationCell","formatAbbreviatedDuration","IpCell","ConnectionCell","formatConnection","DecimalCell","FileDownloadCell","clickHandlerGetter","userGetter","downloadHandler","user","linkCaption","itemInfoGetter","CheckboxCell","onChange","checked","filterMethodToString","method","t","methodTitle","REGEX","WILDCARD","EXACT","getFilterMethodCaption","getPlaceholder","ret","PARTIAL","TextFilter","state","value","onFilterUpdated","onTextChanged","event","setState","target","clearTimeout","timer","window","setTimeout","onMethodChanged","input","focus","getFilterMethod","isCurrent","MenuItemLink","active","componentWillUnmount","render","autoFocus","Input","ref","c","placeholder","SectionedDropdown","button","direction","MenuSection","Object","keys","filter","key","isNaN","Number","map","defaultProps","TableFilterDecorator","CountInfo","store","totalCount","rowCount","Icon","icon","IconConstants","FILTER","customFilter","CustomFilter","footerData","textFilterProps","RowWrapperCell","rowData","loadData","rowIndex","dataLoader","updateRowData","onDataLoaded","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","removePendingRequests","shouldComponentUpdate","nextState","width","renderCondition","rowClassNameGetter","other","undefined","formatColumnName","column","moduleId","name","displayName","TABLE","sortDirArrow","TableContainer","height","columnWidths","isColumnResizing","getInitialProps","scrollPosition","setInitialScrollRow","updateRowRange","startRows","pixels","Math","max","floor","ceil","convertEndToRows","DEBUG","log","viewName","onScrollStart","horizontal","vertical","onScrollEnd","viewId","scrollTimer","setScrollData","onColumnClicked","onColumnResizeEndCallback","newColumnWidth","childToColumn","hideWidth","flexGrow","cell","mobileView","header","bind","isResizable","allowCellsRecycling","onResizeView","contentRect","bounds","entry","componentDidUpdate","prevProps","prevState","onResize","measureRef","rowHeight","rowsCount","headerHeight","touchScrollEnabled","scrollTop","getScrollData","constructor","onDataLoad","_onDataLoad","_store","_data","_pendingRequest","_initialDataReceived","clear","updateItem","updated","index","old","$merge","$set","onItemsUpdated","items","rangeOffset","hasChanges","i","updatedCount","reduce","_rangeOffset","getRowData","_queueRequestFor","rowBase","request","endRow","min","SocketService","get","onRowsReceived","start","rows","forEach","f","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","VirtualTable","forceUpdate","unsubscribe","moduleExists","sessionStore","getSession","sourceFilter","emptyRowsNodeGetter","Component","propertyName","socket","pattern","property","put","urls","loaderText","defaultSortProperty","defaultSortAscending","matchingCount","startPos","listenables","onClose","_removeMessageListener","trigger","onClear","onPause","enabled","onInit","addMessageListener","onSetSort","ascending","addViewUpdateListener","_viewName","_handleUpdate","_apiUrl","_sessionStore","scroll","itemsObj","total_items","matching_items","newViewItems","rawItem","viewItem","find","properties","assign","parseDataProperties","range_offset"],"sourceRoot":""}

package/dist/js/{616.7ee12a19504662bbc8b0.chunk.js → 616.301b522f13e0a9a48037.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[616],{46510:(n,e,s)=>{s.d(e,{A:()=>r});var i=s(71354),t=s.n(i),o=s(76314),a=s.n(o)()(t());a.push([n.id,".session-container {\n  background-color: white;\n}\n\n.session-container.horizontal.ui.grid {\n  margin: 0px !important;\n}\n\n.session-container.horizontal .menu-column .item.new {\n  padding: 0.78571429em 1.1em !important;\n}\n\n.session-container.horizontal .ui.vertical.menu .item > i.icon {\n  margin: 0 0.35714286em 0 0 !important;\n}\n\n.session-container.horizontal .session-layout > .ui.divider {\n  margin: 5px 0px 0px 0px;\n}\n\n.session-container.vertical {\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n}\n.session-layout {\n  flex: 100 100 auto;\n  display: flex;\n  overflow: hidden;\n}\n\n.session-container.horizontal .session-layout {\n  flex-direction: column;\n}\n\n.session-container.vertical .menu-bar {\n  justify-content: space-between;\n  margin: 0px !important;\n}\n\n.session-container.vertical .menu-bar .content-left {\n  width: 100%;\n}\n\n.session-container.vertical .menu-bar .close-button.item:before {\n  background: none !important;\n}\n\n.session-container.vertical .menu-bar .close-button.item {\n  box-shadow: none !important;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\n  float: left;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\n  max-height: calc(100dvh - 140px);\n  overflow-y: auto;\n  overflow-x: hidden;\n  max-width: calc(100vw - 30px);\n}\n\n.session-container.vertical .session-item .count.label {\n  margin-left: 1em !important;\n}\n\n.session-container.vertical .session-header {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.session-container.vertical .session-header > div {\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\n  padding: 0.82857143em 0.4285714em;\n  line-height: 1.2;\n}\n\n.session-container.vertical .session-header > div:before {\n  background: none !important;\n}\n\n.session-container.vertical .session-header > i {\n  margin-left: 10px;\n}\n\n.session-container.vertical .session-header .ui.dropdown > i {\n  margin: 0px 5px;\n}\n\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\n.session-container.horizontal .session-header .header > i,\n.session-container.vertical .session-header > i {\n  width: inherit !important;\n  font-size: 1.5em;\n}\n\n.session-container.horizontal .session-header .ui.header {\n  align-items: center;\n}\n\n.session-container.vertical .menu-bar {\n  border-radius: 0px !important;\n  padding-bottom: 0px;\n}\n\n.session-container,\n.session-layout,\n.session-container.horizontal .column {\n  height: 100%;\n}\n\n.session-container.horizontal .column > div {\n  max-height: 100%;\n}\n\n.session-container .session-item {\n  overflow: hidden;\n  display: flex !important;\n  align-items: center;\n  padding: 0.68571429em 0.92857143em !important;\n  height: 35px;\n}\n\n.session-container .session-item .session-status {\n  float: none !important;\n  margin: 0 0.5em 0 0 !important;\n}\n\n.session-container .session-item .session-name {\n  overflow: hidden;\n  flex: 1 1 100%;\n  line-height: 1.2;\n}\n\n.session-container .session-status {\n  margin-right: 5px;\n  margin-top: 3px;\n}\n\n.session-container.horizontal .menu-column {\n  display: flex !important;\n  flex-direction: column;\n  padding-right: 0px !important;\n}\n\n.session-container.horizontal .menu-column .menu {\n  width: initial !important;\n  overflow-y: auto;\n  padding-top: 10px;\n  flex: 1;\n}\n\n.session-container.horizontal .menu-column .session-item span.session-name,\n.session-container .session-header .ui.dropdown .caption {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.session-container .session-header .title .ui.dropdown {\n  width: 100%;\n}\n\n.session-layout .sub.header {\n  overflow: hidden;\n}\n\n.session-layout .sub.header img {\n  vertical-align: text-top;\n}\n\n.session-footer .info-grid {\n  margin-top: 7px !important;\n  font-size: small;\n  color: grey;\n  display: flex;\n  flex: 1;\n  align-items: flex-end;\n}\n\n.session-footer .info-grid > div {\n  flex: 1;\n}\n\n.session-footer .info-grid > div:last-child > div {\n  float: right;\n}\n\n.session-footer .info-grid > div:only-child > div {\n  float: inherit;\n}\n\n.session-footer .ui.checkbox {\n  min-height: inherit !important;\n}\n\n.session-footer .divider {\n  margin-top: 8px;\n  margin-bottom: 0px;\n}\n\n/* New session layout */\n.session.new {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  margin-top: 20px;\n  padding: 1px;\n}\n\n.session.new .recents {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 20px;\n  overflow-y: hidden;\n}\n\n.session.new .recents .list {\n  padding: 3px 5px;\n  flex: 100 100 0%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n","",{version:3,sources:["webpack://./src/routes/Sidebar/sessions.css"],names:[],mappings:"AAAA;EACE,uBAAuB;AACzB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,aAAa;EACb,sBAAsB;AACxB;AACA;EACE,kBAAkB;EAClB,aAAa;EACb,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,8BAA8B;EAC9B,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,gCAAgC;EAChC,gBAAgB;EAChB,kBAAkB;EAClB,6BAA6B;AAC/B;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,cAAc,EAAE,2GAA2G;EAC3H,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,eAAe;AACjB;;AAEA,oEAAoE;AACpE;;EAEE,yBAAyB;EACzB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,6BAA6B;EAC7B,mBAAmB;AACrB;;AAEA;;;EAGE,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,wBAAwB;EACxB,mBAAmB;EACnB,6CAA6C;EAC7C,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,8BAA8B;AAChC;;AAEA;EACE,gBAAgB;EAChB,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,wBAAwB;EACxB,sBAAsB;EACtB,6BAA6B;AAC/B;;AAEA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,iBAAiB;EACjB,OAAO;AACT;;AAEA;;EAEE,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,0BAA0B;EAC1B,gBAAgB;EAChB,WAAW;EACX,aAAa;EACb,OAAO;EACP,qBAAqB;AACvB;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA,uBAAuB;AACvB;EACE,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,YAAY;AACd;;AAEA;EACE,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;AACpB",sourcesContent:[".session-container {\n  background-color: white;\n}\n\n.session-container.horizontal.ui.grid {\n  margin: 0px !important;\n}\n\n.session-container.horizontal .menu-column .item.new {\n  padding: 0.78571429em 1.1em !important;\n}\n\n.session-container.horizontal .ui.vertical.menu .item > i.icon {\n  margin: 0 0.35714286em 0 0 !important;\n}\n\n.session-container.horizontal .session-layout > .ui.divider {\n  margin: 5px 0px 0px 0px;\n}\n\n.session-container.vertical {\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n}\n.session-layout {\n  flex: 100 100 auto;\n  display: flex;\n  overflow: hidden;\n}\n\n.session-container.horizontal .session-layout {\n  flex-direction: column;\n}\n\n.session-container.vertical .menu-bar {\n  justify-content: space-between;\n  margin: 0px !important;\n}\n\n.session-container.vertical .menu-bar .content-left {\n  width: 100%;\n}\n\n.session-container.vertical .menu-bar .close-button.item:before {\n  background: none !important;\n}\n\n.session-container.vertical .menu-bar .close-button.item {\n  box-shadow: none !important;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\n  float: left;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\n  max-height: calc(100dvh - 140px);\n  overflow-y: auto;\n  overflow-x: hidden;\n  max-width: calc(100vw - 30px);\n}\n\n.session-container.vertical .session-item .count.label {\n  margin-left: 1em !important;\n}\n\n.session-container.vertical .session-header {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.session-container.vertical .session-header > div {\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\n  padding: 0.82857143em 0.4285714em;\n  line-height: 1.2;\n}\n\n.session-container.vertical .session-header > div:before {\n  background: none !important;\n}\n\n.session-container.vertical .session-header > i {\n  margin-left: 10px;\n}\n\n.session-container.vertical .session-header .ui.dropdown > i {\n  margin: 0px 5px;\n}\n\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\n.session-container.horizontal .session-header .header > i,\n.session-container.vertical .session-header > i {\n  width: inherit !important;\n  font-size: 1.5em;\n}\n\n.session-container.horizontal .session-header .ui.header {\n  align-items: center;\n}\n\n.session-container.vertical .menu-bar {\n  border-radius: 0px !important;\n  padding-bottom: 0px;\n}\n\n.session-container,\n.session-layout,\n.session-container.horizontal .column {\n  height: 100%;\n}\n\n.session-container.horizontal .column > div {\n  max-height: 100%;\n}\n\n.session-container .session-item {\n  overflow: hidden;\n  display: flex !important;\n  align-items: center;\n  padding: 0.68571429em 0.92857143em !important;\n  height: 35px;\n}\n\n.session-container .session-item .session-status {\n  float: none !important;\n  margin: 0 0.5em 0 0 !important;\n}\n\n.session-container .session-item .session-name {\n  overflow: hidden;\n  flex: 1 1 100%;\n  line-height: 1.2;\n}\n\n.session-container .session-status {\n  margin-right: 5px;\n  margin-top: 3px;\n}\n\n.session-container.horizontal .menu-column {\n  display: flex !important;\n  flex-direction: column;\n  padding-right: 0px !important;\n}\n\n.session-container.horizontal .menu-column .menu {\n  width: initial !important;\n  overflow-y: auto;\n  padding-top: 10px;\n  flex: 1;\n}\n\n.session-container.horizontal .menu-column .session-item span.session-name,\n.session-container .session-header .ui.dropdown .caption {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.session-container .session-header .title .ui.dropdown {\n  width: 100%;\n}\n\n.session-layout .sub.header {\n  overflow: hidden;\n}\n\n.session-layout .sub.header img {\n  vertical-align: text-top;\n}\n\n.session-footer .info-grid {\n  margin-top: 7px !important;\n  font-size: small;\n  color: grey;\n  display: flex;\n  flex: 1;\n  align-items: flex-end;\n}\n\n.session-footer .info-grid > div {\n  flex: 1;\n}\n\n.session-footer .info-grid > div:last-child > div {\n  float: right;\n}\n\n.session-footer .info-grid > div:only-child > div {\n  float: inherit;\n}\n\n.session-footer .ui.checkbox {\n  min-height: inherit !important;\n}\n\n.session-footer .divider {\n  margin-top: 8px;\n  margin-bottom: 0px;\n}\n\n/* New session layout */\n.session.new {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  margin-top: 20px;\n  padding: 1px;\n}\n\n.session.new .recents {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 20px;\n  overflow-y: hidden;\n}\n\n.session.new .recents .list {\n  padding: 3px 5px;\n  flex: 100 100 0%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n"],sourceRoot:""}]);const r=a},4112:(n,e,s)=>{s.d(e,{R:()=>t});var i=s(4425);const t=(n,e)=>({id:"remove",displayName:"Close",access:e,icon:i.A.REMOVE,handler:({itemData:e,socket:s})=>s.delete(`${n}/${e.id}`)})},79531:(n,e,s)=>{s.d(e,{A:()=>r});var i=s(74848),t=s(96540),o=s(1530),a=s(19718);function r(n,e=!1){class s extends t.Component{constructor(){super(...arguments),this.setRead=n=>{this.props.sessionApi.setRead(n),this.readTimeout=void 0},this.setSession=n=>{if(this.readTimeout&&(clearTimeout(this.readTimeout),this.setRead(this.props.session)),this.props.sessionApi.sessionChanged(n),!n)return;const s=e?1e3*o.A.getValue(a.xC.UNREAD_LABEL_DELAY):0;this.readTimeout=window.setTimeout((()=>this.setRead(n)),s)}}componentDidMount(){this.setSession(this.props.session)}componentWillUnmount(){this.setSession(null)}componentDidUpdate(n){this.props.session.id!==n.session.id&&this.setSession(this.props.session)}render(){return(0,i.jsx)(n,Object.assign({},this.props))}}return s}},38453:(n,e,s)=>{s.d(e,{J:()=>t,q:()=>o});var i=s(74848);s(96540);const t=({label:n,text:e})=>(0,i.jsx)("div",{className:"grid-item",children:(0,i.jsx)("div",{className:"item-inner",children:n&&"string"==typeof e?`${n}: ${e}`:e})}),o=({children:n})=>(0,i.jsxs)("div",{className:"session-footer",children:[(0,i.jsx)("div",{className:"ui footer divider"}),(0,i.jsx)("div",{className:"info-grid ui",children:n})]})},91950:(n,e,s)=>{s.d(e,{A:()=>X});var i=s(74848),t=s(96540),o=s(99347),a=s(8098),r=s(68514),A=s(31104),l=s(19247),c=s(25906),d=s(67749),m=s(42695),u=s(4425),p=s(32389);const h=({sessionMenuItems:n,newButton:e,unreadInfoStore:s,listActionMenuGetter:t})=>{const{t:o}=(0,p.Bd)();return(0,i.jsxs)(A.A,{triggerIcon:(0,i.jsx)(c.Z,{urgencies:s?s.getTotalUrgencies():null}),children:[(0,i.jsx)(l.A,{caption:(0,m.Tl)("New",o,d.KV.COMMON),children:e}),(0,i.jsx)(l.A,{caption:(0,m.Tl)("Current sessions",o,d.KV.COMMON),children:n}),(0,i.jsx)(l.A,{children:t()})]})},E=({actions:n,activeItem:e})=>{if(!e||(0,a.vU)())return null;const s=Object.values(n.actions)[Object.values(n.actions).length-1];return(0,i.jsx)(r.A,{className:"basic small item close-button",action:s,moduleData:n.moduleData,itemData:e,icon:u.A.CLOSE})},g=({itemHeaderIcon:n,itemHeaderTitle:e})=>(0,i.jsxs)("div",{className:"session-header",children:[n,e]}),B=n=>{var{children:e,onKeyDown:s}=n,t=function(n,e){var s={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(s[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(i=Object.getOwnPropertySymbols(n);t<i.length;t++)e.indexOf(i[t])<0&&Object.prototype.propertyIsEnumerable.call(n,i[t])&&(s[i[t]]=n[i[t]])}return s}(n,["children","onKeyDown"]);return(0,i.jsxs)("div",{className:"session-container vertical",onKeyDown:s,tabIndex:0,children:[(0,i.jsxs)("div",{className:"ui main menu menu-bar",children:[(0,i.jsxs)("div",{className:"content-left",children:[(0,i.jsx)(h,Object.assign({},t)),(0,i.jsx)(g,Object.assign({},t))]}),(0,i.jsx)(E,Object.assign({},t))]}),(0,i.jsx)("div",{className:"session-layout",children:e})]})};var x=s(31224),f=s(73070);const C=({sessionMenuItems:n,newButton:e,itemHeaderIcon:s,itemHeaderTitle:o,children:a,itemHeaderDescription:r,onKeyDown:A})=>(e&&(e=t.cloneElement(e,{className:e.props.className+" ui fluid button"})),(0,i.jsxs)(f.xA,{className:"session-container horizontal",onKeyDown:A,tabIndex:0,children:[(0,i.jsxs)("div",{className:"four wide column menu-column",children:[e,!!n.length&&(0,i.jsx)("div",{className:"ui vertical secondary menu",children:n})]}),(0,i.jsx)("div",{className:"twelve wide stretched column content-column session",children:(0,i.jsxs)("div",{className:"ui segment session-layout",children:[(0,i.jsx)(x.A,{className:"session-header",icon:s,title:(0,i.jsx)("div",{className:"title",children:o}),subHeader:r}),(0,i.jsx)("div",{className:"ui divider",style:{margin:"5px 0px 0px 0px"}}),a]})})]}));var v=s(32728),w=s(18220),b=s(6527),y=s(20311),j=s.n(y);const I=({baseUrl:n})=>{const e=(0,b.Zp)(),s=e=>(j()(!!e,"Trying to get session URL without a session"),`/${n}/session/${e}`),i=`/${n}/new`;return{newUrl:`/${n}/new`,replaceNew:()=>{e(i,{replace:!0})},getSessionUrl:s,pushSession:n=>{e(s(n))},replaceSession:(n,i)=>{e(s(n),{replace:!0,state:i})}}},N=(n,e)=>n.find((n=>n.id===e));var O=s(85072),z=s.n(O),T=s(97825),S=s.n(T),k=s(77659),M=s.n(k),D=s(55056),H=s.n(D),U=s(10540),K=s.n(U),L=s(41113),G=s.n(L),W=s(46510),Y={};Y.styleTagTransform=G(),Y.setAttributes=H(),Y.insert=M().bind(null,"head"),Y.domAPI=S(),Y.insertStyleElement=K(),z()(W.A,Y),W.A&&W.A.locals&&W.A.locals;var R=s(71352),V=s(46942),$=s.n(V),P=s(45325);const _=({url:n,title:e,className:s})=>(0,i.jsx)(P.A,{className:$()("new",s),icon:u.A.CREATE,url:n,children:e},"button-new"),q=({sessionItem:n,status:e,name:s,unreadInfoStore:t,url:o})=>(0,i.jsx)(P.A,{url:o,className:"session-item",icon:e,session:n,unreadInfoStore:t,children:(0,i.jsx)("span",{className:"session-name",children:s})});var Z=s(83994),F=s(27725),J=s(28286);const X=n=>{const{hasAccess:e}=(0,J.w)(),s=(0,w.y)(),r=(0,b.Zp)(),A=(0,b.zy)(),{activeItem:l,onKeyDown:c}=(n=>{const[e,s]=t.useState(null),i=(0,b.zy)(),{pushSession:o,replaceSession:r,newUrl:A,replaceNew:l}=I({baseUrl:n.baseUrl}),c=()=>`${n.baseUrl}_last_active`;return t.useLayoutEffect((()=>{if(i.pathname===A)return void(e&&s(null));if((()=>{const e=i,t=e.state&&e.state.pending,o=N(n.items,n.activeId);return o?t?(r(o.id,{pending:!1}),!0):(s(o),(0,a.MS)(c(),n.activeId),!0):!!t||0===n.items.length&&(l(),s(null),!0)})())return;if(!e){const e=(0,a.H5)(c());if(e&&N(n.items,e))return void r(e)}const{items:t,activeId:o}=n;let d=0;const m=N(t,o);m&&(d=t.indexOf(m),d===t.length-1&&(d-=1)),r(t[d].id)}),[i,n.items]),{onKeyDown:e=>{const{key:s,altKey:i}=e;if(!i||"ArrowUp"!==s&&"ArrowDown"!==s){if(i&&"Insert"===s)e.preventDefault(),l();else if(i&&"Delete"===s){e.preventDefault();const{items:s,activeId:i,sessionApi:t}=n,o=N(s,i);o&&t.removeSession(o)}}else{e.preventDefault();const{items:i,activeId:t}=n,a=N(i,t);if(!a)return;const r=i.indexOf(a);if(-1===r)return;const A=i["ArrowUp"===s?r-1:r+1];A&&o(A.id)}},activeItem:e}})(n),h=e(n.editAccess),E=!!n.newLayout&&A.pathname.endsWith("/new"),{disableSideMenu:g,items:x,unreadInfoStore:f,sessionT:y,uiActions:j}=n,O=g||(0,a.vU)(s),{getItemHeaderTitle:z,getItemHeaderDescription:T,getItemHeaderIcon:S,getNewButton:k,getSessionMenuItems:M,getSessionActionMenuItems:D}=(n=>{const e=(0,b.zy)(),{t:s}=(0,p.Bd)(),{newUrl:t,getSessionUrl:o}=I({baseUrl:n.baseUrl}),a=e=>{const{itemStatusGetter:s,itemHeaderIconGetter:t}=n;return s?(0,i.jsx)("div",{className:"ui session-status empty circular left mini label "+s(e)}):(0,i.jsx)(Z.A,{icon:t(e)})};return{getItemHeaderDescription:()=>{const{itemHeaderDescriptionGetter:e,newDescription:s,activeItem:i,isNewLayout:t}=n;return t?s:i?e(i):null},getItemHeaderIcon:()=>{const{itemHeaderIconGetter:e,newIcon:s,activeItem:t,isNewLayout:o}=n;return o?(0,i.jsx)(Z.A,{icon:s}):t?(0,i.jsx)(Z.A,{icon:e(t)}):null},getItemHeaderTitle:()=>{const{activeItem:s,newCaption:t,remoteMenuId:o,isNewLayout:a}=n;if(a)return(0,i.jsx)("div",{children:t});if(!s)return null;const{uiActions:r,actionIds:A,itemNameGetter:l,itemHeaderTitleGetter:c}=n,d=A?[...A,"divider","remove"]:void 0,m=(0,i.jsx)(R.Wy,{caption:l(s),actions:r,itemData:s,ids:d,remoteMenuId:o});if(c){const n=c(s,e,m);if(n)return n}return m},getSessionActionMenuItems:()=>{const{items:e,hasEditAccess:t}=n;return t&&0!==e.length?(0,i.jsx)(F.A,{onClick:()=>{const{sessionApi:e,items:s}=n;s.forEach((n=>e.removeSession(n)))},icon:u.A.REMOVE,children:(0,m.Tl)("Close all",s,d.KV.COMMON)},"close"):null},getNewButton:()=>{const{newCaption:e,hasEditAccess:s}=n;return s&&e?(0,i.jsx)(_,{title:e,url:t},"new-button"):null},getSessionMenuItems:()=>n.items.map((e=>{const{itemNameGetter:s,unreadInfoStore:t}=n;return(0,i.jsx)(q,{url:o(e.id),name:s(e),unreadInfoStore:t,status:a(e),sessionItem:e},e.id)}))}})(Object.assign(Object.assign({},n),{activeItem:l,hasEditAccess:h,isNewLayout:E}));if(!h&&0===x.length)return(0,i.jsx)(v.A,{title:(0,m.Tl)("No items to show",y.plainT,d.KV.COMMON),description:y.plainT((0,m.j2)("noSessionEditAccess",d.KV.COMMON),"You aren't allowed to open new sessions")});const H=O?B:C;return(0,i.jsx)(H,{itemHeaderTitle:z(),itemHeaderDescription:T(),itemHeaderIcon:S(),newButton:k(),sessionMenuItems:M(),listActionMenuGetter:D,activeItem:l,unreadInfoStore:f,onKeyDown:c,actions:j,children:(()=>{const{newLayout:e,sessionT:s}=n;return E&&e?(0,i.jsx)(e,{navigate:r,location:A,sessionT:s}):(()=>{const{activeId:e,items:s,sessionItemLayout:t,sessionApi:a,uiActions:c,sessionT:u}=n;if(!l){const{state:n}=A;return n&&n.pending?(0,i.jsx)(o.A,{text:(0,m.Tl)("Waiting for server response",u.plainT,d.KV.COMMON)}):e||0!==s.length?(0,i.jsx)(o.A,{text:(0,m.Tl)("Loading session",u.plainT,d.KV.COMMON)}):void console.error("SessionLayout route: active session missing")}return(0,i.jsx)(t,{session:l,sessionApi:a,uiActions:c,location:A,navigate:r,sessionT:u})})()})()})}},78046:(n,e,s)=>{s.d(e,{Z:()=>c});var i=s(74848),t=(s(96540),s(99347)),o=s(69640),a=s(67749),r=s(32389),A=s(42695),l=s(6527);const c=(n,e,s)=>c=>{const{t:d}=(0,r.Bd)(),m=(0,A.lw)(d,s),u=(0,l.g)(),p=(0,o.P)(e);return e.isInitialized()?(0,i.jsx)(n,{items:p,params:u,sessionT:m}):(0,i.jsx)(t.A,{text:(0,A.Tl)("Loading sessions",d,a.KV.COMMON)})}}}]);
-//# sourceMappingURL=616.7ee12a19504662bbc8b0.chunk.js.map
+"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[616],{46510:(n,e,s)=>{s.d(e,{A:()=>r});var i=s(71354),t=s.n(i),o=s(76314),a=s.n(o)()(t());a.push([n.id,".session-container {\n  background-color: white;\n}\n\n.session-container.horizontal.ui.grid {\n  margin: 0px !important;\n}\n\n.session-container.horizontal .menu-column .item.new {\n  padding: 0.78571429em 1.1em !important;\n}\n\n.session-container.horizontal .ui.vertical.menu .item > i.icon {\n  margin: 0 0.35714286em 0 0 !important;\n}\n\n.session-container.horizontal .session-layout > .ui.divider {\n  margin: 5px 0px 0px 0px;\n}\n\n.session-container.vertical {\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n}\n.session-layout {\n  flex: 100 100 auto;\n  display: flex;\n  overflow: hidden;\n}\n\n.session-container.horizontal .session-layout {\n  flex-direction: column;\n}\n\n.session-container.vertical .menu-bar {\n  justify-content: space-between;\n  margin: 0px !important;\n}\n\n.session-container.vertical .menu-bar .content-left {\n  width: 100%;\n}\n\n.session-container.vertical .menu-bar .close-button.item:before {\n  background: none !important;\n}\n\n.session-container.vertical .menu-bar .close-button.item {\n  box-shadow: none !important;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\n  float: left;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\n  max-height: calc(100dvh - 140px);\n  overflow-y: auto;\n  overflow-x: hidden;\n  max-width: calc(100vw - 30px);\n}\n\n.session-container.vertical .session-item .count.label {\n  margin-left: 1em !important;\n}\n\n.session-container.vertical .session-header {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.session-container.vertical .session-header > div {\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\n  padding: 0.82857143em 0.4285714em;\n  line-height: 1.2;\n}\n\n.session-container.vertical .session-header > div:before {\n  background: none !important;\n}\n\n.session-container.vertical .session-header > i {\n  margin-left: 10px;\n}\n\n.session-container.vertical .session-header .ui.dropdown > i {\n  margin: 0px 5px;\n}\n\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\n.session-container.horizontal .session-header .header > i,\n.session-container.vertical .session-header > i {\n  width: inherit !important;\n  font-size: 1.5em;\n}\n\n.session-container.horizontal .session-header .ui.header {\n  align-items: center;\n}\n\n.session-container.vertical .menu-bar {\n  border-radius: 0px !important;\n  padding-bottom: 0px;\n}\n\n.session-container,\n.session-layout,\n.session-container.horizontal .column {\n  height: 100%;\n}\n\n.session-container.horizontal .column > div {\n  max-height: 100%;\n}\n\n.session-container .session-item {\n  overflow: hidden;\n  display: flex !important;\n  align-items: center;\n  padding: 0.68571429em 0.92857143em !important;\n  height: 35px;\n}\n\n.session-container .session-item .session-status {\n  float: none !important;\n  margin: 0 0.5em 0 0 !important;\n}\n\n.session-container .session-item .session-name {\n  overflow: hidden;\n  flex: 1 1 100%;\n  line-height: 1.2;\n}\n\n.session-container .session-status {\n  margin-right: 5px;\n  margin-top: 3px;\n}\n\n.session-container.horizontal .menu-column {\n  display: flex !important;\n  flex-direction: column;\n  padding-right: 0px !important;\n}\n\n.session-container.horizontal .menu-column .menu {\n  width: initial !important;\n  overflow-y: auto;\n  padding-top: 10px;\n  flex: 1;\n}\n\n.session-container.horizontal .menu-column .session-item span.session-name,\n.session-container .session-header .ui.dropdown .caption {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.session-container .session-header .title .ui.dropdown {\n  width: 100%;\n}\n\n.session-layout .sub.header {\n  overflow: hidden;\n}\n\n.session-layout .sub.header img {\n  vertical-align: text-top;\n}\n\n.session-footer .info-grid {\n  margin-top: 7px !important;\n  font-size: small;\n  color: grey;\n  display: flex;\n  flex: 1;\n  align-items: flex-end;\n}\n\n.session-footer .info-grid > div {\n  flex: 1;\n}\n\n.session-footer .info-grid > div:last-child > div {\n  float: right;\n}\n\n.session-footer .info-grid > div:only-child > div {\n  float: inherit;\n}\n\n.session-footer .ui.checkbox {\n  min-height: inherit !important;\n}\n\n.session-footer .divider {\n  margin-top: 8px;\n  margin-bottom: 0px;\n}\n\n/* New session layout */\n.session.new {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  margin-top: 20px;\n  padding: 1px;\n}\n\n.session.new .recents {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 20px;\n  overflow-y: hidden;\n}\n\n.session.new .recents .list {\n  padding: 3px 5px;\n  flex: 100 100 0%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n","",{version:3,sources:["webpack://./src/routes/Sidebar/sessions.css"],names:[],mappings:"AAAA;EACE,uBAAuB;AACzB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,aAAa;EACb,sBAAsB;AACxB;AACA;EACE,kBAAkB;EAClB,aAAa;EACb,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,8BAA8B;EAC9B,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,gCAAgC;EAChC,gBAAgB;EAChB,kBAAkB;EAClB,6BAA6B;AAC/B;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,cAAc,EAAE,2GAA2G;EAC3H,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,eAAe;AACjB;;AAEA,oEAAoE;AACpE;;EAEE,yBAAyB;EACzB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,6BAA6B;EAC7B,mBAAmB;AACrB;;AAEA;;;EAGE,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,wBAAwB;EACxB,mBAAmB;EACnB,6CAA6C;EAC7C,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,8BAA8B;AAChC;;AAEA;EACE,gBAAgB;EAChB,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,wBAAwB;EACxB,sBAAsB;EACtB,6BAA6B;AAC/B;;AAEA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,iBAAiB;EACjB,OAAO;AACT;;AAEA;;EAEE,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,0BAA0B;EAC1B,gBAAgB;EAChB,WAAW;EACX,aAAa;EACb,OAAO;EACP,qBAAqB;AACvB;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA,uBAAuB;AACvB;EACE,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,YAAY;AACd;;AAEA;EACE,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;AACpB",sourcesContent:[".session-container {\n  background-color: white;\n}\n\n.session-container.horizontal.ui.grid {\n  margin: 0px !important;\n}\n\n.session-container.horizontal .menu-column .item.new {\n  padding: 0.78571429em 1.1em !important;\n}\n\n.session-container.horizontal .ui.vertical.menu .item > i.icon {\n  margin: 0 0.35714286em 0 0 !important;\n}\n\n.session-container.horizontal .session-layout > .ui.divider {\n  margin: 5px 0px 0px 0px;\n}\n\n.session-container.vertical {\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n}\n.session-layout {\n  flex: 100 100 auto;\n  display: flex;\n  overflow: hidden;\n}\n\n.session-container.horizontal .session-layout {\n  flex-direction: column;\n}\n\n.session-container.vertical .menu-bar {\n  justify-content: space-between;\n  margin: 0px !important;\n}\n\n.session-container.vertical .menu-bar .content-left {\n  width: 100%;\n}\n\n.session-container.vertical .menu-bar .close-button.item:before {\n  background: none !important;\n}\n\n.session-container.vertical .menu-bar .close-button.item {\n  box-shadow: none !important;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\n  float: left;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\n  max-height: calc(100dvh - 140px);\n  overflow-y: auto;\n  overflow-x: hidden;\n  max-width: calc(100vw - 30px);\n}\n\n.session-container.vertical .session-item .count.label {\n  margin-left: 1em !important;\n}\n\n.session-container.vertical .session-header {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.session-container.vertical .session-header > div {\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\n  padding: 0.82857143em 0.4285714em;\n  line-height: 1.2;\n}\n\n.session-container.vertical .session-header > div:before {\n  background: none !important;\n}\n\n.session-container.vertical .session-header > i {\n  margin-left: 10px;\n}\n\n.session-container.vertical .session-header .ui.dropdown > i {\n  margin: 0px 5px;\n}\n\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\n.session-container.horizontal .session-header .header > i,\n.session-container.vertical .session-header > i {\n  width: inherit !important;\n  font-size: 1.5em;\n}\n\n.session-container.horizontal .session-header .ui.header {\n  align-items: center;\n}\n\n.session-container.vertical .menu-bar {\n  border-radius: 0px !important;\n  padding-bottom: 0px;\n}\n\n.session-container,\n.session-layout,\n.session-container.horizontal .column {\n  height: 100%;\n}\n\n.session-container.horizontal .column > div {\n  max-height: 100%;\n}\n\n.session-container .session-item {\n  overflow: hidden;\n  display: flex !important;\n  align-items: center;\n  padding: 0.68571429em 0.92857143em !important;\n  height: 35px;\n}\n\n.session-container .session-item .session-status {\n  float: none !important;\n  margin: 0 0.5em 0 0 !important;\n}\n\n.session-container .session-item .session-name {\n  overflow: hidden;\n  flex: 1 1 100%;\n  line-height: 1.2;\n}\n\n.session-container .session-status {\n  margin-right: 5px;\n  margin-top: 3px;\n}\n\n.session-container.horizontal .menu-column {\n  display: flex !important;\n  flex-direction: column;\n  padding-right: 0px !important;\n}\n\n.session-container.horizontal .menu-column .menu {\n  width: initial !important;\n  overflow-y: auto;\n  padding-top: 10px;\n  flex: 1;\n}\n\n.session-container.horizontal .menu-column .session-item span.session-name,\n.session-container .session-header .ui.dropdown .caption {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.session-container .session-header .title .ui.dropdown {\n  width: 100%;\n}\n\n.session-layout .sub.header {\n  overflow: hidden;\n}\n\n.session-layout .sub.header img {\n  vertical-align: text-top;\n}\n\n.session-footer .info-grid {\n  margin-top: 7px !important;\n  font-size: small;\n  color: grey;\n  display: flex;\n  flex: 1;\n  align-items: flex-end;\n}\n\n.session-footer .info-grid > div {\n  flex: 1;\n}\n\n.session-footer .info-grid > div:last-child > div {\n  float: right;\n}\n\n.session-footer .info-grid > div:only-child > div {\n  float: inherit;\n}\n\n.session-footer .ui.checkbox {\n  min-height: inherit !important;\n}\n\n.session-footer .divider {\n  margin-top: 8px;\n  margin-bottom: 0px;\n}\n\n/* New session layout */\n.session.new {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  margin-top: 20px;\n  padding: 1px;\n}\n\n.session.new .recents {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 20px;\n  overflow-y: hidden;\n}\n\n.session.new .recents .list {\n  padding: 3px 5px;\n  flex: 100 100 0%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n"],sourceRoot:""}]);const r=a},4112:(n,e,s)=>{s.d(e,{R:()=>t});var i=s(4425);const t=(n,e)=>({id:"remove",displayName:"Close",access:e,icon:i.A.REMOVE,handler:({itemData:e,socket:s})=>s.delete(`${n}/${e.id}`)})},79531:(n,e,s)=>{s.d(e,{A:()=>r});var i=s(74848),t=s(96540),o=s(95689),a=s(19718);function r(n,e=!1){class s extends t.Component{constructor(){super(...arguments),this.setRead=n=>{this.props.sessionApi.setRead(n),this.readTimeout=void 0},this.setSession=n=>{if(this.readTimeout&&(clearTimeout(this.readTimeout),this.setRead(this.props.session)),this.props.sessionApi.sessionChanged(n),!n)return;const s=e?1e3*o.A.getValue(a.xC.UNREAD_LABEL_DELAY):0;this.readTimeout=window.setTimeout((()=>this.setRead(n)),s)}}componentDidMount(){this.setSession(this.props.session)}componentWillUnmount(){this.setSession(null)}componentDidUpdate(n){this.props.session.id!==n.session.id&&this.setSession(this.props.session)}render(){return(0,i.jsx)(n,Object.assign({},this.props))}}return s}},38453:(n,e,s)=>{s.d(e,{J:()=>t,q:()=>o});var i=s(74848);s(96540);const t=({label:n,text:e})=>(0,i.jsx)("div",{className:"grid-item",children:(0,i.jsx)("div",{className:"item-inner",children:n&&"string"==typeof e?`${n}: ${e}`:e})}),o=({children:n})=>(0,i.jsxs)("div",{className:"session-footer",children:[(0,i.jsx)("div",{className:"ui footer divider"}),(0,i.jsx)("div",{className:"info-grid ui",children:n})]})},91950:(n,e,s)=>{s.d(e,{A:()=>X});var i=s(74848),t=s(96540),o=s(99347),a=s(8098),r=s(68514),A=s(31104),l=s(19247),c=s(25906),d=s(67749),m=s(42695),u=s(4425),p=s(32389);const h=({sessionMenuItems:n,newButton:e,unreadInfoStore:s,listActionMenuGetter:t})=>{const{t:o}=(0,p.Bd)();return(0,i.jsxs)(A.A,{triggerIcon:(0,i.jsx)(c.Z,{urgencies:s?s.getTotalUrgencies():null}),children:[(0,i.jsx)(l.A,{caption:(0,m.Tl)("New",o,d.KV.COMMON),children:e}),(0,i.jsx)(l.A,{caption:(0,m.Tl)("Current sessions",o,d.KV.COMMON),children:n}),(0,i.jsx)(l.A,{children:t()})]})},E=({actions:n,activeItem:e})=>{if(!e||(0,a.vU)())return null;const s=Object.values(n.actions)[Object.values(n.actions).length-1];return(0,i.jsx)(r.A,{className:"basic small item close-button",action:s,moduleData:n.moduleData,itemData:e,icon:u.A.CLOSE})},g=({itemHeaderIcon:n,itemHeaderTitle:e})=>(0,i.jsxs)("div",{className:"session-header",children:[n,e]}),B=n=>{var{children:e,onKeyDown:s}=n,t=function(n,e){var s={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(s[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(i=Object.getOwnPropertySymbols(n);t<i.length;t++)e.indexOf(i[t])<0&&Object.prototype.propertyIsEnumerable.call(n,i[t])&&(s[i[t]]=n[i[t]])}return s}(n,["children","onKeyDown"]);return(0,i.jsxs)("div",{className:"session-container vertical",onKeyDown:s,tabIndex:0,children:[(0,i.jsxs)("div",{className:"ui main menu menu-bar",children:[(0,i.jsxs)("div",{className:"content-left",children:[(0,i.jsx)(h,Object.assign({},t)),(0,i.jsx)(g,Object.assign({},t))]}),(0,i.jsx)(E,Object.assign({},t))]}),(0,i.jsx)("div",{className:"session-layout",children:e})]})};var x=s(31224),f=s(73070);const C=({sessionMenuItems:n,newButton:e,itemHeaderIcon:s,itemHeaderTitle:o,children:a,itemHeaderDescription:r,onKeyDown:A})=>(e&&(e=t.cloneElement(e,{className:e.props.className+" ui fluid button"})),(0,i.jsxs)(f.xA,{className:"session-container horizontal",onKeyDown:A,tabIndex:0,children:[(0,i.jsxs)("div",{className:"four wide column menu-column",children:[e,!!n.length&&(0,i.jsx)("div",{className:"ui vertical secondary menu",children:n})]}),(0,i.jsx)("div",{className:"twelve wide stretched column content-column session",children:(0,i.jsxs)("div",{className:"ui segment session-layout",children:[(0,i.jsx)(x.A,{className:"session-header",icon:s,title:(0,i.jsx)("div",{className:"title",children:o}),subHeader:r}),(0,i.jsx)("div",{className:"ui divider",style:{margin:"5px 0px 0px 0px"}}),a]})})]}));var v=s(32728),w=s(18220),b=s(6527),y=s(20311),j=s.n(y);const I=({baseUrl:n})=>{const e=(0,b.Zp)(),s=e=>(j()(!!e,"Trying to get session URL without a session"),`/${n}/session/${e}`),i=`/${n}/new`;return{newUrl:`/${n}/new`,replaceNew:()=>{e(i,{replace:!0})},getSessionUrl:s,pushSession:n=>{e(s(n))},replaceSession:(n,i)=>{e(s(n),{replace:!0,state:i})}}},N=(n,e)=>n.find((n=>n.id===e));var O=s(85072),z=s.n(O),T=s(97825),S=s.n(T),k=s(77659),M=s.n(k),D=s(55056),H=s.n(D),U=s(10540),K=s.n(U),L=s(41113),G=s.n(L),W=s(46510),Y={};Y.styleTagTransform=G(),Y.setAttributes=H(),Y.insert=M().bind(null,"head"),Y.domAPI=S(),Y.insertStyleElement=K(),z()(W.A,Y),W.A&&W.A.locals&&W.A.locals;var R=s(71352),V=s(46942),$=s.n(V),P=s(45325);const _=({url:n,title:e,className:s})=>(0,i.jsx)(P.A,{className:$()("new",s),icon:u.A.CREATE,url:n,children:e},"button-new"),q=({sessionItem:n,status:e,name:s,unreadInfoStore:t,url:o})=>(0,i.jsx)(P.A,{url:o,className:"session-item",icon:e,session:n,unreadInfoStore:t,children:(0,i.jsx)("span",{className:"session-name",children:s})});var Z=s(83994),F=s(27725),J=s(28286);const X=n=>{const{hasAccess:e}=(0,J.w)(),s=(0,w.y)(),r=(0,b.Zp)(),A=(0,b.zy)(),{activeItem:l,onKeyDown:c}=(n=>{const[e,s]=t.useState(null),i=(0,b.zy)(),{pushSession:o,replaceSession:r,newUrl:A,replaceNew:l}=I({baseUrl:n.baseUrl}),c=()=>`${n.baseUrl}_last_active`;return t.useLayoutEffect((()=>{if(i.pathname===A)return void(e&&s(null));if((()=>{const e=i,t=e.state&&e.state.pending,o=N(n.items,n.activeId);return o?t?(r(o.id,{pending:!1}),!0):(s(o),(0,a.MS)(c(),n.activeId),!0):!!t||0===n.items.length&&(l(),s(null),!0)})())return;if(!e){const e=(0,a.H5)(c());if(e&&N(n.items,e))return void r(e)}const{items:t,activeId:o}=n;let d=0;const m=N(t,o);m&&(d=t.indexOf(m),d===t.length-1&&(d-=1)),r(t[d].id)}),[i,n.items]),{onKeyDown:e=>{const{key:s,altKey:i}=e;if(!i||"ArrowUp"!==s&&"ArrowDown"!==s){if(i&&"Insert"===s)e.preventDefault(),l();else if(i&&"Delete"===s){e.preventDefault();const{items:s,activeId:i,sessionApi:t}=n,o=N(s,i);o&&t.removeSession(o)}}else{e.preventDefault();const{items:i,activeId:t}=n,a=N(i,t);if(!a)return;const r=i.indexOf(a);if(-1===r)return;const A=i["ArrowUp"===s?r-1:r+1];A&&o(A.id)}},activeItem:e}})(n),h=e(n.editAccess),E=!!n.newLayout&&A.pathname.endsWith("/new"),{disableSideMenu:g,items:x,unreadInfoStore:f,sessionT:y,uiActions:j}=n,O=g||(0,a.vU)(s),{getItemHeaderTitle:z,getItemHeaderDescription:T,getItemHeaderIcon:S,getNewButton:k,getSessionMenuItems:M,getSessionActionMenuItems:D}=(n=>{const e=(0,b.zy)(),{t:s}=(0,p.Bd)(),{newUrl:t,getSessionUrl:o}=I({baseUrl:n.baseUrl}),a=e=>{const{itemStatusGetter:s,itemHeaderIconGetter:t}=n;return s?(0,i.jsx)("div",{className:"ui session-status empty circular left mini label "+s(e)}):(0,i.jsx)(Z.A,{icon:t(e)})};return{getItemHeaderDescription:()=>{const{itemHeaderDescriptionGetter:e,newDescription:s,activeItem:i,isNewLayout:t}=n;return t?s:i?e(i):null},getItemHeaderIcon:()=>{const{itemHeaderIconGetter:e,newIcon:s,activeItem:t,isNewLayout:o}=n;return o?(0,i.jsx)(Z.A,{icon:s}):t?(0,i.jsx)(Z.A,{icon:e(t)}):null},getItemHeaderTitle:()=>{const{activeItem:s,newCaption:t,remoteMenuId:o,isNewLayout:a}=n;if(a)return(0,i.jsx)("div",{children:t});if(!s)return null;const{uiActions:r,actionIds:A,itemNameGetter:l,itemHeaderTitleGetter:c}=n,d=A?[...A,"divider","remove"]:void 0,m=(0,i.jsx)(R.Wy,{caption:l(s),actions:r,itemData:s,ids:d,remoteMenuId:o});if(c){const n=c(s,e,m);if(n)return n}return m},getSessionActionMenuItems:()=>{const{items:e,hasEditAccess:t}=n;return t&&0!==e.length?(0,i.jsx)(F.A,{onClick:()=>{const{sessionApi:e,items:s}=n;s.forEach((n=>e.removeSession(n)))},icon:u.A.REMOVE,children:(0,m.Tl)("Close all",s,d.KV.COMMON)},"close"):null},getNewButton:()=>{const{newCaption:e,hasEditAccess:s}=n;return s&&e?(0,i.jsx)(_,{title:e,url:t},"new-button"):null},getSessionMenuItems:()=>n.items.map((e=>{const{itemNameGetter:s,unreadInfoStore:t}=n;return(0,i.jsx)(q,{url:o(e.id),name:s(e),unreadInfoStore:t,status:a(e),sessionItem:e},e.id)}))}})(Object.assign(Object.assign({},n),{activeItem:l,hasEditAccess:h,isNewLayout:E}));if(!h&&0===x.length)return(0,i.jsx)(v.A,{title:(0,m.Tl)("No items to show",y.plainT,d.KV.COMMON),description:y.plainT((0,m.j2)("noSessionEditAccess",d.KV.COMMON),"You aren't allowed to open new sessions")});const H=O?B:C;return(0,i.jsx)(H,{itemHeaderTitle:z(),itemHeaderDescription:T(),itemHeaderIcon:S(),newButton:k(),sessionMenuItems:M(),listActionMenuGetter:D,activeItem:l,unreadInfoStore:f,onKeyDown:c,actions:j,children:(()=>{const{newLayout:e,sessionT:s}=n;return E&&e?(0,i.jsx)(e,{navigate:r,location:A,sessionT:s}):(()=>{const{activeId:e,items:s,sessionItemLayout:t,sessionApi:a,uiActions:c,sessionT:u}=n;if(!l){const{state:n}=A;return n&&n.pending?(0,i.jsx)(o.A,{text:(0,m.Tl)("Waiting for server response",u.plainT,d.KV.COMMON)}):e||0!==s.length?(0,i.jsx)(o.A,{text:(0,m.Tl)("Loading session",u.plainT,d.KV.COMMON)}):void console.error("SessionLayout route: active session missing")}return(0,i.jsx)(t,{session:l,sessionApi:a,uiActions:c,location:A,navigate:r,sessionT:u})})()})()})}},78046:(n,e,s)=>{s.d(e,{Z:()=>c});var i=s(74848),t=(s(96540),s(99347)),o=s(69640),a=s(67749),r=s(32389),A=s(42695),l=s(6527);const c=(n,e,s)=>c=>{const{t:d}=(0,r.Bd)(),m=(0,A.lw)(d,s),u=(0,l.g)(),p=(0,o.P)(e);return e.isInitialized()?(0,i.jsx)(n,{items:p,params:u,sessionT:m}):(0,i.jsx)(t.A,{text:(0,A.Tl)("Loading sessions",d,a.KV.COMMON)})}}}]);
+//# sourceMappingURL=616.301b522f13e0a9a48037.chunk.js.map

package/dist/js/616.301b522f13e0a9a48037.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"js/616.301b522f13e0a9a48037.chunk.js","mappings":"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","sources":["webpack://airdcpp-webui/./src/routes/Sidebar/sessions.css","webpack://airdcpp-webui/./src/actions/ui/decorators/SessionActionDecorator.ts","webpack://airdcpp-webui/./src/decorators/ActiveSessionDecorator.tsx","webpack://airdcpp-webui/./src/routes/Sidebar/components/SessionFooter.tsx","webpack://airdcpp-webui/./src/routes/Sidebar/components/TopMenuLayout.tsx","webpack://airdcpp-webui/./src/routes/Sidebar/components/SideMenuLayout.tsx","webpack://airdcpp-webui/./src/routes/Sidebar/components/effects/useSessionHelpers.ts","webpack://airdcpp-webui/./src/routes/Sidebar/components/effects/useSessionManager.ts","webpack://airdcpp-webui/./src/routes/Sidebar/sessions.css?90b7","webpack://airdcpp-webui/./src/routes/Sidebar/components/SessionNewButton.tsx","webpack://airdcpp-webui/./src/routes/Sidebar/components/SessionMenuItem.tsx","webpack://airdcpp-webui/./src/routes/Sidebar/components/SessionLayout.tsx","webpack://airdcpp-webui/./src/routes/Sidebar/components/SessionMenuComponents.tsx","webpack://airdcpp-webui/./src/routes/Sidebar/decorators/SessionProviderDecorator.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, `.session-container {\n  background-color: white;\n}\n\n.session-container.horizontal.ui.grid {\n  margin: 0px !important;\n}\n\n.session-container.horizontal .menu-column .item.new {\n  padding: 0.78571429em 1.1em !important;\n}\n\n.session-container.horizontal .ui.vertical.menu .item > i.icon {\n  margin: 0 0.35714286em 0 0 !important;\n}\n\n.session-container.horizontal .session-layout > .ui.divider {\n  margin: 5px 0px 0px 0px;\n}\n\n.session-container.vertical {\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n}\n.session-layout {\n  flex: 100 100 auto;\n  display: flex;\n  overflow: hidden;\n}\n\n.session-container.horizontal .session-layout {\n  flex-direction: column;\n}\n\n.session-container.vertical .menu-bar {\n  justify-content: space-between;\n  margin: 0px !important;\n}\n\n.session-container.vertical .menu-bar .content-left {\n  width: 100%;\n}\n\n.session-container.vertical .menu-bar .close-button.item:before {\n  background: none !important;\n}\n\n.session-container.vertical .menu-bar .close-button.item {\n  box-shadow: none !important;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\n  float: left;\n}\n\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\n  max-height: calc(100dvh - 140px);\n  overflow-y: auto;\n  overflow-x: hidden;\n  max-width: calc(100vw - 30px);\n}\n\n.session-container.vertical .session-item .count.label {\n  margin-left: 1em !important;\n}\n\n.session-container.vertical .session-header {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.session-container.vertical .session-header > div {\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\n  padding: 0.82857143em 0.4285714em;\n  line-height: 1.2;\n}\n\n.session-container.vertical .session-header > div:before {\n  background: none !important;\n}\n\n.session-container.vertical .session-header > i {\n  margin-left: 10px;\n}\n\n.session-container.vertical .session-header .ui.dropdown > i {\n  margin: 0px 5px;\n}\n\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\n.session-container.horizontal .session-header .header > i,\n.session-container.vertical .session-header > i {\n  width: inherit !important;\n  font-size: 1.5em;\n}\n\n.session-container.horizontal .session-header .ui.header {\n  align-items: center;\n}\n\n.session-container.vertical .menu-bar {\n  border-radius: 0px !important;\n  padding-bottom: 0px;\n}\n\n.session-container,\n.session-layout,\n.session-container.horizontal .column {\n  height: 100%;\n}\n\n.session-container.horizontal .column > div {\n  max-height: 100%;\n}\n\n.session-container .session-item {\n  overflow: hidden;\n  display: flex !important;\n  align-items: center;\n  padding: 0.68571429em 0.92857143em !important;\n  height: 35px;\n}\n\n.session-container .session-item .session-status {\n  float: none !important;\n  margin: 0 0.5em 0 0 !important;\n}\n\n.session-container .session-item .session-name {\n  overflow: hidden;\n  flex: 1 1 100%;\n  line-height: 1.2;\n}\n\n.session-container .session-status {\n  margin-right: 5px;\n  margin-top: 3px;\n}\n\n.session-container.horizontal .menu-column {\n  display: flex !important;\n  flex-direction: column;\n  padding-right: 0px !important;\n}\n\n.session-container.horizontal .menu-column .menu {\n  width: initial !important;\n  overflow-y: auto;\n  padding-top: 10px;\n  flex: 1;\n}\n\n.session-container.horizontal .menu-column .session-item span.session-name,\n.session-container .session-header .ui.dropdown .caption {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.session-container .session-header .title .ui.dropdown {\n  width: 100%;\n}\n\n.session-layout .sub.header {\n  overflow: hidden;\n}\n\n.session-layout .sub.header img {\n  vertical-align: text-top;\n}\n\n.session-footer .info-grid {\n  margin-top: 7px !important;\n  font-size: small;\n  color: grey;\n  display: flex;\n  flex: 1;\n  align-items: flex-end;\n}\n\n.session-footer .info-grid > div {\n  flex: 1;\n}\n\n.session-footer .info-grid > div:last-child > div {\n  float: right;\n}\n\n.session-footer .info-grid > div:only-child > div {\n  float: inherit;\n}\n\n.session-footer .ui.checkbox {\n  min-height: inherit !important;\n}\n\n.session-footer .divider {\n  margin-top: 8px;\n  margin-bottom: 0px;\n}\n\n/* New session layout */\n.session.new {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: hidden;\n  margin-top: 20px;\n  padding: 1px;\n}\n\n.session.new .recents {\n  flex: 100 100 0%;\n  display: flex;\n  flex-direction: column;\n  margin-top: 20px;\n  overflow-y: hidden;\n}\n\n.session.new .recents .list {\n  padding: 3px 5px;\n  flex: 100 100 0%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/routes/Sidebar/sessions.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,uBAAuB;AACzB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,aAAa;EACb,sBAAsB;AACxB;AACA;EACE,kBAAkB;EAClB,aAAa;EACb,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,8BAA8B;EAC9B,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,gCAAgC;EAChC,gBAAgB;EAChB,kBAAkB;EAClB,6BAA6B;AAC/B;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;AACd;;AAEA;EACE,cAAc,EAAE,2GAA2G;EAC3H,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,eAAe;AACjB;;AAEA,oEAAoE;AACpE;;EAEE,yBAAyB;EACzB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,6BAA6B;EAC7B,mBAAmB;AACrB;;AAEA;;;EAGE,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,wBAAwB;EACxB,mBAAmB;EACnB,6CAA6C;EAC7C,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,8BAA8B;AAChC;;AAEA;EACE,gBAAgB;EAChB,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,wBAAwB;EACxB,sBAAsB;EACtB,6BAA6B;AAC/B;;AAEA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,iBAAiB;EACjB,OAAO;AACT;;AAEA;;EAEE,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,0BAA0B;EAC1B,gBAAgB;EAChB,WAAW;EACX,aAAa;EACb,OAAO;EACP,qBAAqB;AACvB;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA,uBAAuB;AACvB;EACE,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,YAAY;AACd;;AAEA;EACE,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;AACpB\",\"sourcesContent\":[\".session-container {\\n  background-color: white;\\n}\\n\\n.session-container.horizontal.ui.grid {\\n  margin: 0px !important;\\n}\\n\\n.session-container.horizontal .menu-column .item.new {\\n  padding: 0.78571429em 1.1em !important;\\n}\\n\\n.session-container.horizontal .ui.vertical.menu .item > i.icon {\\n  margin: 0 0.35714286em 0 0 !important;\\n}\\n\\n.session-container.horizontal .session-layout > .ui.divider {\\n  margin: 5px 0px 0px 0px;\\n}\\n\\n.session-container.vertical {\\n  padding: 15px;\\n  display: flex;\\n  flex-direction: column;\\n}\\n.session-layout {\\n  flex: 100 100 auto;\\n  display: flex;\\n  overflow: hidden;\\n}\\n\\n.session-container.horizontal .session-layout {\\n  flex-direction: column;\\n}\\n\\n.session-container.vertical .menu-bar {\\n  justify-content: space-between;\\n  margin: 0px !important;\\n}\\n\\n.session-container.vertical .menu-bar .content-left {\\n  width: 100%;\\n}\\n\\n.session-container.vertical .menu-bar .close-button.item:before {\\n  background: none !important;\\n}\\n\\n.session-container.vertical .menu-bar .close-button.item {\\n  box-shadow: none !important;\\n}\\n\\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\\n  float: left;\\n}\\n\\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\\n  max-height: calc(100dvh - 140px);\\n  overflow-y: auto;\\n  overflow-x: hidden;\\n  max-width: calc(100vw - 30px);\\n}\\n\\n.session-container.vertical .session-item .count.label {\\n  margin-left: 1em !important;\\n}\\n\\n.session-container.vertical .session-header {\\n  display: flex;\\n  align-items: center;\\n  height: 100%;\\n}\\n\\n.session-container.vertical .session-header > div {\\n  max-width: 90%; /* Hack, auto width won't work without \\\"overflow: hidden\\\", but that would prevent viewing the menu items  */\\n  padding: 0.82857143em 0.4285714em;\\n  line-height: 1.2;\\n}\\n\\n.session-container.vertical .session-header > div:before {\\n  background: none !important;\\n}\\n\\n.session-container.vertical .session-header > i {\\n  margin-left: 10px;\\n}\\n\\n.session-container.vertical .session-header .ui.dropdown > i {\\n  margin: 0px 5px;\\n}\\n\\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\\n.session-container.horizontal .session-header .header > i,\\n.session-container.vertical .session-header > i {\\n  width: inherit !important;\\n  font-size: 1.5em;\\n}\\n\\n.session-container.horizontal .session-header .ui.header {\\n  align-items: center;\\n}\\n\\n.session-container.vertical .menu-bar {\\n  border-radius: 0px !important;\\n  padding-bottom: 0px;\\n}\\n\\n.session-container,\\n.session-layout,\\n.session-container.horizontal .column {\\n  height: 100%;\\n}\\n\\n.session-container.horizontal .column > div {\\n  max-height: 100%;\\n}\\n\\n.session-container .session-item {\\n  overflow: hidden;\\n  display: flex !important;\\n  align-items: center;\\n  padding: 0.68571429em 0.92857143em !important;\\n  height: 35px;\\n}\\n\\n.session-container .session-item .session-status {\\n  float: none !important;\\n  margin: 0 0.5em 0 0 !important;\\n}\\n\\n.session-container .session-item .session-name {\\n  overflow: hidden;\\n  flex: 1 1 100%;\\n  line-height: 1.2;\\n}\\n\\n.session-container .session-status {\\n  margin-right: 5px;\\n  margin-top: 3px;\\n}\\n\\n.session-container.horizontal .menu-column {\\n  display: flex !important;\\n  flex-direction: column;\\n  padding-right: 0px !important;\\n}\\n\\n.session-container.horizontal .menu-column .menu {\\n  width: initial !important;\\n  overflow-y: auto;\\n  padding-top: 10px;\\n  flex: 1;\\n}\\n\\n.session-container.horizontal .menu-column .session-item span.session-name,\\n.session-container .session-header .ui.dropdown .caption {\\n  overflow: hidden;\\n  white-space: nowrap;\\n}\\n\\n.session-container .session-header .title .ui.dropdown {\\n  width: 100%;\\n}\\n\\n.session-layout .sub.header {\\n  overflow: hidden;\\n}\\n\\n.session-layout .sub.header img {\\n  vertical-align: text-top;\\n}\\n\\n.session-footer .info-grid {\\n  margin-top: 7px !important;\\n  font-size: small;\\n  color: grey;\\n  display: flex;\\n  flex: 1;\\n  align-items: flex-end;\\n}\\n\\n.session-footer .info-grid > div {\\n  flex: 1;\\n}\\n\\n.session-footer .info-grid > div:last-child > div {\\n  float: right;\\n}\\n\\n.session-footer .info-grid > div:only-child > div {\\n  float: inherit;\\n}\\n\\n.session-footer .ui.checkbox {\\n  min-height: inherit !important;\\n}\\n\\n.session-footer .divider {\\n  margin-top: 8px;\\n  margin-bottom: 0px;\\n}\\n\\n/* New session layout */\\n.session.new {\\n  flex: 100 100 0%;\\n  display: flex;\\n  flex-direction: column;\\n  overflow-y: hidden;\\n  margin-top: 20px;\\n  padding: 1px;\\n}\\n\\n.session.new .recents {\\n  flex: 100 100 0%;\\n  display: flex;\\n  flex-direction: column;\\n  margin-top: 20px;\\n  overflow-y: hidden;\\n}\\n\\n.session.new .recents .list {\\n  padding: 3px 5px;\\n  flex: 100 100 0%;\\n  overflow-y: auto;\\n  overflow-x: hidden;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import IconConstants from 'constants/IconConstants';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\ntype SessionType = UI.SessionItemBase;\r\n\r\nexport const BuildRemoveSessionAction = (\r\n  sessionsUrl: string,\r\n  editAccess: API.AccessEnum,\r\n) => {\r\n  const handleRemoveSession: UI.ActionHandler<SessionType> = ({\r\n    itemData: session,\r\n    socket,\r\n  }) => {\r\n    return socket.delete(`${sessionsUrl}/${session.id}`);\r\n  };\r\n\r\n  const SessionRemoveAction = {\r\n    id: 'remove',\r\n    displayName: 'Close',\r\n    access: editAccess,\r\n    icon: IconConstants.REMOVE,\r\n    handler: handleRemoveSession,\r\n  };\r\n\r\n  return SessionRemoveAction;\r\n};\r\n","import * as React from 'react';\r\n\r\nimport LocalSettingStore from 'stores/reflux/LocalSettingStore';\r\nimport { LocalSettings } from 'constants/SettingConstants';\r\n\r\nimport * as UI from 'types/ui';\r\nimport { SessionChildProps } from 'routes/Sidebar/components/types';\r\n\r\ntype SessionType = UI.SessionItemBase;\r\n\r\ninterface ActiveSessionDecoratorProps<\r\n  SessionT extends SessionType,\r\n  ActionT extends object,\r\n> extends Pick<SessionChildProps<SessionT, ActionT>, 'session'> {\r\n  sessionApi: UI.SessionActions<SessionT> & ActionT;\r\n  //uiActions:\r\n  //session: SessionT;\r\n}\r\n\r\n// This decorator will fire updates for currently active session\r\n// and set them as read\r\nexport default function <\r\n  PropsT,\r\n  SessionT extends SessionType,\r\n  ActionT extends object = UI.EmptyObject,\r\n>(Component: React.ComponentType<PropsT>, useReadDelay = false) {\r\n  class ActiveSessionDecorator extends React.Component<\r\n    PropsT & ActiveSessionDecoratorProps<SessionT, ActionT>\r\n  > {\r\n    readTimeout: number | undefined;\r\n\r\n    setRead = (session: SessionT) => {\r\n      this.props.sessionApi.setRead(session);\r\n      this.readTimeout = undefined;\r\n    };\r\n\r\n    setSession = (session: SessionT | null) => {\r\n      if (this.readTimeout) {\r\n        // Set the previously active session as read\r\n        clearTimeout(this.readTimeout);\r\n        this.setRead(this.props.session);\r\n      }\r\n\r\n      this.props.sessionApi.sessionChanged(session);\r\n      if (!session) {\r\n        return;\r\n      }\r\n\r\n      const timeout = !useReadDelay\r\n        ? 0\r\n        : LocalSettingStore.getValue<number>(LocalSettings.UNREAD_LABEL_DELAY) * 1000;\r\n      this.readTimeout = window.setTimeout(() => this.setRead(session), timeout);\r\n    };\r\n\r\n    componentDidMount() {\r\n      this.setSession(this.props.session);\r\n    }\r\n\r\n    componentWillUnmount() {\r\n      this.setSession(null);\r\n    }\r\n\r\n    componentDidUpdate(prevProps: ActiveSessionDecoratorProps<SessionT, ActionT>) {\r\n      if (this.props.session.id !== prevProps.session.id) {\r\n        this.setSession(this.props.session);\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return <Component {...this.props} />;\r\n    }\r\n  }\r\n\r\n  return ActiveSessionDecorator;\r\n}\r\n","import * as React from 'react';\n\nimport * as UI from 'types/ui';\n\ninterface FooterItemProps {\n  label?: string;\n  text: string | React.ReactElement<any>;\n}\n\nexport const FooterItem: React.FC<FooterItemProps> = ({ label, text }) => (\n  <div className=\"grid-item\">\n    <div className=\"item-inner\">\n      {!!label && typeof text === 'string' ? `${label}: ${text}` : text}\n    </div>\n  </div>\n);\n\nexport const SessionFooter: React.FC<UI.PropsWithChildren> = ({ children }) => (\n  <div className=\"session-footer\">\n    <div className=\"ui footer divider\" />\n    <div className=\"info-grid ui\">{children}</div>\n  </div>\n);\n","import * as React from 'react';\r\nimport { usingMobileLayout } from 'utils/BrowserUtils';\r\n\r\nimport ActionButton from 'components/ActionButton';\r\nimport SectionedDropdown from 'components/semantic/SectionedDropdown';\r\nimport MenuSection from 'components/semantic/MenuSection';\r\nimport { MenuIcon } from 'components/icon/MenuIcon';\r\n\r\nimport * as UI from 'types/ui';\r\nimport { translate } from 'utils/TranslationUtils';\r\nimport IconConstants from 'constants/IconConstants';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { SessionMainLayoutProps } from './types';\r\n\r\ntype SessionDropdownProps<SessionT extends UI.SessionItemBase> = Pick<\r\n  SessionMainLayoutProps<SessionT>,\r\n  'sessionMenuItems' | 'newButton' | 'unreadInfoStore' | 'listActionMenuGetter'\r\n>;\r\n\r\nconst SessionDropdown = <SessionT extends UI.SessionItemBase>({\r\n  sessionMenuItems,\r\n  newButton,\r\n  unreadInfoStore,\r\n  listActionMenuGetter,\r\n}: SessionDropdownProps<SessionT>) => {\r\n  const { t } = useTranslation();\r\n  return (\r\n    <SectionedDropdown\r\n      triggerIcon={\r\n        <MenuIcon\r\n          urgencies={unreadInfoStore ? unreadInfoStore.getTotalUrgencies() : null}\r\n        />\r\n      }\r\n    >\r\n      <MenuSection caption={translate('New', t, UI.Modules.COMMON)}>\r\n        {newButton}\r\n      </MenuSection>\r\n      <MenuSection caption={translate('Current sessions', t, UI.Modules.COMMON)}>\r\n        {sessionMenuItems}\r\n      </MenuSection>\r\n      <MenuSection>{listActionMenuGetter()}</MenuSection>\r\n    </SectionedDropdown>\r\n  );\r\n};\r\n\r\ntype CloseButtonProps<\r\n  SessionT extends UI.SessionItemBase,\r\n  UIActionsT extends UI.ActionListType<UI.SessionItemBase>,\r\n> = Pick<\r\n  SessionMainLayoutProps<SessionT, UI.EmptyObject, UIActionsT>,\r\n  'actions' | 'activeItem'\r\n>;\r\n\r\nconst CloseButton = <\r\n  SessionT extends UI.SessionItemBase,\r\n  UIActionsT extends UI.ActionListType<UI.SessionItemBase>,\r\n>({\r\n  actions,\r\n  activeItem,\r\n}: CloseButtonProps<SessionT, UIActionsT>) => {\r\n  if (!activeItem || usingMobileLayout()) {\r\n    return null;\r\n  }\r\n\r\n  /*const closeAction = Object.values(actions.actions).find(\r\n    (action) => !!action && action.id === 'remove',\r\n  ) as UI.ActionDefinition<UI.SessionItemBase>;*/\r\n\r\n  const closeAction = Object.values(actions.actions)[\r\n    Object.values(actions.actions).length - 1\r\n  ];\r\n  return (\r\n    <ActionButton\r\n      className=\"basic small item close-button\"\r\n      action={closeAction as UI.ActionDefinition<UI.SessionItemBase>}\r\n      moduleData={actions.moduleData}\r\n      itemData={activeItem}\r\n      icon={IconConstants.CLOSE}\r\n    />\r\n  );\r\n};\r\n\r\ntype SessionItemHeaderProps = Pick<\r\n  SessionMainLayoutProps<any>,\r\n  'itemHeaderIcon' | 'itemHeaderTitle'\r\n>;\r\n\r\nconst SessionItemHeader: React.FC<SessionItemHeaderProps> = ({\r\n  itemHeaderIcon,\r\n  itemHeaderTitle,\r\n}) => (\r\n  <div className=\"session-header\">\r\n    {itemHeaderIcon}\r\n    {itemHeaderTitle}\r\n  </div>\r\n);\r\n\r\nconst TopMenuLayout = <\r\n  SessionT extends UI.SessionItemBase,\r\n  SessionApiT extends object,\r\n  UIActionsT extends UI.ActionListType<UI.SessionItemBase>,\r\n>({\r\n  children,\r\n  onKeyDown,\r\n  ...props\r\n}: SessionMainLayoutProps<SessionT, SessionApiT, UIActionsT>) => (\r\n  <div className=\"session-container vertical\" onKeyDown={onKeyDown} tabIndex={0}>\r\n    <div className=\"ui main menu menu-bar\">\r\n      <div className=\"content-left\">\r\n        <SessionDropdown {...props} />\r\n        <SessionItemHeader {...props} />\r\n      </div>\r\n      <CloseButton {...props} />\r\n    </div>\r\n\r\n    <div className=\"session-layout\">{children}</div>\r\n  </div>\r\n);\r\n\r\nexport default TopMenuLayout;\r\n","import * as React from 'react';\r\n\r\nimport LayoutHeader from 'components/semantic/LayoutHeader';\r\nimport { Grid } from 'components/semantic/Grid';\r\n\r\nimport * as UI from 'types/ui';\r\nimport { SessionMainLayoutProps } from './types';\r\n\r\nconst SideMenuLayout = <\r\n  SessionT extends UI.SessionItemBase,\r\n  SessionApiT extends object,\r\n  UIActionsT extends UI.ActionListType<UI.SessionItemBase>,\r\n>({\r\n  sessionMenuItems,\r\n  newButton,\r\n  itemHeaderIcon,\r\n  itemHeaderTitle,\r\n  children,\r\n  itemHeaderDescription,\r\n  onKeyDown,\r\n}: SessionMainLayoutProps<SessionT, SessionApiT, UIActionsT>) => {\r\n  if (newButton) {\r\n    newButton = React.cloneElement(newButton, {\r\n      className: newButton.props.className + ' ui fluid button',\r\n    });\r\n  }\r\n\r\n  return (\r\n    <Grid className=\"session-container horizontal\" onKeyDown={onKeyDown} tabIndex={0}>\r\n      <div className=\"four wide column menu-column\">\r\n        {newButton}\r\n        {!!sessionMenuItems.length && (\r\n          <div className=\"ui vertical secondary menu\">{sessionMenuItems}</div>\r\n        )}\r\n      </div>\r\n      <div className=\"twelve wide stretched column content-column session\">\r\n        <div className=\"ui segment session-layout\">\r\n          <LayoutHeader\r\n            className=\"session-header\"\r\n            icon={itemHeaderIcon}\r\n            title={<div className=\"title\">{itemHeaderTitle}</div>}\r\n            subHeader={itemHeaderDescription}\r\n          />\r\n          <div className=\"ui divider\" style={{ margin: '5px 0px 0px 0px' }} />\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </Grid>\r\n  );\r\n};\r\n\r\nexport default SideMenuLayout;\r\n","import invariant from 'invariant';\r\n\r\nimport * as API from 'types/api';\r\n\r\nimport { useNavigate } from 'react-router';\r\nimport { SessionLocationState } from '../types';\r\n\r\ninterface SessionRouteHelperProps {\r\n  baseUrl: string;\r\n}\r\n\r\nexport const useSessionRouteHelpers = ({ baseUrl }: SessionRouteHelperProps) => {\r\n  const navigate = useNavigate();\r\n\r\n  // HELPERS\r\n  const getSessionUrl = (id: API.IdType) => {\r\n    invariant(!!id, 'Trying to get session URL without a session');\r\n    return `/${baseUrl}/session/${id}`;\r\n  };\r\n\r\n  const pushSession = (id: API.IdType) => {\r\n    navigate(getSessionUrl(id));\r\n  };\r\n\r\n  const replaceSession = (id: API.IdType, state?: SessionLocationState) => {\r\n    navigate(getSessionUrl(id), { replace: true, state });\r\n  };\r\n\r\n  const newUrl = `/${baseUrl}/new`;\r\n  const replaceNew = () => {\r\n    navigate(newUrl, { replace: true });\r\n  };\r\n\r\n  return {\r\n    newUrl: `/${baseUrl}/new`,\r\n    replaceNew,\r\n\r\n    getSessionUrl,\r\n    pushSession,\r\n    replaceSession,\r\n  };\r\n};\r\n","import * as React from 'react';\r\n\r\nimport { loadLocalProperty, saveLocalProperty } from 'utils/BrowserUtils';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { useLocation } from 'react-router';\r\nimport { useSessionRouteHelpers } from './useSessionHelpers';\r\nimport { SessionLocationState } from '../types';\r\n\r\nconst findItem = <SessionT extends UI.SessionItemBase>(\r\n  items: SessionT[],\r\n  id: API.IdType | undefined,\r\n): SessionT | undefined => {\r\n  return items.find((item) => item.id === id);\r\n};\r\n\r\nexport interface SessionManagerProps<\r\n  SessionT extends UI.SessionItemBase,\r\n  SessionApiT extends object = UI.EmptyObject,\r\n> {\r\n  // Item ID that is currently active (if any)\r\n  activeId: API.IdType | undefined;\r\n\r\n  // Array of the items to list\r\n  items: SessionT[];\r\n\r\n  baseUrl: string;\r\n\r\n  sessionApi: UI.SessionActions<SessionT> & SessionApiT;\r\n}\r\n\r\nexport const useSessionManager = <\r\n  SessionT extends UI.SessionItemBase,\r\n  SessionApiT extends object = UI.EmptyObject,\r\n>(\r\n  props: SessionManagerProps<SessionT, SessionApiT>,\r\n) => {\r\n  const [activeItem, setActiveItem] = React.useState<SessionT | null>(null);\r\n  const location = useLocation();\r\n\r\n  const { pushSession, replaceSession, newUrl, replaceNew } = useSessionRouteHelpers({\r\n    baseUrl: props.baseUrl,\r\n  });\r\n\r\n  // HELPERS\r\n  const getStorageKey = () => {\r\n    return `${props.baseUrl}_last_active`;\r\n  };\r\n\r\n  // Common logic for selecting the item to display (after mounting or session updates)\r\n  // Returns true active item selection was handled\r\n  // Returns false if the active item couldn't be selected but there are valid items to choose from by the caller\r\n  const checkActiveItem = () => {\r\n    // Did we just create this session?\r\n    const routerLocation = location;\r\n    const pending =\r\n      routerLocation.state && (routerLocation.state as SessionLocationState).pending;\r\n\r\n    // Update the active item\r\n    const activeItemNew = findItem(props.items, props.activeId);\r\n    if (activeItemNew) {\r\n      if (pending) {\r\n        // Disable pending state\r\n        replaceSession(activeItemNew.id, {\r\n          pending: false,\r\n        });\r\n\r\n        return true;\r\n      }\r\n\r\n      setActiveItem(activeItemNew);\r\n      saveLocalProperty(getStorageKey(), props.activeId);\r\n      return true;\r\n    } else if (pending) {\r\n      // We'll just display a loading indicator in 'render', no item needed\r\n      return true;\r\n    } else if (/*routerLocation.action === 'POP' ||*/ props.items.length === 0) {\r\n      // Browsing from history and item removed (or all items removed)... go to \"new session\" page\r\n      replaceNew();\r\n      setActiveItem(null);\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  };\r\n\r\n  // LIFECYCLE/REACT\r\n  // Set the session early so that we wont' flash the \"new session\" layout\r\n  React.useLayoutEffect(() => {\r\n    if (location.pathname === newUrl) {\r\n      // Don't redirect to it if the \"new session\" layout is open\r\n      if (activeItem) {\r\n        setActiveItem(null);\r\n      }\r\n      return;\r\n    }\r\n\r\n    if (checkActiveItem()) {\r\n      // We got an item\r\n      return;\r\n    }\r\n\r\n    if (!activeItem) {\r\n      const lastId = loadLocalProperty<API.IdType>(getStorageKey());\r\n      if (lastId && findItem(props.items, lastId)) {\r\n        // Previous session exists\r\n        replaceSession(lastId);\r\n        return;\r\n      }\r\n    }\r\n\r\n    // The old tab was closed or we didn't have any session before\r\n\r\n    const { items, activeId } = props;\r\n    let newItemPos = 0;\r\n    const oldItem = findItem(items, activeId);\r\n    if (oldItem) {\r\n      // Find the old position and use the item in that position (if possible)\r\n      newItemPos = items.indexOf(oldItem);\r\n      if (newItemPos === items.length - 1) {\r\n        // The last item was removed\r\n        newItemPos = newItemPos - 1;\r\n      }\r\n    }\r\n\r\n    replaceSession(items[newItemPos].id);\r\n  }, [location, props.items]);\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent) => {\r\n    const { key, altKey } = event;\r\n\r\n    if (altKey && (key === 'ArrowUp' || key === 'ArrowDown')) {\r\n      // Arrow up/down\r\n      event.preventDefault();\r\n\r\n      const { items, activeId } = props;\r\n      const item = findItem(items, activeId);\r\n      if (!item) {\r\n        return;\r\n      }\r\n\r\n      const currentIndex = items.indexOf(item);\r\n      if (currentIndex === -1) {\r\n        return;\r\n      }\r\n\r\n      const newSession = items[key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1];\r\n      if (newSession) {\r\n        pushSession(newSession.id);\r\n      }\r\n    } else if (altKey && key === 'Insert') {\r\n      // Insert\r\n      event.preventDefault();\r\n\r\n      replaceNew();\r\n    } else if (altKey && key === 'Delete') {\r\n      // Delete\r\n      event.preventDefault();\r\n\r\n      const { items, activeId, sessionApi } = props;\r\n      const item = findItem(items, activeId);\r\n      if (!!item) {\r\n        sessionApi.removeSession(item);\r\n      }\r\n    }\r\n  };\r\n\r\n  return {\r\n    onKeyDown,\r\n    activeItem,\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!./sessions.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./sessions.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import * as React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nimport IconConstants from 'constants/IconConstants';\r\nimport RouterMenuItemLink from 'components/semantic/RouterMenuItemLink';\r\n\r\ninterface SessionNewButtonProps {\r\n  url: string;\r\n  title: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nconst SessionNewButton: React.FC<SessionNewButtonProps> = ({\r\n  url,\r\n  title,\r\n  // pushNew,\r\n  className,\r\n}) => (\r\n  <RouterMenuItemLink\r\n    key=\"button-new\"\r\n    className={classNames('new', className)}\r\n    icon={IconConstants.CREATE}\r\n    url={url}\r\n  >\r\n    {title}\r\n  </RouterMenuItemLink>\r\n);\r\n\r\nexport default SessionNewButton;\r\n","import * as React from 'react';\r\n\r\nimport RouterMenuItemLink from 'components/semantic/RouterMenuItemLink';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\ninterface SessionMenuItemProps {\r\n  url: string;\r\n  name: React.ReactNode;\r\n  unreadInfoStore: UI.UnreadInfoStore;\r\n  status: React.ReactElement<any>;\r\n  sessionItem: UI.SessionItemBase;\r\n}\r\n\r\nconst SessionMenuItem: React.FC<SessionMenuItemProps> = ({\r\n  sessionItem,\r\n  status,\r\n  name,\r\n  unreadInfoStore,\r\n  url,\r\n}) => (\r\n  <RouterMenuItemLink\r\n    url={url}\r\n    className=\"session-item\"\r\n    icon={status}\r\n    session={sessionItem}\r\n    unreadInfoStore={unreadInfoStore}\r\n  >\r\n    <span className=\"session-name\">{name}</span>\r\n  </RouterMenuItemLink>\r\n);\r\n\r\nexport default SessionMenuItem;\r\n","import * as React from 'react';\r\n\r\nimport Loader from 'components/semantic/Loader';\r\n\r\nimport TopMenuLayout from './TopMenuLayout';\r\nimport SideMenuLayout from './SideMenuLayout';\r\n\r\nimport Message from 'components/semantic/Message';\r\n\r\nimport { usingMobileLayout } from 'utils/BrowserUtils';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\nimport { translate, toI18nKey } from 'utils/TranslationUtils';\r\nimport { useLayoutWidth } from 'context/LayoutWidthContext';\r\nimport { useSessionManager } from './effects/useSessionManager';\r\nimport { useLocation, useNavigate } from 'react-router';\r\n\r\nimport '../sessions.css';\r\nimport {\r\n  NewSessionLayoutProps,\r\n  SessionChildProps,\r\n  SessionLayoutLabels,\r\n  SessionLayoutManageProps,\r\n  SessionLocationState,\r\n} from './types';\r\nimport { useComponents } from './SessionMenuComponents';\r\nimport { useSession } from 'context/SessionContext';\r\n\r\nexport interface SessionLayoutProps<\r\n  SessionT extends UI.SessionItemBase,\r\n  SessionApiT extends object = UI.EmptyObject,\r\n  UIActionT extends UI.ActionListType<UI.SessionItemBase> = UI.EmptyObject,\r\n> extends UI.SessionInfoGetter<SessionT>,\r\n    SessionLayoutLabels,\r\n    SessionLayoutManageProps<SessionT, SessionApiT, UIActionT> {\r\n  // Item ID that is currently active (if any)\r\n  activeId: API.IdType | undefined;\r\n\r\n  // Set to false if the side menu should never be shown (the session will use all width that is available)\r\n  disableSideMenu?: boolean;\r\n\r\n  sessionItemLayout: React.ComponentType<\r\n    SessionChildProps<SessionT, SessionApiT, UIActionT>\r\n  >;\r\n\r\n  newLayout?: React.ComponentType<NewSessionLayoutProps>;\r\n\r\n  sessionT: UI.ModuleTranslator;\r\n}\r\n\r\nconst SessionLayout = <\r\n  SessionT extends UI.SessionItemBase,\r\n  SessionApiT extends object,\r\n  UIActionsT extends UI.ActionListType<UI.SessionItemBase>,\r\n>(\r\n  props: SessionLayoutProps<SessionT, SessionApiT, UIActionsT>,\r\n) => {\r\n  const { hasAccess } = useSession();\r\n  const layoutWidth = useLayoutWidth();\r\n  const navigate = useNavigate();\r\n  const location = useLocation();\r\n\r\n  const { activeItem, onKeyDown } = useSessionManager(props);\r\n\r\n  const hasEditAccess = hasAccess(props.editAccess);\r\n  const isNewLayout = !!props.newLayout && location.pathname.endsWith('/new');\r\n\r\n  const getSessionChildren = () => {\r\n    const {\r\n      activeId,\r\n      items,\r\n      sessionItemLayout: SessionItemLayout,\r\n      sessionApi,\r\n      uiActions,\r\n      sessionT,\r\n    } = props;\r\n\r\n    if (!activeItem) {\r\n      const { state } = location;\r\n      if (!!state && (state as SessionLocationState).pending) {\r\n        // The session was just created\r\n        return (\r\n          <Loader\r\n            text={translate(\r\n              'Waiting for server response',\r\n              sessionT.plainT,\r\n              UI.Modules.COMMON,\r\n            )}\r\n          />\r\n        );\r\n      } else if (activeId || items.length !== 0) {\r\n        // Redirecting to a new page\r\n        return (\r\n          <Loader\r\n            text={translate('Loading session', sessionT.plainT, UI.Modules.COMMON)}\r\n          />\r\n        );\r\n      }\r\n\r\n      console.error('SessionLayout route: active session missing');\r\n      return;\r\n    }\r\n\r\n    // We have a session\r\n    return (\r\n      <SessionItemLayout\r\n        session={activeItem}\r\n        sessionApi={sessionApi}\r\n        uiActions={uiActions}\r\n        location={location}\r\n        navigate={navigate}\r\n        sessionT={sessionT}\r\n      />\r\n    );\r\n  };\r\n\r\n  const getChildren = () => {\r\n    const { newLayout: NewLayout, sessionT } = props;\r\n    if (isNewLayout && NewLayout) {\r\n      return <NewLayout navigate={navigate} location={location} sessionT={sessionT} />;\r\n    }\r\n\r\n    return getSessionChildren();\r\n  };\r\n\r\n  const { disableSideMenu, items, unreadInfoStore, sessionT, uiActions } = props;\r\n\r\n  const useTopMenu = disableSideMenu || usingMobileLayout(layoutWidth);\r\n\r\n  const {\r\n    getItemHeaderTitle,\r\n    getItemHeaderDescription,\r\n    getItemHeaderIcon,\r\n    getNewButton,\r\n    getSessionMenuItems,\r\n    getSessionActionMenuItems,\r\n  } = useComponents({ ...props, activeItem, hasEditAccess, isNewLayout });\r\n\r\n  if (!hasEditAccess && items.length === 0) {\r\n    // Nothing to show\r\n    return (\r\n      <Message\r\n        title={translate('No items to show', sessionT.plainT, UI.Modules.COMMON)}\r\n        description={sessionT.plainT(\r\n          toI18nKey('noSessionEditAccess', UI.Modules.COMMON),\r\n          `You aren't allowed to open new sessions`,\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  const MenuLayout = useTopMenu ? TopMenuLayout : SideMenuLayout;\r\n  return (\r\n    <MenuLayout\r\n      itemHeaderTitle={getItemHeaderTitle()}\r\n      itemHeaderDescription={getItemHeaderDescription()}\r\n      itemHeaderIcon={getItemHeaderIcon()}\r\n      newButton={getNewButton()}\r\n      sessionMenuItems={getSessionMenuItems()}\r\n      listActionMenuGetter={getSessionActionMenuItems}\r\n      activeItem={activeItem}\r\n      unreadInfoStore={unreadInfoStore}\r\n      onKeyDown={onKeyDown}\r\n      actions={uiActions}\r\n    >\r\n      {getChildren()}\r\n    </MenuLayout>\r\n  );\r\n};\r\n\r\nexport default SessionLayout;\r\n","import { ActionMenu } from 'components/action-menu';\r\nimport SessionNewButton from './SessionNewButton';\r\nimport SessionMenuItem from './SessionMenuItem';\r\n\r\nimport Icon from 'components/semantic/Icon';\r\n\r\nimport IconConstants from 'constants/IconConstants';\r\nimport MenuItemLink from 'components/semantic/MenuItemLink';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\nimport { translate } from 'utils/TranslationUtils';\r\nimport { SessionLayoutLabels, SessionLayoutManageProps } from './types';\r\nimport { useLocation } from 'react-router';\r\nimport { useSessionRouteHelpers } from './effects/useSessionHelpers';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport const useComponents = <\r\n  SessionT extends UI.SessionItemBase,\r\n  SessionApiT extends object = UI.EmptyObject,\r\n  UIActionT extends UI.ActionListType<UI.SessionItemBase> = UI.EmptyObject,\r\n>(\r\n  props: UI.SessionInfoGetter<SessionT> & {\r\n    activeItem: SessionT | null;\r\n    hasEditAccess: boolean;\r\n    isNewLayout: boolean;\r\n  } & SessionLayoutLabels &\r\n    SessionLayoutManageProps<SessionT, SessionApiT, UIActionT>,\r\n) => {\r\n  const location = useLocation();\r\n  const { t } = useTranslation();\r\n  const { newUrl, getSessionUrl } = useSessionRouteHelpers({\r\n    baseUrl: props.baseUrl,\r\n  });\r\n\r\n  // COMPONENT GETTERS\r\n  const getItemStatus = (sessionItem: SessionT) => {\r\n    const { itemStatusGetter, itemHeaderIconGetter } = props;\r\n    if (itemStatusGetter) {\r\n      return (\r\n        <div\r\n          className={\r\n            'ui session-status empty circular left mini label ' +\r\n            itemStatusGetter(sessionItem)\r\n          }\r\n        />\r\n      );\r\n    }\r\n\r\n    return <Icon icon={itemHeaderIconGetter(sessionItem)} />;\r\n  };\r\n\r\n  const components = {\r\n    // Current session\r\n    getItemHeaderDescription: () => {\r\n      const { itemHeaderDescriptionGetter, newDescription, activeItem, isNewLayout } =\r\n        props;\r\n      if (isNewLayout) {\r\n        return newDescription;\r\n      }\r\n\r\n      if (activeItem) {\r\n        return itemHeaderDescriptionGetter(activeItem);\r\n      }\r\n\r\n      return null;\r\n    },\r\n    getItemHeaderIcon: () => {\r\n      const { itemHeaderIconGetter, newIcon, activeItem, isNewLayout } = props;\r\n      if (isNewLayout) {\r\n        return <Icon icon={newIcon} />;\r\n      }\r\n\r\n      if (activeItem) {\r\n        return <Icon icon={itemHeaderIconGetter(activeItem)} />;\r\n      }\r\n\r\n      return null;\r\n    },\r\n    getItemHeaderTitle: () => {\r\n      const { activeItem, newCaption, remoteMenuId, isNewLayout } = props;\r\n      if (isNewLayout) {\r\n        return <div>{newCaption}</div>;\r\n      }\r\n\r\n      if (!activeItem) {\r\n        return null;\r\n      }\r\n\r\n      const { uiActions, actionIds, itemNameGetter, itemHeaderTitleGetter } = props;\r\n\r\n      const ids = actionIds ? [...actionIds, 'divider', 'remove'] : undefined;\r\n      const actionMenu = (\r\n        <ActionMenu\r\n          caption={itemNameGetter(activeItem)}\r\n          actions={uiActions}\r\n          itemData={activeItem}\r\n          ids={ids}\r\n          remoteMenuId={remoteMenuId}\r\n        />\r\n      );\r\n\r\n      // Use the header getter only if there is a getter that returns a valid value\r\n      if (itemHeaderTitleGetter) {\r\n        const header = itemHeaderTitleGetter(activeItem, location, actionMenu);\r\n        if (header) {\r\n          return header;\r\n        }\r\n      }\r\n\r\n      return actionMenu;\r\n    },\r\n\r\n    // Other\r\n    getSessionActionMenuItems: () => {\r\n      const { items, hasEditAccess } = props;\r\n      if (!hasEditAccess || items.length === 0) {\r\n        return null;\r\n      }\r\n\r\n      const handleCloseAll = () => {\r\n        const { sessionApi, items } = props;\r\n        items.forEach((session) => sessionApi.removeSession(session));\r\n      };\r\n\r\n      return (\r\n        <MenuItemLink key=\"close\" onClick={handleCloseAll} icon={IconConstants.REMOVE}>\r\n          {translate('Close all', t, UI.Modules.COMMON)}\r\n        </MenuItemLink>\r\n      );\r\n    },\r\n    getNewButton: () => {\r\n      const { newCaption, hasEditAccess } = props;\r\n      if (!hasEditAccess || !newCaption) {\r\n        return null;\r\n      }\r\n\r\n      return <SessionNewButton key=\"new-button\" title={newCaption} url={newUrl} />;\r\n    },\r\n    getSessionMenuItems: () => {\r\n      const getSessionMenuItem = (sessionItem: SessionT) => {\r\n        const { itemNameGetter, unreadInfoStore } = props;\r\n        return (\r\n          <SessionMenuItem\r\n            key={sessionItem.id}\r\n            url={getSessionUrl(sessionItem.id)}\r\n            name={itemNameGetter(sessionItem)}\r\n            unreadInfoStore={unreadInfoStore}\r\n            status={getItemStatus(sessionItem)}\r\n            sessionItem={sessionItem}\r\n          />\r\n        );\r\n      };\r\n\r\n      return props.items.map(getSessionMenuItem);\r\n    },\r\n  };\r\n\r\n  return components;\r\n};\r\n","import * as React from 'react';\r\n\r\nimport Loader from 'components/semantic/Loader';\r\nimport { useStore } from 'effects/StoreListenerEffect';\r\n\r\nimport * as UI from 'types/ui';\r\n\r\nimport { useTranslation } from 'react-i18next';\r\nimport { getModuleT, translate } from 'utils/TranslationUtils';\r\nimport { useParams } from 'react-router';\r\n\r\nexport interface SessionProviderDecoratorProps {}\r\n\r\nexport interface SessionProviderDecoratorChildProps<SessionT extends UI.SessionType> {\r\n  items: SessionT[];\r\n  sessionT: UI.ModuleTranslator;\r\n  params: UI.RouteParams;\r\n}\r\n\r\nconst SessionProviderDecorator = <SessionT extends UI.SessionType>(\r\n  Component: React.ComponentType<SessionProviderDecoratorChildProps<SessionT>>,\r\n  store: UI.SessionStore<SessionT>,\r\n  moduleId: UI.Modules,\r\n) => {\r\n  const Decorator = (props: SessionProviderDecoratorProps) => {\r\n    const { t } = useTranslation();\r\n    const sessionT = getModuleT(t, moduleId);\r\n    const params = useParams();\r\n    const sessions = useStore<SessionT[]>(store);\r\n    if (!store.isInitialized()) {\r\n      return <Loader text={translate('Loading sessions', t, UI.Modules.COMMON)} />;\r\n    }\r\n\r\n    return <Component items={sessions} params={params} sessionT={sessionT} />;\r\n  };\r\n\r\n  return Decorator;\r\n};\r\n\r\nexport { SessionProviderDecorator };\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","BuildRemoveSessionAction","sessionsUrl","editAccess","displayName","access","icon","REMOVE","handler","itemData","session","socket","delete","Component","useReadDelay","ActiveSessionDecorator","setRead","this","props","sessionApi","readTimeout","undefined","setSession","clearTimeout","sessionChanged","timeout","getValue","UNREAD_LABEL_DELAY","window","setTimeout","componentDidMount","componentWillUnmount","componentDidUpdate","prevProps","render","FooterItem","label","text","className","SessionFooter","children","SessionDropdown","sessionMenuItems","newButton","unreadInfoStore","listActionMenuGetter","t","SectionedDropdown","triggerIcon","MenuIcon","urgencies","getTotalUrgencies","MenuSection","caption","COMMON","CloseButton","actions","activeItem","closeAction","Object","values","length","ActionButton","A","action","moduleData","IconConstants","CLOSE","SessionItemHeader","itemHeaderIcon","itemHeaderTitle","onKeyDown","tabIndex","itemHeaderDescription","Grid","LayoutHeader","title","subHeader","style","margin","useSessionRouteHelpers","baseUrl","navigate","getSessionUrl","newUrl","replaceNew","replace","pushSession","replaceSession","state","findItem","items","find","item","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","url","RouterMenuItemLink","CREATE","sessionItem","status","name","hasAccess","layoutWidth","location","setActiveItem","getStorageKey","pathname","routerLocation","pending","activeItemNew","activeId","checkActiveItem","lastId","newItemPos","oldItem","indexOf","event","key","altKey","preventDefault","removeSession","currentIndex","newSession","useSessionManager","hasEditAccess","isNewLayout","newLayout","endsWith","disableSideMenu","sessionT","uiActions","useTopMenu","getItemHeaderTitle","getItemHeaderDescription","getItemHeaderIcon","getNewButton","getSessionMenuItems","getSessionActionMenuItems","getItemStatus","itemStatusGetter","itemHeaderIconGetter","Icon","itemHeaderDescriptionGetter","newDescription","newIcon","newCaption","remoteMenuId","actionIds","itemNameGetter","itemHeaderTitleGetter","ids","actionMenu","header","MenuItemLink","onClick","forEach","map","useComponents","Message","plainT","description","MenuLayout","NewLayout","sessionItemLayout","SessionItemLayout","Loader","console","error","getSessionChildren","getChildren","SessionProviderDecorator","store","moduleId","params","sessions","isInitialized"],"sourceRoot":""}