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

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

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

package/dist/js/{668.ca79db34c1e147bd25d0.chunk.js → 668.2579506f7fa8bed8a452.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[668],{90500:(n,e,s)=>{s.d(e,{Z:()=>a});var i=s(94015),r=s.n(i),t=s(23645),o=s.n(t)()(r());o.push([n.id,".session-container.horizontal.ui.grid {\r\n  margin: 0px !important;\r\n}\r\n\r\n.session-container.horizontal .menu-column .item.new {\r\n  padding: .78571429em 1.1em !important;\r\n}\r\n\r\n.session-container.horizontal .ui.vertical.menu .item>i.icon {\r\n  margin: 0 .35714286em 0 0 !important;\r\n}\r\n\r\n.session-container.horizontal .session-layout > .ui.divider {\r\n  margin: 5px 0px 0px 0px;\r\n}\r\n\r\n.session-container.vertical {\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: white;\r\n}\r\n\r\n.session-layout {\r\n  flex: 100 100 auto;\r\n  display: flex;\r\n  overflow: hidden;\r\n}\r\n\r\n.session-container.horizontal .session-layout {\r\n  flex-direction: column;\r\n}\r\n\r\n.session-container.vertical .menu-bar {\r\n  justify-content: space-between;\r\n  margin: 0px !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left {\r\n  width: 100%;\r\n}\r\n\r\n.session-container.vertical .menu-bar .close-button.item:before {\r\n  background: none !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .close-button.item {\r\n  box-shadow: none !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\r\n  float: left;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\r\n  max-height: calc(100vh - 140px);\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  max-width: calc(100vw - 30px);\r\n}\r\n\r\n.session-container.vertical .session-item .count.label {\r\n  margin-left: 1em !important;\r\n}\r\n\r\n.session-container.vertical .session-header {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.session-container.vertical .session-header > div {\r\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\r\n  padding: .82857143em 0.4285714em;\r\n  line-height: 1.2;\r\n}\r\n\r\n.session-container.vertical .session-header > div:before {\r\n  background: none !important;\r\n}\r\n\r\n.session-container.vertical .session-header > i {\r\n  margin-left: 10px;\r\n}\r\n\r\n.session-container.vertical .session-header .ui.dropdown > i {\r\n  margin: 0px 5px;\r\n}\r\n\r\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\r\n.session-container.horizontal .session-header .header > i,\r\n.session-container.vertical .session-header > i {\r\n  width: inherit !important;\r\n  font-size: 1.5em;\r\n}\r\n\r\n.session-container.horizontal .session-header .ui.header {\r\n  align-items: center;\r\n}\r\n\r\n.session-container.vertical .menu-bar {\r\n  border-radius: 0px !important;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.session-container, \r\n.session-layout, \r\n.session-container.horizontal .column {\r\n  height: 100%;\r\n}\r\n\r\n.session-container.horizontal .column > div {\r\n  max-height: 100%;\r\n}\r\n\r\n.session-container .session-item {\r\n  overflow: hidden;\r\n  display: flex !important;\r\n  align-items: center;\r\n  padding: .68571429em .92857143em !important;\r\n  height: 35px;\r\n}\r\n\r\n.session-container .session-item .session-status {\r\n  float: none !important;\r\n  margin: 0 .5em 0 0 !important;\r\n}\r\n\r\n.session-container .session-item .session-name {\r\n  overflow: hidden;\r\n  flex: 1 1 100%;\r\n  line-height: 1.2;\r\n}\r\n\r\n.session-container .session-status {\r\n  margin-right: 5px;\r\n  margin-top: 3px;\r\n}\r\n\r\n.session-container.horizontal .menu-column {\r\n  display: flex !important;\r\n  flex-direction: column;\r\n  padding-right: 0px !important;\r\n}\r\n\r\n.session-container.horizontal .menu-column .menu {\r\n  width: initial !important;\r\n  overflow-y: auto;\r\n  padding-top: 10px;\r\n  flex: 1;\r\n}\r\n\r\n.session-container.horizontal .menu-column .session-item span.session-name,\r\n.session-container .session-header .ui.dropdown .caption {\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n\r\n.session-container .session-header .title .ui.dropdown {\r\n  width: 100%;\r\n}\r\n\r\n.session-layout .sub.header {\r\n  overflow: hidden;\r\n}\r\n\r\n.session-layout .sub.header img {\r\n  vertical-align: text-top;\r\n}\r\n\r\n.session-footer .info-grid {\r\n  margin-top: 7px !important;\r\n  font-size: small;\r\n  color: grey;\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: flex-end;\r\n}\r\n\r\n.session-footer .info-grid > div {\r\n  flex: 1;\r\n}\r\n\r\n.session-footer .info-grid > div:last-child > div {\r\n  float: right;\r\n}\r\n\r\n.session-footer .info-grid > div:only-child > div {\r\n  float: inherit;\r\n}\r\n\r\n.session-footer .ui.checkbox {\r\n  min-height: inherit !important;\r\n}\r\n\r\n.session-footer .divider {\r\n  margin-top: 8px;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n/* New session layout */\r\n.session.new {\r\n  flex: 100 100 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: hidden;\r\n  margin-top: 20px;\r\n  padding: 1px;\r\n}\r\n\r\n.session.new .recents {\r\n  flex: 100 100 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 20px;\r\n  overflow-y: hidden;\r\n}\r\n\r\n.session.new .recents .list {\r\n  padding: 3px 5px;\r\n  flex: 100 100 0%;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n}","",{version:3,sources:["webpack://./src/routes/Sidebar/sessions.css"],names:[],mappings:"AAAA;EACE,sBAAsB;AACxB;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,aAAa;EACb,sBAAsB;EACtB,uBAAuB;AACzB;;AAEA;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,+BAA+B;EAC/B,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,gCAAgC;EAChC,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,2CAA2C;EAC3C,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,6BAA6B;AAC/B;;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.horizontal.ui.grid {\r\n  margin: 0px !important;\r\n}\r\n\r\n.session-container.horizontal .menu-column .item.new {\r\n  padding: .78571429em 1.1em !important;\r\n}\r\n\r\n.session-container.horizontal .ui.vertical.menu .item>i.icon {\r\n  margin: 0 .35714286em 0 0 !important;\r\n}\r\n\r\n.session-container.horizontal .session-layout > .ui.divider {\r\n  margin: 5px 0px 0px 0px;\r\n}\r\n\r\n.session-container.vertical {\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: white;\r\n}\r\n\r\n.session-layout {\r\n  flex: 100 100 auto;\r\n  display: flex;\r\n  overflow: hidden;\r\n}\r\n\r\n.session-container.horizontal .session-layout {\r\n  flex-direction: column;\r\n}\r\n\r\n.session-container.vertical .menu-bar {\r\n  justify-content: space-between;\r\n  margin: 0px !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left {\r\n  width: 100%;\r\n}\r\n\r\n.session-container.vertical .menu-bar .close-button.item:before {\r\n  background: none !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .close-button.item {\r\n  box-shadow: none !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\r\n  float: left;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\r\n  max-height: calc(100vh - 140px);\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  max-width: calc(100vw - 30px);\r\n}\r\n\r\n.session-container.vertical .session-item .count.label {\r\n  margin-left: 1em !important;\r\n}\r\n\r\n.session-container.vertical .session-header {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.session-container.vertical .session-header > div {\r\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\r\n  padding: .82857143em 0.4285714em;\r\n  line-height: 1.2;\r\n}\r\n\r\n.session-container.vertical .session-header > div:before {\r\n  background: none !important;\r\n}\r\n\r\n.session-container.vertical .session-header > i {\r\n  margin-left: 10px;\r\n}\r\n\r\n.session-container.vertical .session-header .ui.dropdown > i {\r\n  margin: 0px 5px;\r\n}\r\n\r\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\r\n.session-container.horizontal .session-header .header > i,\r\n.session-container.vertical .session-header > i {\r\n  width: inherit !important;\r\n  font-size: 1.5em;\r\n}\r\n\r\n.session-container.horizontal .session-header .ui.header {\r\n  align-items: center;\r\n}\r\n\r\n.session-container.vertical .menu-bar {\r\n  border-radius: 0px !important;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.session-container, \r\n.session-layout, \r\n.session-container.horizontal .column {\r\n  height: 100%;\r\n}\r\n\r\n.session-container.horizontal .column > div {\r\n  max-height: 100%;\r\n}\r\n\r\n.session-container .session-item {\r\n  overflow: hidden;\r\n  display: flex !important;\r\n  align-items: center;\r\n  padding: .68571429em .92857143em !important;\r\n  height: 35px;\r\n}\r\n\r\n.session-container .session-item .session-status {\r\n  float: none !important;\r\n  margin: 0 .5em 0 0 !important;\r\n}\r\n\r\n.session-container .session-item .session-name {\r\n  overflow: hidden;\r\n  flex: 1 1 100%;\r\n  line-height: 1.2;\r\n}\r\n\r\n.session-container .session-status {\r\n  margin-right: 5px;\r\n  margin-top: 3px;\r\n}\r\n\r\n.session-container.horizontal .menu-column {\r\n  display: flex !important;\r\n  flex-direction: column;\r\n  padding-right: 0px !important;\r\n}\r\n\r\n.session-container.horizontal .menu-column .menu {\r\n  width: initial !important;\r\n  overflow-y: auto;\r\n  padding-top: 10px;\r\n  flex: 1;\r\n}\r\n\r\n.session-container.horizontal .menu-column .session-item span.session-name,\r\n.session-container .session-header .ui.dropdown .caption {\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n\r\n.session-container .session-header .title .ui.dropdown {\r\n  width: 100%;\r\n}\r\n\r\n.session-layout .sub.header {\r\n  overflow: hidden;\r\n}\r\n\r\n.session-layout .sub.header img {\r\n  vertical-align: text-top;\r\n}\r\n\r\n.session-footer .info-grid {\r\n  margin-top: 7px !important;\r\n  font-size: small;\r\n  color: grey;\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: flex-end;\r\n}\r\n\r\n.session-footer .info-grid > div {\r\n  flex: 1;\r\n}\r\n\r\n.session-footer .info-grid > div:last-child > div {\r\n  float: right;\r\n}\r\n\r\n.session-footer .info-grid > div:only-child > div {\r\n  float: inherit;\r\n}\r\n\r\n.session-footer .ui.checkbox {\r\n  min-height: inherit !important;\r\n}\r\n\r\n.session-footer .divider {\r\n  margin-top: 8px;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n/* New session layout */\r\n.session.new {\r\n  flex: 100 100 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: hidden;\r\n  margin-top: 20px;\r\n  padding: 1px;\r\n}\r\n\r\n.session.new .recents {\r\n  flex: 100 100 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 20px;\r\n  overflow-y: hidden;\r\n}\r\n\r\n.session.new .recents .list {\r\n  padding: 3px 5px;\r\n  flex: 100 100 0%;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n}"],sourceRoot:""}]);const a=o},38982:(n,e,s)=>{s.d(e,{Z:()=>t});var i=s(518),r=s(48117);function t(n,e,s){const t={divider:null,removeSession:{displayName:"Close",access:s,icon:r.Z.REMOVE,handler:({data:n})=>i.Z.delete(`${e}/${n.id}`)}};return Object.assign(n,t)}},8576:(n,e,s)=>{s.d(e,{Z:()=>a});var i=s(85893),r=s(67294),t=s(96818),o=s(33612);function a(n,e=!1){class s extends r.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*t.Z.getValue(o.Qp.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),void 0)}}return s}},88998:(n,e,s)=>{s.d(e,{o:()=>r,C:()=>t});var i=s(85893);s(67294);const r=({label:n,text:e})=>(0,i.jsx)("div",Object.assign({className:"grid-item"},{children:(0,i.jsx)("div",Object.assign({className:"item-inner"},{children:n&&"string"==typeof e?`${n}: ${e}`:e}),void 0)}),void 0),t=({children:n})=>(0,i.jsxs)("div",Object.assign({className:"session-footer"},{children:[(0,i.jsx)("div",{className:"ui footer divider"},void 0),(0,i.jsx)("div",Object.assign({className:"info-grid ui"},{children:n}),void 0)]}),void 0)},10907:(n,e,s)=>{s.d(e,{Z:()=>nn});var i=s(85893),r=s(45697),t=s.n(r),o=s(67294),a=s(5977),A=s(41143),c=s.n(A),l=s(20097),d=s(54883),m=s(10606),h=s(45807),p=s(1059),u=s(99005),g=s(39142),v=s(32347),E=s(8717),B=s(48117);const x=({sessionMenuItems:n,newButton:e,unreadInfoStore:s,listActionMenuGetter:r,t})=>(0,i.jsxs)(p.Z,Object.assign({triggerIcon:(0,i.jsx)(g.O,{urgencies:s?s.getTotalUrgencies():null},void 0)},{children:[(0,i.jsx)(u.Z,Object.assign({caption:(0,E.Iu)("New",t,v.jv.COMMON)},{children:e}),void 0),(0,i.jsx)(u.Z,Object.assign({caption:(0,E.Iu)("Current sessions",t,v.jv.COMMON)},{children:n}),void 0),(0,i.jsx)(u.Z,{children:r()},void 0)]}),void 0),f=({actions:n,activeItem:e})=>!e||(0,m.wd)()?null:(0,i.jsx)(h.Z,{className:"basic small item close-button",actions:n,actionId:"removeSession",itemData:e,icon:B.Z.CLOSE},void 0),C=({itemHeaderIcon:n,itemHeaderTitle:e})=>(0,i.jsxs)("div",Object.assign({className:"session-header"},{children:[n,e]}),void 0),w=n=>{var{children:e,onKeyDown:s}=n,r=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 r=0;for(i=Object.getOwnPropertySymbols(n);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(n,i[r])&&(s[i[r]]=n[i[r]])}return s}(n,["children","onKeyDown"]);return(0,i.jsxs)("div",Object.assign({className:"session-container vertical",onKeyDown:s,tabIndex:0},{children:[(0,i.jsxs)("div",Object.assign({className:"ui main menu menu-bar"},{children:[(0,i.jsxs)("div",Object.assign({className:"content-left"},{children:[(0,i.jsx)(x,Object.assign({},r),void 0),(0,i.jsx)(C,Object.assign({},r),void 0)]}),void 0),(0,i.jsx)(f,Object.assign({},r),void 0)]}),void 0),(0,i.jsx)("div",Object.assign({className:"session-layout"},{children:e}),void 0)]}),void 0)};var b=s(91462),j=s(24101);const y=({sessionMenuItems:n,newButton:e,itemHeaderIcon:s,itemHeaderTitle:r,children:t,itemHeaderDescription:a,onKeyDown:A})=>(e&&(e=o.cloneElement(e,{className:e.props.className+" ui fluid button"})),(0,i.jsxs)(j.rj,Object.assign({className:"session-container horizontal",onKeyDown:A,tabIndex:0},{children:[(0,i.jsxs)("div",Object.assign({className:"four wide column menu-column"},{children:[e,!!n.length&&(0,i.jsx)("div",Object.assign({className:"ui vertical secondary menu"},{children:n}),void 0)]}),void 0),(0,i.jsx)("div",Object.assign({className:"twelve wide stretched column content-column session"},{children:(0,i.jsxs)("div",Object.assign({className:"ui segment session-layout"},{children:[(0,i.jsx)(b.Z,{className:"session-header",icon:s,title:(0,i.jsx)("div",Object.assign({className:"title"},{children:r}),void 0),subHeader:a},void 0),(0,i.jsx)("div",{className:"ui divider",style:{margin:"5px 0px 0px 0px"}},void 0),t]}),void 0)}),void 0)]}),void 0));var I=s(93379),O=s.n(I),N=s(7795),S=s.n(N),k=s(90569),Z=s.n(k),z=s(3565),M=s.n(z),D=s(19216),T=s.n(D),H=s(44589),U=s.n(H),R=s(90500),G={};G.styleTagTransform=U(),G.setAttributes=M(),G.insert=Z().bind(null,"head"),G.domAPI=S(),G.insertStyleElement=T(),O()(R.Z,G),R.Z&&R.Z.locals&&R.Z.locals;var L=s(47021),q=s(94184),W=s.n(q),Y=s(6596);const K=({url:n,title:e,pushNew:s,className:r})=>(0,i.jsx)(Y.Z,Object.assign({className:W()("new",r),icon:B.Z.CREATE,url:n,onClick:n=>((n,e)=>{n.preventDefault(),e()})(n,s)},{children:e}),"button-new"),$=({sessionItem:n,status:e,name:s,unreadInfoStore:r,url:t,pushSession:o})=>(0,i.jsx)(Y.Z,Object.assign({url:t,className:"session-item",onClick:e=>((n,e,s)=>{n.preventDefault(),s(e.id)})(e,n,o),icon:e,session:n,unreadInfoStore:r},{children:(0,i.jsx)("span",Object.assign({className:"session-name"},{children:s}),void 0)}),void 0);var P=s(35936),_=s(27695),F=s(66883),V=s(98374),J=s(54080);const Q=(n,e)=>n.find((n=>n.id===e));class X extends o.Component{constructor(){super(...arguments),this.state={activeItem:null},this.getSessionUrl=n=>(c()(!!n,"Trying to get session URL without a session"),`/${this.props.baseUrl}/session/${n}`),this.getNewUrl=()=>`/${this.props.baseUrl}/new`,this.getStorageKey=n=>`${n.baseUrl}_last_active`,this.pushSession=n=>{l.Z.push(this.getSessionUrl(n))},this.replaceSession=n=>{l.Z.replace(this.getSessionUrl(n))},this.pushNew=()=>{l.Z.push(this.getNewUrl())},this.hasEditAccess=()=>F.Z.hasAccess(this.props.editAccess),this.checkActiveItem=n=>{const e=n.location,s=e.state&&e.state.pending,i=Q(n.items,n.activeId);return i?s?(l.Z.replace({state:{pending:!1}}),!0):(this.setState({activeItem:i}),(0,m.Ay)(this.getStorageKey(n),n.activeId),!0):!!s||0===n.items.length&&(l.Z.replace(this.getNewUrl()),this.setState({activeItem:null}),!0)},this.onKeyDown=n=>{const{key:e,altKey:s}=n;if(!s||"ArrowUp"!==e&&"ArrowDown"!==e){if(s&&"Insert"===e)n.preventDefault(),l.Z.replace(this.getNewUrl());else if(s&&"Delete"===e){n.preventDefault();const{items:e,activeId:s,sessionApi:i}=this.props,r=Q(e,s);r&&i.removeSession(r)}}else{n.preventDefault();const{items:s,activeId:i}=this.props,r=Q(s,i);if(!r)return;const t=s.indexOf(r);if(-1===t)return;const o=s["ArrowUp"===e?t-1:t+1];o&&this.pushSession(o.id)}},this.getItemStatus=n=>{const{itemStatusGetter:e,itemHeaderIconGetter:s}=this.props;return e?(0,i.jsx)("div",{className:"ui session-status empty circular left mini label "+e(n)},void 0):(0,i.jsx)(P.Z,{icon:s(n)},void 0)},this.getSessionMenuItem=n=>(0,i.jsx)($,{url:this.getSessionUrl(n.id),name:this.props.itemNameGetter(n),unreadInfoStore:this.props.unreadInfoStore,status:this.getItemStatus(n),sessionItem:n,pushSession:this.pushSession},n.id),this.getItemHeaderTitle=()=>{const{uiActions:n,actionIds:e,itemNameGetter:s,itemHeaderTitleGetter:r}=this.props,{activeItem:t}=this.state;if(!t)return(0,i.jsx)("div",{children:this.props.newCaption},void 0);let o;e&&(o=[...e,"divider","removeSession"]);const a=(0,i.jsx)(L.PC,{caption:s(t),actions:n,itemData:t,ids:o},void 0);if(r){const n=r(t,this.props.location,a);if(n)return n}return a},this.getItemHeaderDescription=()=>{const{activeItem:n}=this.state,{itemHeaderDescriptionGetter:e,newDescription:s}=this.props;return n?e(n):s},this.getItemHeaderIcon=()=>{const{activeItem:n}=this.state,{itemHeaderIconGetter:e,newIcon:s}=this.props;return(0,i.jsx)(P.Z,{icon:n?e(n):s},void 0)},this.getNewButton=()=>this.hasEditAccess()&&this.props.newCaption?(0,i.jsx)(K,{title:this.props.newCaption,url:this.getNewUrl(),pushNew:this.pushNew},"new-button"):null,this.handleCloseAll=()=>{const{sessionApi:n,items:e}=this.props;e.forEach((e=>n.removeSession(e)))},this.getListActionMenu=()=>{const{items:n,t:e}=this.props;return this.hasEditAccess()&&0!==n.length?(0,i.jsx)(V.Z,Object.assign({onClick:this.handleCloseAll,icon:B.Z.REMOVE},{children:(0,E.Iu)("Close all",e,v.jv.COMMON)}),"close"):null},this.sessionT=(0,E.HY)(this.props.t,this.props.uiActions.moduleId)}UNSAFE_componentWillReceiveProps(n){if(n.location.pathname===this.getNewUrl())return void(this.state.activeItem&&this.setState({activeItem:null}));if(this.checkActiveItem(n))return;let e=0;const s=Q(this.props.items,this.props.activeId);s&&(e=this.props.items.indexOf(s),e===this.props.items.length-1&&(e-=1)),this.replaceSession(n.items[e].id)}componentDidMount(){if(this.checkActiveItem(this.props))return;let n=(0,m.C)(this.getStorageKey(this.props));n&&Q(this.props.items,n)?this.replaceSession(n):this.props.items.length>0&&this.replaceSession(this.props.items[0].id)}render(){const{disableSideMenu:n,items:e,unreadInfoStore:s,location:r,t,sessionApi:o,uiActions:A,newLayout:c,sessionItemLayout:l,activeId:h}=this.props;if(!this.hasEditAccess()&&0===e.length)return(0,i.jsx)(_.Z,{title:(0,E.Iu)("No items to show",t,v.jv.COMMON),description:t((0,E.zS)("noSessionEditAccess",v.jv.COMMON),"You aren't allowed to open new sessions")},void 0);const{activeItem:p}=this.state,u=n||(0,m.wd)(this.context)?w:y;return(0,i.jsxs)(u,Object.assign({itemHeaderTitle:this.getItemHeaderTitle(),itemHeaderDescription:this.getItemHeaderDescription(),itemHeaderIcon:this.getItemHeaderIcon(),activeItem:p,unreadInfoStore:s,newButton:this.getNewButton(),sessionMenuItems:e.map(this.getSessionMenuItem),listActionMenuGetter:this.getListActionMenu,onKeyDown:this.onKeyDown,actions:A,t},{children:[(0,i.jsx)(a.AW,{path:this.getSessionUrl(":id"),render:n=>{if(!p){const{state:n}=this.props.location;return n&&n.pending?(0,i.jsx)(d.Z,{text:(0,E.Iu)("Waiting for server response",t,v.jv.COMMON)},void 0):h||0!==e.length?(0,i.jsx)(d.Z,{text:(0,E.Iu)("Loading session",t,v.jv.COMMON)},void 0):void console.error("SessionLayout route: active session missing")}return(0,i.jsx)(l,{session:p,sessionApi:o,uiActions:A,location:r,sessionT:this.sessionT},void 0)}},void 0),!!c&&(0,i.jsx)(a.AW,{path:this.getNewUrl(),render:n=>(0,i.jsx)(c,Object.assign({},n,{sessionT:this.sessionT}),void 0)},void 0)]}),void 0)}}X.displayName="SessionLayout",X.propTypes={baseUrl:t().string.isRequired,location:t().object.isRequired,items:t().array.isRequired,itemHeaderTitleGetter:t().func,itemHeaderDescriptionGetter:t().func.isRequired,itemHeaderIconGetter:t().func.isRequired,unreadInfoStore:t().object,itemNameGetter:t().func.isRequired,itemStatusGetter:t().func,uiActions:t().object.isRequired,actionIds:t().array,activeId:t().any,newCaption:t().any,newDescription:t().any,newIcon:t().any,disableSideMenu:t().bool,editAccess:t().string.isRequired,sessionItemLayout:t().any.isRequired,newLayout:t().func},X.contextType=J.c;const nn=X},93101:(n,e,s)=>{s.d(e,{J:()=>c});var i=s(85893),r=(s(67294),s(54883)),t=s(92408),o=s(32347),a=s(26793),A=s(8717);const c=(n,e)=>s=>{const{t:c}=(0,a.$)(),l=(0,t.o)(e);return e.isInitialized()?(0,i.jsx)(n,Object.assign({items:l,t:c},s),void 0):(0,i.jsx)(r.Z,{text:(0,A.Iu)("Loading sessions",c,o.jv.COMMON)},void 0)}}}]);
-//# sourceMappingURL=668.ca79db34c1e147bd25d0.chunk.js.map
+"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[668],{90500:(n,e,s)=>{s.d(e,{Z:()=>a});var i=s(87537),r=s.n(i),t=s(23645),o=s.n(t)()(r());o.push([n.id,".session-container.horizontal.ui.grid {\r\n  margin: 0px !important;\r\n}\r\n\r\n.session-container.horizontal .menu-column .item.new {\r\n  padding: .78571429em 1.1em !important;\r\n}\r\n\r\n.session-container.horizontal .ui.vertical.menu .item>i.icon {\r\n  margin: 0 .35714286em 0 0 !important;\r\n}\r\n\r\n.session-container.horizontal .session-layout > .ui.divider {\r\n  margin: 5px 0px 0px 0px;\r\n}\r\n\r\n.session-container.vertical {\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: white;\r\n}\r\n\r\n.session-layout {\r\n  flex: 100 100 auto;\r\n  display: flex;\r\n  overflow: hidden;\r\n}\r\n\r\n.session-container.horizontal .session-layout {\r\n  flex-direction: column;\r\n}\r\n\r\n.session-container.vertical .menu-bar {\r\n  justify-content: space-between;\r\n  margin: 0px !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left {\r\n  width: 100%;\r\n}\r\n\r\n.session-container.vertical .menu-bar .close-button.item:before {\r\n  background: none !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .close-button.item {\r\n  box-shadow: none !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\r\n  float: left;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\r\n  max-height: calc(100vh - 140px);\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  max-width: calc(100vw - 30px);\r\n}\r\n\r\n.session-container.vertical .session-item .count.label {\r\n  margin-left: 1em !important;\r\n}\r\n\r\n.session-container.vertical .session-header {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.session-container.vertical .session-header > div {\r\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\r\n  padding: .82857143em 0.4285714em;\r\n  line-height: 1.2;\r\n}\r\n\r\n.session-container.vertical .session-header > div:before {\r\n  background: none !important;\r\n}\r\n\r\n.session-container.vertical .session-header > i {\r\n  margin-left: 10px;\r\n}\r\n\r\n.session-container.vertical .session-header .ui.dropdown > i {\r\n  margin: 0px 5px;\r\n}\r\n\r\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\r\n.session-container.horizontal .session-header .header > i,\r\n.session-container.vertical .session-header > i {\r\n  width: inherit !important;\r\n  font-size: 1.5em;\r\n}\r\n\r\n.session-container.horizontal .session-header .ui.header {\r\n  align-items: center;\r\n}\r\n\r\n.session-container.vertical .menu-bar {\r\n  border-radius: 0px !important;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.session-container, \r\n.session-layout, \r\n.session-container.horizontal .column {\r\n  height: 100%;\r\n}\r\n\r\n.session-container.horizontal .column > div {\r\n  max-height: 100%;\r\n}\r\n\r\n.session-container .session-item {\r\n  overflow: hidden;\r\n  display: flex !important;\r\n  align-items: center;\r\n  padding: .68571429em .92857143em !important;\r\n  height: 35px;\r\n}\r\n\r\n.session-container .session-item .session-status {\r\n  float: none !important;\r\n  margin: 0 .5em 0 0 !important;\r\n}\r\n\r\n.session-container .session-item .session-name {\r\n  overflow: hidden;\r\n  flex: 1 1 100%;\r\n  line-height: 1.2;\r\n}\r\n\r\n.session-container .session-status {\r\n  margin-right: 5px;\r\n  margin-top: 3px;\r\n}\r\n\r\n.session-container.horizontal .menu-column {\r\n  display: flex !important;\r\n  flex-direction: column;\r\n  padding-right: 0px !important;\r\n}\r\n\r\n.session-container.horizontal .menu-column .menu {\r\n  width: initial !important;\r\n  overflow-y: auto;\r\n  padding-top: 10px;\r\n  flex: 1;\r\n}\r\n\r\n.session-container.horizontal .menu-column .session-item span.session-name,\r\n.session-container .session-header .ui.dropdown .caption {\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n\r\n.session-container .session-header .title .ui.dropdown {\r\n  width: 100%;\r\n}\r\n\r\n.session-layout .sub.header {\r\n  overflow: hidden;\r\n}\r\n\r\n.session-layout .sub.header img {\r\n  vertical-align: text-top;\r\n}\r\n\r\n.session-footer .info-grid {\r\n  margin-top: 7px !important;\r\n  font-size: small;\r\n  color: grey;\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: flex-end;\r\n}\r\n\r\n.session-footer .info-grid > div {\r\n  flex: 1;\r\n}\r\n\r\n.session-footer .info-grid > div:last-child > div {\r\n  float: right;\r\n}\r\n\r\n.session-footer .info-grid > div:only-child > div {\r\n  float: inherit;\r\n}\r\n\r\n.session-footer .ui.checkbox {\r\n  min-height: inherit !important;\r\n}\r\n\r\n.session-footer .divider {\r\n  margin-top: 8px;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n/* New session layout */\r\n.session.new {\r\n  flex: 100 100 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: hidden;\r\n  margin-top: 20px;\r\n  padding: 1px;\r\n}\r\n\r\n.session.new .recents {\r\n  flex: 100 100 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 20px;\r\n  overflow-y: hidden;\r\n}\r\n\r\n.session.new .recents .list {\r\n  padding: 3px 5px;\r\n  flex: 100 100 0%;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n}","",{version:3,sources:["webpack://./src/routes/Sidebar/sessions.css"],names:[],mappings:"AAAA;EACE,sBAAsB;AACxB;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,aAAa;EACb,sBAAsB;EACtB,uBAAuB;AACzB;;AAEA;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,+BAA+B;EAC/B,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,gCAAgC;EAChC,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,2CAA2C;EAC3C,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,6BAA6B;AAC/B;;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.horizontal.ui.grid {\r\n  margin: 0px !important;\r\n}\r\n\r\n.session-container.horizontal .menu-column .item.new {\r\n  padding: .78571429em 1.1em !important;\r\n}\r\n\r\n.session-container.horizontal .ui.vertical.menu .item>i.icon {\r\n  margin: 0 .35714286em 0 0 !important;\r\n}\r\n\r\n.session-container.horizontal .session-layout > .ui.divider {\r\n  margin: 5px 0px 0px 0px;\r\n}\r\n\r\n.session-container.vertical {\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: white;\r\n}\r\n\r\n.session-layout {\r\n  flex: 100 100 auto;\r\n  display: flex;\r\n  overflow: hidden;\r\n}\r\n\r\n.session-container.horizontal .session-layout {\r\n  flex-direction: column;\r\n}\r\n\r\n.session-container.vertical .menu-bar {\r\n  justify-content: space-between;\r\n  margin: 0px !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left {\r\n  width: 100%;\r\n}\r\n\r\n.session-container.vertical .menu-bar .close-button.item:before {\r\n  background: none !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .close-button.item {\r\n  box-shadow: none !important;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\r\n  float: left;\r\n}\r\n\r\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\r\n  max-height: calc(100vh - 140px);\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  max-width: calc(100vw - 30px);\r\n}\r\n\r\n.session-container.vertical .session-item .count.label {\r\n  margin-left: 1em !important;\r\n}\r\n\r\n.session-container.vertical .session-header {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.session-container.vertical .session-header > div {\r\n  max-width: 90%; /* Hack, auto width won't work without \"overflow: hidden\", but that would prevent viewing the menu items  */\r\n  padding: .82857143em 0.4285714em;\r\n  line-height: 1.2;\r\n}\r\n\r\n.session-container.vertical .session-header > div:before {\r\n  background: none !important;\r\n}\r\n\r\n.session-container.vertical .session-header > i {\r\n  margin-left: 10px;\r\n}\r\n\r\n.session-container.vertical .session-header .ui.dropdown > i {\r\n  margin: 0px 5px;\r\n}\r\n\r\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\r\n.session-container.horizontal .session-header .header > i,\r\n.session-container.vertical .session-header > i {\r\n  width: inherit !important;\r\n  font-size: 1.5em;\r\n}\r\n\r\n.session-container.horizontal .session-header .ui.header {\r\n  align-items: center;\r\n}\r\n\r\n.session-container.vertical .menu-bar {\r\n  border-radius: 0px !important;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.session-container, \r\n.session-layout, \r\n.session-container.horizontal .column {\r\n  height: 100%;\r\n}\r\n\r\n.session-container.horizontal .column > div {\r\n  max-height: 100%;\r\n}\r\n\r\n.session-container .session-item {\r\n  overflow: hidden;\r\n  display: flex !important;\r\n  align-items: center;\r\n  padding: .68571429em .92857143em !important;\r\n  height: 35px;\r\n}\r\n\r\n.session-container .session-item .session-status {\r\n  float: none !important;\r\n  margin: 0 .5em 0 0 !important;\r\n}\r\n\r\n.session-container .session-item .session-name {\r\n  overflow: hidden;\r\n  flex: 1 1 100%;\r\n  line-height: 1.2;\r\n}\r\n\r\n.session-container .session-status {\r\n  margin-right: 5px;\r\n  margin-top: 3px;\r\n}\r\n\r\n.session-container.horizontal .menu-column {\r\n  display: flex !important;\r\n  flex-direction: column;\r\n  padding-right: 0px !important;\r\n}\r\n\r\n.session-container.horizontal .menu-column .menu {\r\n  width: initial !important;\r\n  overflow-y: auto;\r\n  padding-top: 10px;\r\n  flex: 1;\r\n}\r\n\r\n.session-container.horizontal .menu-column .session-item span.session-name,\r\n.session-container .session-header .ui.dropdown .caption {\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n\r\n.session-container .session-header .title .ui.dropdown {\r\n  width: 100%;\r\n}\r\n\r\n.session-layout .sub.header {\r\n  overflow: hidden;\r\n}\r\n\r\n.session-layout .sub.header img {\r\n  vertical-align: text-top;\r\n}\r\n\r\n.session-footer .info-grid {\r\n  margin-top: 7px !important;\r\n  font-size: small;\r\n  color: grey;\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: flex-end;\r\n}\r\n\r\n.session-footer .info-grid > div {\r\n  flex: 1;\r\n}\r\n\r\n.session-footer .info-grid > div:last-child > div {\r\n  float: right;\r\n}\r\n\r\n.session-footer .info-grid > div:only-child > div {\r\n  float: inherit;\r\n}\r\n\r\n.session-footer .ui.checkbox {\r\n  min-height: inherit !important;\r\n}\r\n\r\n.session-footer .divider {\r\n  margin-top: 8px;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n/* New session layout */\r\n.session.new {\r\n  flex: 100 100 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: hidden;\r\n  margin-top: 20px;\r\n  padding: 1px;\r\n}\r\n\r\n.session.new .recents {\r\n  flex: 100 100 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 20px;\r\n  overflow-y: hidden;\r\n}\r\n\r\n.session.new .recents .list {\r\n  padding: 3px 5px;\r\n  flex: 100 100 0%;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n}"],sourceRoot:""}]);const a=o},38982:(n,e,s)=>{s.d(e,{Z:()=>t});var i=s(518),r=s(48117);function t(n,e,s){const t={divider:null,removeSession:{displayName:"Close",access:s,icon:r.Z.REMOVE,handler:({data:n})=>i.Z.delete(`${e}/${n.id}`)}};return Object.assign(n,t)}},8576:(n,e,s)=>{s.d(e,{Z:()=>a});var i=s(85893),r=s(67294),t=s(96818),o=s(33612);function a(n,e=!1){class s extends r.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*t.Z.getValue(o.Qp.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}},88998:(n,e,s)=>{s.d(e,{C:()=>t,o:()=>r});var i=s(85893);s(67294);const r=({label:n,text:e})=>(0,i.jsx)("div",Object.assign({className:"grid-item"},{children:(0,i.jsx)("div",Object.assign({className:"item-inner"},{children:n&&"string"==typeof e?`${n}: ${e}`:e}))})),t=({children:n})=>(0,i.jsxs)("div",Object.assign({className:"session-footer"},{children:[(0,i.jsx)("div",{className:"ui footer divider"}),(0,i.jsx)("div",Object.assign({className:"info-grid ui"},{children:n}))]}))},10907:(n,e,s)=>{s.d(e,{Z:()=>nn});var i=s(85893),r=s(45697),t=s.n(r),o=s(67294),a=s(5977),A=s(41143),c=s.n(A),l=s(20097),d=s(54883),m=s(10606),h=s(45807),p=s(1059),u=s(99005),g=s(39142),E=s(32347),B=s(8717),x=s(48117);const f=({sessionMenuItems:n,newButton:e,unreadInfoStore:s,listActionMenuGetter:r,t})=>(0,i.jsxs)(p.Z,Object.assign({triggerIcon:(0,i.jsx)(g.O,{urgencies:s?s.getTotalUrgencies():null})},{children:[(0,i.jsx)(u.Z,Object.assign({caption:(0,B.Iu)("New",t,E.jv.COMMON)},{children:e})),(0,i.jsx)(u.Z,Object.assign({caption:(0,B.Iu)("Current sessions",t,E.jv.COMMON)},{children:n})),(0,i.jsx)(u.Z,{children:r()})]})),v=({actions:n,activeItem:e})=>!e||(0,m.wd)()?null:(0,i.jsx)(h.Z,{className:"basic small item close-button",actions:n,actionId:"removeSession",itemData:e,icon:x.Z.CLOSE}),C=({itemHeaderIcon:n,itemHeaderTitle:e})=>(0,i.jsxs)("div",Object.assign({className:"session-header"},{children:[n,e]})),w=n=>{var{children:e,onKeyDown:s}=n,r=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 r=0;for(i=Object.getOwnPropertySymbols(n);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(n,i[r])&&(s[i[r]]=n[i[r]])}return s}(n,["children","onKeyDown"]);return(0,i.jsxs)("div",Object.assign({className:"session-container vertical",onKeyDown:s,tabIndex:0},{children:[(0,i.jsxs)("div",Object.assign({className:"ui main menu menu-bar"},{children:[(0,i.jsxs)("div",Object.assign({className:"content-left"},{children:[(0,i.jsx)(f,Object.assign({},r)),(0,i.jsx)(C,Object.assign({},r))]})),(0,i.jsx)(v,Object.assign({},r))]})),(0,i.jsx)("div",Object.assign({className:"session-layout"},{children:e}))]}))};var b=s(91462),j=s(24101);const y=({sessionMenuItems:n,newButton:e,itemHeaderIcon:s,itemHeaderTitle:r,children:t,itemHeaderDescription:a,onKeyDown:A})=>(e&&(e=o.cloneElement(e,{className:e.props.className+" ui fluid button"})),(0,i.jsxs)(j.rj,Object.assign({className:"session-container horizontal",onKeyDown:A,tabIndex:0},{children:[(0,i.jsxs)("div",Object.assign({className:"four wide column menu-column"},{children:[e,!!n.length&&(0,i.jsx)("div",Object.assign({className:"ui vertical secondary menu"},{children:n}))]})),(0,i.jsx)("div",Object.assign({className:"twelve wide stretched column content-column session"},{children:(0,i.jsxs)("div",Object.assign({className:"ui segment session-layout"},{children:[(0,i.jsx)(b.Z,{className:"session-header",icon:s,title:(0,i.jsx)("div",Object.assign({className:"title"},{children:r})),subHeader:a}),(0,i.jsx)("div",{className:"ui divider",style:{margin:"5px 0px 0px 0px"}}),t]}))}))]})));var I=s(93379),O=s.n(I),N=s(7795),S=s.n(N),k=s(90569),Z=s.n(k),z=s(3565),M=s.n(z),D=s(19216),T=s.n(D),H=s(44589),U=s.n(H),R=s(90500),G={};G.styleTagTransform=U(),G.setAttributes=M(),G.insert=Z().bind(null,"head"),G.domAPI=S(),G.insertStyleElement=T(),O()(R.Z,G),R.Z&&R.Z.locals&&R.Z.locals;var L=s(47021),q=s(94184),W=s.n(q),Y=s(6596);const K=({url:n,title:e,pushNew:s,className:r})=>(0,i.jsx)(Y.Z,Object.assign({className:W()("new",r),icon:x.Z.CREATE,url:n,onClick:n=>((n,e)=>{n.preventDefault(),e()})(n,s)},{children:e}),"button-new"),$=({sessionItem:n,status:e,name:s,unreadInfoStore:r,url:t,pushSession:o})=>(0,i.jsx)(Y.Z,Object.assign({url:t,className:"session-item",onClick:e=>((n,e,s)=>{n.preventDefault(),s(e.id)})(e,n,o),icon:e,session:n,unreadInfoStore:r},{children:(0,i.jsx)("span",Object.assign({className:"session-name"},{children:s}))}));var P=s(35936),_=s(27695),F=s(66883),V=s(98374),J=s(54080);const Q=(n,e)=>n.find((n=>n.id===e));class X extends o.Component{constructor(){super(...arguments),this.state={activeItem:null},this.getSessionUrl=n=>(c()(!!n,"Trying to get session URL without a session"),`/${this.props.baseUrl}/session/${n}`),this.getNewUrl=()=>`/${this.props.baseUrl}/new`,this.getStorageKey=n=>`${n.baseUrl}_last_active`,this.pushSession=n=>{l.Z.push(this.getSessionUrl(n))},this.replaceSession=n=>{l.Z.replace(this.getSessionUrl(n))},this.pushNew=()=>{l.Z.push(this.getNewUrl())},this.hasEditAccess=()=>F.Z.hasAccess(this.props.editAccess),this.checkActiveItem=n=>{const e=n.location,s=e.state&&e.state.pending,i=Q(n.items,n.activeId);return i?s?(l.Z.replace({state:{pending:!1}}),!0):(this.setState({activeItem:i}),(0,m.Ay)(this.getStorageKey(n),n.activeId),!0):!!s||0===n.items.length&&(l.Z.replace(this.getNewUrl()),this.setState({activeItem:null}),!0)},this.onKeyDown=n=>{const{key:e,altKey:s}=n;if(!s||"ArrowUp"!==e&&"ArrowDown"!==e){if(s&&"Insert"===e)n.preventDefault(),l.Z.replace(this.getNewUrl());else if(s&&"Delete"===e){n.preventDefault();const{items:e,activeId:s,sessionApi:i}=this.props,r=Q(e,s);r&&i.removeSession(r)}}else{n.preventDefault();const{items:s,activeId:i}=this.props,r=Q(s,i);if(!r)return;const t=s.indexOf(r);if(-1===t)return;const o=s["ArrowUp"===e?t-1:t+1];o&&this.pushSession(o.id)}},this.getItemStatus=n=>{const{itemStatusGetter:e,itemHeaderIconGetter:s}=this.props;return e?(0,i.jsx)("div",{className:"ui session-status empty circular left mini label "+e(n)}):(0,i.jsx)(P.Z,{icon:s(n)})},this.getSessionMenuItem=n=>(0,i.jsx)($,{url:this.getSessionUrl(n.id),name:this.props.itemNameGetter(n),unreadInfoStore:this.props.unreadInfoStore,status:this.getItemStatus(n),sessionItem:n,pushSession:this.pushSession},n.id),this.getItemHeaderTitle=()=>{const{uiActions:n,actionIds:e,itemNameGetter:s,itemHeaderTitleGetter:r}=this.props,{activeItem:t}=this.state;if(!t)return(0,i.jsx)("div",{children:this.props.newCaption});let o;e&&(o=[...e,"divider","removeSession"]);const a=(0,i.jsx)(L.PC,{caption:s(t),actions:n,itemData:t,ids:o});if(r){const n=r(t,this.props.location,a);if(n)return n}return a},this.getItemHeaderDescription=()=>{const{activeItem:n}=this.state,{itemHeaderDescriptionGetter:e,newDescription:s}=this.props;return n?e(n):s},this.getItemHeaderIcon=()=>{const{activeItem:n}=this.state,{itemHeaderIconGetter:e,newIcon:s}=this.props;return(0,i.jsx)(P.Z,{icon:n?e(n):s})},this.getNewButton=()=>this.hasEditAccess()&&this.props.newCaption?(0,i.jsx)(K,{title:this.props.newCaption,url:this.getNewUrl(),pushNew:this.pushNew},"new-button"):null,this.handleCloseAll=()=>{const{sessionApi:n,items:e}=this.props;e.forEach((e=>n.removeSession(e)))},this.getListActionMenu=()=>{const{items:n,t:e}=this.props;return this.hasEditAccess()&&0!==n.length?(0,i.jsx)(V.Z,Object.assign({onClick:this.handleCloseAll,icon:x.Z.REMOVE},{children:(0,B.Iu)("Close all",e,E.jv.COMMON)}),"close"):null},this.sessionT=(0,B.HY)(this.props.t,this.props.uiActions.moduleId)}UNSAFE_componentWillReceiveProps(n){if(n.location.pathname===this.getNewUrl())return void(this.state.activeItem&&this.setState({activeItem:null}));if(this.checkActiveItem(n))return;let e=0;const s=Q(this.props.items,this.props.activeId);s&&(e=this.props.items.indexOf(s),e===this.props.items.length-1&&(e-=1)),this.replaceSession(n.items[e].id)}componentDidMount(){if(this.checkActiveItem(this.props))return;let n=(0,m.C)(this.getStorageKey(this.props));n&&Q(this.props.items,n)?this.replaceSession(n):this.props.items.length>0&&this.replaceSession(this.props.items[0].id)}render(){const{disableSideMenu:n,items:e,unreadInfoStore:s,location:r,t,sessionApi:o,uiActions:A,newLayout:c,sessionItemLayout:l,activeId:h}=this.props;if(!this.hasEditAccess()&&0===e.length)return(0,i.jsx)(_.Z,{title:(0,B.Iu)("No items to show",t,E.jv.COMMON),description:t((0,B.zS)("noSessionEditAccess",E.jv.COMMON),"You aren't allowed to open new sessions")});const{activeItem:p}=this.state,u=n||(0,m.wd)(this.context)?w:y;return(0,i.jsxs)(u,Object.assign({itemHeaderTitle:this.getItemHeaderTitle(),itemHeaderDescription:this.getItemHeaderDescription(),itemHeaderIcon:this.getItemHeaderIcon(),activeItem:p,unreadInfoStore:s,newButton:this.getNewButton(),sessionMenuItems:e.map(this.getSessionMenuItem),listActionMenuGetter:this.getListActionMenu,onKeyDown:this.onKeyDown,actions:A,t},{children:[(0,i.jsx)(a.AW,{path:this.getSessionUrl(":id"),render:n=>{if(!p){const{state:n}=this.props.location;return n&&n.pending?(0,i.jsx)(d.Z,{text:(0,B.Iu)("Waiting for server response",t,E.jv.COMMON)}):h||0!==e.length?(0,i.jsx)(d.Z,{text:(0,B.Iu)("Loading session",t,E.jv.COMMON)}):void console.error("SessionLayout route: active session missing")}return(0,i.jsx)(l,{session:p,sessionApi:o,uiActions:A,location:r,sessionT:this.sessionT})}}),!!c&&(0,i.jsx)(a.AW,{path:this.getNewUrl(),render:n=>(0,i.jsx)(c,Object.assign({},n,{sessionT:this.sessionT}))})]}))}}X.displayName="SessionLayout",X.propTypes={baseUrl:t().string.isRequired,location:t().object.isRequired,items:t().array.isRequired,itemHeaderTitleGetter:t().func,itemHeaderDescriptionGetter:t().func.isRequired,itemHeaderIconGetter:t().func.isRequired,unreadInfoStore:t().object,itemNameGetter:t().func.isRequired,itemStatusGetter:t().func,uiActions:t().object.isRequired,actionIds:t().array,activeId:t().any,newCaption:t().any,newDescription:t().any,newIcon:t().any,disableSideMenu:t().bool,editAccess:t().string.isRequired,sessionItemLayout:t().any.isRequired,newLayout:t().func},X.contextType=J.c;const nn=X},93101:(n,e,s)=>{s.d(e,{J:()=>c});var i=s(85893),r=(s(67294),s(54883)),t=s(92408),o=s(32347),a=s(26793),A=s(8717);const c=(n,e)=>s=>{const{t:c}=(0,a.$)(),l=(0,t.o)(e);return e.isInitialized()?(0,i.jsx)(n,Object.assign({items:l,t:c},s)):(0,i.jsx)(r.Z,{text:(0,A.Iu)("Loading sessions",c,o.jv.COMMON)})}}}]);
+//# sourceMappingURL=668.2579506f7fa8bed8a452.chunk.js.map

package/dist/js/668.2579506f7fa8bed8a452.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"js/668.2579506f7fa8bed8a452.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/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/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.horizontal.ui.grid {\\r\\n  margin: 0px !important;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .menu-column .item.new {\\r\\n  padding: .78571429em 1.1em !important;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .ui.vertical.menu .item>i.icon {\\r\\n  margin: 0 .35714286em 0 0 !important;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .session-layout > .ui.divider {\\r\\n  margin: 5px 0px 0px 0px;\\r\\n}\\r\\n\\r\\n.session-container.vertical {\\r\\n  padding: 15px;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  background-color: white;\\r\\n}\\r\\n\\r\\n.session-layout {\\r\\n  flex: 100 100 auto;\\r\\n  display: flex;\\r\\n  overflow: hidden;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .session-layout {\\r\\n  flex-direction: column;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar {\\r\\n  justify-content: space-between;\\r\\n  margin: 0px !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .content-left {\\r\\n  width: 100%;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .close-button.item:before {\\r\\n  background: none !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .close-button.item {\\r\\n  box-shadow: none !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\\r\\n  float: left;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\\r\\n  max-height: calc(100vh - 140px);\\r\\n  overflow-y: auto;\\r\\n  overflow-x: hidden;\\r\\n  max-width: calc(100vw - 30px);\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-item .count.label {\\r\\n  margin-left: 1em !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header {\\r\\n  display: flex;\\r\\n  align-items: center;\\r\\n  height: 100%;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header > div {\\r\\n  max-width: 90%; /* Hack, auto width won't work without \\\"overflow: hidden\\\", but that would prevent viewing the menu items  */\\r\\n  padding: .82857143em 0.4285714em;\\r\\n  line-height: 1.2;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header > div:before {\\r\\n  background: none !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header > i {\\r\\n  margin-left: 10px;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header .ui.dropdown > i {\\r\\n  margin: 0px 5px;\\r\\n}\\r\\n\\r\\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\\r\\n.session-container.horizontal .session-header .header > i,\\r\\n.session-container.vertical .session-header > i {\\r\\n  width: inherit !important;\\r\\n  font-size: 1.5em;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .session-header .ui.header {\\r\\n  align-items: center;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar {\\r\\n  border-radius: 0px !important;\\r\\n  padding-bottom: 0px;\\r\\n}\\r\\n\\r\\n.session-container, \\r\\n.session-layout, \\r\\n.session-container.horizontal .column {\\r\\n  height: 100%;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .column > div {\\r\\n  max-height: 100%;\\r\\n}\\r\\n\\r\\n.session-container .session-item {\\r\\n  overflow: hidden;\\r\\n  display: flex !important;\\r\\n  align-items: center;\\r\\n  padding: .68571429em .92857143em !important;\\r\\n  height: 35px;\\r\\n}\\r\\n\\r\\n.session-container .session-item .session-status {\\r\\n  float: none !important;\\r\\n  margin: 0 .5em 0 0 !important;\\r\\n}\\r\\n\\r\\n.session-container .session-item .session-name {\\r\\n  overflow: hidden;\\r\\n  flex: 1 1 100%;\\r\\n  line-height: 1.2;\\r\\n}\\r\\n\\r\\n.session-container .session-status {\\r\\n  margin-right: 5px;\\r\\n  margin-top: 3px;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .menu-column {\\r\\n  display: flex !important;\\r\\n  flex-direction: column;\\r\\n  padding-right: 0px !important;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .menu-column .menu {\\r\\n  width: initial !important;\\r\\n  overflow-y: auto;\\r\\n  padding-top: 10px;\\r\\n  flex: 1;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .menu-column .session-item span.session-name,\\r\\n.session-container .session-header .ui.dropdown .caption {\\r\\n  overflow: hidden;\\r\\n  white-space: nowrap;\\r\\n}\\r\\n\\r\\n.session-container .session-header .title .ui.dropdown {\\r\\n  width: 100%;\\r\\n}\\r\\n\\r\\n.session-layout .sub.header {\\r\\n  overflow: hidden;\\r\\n}\\r\\n\\r\\n.session-layout .sub.header img {\\r\\n  vertical-align: text-top;\\r\\n}\\r\\n\\r\\n.session-footer .info-grid {\\r\\n  margin-top: 7px !important;\\r\\n  font-size: small;\\r\\n  color: grey;\\r\\n  display: flex;\\r\\n  flex: 1;\\r\\n  align-items: flex-end;\\r\\n}\\r\\n\\r\\n.session-footer .info-grid > div {\\r\\n  flex: 1;\\r\\n}\\r\\n\\r\\n.session-footer .info-grid > div:last-child > div {\\r\\n  float: right;\\r\\n}\\r\\n\\r\\n.session-footer .info-grid > div:only-child > div {\\r\\n  float: inherit;\\r\\n}\\r\\n\\r\\n.session-footer .ui.checkbox {\\r\\n  min-height: inherit !important;\\r\\n}\\r\\n\\r\\n.session-footer .divider {\\r\\n  margin-top: 8px;\\r\\n  margin-bottom: 0px;\\r\\n}\\r\\n\\r\\n/* New session layout */\\r\\n.session.new {\\r\\n  flex: 100 100 0%;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  overflow-y: hidden;\\r\\n  margin-top: 20px;\\r\\n  padding: 1px;\\r\\n}\\r\\n\\r\\n.session.new .recents {\\r\\n  flex: 100 100 0%;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  margin-top: 20px;\\r\\n  overflow-y: hidden;\\r\\n}\\r\\n\\r\\n.session.new .recents .list {\\r\\n  padding: 3px 5px;\\r\\n  flex: 100 100 0%;\\r\\n  overflow-y: auto;\\r\\n  overflow-x: hidden;\\r\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/routes/Sidebar/sessions.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,sBAAsB;AACxB;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,aAAa;EACb,sBAAsB;EACtB,uBAAuB;AACzB;;AAEA;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,+BAA+B;EAC/B,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,gCAAgC;EAChC,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,2CAA2C;EAC3C,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,6BAA6B;AAC/B;;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.horizontal.ui.grid {\\r\\n  margin: 0px !important;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .menu-column .item.new {\\r\\n  padding: .78571429em 1.1em !important;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .ui.vertical.menu .item>i.icon {\\r\\n  margin: 0 .35714286em 0 0 !important;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .session-layout > .ui.divider {\\r\\n  margin: 5px 0px 0px 0px;\\r\\n}\\r\\n\\r\\n.session-container.vertical {\\r\\n  padding: 15px;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  background-color: white;\\r\\n}\\r\\n\\r\\n.session-layout {\\r\\n  flex: 100 100 auto;\\r\\n  display: flex;\\r\\n  overflow: hidden;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .session-layout {\\r\\n  flex-direction: column;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar {\\r\\n  justify-content: space-between;\\r\\n  margin: 0px !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .content-left {\\r\\n  width: 100%;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .close-button.item:before {\\r\\n  background: none !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .close-button.item {\\r\\n  box-shadow: none !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .content-left > .ui.dropdown {\\r\\n  float: left;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar .content-left > .ui.dropdown .menu {\\r\\n  max-height: calc(100vh - 140px);\\r\\n  overflow-y: auto;\\r\\n  overflow-x: hidden;\\r\\n  max-width: calc(100vw - 30px);\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-item .count.label {\\r\\n  margin-left: 1em !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header {\\r\\n  display: flex;\\r\\n  align-items: center;\\r\\n  height: 100%;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header > div {\\r\\n  max-width: 90%; /* Hack, auto width won't work without \\\"overflow: hidden\\\", but that would prevent viewing the menu items  */\\r\\n  padding: .82857143em 0.4285714em;\\r\\n  line-height: 1.2;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header > div:before {\\r\\n  background: none !important;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header > i {\\r\\n  margin-left: 10px;\\r\\n}\\r\\n\\r\\n.session-container.vertical .session-header .ui.dropdown > i {\\r\\n  margin: 0px 5px;\\r\\n}\\r\\n\\r\\n/* Fix a few inconsistencies between 'icon' and 'icons' classnames */\\r\\n.session-container.horizontal .session-header .header > i,\\r\\n.session-container.vertical .session-header > i {\\r\\n  width: inherit !important;\\r\\n  font-size: 1.5em;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .session-header .ui.header {\\r\\n  align-items: center;\\r\\n}\\r\\n\\r\\n.session-container.vertical .menu-bar {\\r\\n  border-radius: 0px !important;\\r\\n  padding-bottom: 0px;\\r\\n}\\r\\n\\r\\n.session-container, \\r\\n.session-layout, \\r\\n.session-container.horizontal .column {\\r\\n  height: 100%;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .column > div {\\r\\n  max-height: 100%;\\r\\n}\\r\\n\\r\\n.session-container .session-item {\\r\\n  overflow: hidden;\\r\\n  display: flex !important;\\r\\n  align-items: center;\\r\\n  padding: .68571429em .92857143em !important;\\r\\n  height: 35px;\\r\\n}\\r\\n\\r\\n.session-container .session-item .session-status {\\r\\n  float: none !important;\\r\\n  margin: 0 .5em 0 0 !important;\\r\\n}\\r\\n\\r\\n.session-container .session-item .session-name {\\r\\n  overflow: hidden;\\r\\n  flex: 1 1 100%;\\r\\n  line-height: 1.2;\\r\\n}\\r\\n\\r\\n.session-container .session-status {\\r\\n  margin-right: 5px;\\r\\n  margin-top: 3px;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .menu-column {\\r\\n  display: flex !important;\\r\\n  flex-direction: column;\\r\\n  padding-right: 0px !important;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .menu-column .menu {\\r\\n  width: initial !important;\\r\\n  overflow-y: auto;\\r\\n  padding-top: 10px;\\r\\n  flex: 1;\\r\\n}\\r\\n\\r\\n.session-container.horizontal .menu-column .session-item span.session-name,\\r\\n.session-container .session-header .ui.dropdown .caption {\\r\\n  overflow: hidden;\\r\\n  white-space: nowrap;\\r\\n}\\r\\n\\r\\n.session-container .session-header .title .ui.dropdown {\\r\\n  width: 100%;\\r\\n}\\r\\n\\r\\n.session-layout .sub.header {\\r\\n  overflow: hidden;\\r\\n}\\r\\n\\r\\n.session-layout .sub.header img {\\r\\n  vertical-align: text-top;\\r\\n}\\r\\n\\r\\n.session-footer .info-grid {\\r\\n  margin-top: 7px !important;\\r\\n  font-size: small;\\r\\n  color: grey;\\r\\n  display: flex;\\r\\n  flex: 1;\\r\\n  align-items: flex-end;\\r\\n}\\r\\n\\r\\n.session-footer .info-grid > div {\\r\\n  flex: 1;\\r\\n}\\r\\n\\r\\n.session-footer .info-grid > div:last-child > div {\\r\\n  float: right;\\r\\n}\\r\\n\\r\\n.session-footer .info-grid > div:only-child > div {\\r\\n  float: inherit;\\r\\n}\\r\\n\\r\\n.session-footer .ui.checkbox {\\r\\n  min-height: inherit !important;\\r\\n}\\r\\n\\r\\n.session-footer .divider {\\r\\n  margin-top: 8px;\\r\\n  margin-bottom: 0px;\\r\\n}\\r\\n\\r\\n/* New session layout */\\r\\n.session.new {\\r\\n  flex: 100 100 0%;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  overflow-y: hidden;\\r\\n  margin-top: 20px;\\r\\n  padding: 1px;\\r\\n}\\r\\n\\r\\n.session.new .recents {\\r\\n  flex: 100 100 0%;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  margin-top: 20px;\\r\\n  overflow-y: hidden;\\r\\n}\\r\\n\\r\\n.session.new .recents .list {\\r\\n  padding: 3px 5px;\\r\\n  flex: 100 100 0%;\\r\\n  overflow-y: auto;\\r\\n  overflow-x: hidden;\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import SocketService from 'services/SocketService';\r\n\r\nimport IconConstants from 'constants/IconConstants';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\n\r\ntype SessionType = UI.SessionItemBase;\r\n\r\nexport default function (\r\n  actions: UI.ActionListType<SessionType>, \r\n  sessionsUrl: string, \r\n  editAccess: API.AccessEnum\r\n) {\r\n  const handleRemoveSession: UI.ActionHandler<SessionType> = (\r\n    { data: session }\r\n  ) => {\r\n    return SocketService.delete(`${sessionsUrl}/${session.id}`);\r\n  };\r\n  \r\n  const SessionActions: UI.ActionListType<SessionType> = {\r\n    divider: null,\r\n    removeSession: { \r\n      displayName: 'Close',\r\n      access: editAccess,\r\n      icon: IconConstants.REMOVE,\r\n      handler: handleRemoveSession,\r\n    }\r\n  };\r\n\r\n  return Object.assign(actions, SessionActions);\r\n}","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport LocalSettingStore from 'stores/LocalSettingStore';\r\nimport { LocalSettings } from 'constants/SettingConstants';\r\n\r\nimport * as UI from 'types/ui';\r\nimport { SessionChildProps } from 'routes/Sidebar/components/SessionLayout';\r\n\r\n\r\ntype SessionType = UI.SessionItemBase;\r\n\r\ninterface ActiveSessionDecoratorProps<SessionT extends SessionType, ActionT extends object> \r\n  extends Pick<SessionChildProps<SessionT, ActionT>, 'session'> {\r\n\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 <PropsT, SessionT extends SessionType, ActionT extends object = {}>(\r\n  Component: React.ComponentType<PropsT>, \r\n  useReadDelay: boolean = false\r\n) {\r\n  class ActiveSessionDecorator extends React.Component<PropsT & ActiveSessionDecoratorProps<SessionT, ActionT>> {\r\n    /*static propTypes = {\r\n      session: PropTypes.any, // Required (cloned)\r\n      actions: PropTypes.object, // Required (cloned)\r\n    };*/\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 ? 0 : 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';\r\n\r\n\r\ninterface FooterItemProps {\r\n  label?: string;\r\n  text: string | React.ReactElement<any>;\r\n}\r\n\r\nexport const FooterItem: React.FC<FooterItemProps> = ({ label, text }) => (\r\n  <div className=\"grid-item\">\r\n    <div className=\"item-inner\">\r\n      { !!label && typeof text === 'string' ? `${label}: ${text}` : text }\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport const SessionFooter: React.FC = ({ children }) => (\r\n  <div className=\"session-footer\">\r\n    <div className=\"ui footer divider\"/>\r\n    <div className=\"info-grid ui\">\r\n      { children }\r\n    </div>\r\n  </div>\r\n);","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\nimport { useMobileLayout } 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/menu/MenuIcon';\r\nimport { SessionMainLayoutProps } from './SessionLayout';\r\n\r\nimport * as UI from 'types/ui';\r\nimport { translate } from 'utils/TranslationUtils';\r\nimport IconConstants from 'constants/IconConstants';\r\n\r\n\r\ntype SessionDropdownProps<SessionT extends UI.SessionItemBase> = \r\n  Pick<\r\n    SessionMainLayoutProps<SessionT>, \r\n    'sessionMenuItems' | 'newButton' | 'unreadInfoStore' | 'listActionMenuGetter' | 't'\r\n  >;\r\n\r\nconst SessionDropdown = <SessionT extends UI.SessionItemBase>({ \r\n  sessionMenuItems, newButton, unreadInfoStore, listActionMenuGetter, t\r\n}: SessionDropdownProps<SessionT>) => (\r\n  <SectionedDropdown \r\n    triggerIcon={ <MenuIcon urgencies={ unreadInfoStore ? unreadInfoStore.getTotalUrgencies() : null } />}\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>\r\n      { listActionMenuGetter() }\r\n    </MenuSection>\r\n  </SectionedDropdown>\r\n);\r\n\r\n\r\ntype CloseButtonProps<SessionT extends UI.SessionItemBase> = \r\n  Pick<SessionMainLayoutProps<SessionT>, 'actions' | 'activeItem'>;\r\n\r\nconst CloseButton = <SessionT extends UI.SessionItemBase>(\r\n  { actions, activeItem }: CloseButtonProps<SessionT>\r\n) => {\r\n  if (!activeItem || useMobileLayout()) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <ActionButton \r\n      className=\"basic small item close-button\"\r\n      actions={ actions } \r\n      actionId=\"removeSession\"\r\n      itemData={ activeItem }\r\n      icon={ IconConstants.CLOSE }\r\n      //moduleId={ moduleId }\r\n    />\r\n  );\r\n};\r\n\r\ntype SessionItemHeaderProps = Pick<SessionMainLayoutProps<any>, 'itemHeaderIcon' | 'itemHeaderTitle'>;\r\n\r\nconst SessionItemHeader: React.FC<SessionItemHeaderProps> = ({ itemHeaderIcon, itemHeaderTitle }) => (\r\n  <div className=\"session-header\">\r\n    { itemHeaderIcon }\r\n    { itemHeaderTitle }\r\n  </div>\r\n);\r\n\r\nconst TopMenuLayout = <SessionT extends UI.SessionItemBase>(\r\n  { children, onKeyDown, ...props }: SessionMainLayoutProps<SessionT>\r\n) => (\r\n  <div \r\n    className=\"session-container vertical\" \r\n    onKeyDown={ onKeyDown } \r\n    tabIndex={ 0 }\r\n  >\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\">\r\n      { children }\r\n    </div>\r\n  </div>\r\n);\r\n\r\n/*TopMenuLayout.propTypes = {\r\n  itemHeaderTitle: PropTypes.node.isRequired,\r\n  itemHeaderIcon: PropTypes.node.isRequired,\r\n  activeItem: PropTypes.object,\r\n  newButton: PropTypes.node,\r\n  sessionMenuItems: PropTypes.array.isRequired,\r\n  closeAction: PropTypes.func.isRequired,\r\n  listActionMenuGetter: PropTypes.func.isRequired,\r\n};*/\r\n\r\nexport default TopMenuLayout;\r\n","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport LayoutHeader from 'components/semantic/LayoutHeader';\r\nimport { SessionMainLayoutProps } from './SessionLayout';\r\nimport { Grid } from 'components/semantic/Grid';\r\n\r\n\r\nconst SideMenuLayout: React.FC<SessionMainLayoutProps<any /*SessionT*/>> = ({ \r\n  sessionMenuItems, newButton,\r\n  itemHeaderIcon, itemHeaderTitle, children,\r\n  itemHeaderDescription, onKeyDown,\r\n}) => {\r\n\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 \r\n      className=\"session-container horizontal\" \r\n      onKeyDown={ onKeyDown }\r\n      tabIndex={ 0 }\r\n    >\r\n      <div className=\"four wide column menu-column\">\r\n        { newButton }\r\n        { !!sessionMenuItems.length && (\r\n          <div className=\"ui vertical secondary menu\">\r\n            { sessionMenuItems}\r\n          </div>\r\n        )\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\n/*SideMenuLayout.propTypes = {\r\n  newButton: PropTypes.node,\r\n  sessionMenuItems: PropTypes.array.isRequired,\r\n\r\n  itemHeaderTitle: PropTypes.node,\r\n  itemHeaderIcon: PropTypes.node,\r\n  itemHeaderDescription: PropTypes.node.isRequired,\r\n};*/\r\n\r\nexport default SideMenuLayout;\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;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./sessions.css\";\n       export default content && content.locals ? content.locals : undefined;\n","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nimport IconConstants from 'constants/IconConstants';\r\nimport RouterMenuItemLink from 'components/semantic/RouterMenuItemLink';\r\n\r\n\r\ntype PushHandler = () => void;\r\n\r\nconst onClick = (evt: React.SyntheticEvent, pushNew: PushHandler) => {\r\n  evt.preventDefault();\r\n\r\n  pushNew();\r\n};\r\n\r\n\r\ninterface SessionNewButtonProps {\r\n  url: string;\r\n  title: React.ReactNode;\r\n  className?: string;\r\n  pushNew: PushHandler;\r\n}\r\n\r\nconst SessionNewButton: React.FC<SessionNewButtonProps> = ({ url, title, pushNew, className }) => (\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    onClick={ (evt: React.SyntheticEvent) => onClick(evt, pushNew) }\r\n  >\r\n    { title }\r\n  </RouterMenuItemLink>\r\n);\r\n\r\n/*SessionNewButton.propTypes = {\r\n  // Base URL of the section\r\n  url: PropTypes.string.isRequired,\r\n\r\n  // Title of the button\r\n  title: PropTypes.node.isRequired,\r\n\r\n  pushNew: PropTypes.func.isRequired,\r\n\r\n  className: PropTypes.string,\r\n};*/\r\n\r\nexport default SessionNewButton;","//import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\n\r\nimport RouterMenuItemLink from 'components/semantic/RouterMenuItemLink';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\n\r\n\r\ntype PushSessionHandler = (id: API.IdType) => void;\r\n\r\nconst onClickItem = (\r\n  evt: React.SyntheticEvent, \r\n  sessionItem: UI.SessionItemBase, \r\n  pushSession: PushSessionHandler\r\n) => {\r\n  evt.preventDefault();\r\n\r\n  pushSession(sessionItem.id);\r\n};\r\n\r\ninterface SessionMenuItemProps {\r\n  url: string;\r\n  name: React.ReactNode;\r\n  unreadInfoStore: any;\r\n  status: React.ReactElement<any>;\r\n  sessionItem: UI.SessionItemBase;\r\n\r\n  pushSession: PushSessionHandler;\r\n}\r\n\r\nconst SessionMenuItem: React.FC<SessionMenuItemProps> = (\r\n  { sessionItem, status, name, unreadInfoStore, url, pushSession }\r\n) => (\r\n  <RouterMenuItemLink \r\n    url={ url } \r\n    className=\"session-item\" \r\n    onClick={ (evt: React.SyntheticEvent) => onClickItem(evt, sessionItem, pushSession) }\r\n    icon={ status }\r\n    session={ sessionItem }\r\n    unreadInfoStore={ unreadInfoStore }\r\n  >\r\n    <span className=\"session-name\">\r\n      { name }\r\n    </span>\r\n  </RouterMenuItemLink>\r\n);\r\n\r\n/*SessionMenuItem.propTypes = {\r\n  // Item URL\r\n  url: PropTypes.string.isRequired,\r\n\r\n  name: PropTypes.node.isRequired,\r\n\r\n  unreadInfoStore: PropTypes.object.isRequired,\r\n\r\n  status: PropTypes.node.isRequired,\r\n\r\n  sessionItem: PropTypes.object.isRequired,\r\n\r\n  pushSession: PropTypes.func.isRequired,\r\n};*/\r\n\r\nexport default SessionMenuItem;","import PropTypes from 'prop-types';\r\nimport * as React from 'react';\r\nimport { Route, RouteComponentProps } from 'react-router-dom';\r\nimport invariant from 'invariant';\r\n\r\nimport History from 'utils/History';\r\nimport Loader from 'components/semantic/Loader';\r\n\r\nimport TopMenuLayout from './TopMenuLayout';\r\nimport SideMenuLayout from './SideMenuLayout';\r\n\r\nimport '../sessions.css';\r\n\r\nimport { ActionMenu } from 'components/menu';\r\nimport SessionNewButton from './SessionNewButton';\r\nimport SessionMenuItem from './SessionMenuItem';\r\n\r\nimport Icon, { IconType } from 'components/semantic/Icon';\r\nimport Message from 'components/semantic/Message';\r\n\r\nimport LoginStore from 'stores/LoginStore';\r\nimport { loadLocalProperty, saveLocalProperty, useMobileLayout } from 'utils/BrowserUtils';\r\n\r\nimport IconConstants from 'constants/IconConstants';\r\nimport MenuItemLink from 'components/semantic/MenuItemLink';\r\n\r\nimport * as API from 'types/api';\r\nimport * as UI from 'types/ui';\r\nimport { getModuleT, translate, toI18nKey } from 'utils/TranslationUtils';\r\nimport { TFunction } from 'i18next';\r\nimport { LayoutWidthContext, LayoutWidthContextType } from 'context/LayoutWidthContext';\r\n\r\n\r\n\r\nexport type SessionBaseType = UI.SessionItemBase;\r\n\r\nconst findItem = <SessionT extends SessionBaseType>(items: SessionT[], id: API.IdType | null): SessionT | undefined => {\r\n  return items.find(item => item.id === id);\r\n};\r\n\r\nexport interface SessionLayoutProps<\r\n  SessionT extends SessionBaseType = SessionBaseType,\r\n  SessionApiT extends object = {},\r\n  UIActionT extends UI.ActionListType<UI.SessionItemBase> = {}\r\n> extends UI.SessionInfoGetter<SessionT>, Omit<RouteComponentProps, 'match'> {\r\n  // Unique ID of the section (used for storing and loading the previously open tab)\r\n  baseUrl: string;\r\n\r\n  // Array of the items to list\r\n  items: SessionT[];\r\n\r\n  // Session actions (should contain 'removeSession')\r\n  /*actions: UI.ModuleActions<SessionT> & {\r\n    actions: UI.SessionUIActions<SessionT, ActionT>;\r\n  };*/\r\n\r\n  uiActions: UI.ModuleActions<SessionT, UIActionT>;\r\n  sessionApi: UI.SessionActions<SessionT> & SessionApiT;\r\n\r\n  // Session actions to show in the action menu\r\n  actionIds?: string[];\r\n\r\n  // Item ID that is currently active (if any)\r\n  activeId: API.IdType | null;\r\n\r\n  // Label for button that opens a new session\r\n  newCaption?: React.ReactNode;\r\n\r\n  // Label for button that opens a new session\r\n  newDescription?: React.ReactNode;\r\n\r\n  // Label for button that opens a new session\r\n  newIcon?: IconType;\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  // AccessConstant defining whether the user has edit permission \r\n  editAccess: API.AccessEnum;\r\n\r\n  sessionItemLayout: React.ComponentType<SessionChildProps<SessionT>>;\r\n\r\n  newLayout?: React.ComponentType<NewSessionLayoutProps>;\r\n\r\n  unreadInfoStore: any;\r\n  \r\n  t: TFunction;\r\n}\r\n\r\nexport interface SessionLocationState {\r\n  pending?: boolean;\r\n}\r\n\r\nexport interface SessionMainLayoutProps<SessionT extends SessionBaseType, ActionT extends object = {}> extends \r\n  Pick<SessionLayoutProps<SessionT>, 'unreadInfoStore'> {\r\n\r\n  newButton: React.ReactElement<any> | null;\r\n  listActionMenuGetter: () => React.ReactNode;\r\n  sessionMenuItems: React.ReactNode[];\r\n  //closeAction: UI.SessionActions<SessionT, ActionT>['removeSession'];\r\n  activeItem: SessionT | null;\r\n\r\n  itemHeaderTitle: React.ReactNode;\r\n  itemHeaderDescription: React.ReactNode;\r\n  itemHeaderIcon: IconType;\r\n  onKeyDown: (event: React.KeyboardEvent) => void;\r\n  children: React.ReactNode;\r\n\r\n  //moduleId: string;\r\n  actions: SessionLayoutProps<SessionT>['uiActions'];\r\n  t: TFunction;\r\n}\r\n\r\ninterface State<SessionT extends SessionBaseType> {\r\n  activeItem: SessionT | null;\r\n}\r\n\r\nexport type SessionChildProps<\r\n  SessionT extends SessionBaseType, \r\n  SessionApiT extends object = {}, \r\n  UIActionsT extends UI.ActionListType<UI.SessionItemBase> = {}\r\n> = Pick<SessionLayoutProps<SessionT, SessionApiT, UIActionsT>, 'location' | 'sessionApi' | 'uiActions'> & \r\n  { \r\n    session: SessionT;\r\n    sessionT: UI.ModuleTranslator;\r\n  };\r\n\r\nexport interface NewSessionLayoutProps extends RouteComponentProps {\r\n  sessionT: UI.ModuleTranslator;\r\n}\r\n\r\nclass SessionLayout<SessionT extends SessionBaseType, ActionT extends object> \r\n  extends React.Component<SessionLayoutProps<SessionT, ActionT>, State<SessionT>> {\r\n\r\n  static displayName = 'SessionLayout';\r\n\r\n  static propTypes = {\r\n    // Unique ID of the section (used for storing and loading the previously open tab)\r\n    baseUrl: PropTypes.string.isRequired,\r\n\r\n    // Location object\r\n    location: PropTypes.object.isRequired,\r\n\r\n    // Array of the items to list\r\n    items: PropTypes.array.isRequired,\r\n\r\n    // If no function is supplied, the item name will be used\r\n    itemHeaderTitleGetter: PropTypes.func,\r\n\r\n    // Function receiving an item object that returns the description (subheader) of the item\r\n    itemHeaderDescriptionGetter: PropTypes.func.isRequired,\r\n\r\n    // Function receiving an item object that returns icon for a item\r\n    itemHeaderIconGetter: PropTypes.func.isRequired,\r\n\r\n    // Store containing information about unread items\r\n    unreadInfoStore: PropTypes.object,\r\n\r\n    // Function receiving an item object that returns the display name\r\n    itemNameGetter: PropTypes.func.isRequired,\r\n\r\n    // Function receiving the circular color label in front of the item\r\n    itemStatusGetter: PropTypes.func,\r\n\r\n    // Session actions (should contain 'removeSession')\r\n    uiActions: PropTypes.object.isRequired,\r\n\r\n    // Session actions to show in the action menu\r\n    actionIds: PropTypes.array,\r\n\r\n    // Item ID that is currently active (if any)\r\n    activeId: PropTypes.any,\r\n\r\n    // Label for button that opens a new session\r\n    newCaption: PropTypes.any,\r\n\r\n    // Label for button that opens a new session\r\n    newDescription: PropTypes.any,\r\n\r\n    // Label for button that opens a new session\r\n    newIcon: PropTypes.any,\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: PropTypes.bool,\r\n\r\n    // AccessConstant defining whether the user has edit permission \r\n    editAccess: PropTypes.string.isRequired,\r\n\r\n    sessionItemLayout: PropTypes.any.isRequired,\r\n\r\n    newLayout: PropTypes.func,\r\n  };\r\n\r\n  state: State<SessionT> = {\r\n    activeItem: null\r\n  };\r\n\r\n  static contextType = LayoutWidthContext;\r\n  context: LayoutWidthContextType;\r\n\r\n  // HELPERS\r\n  getSessionUrl = (id: API.IdType) => {\r\n    invariant(!!id, 'Trying to get session URL without a session');\r\n    return `/${this.props.baseUrl}/session/${id}`;\r\n  }\r\n\r\n  getNewUrl = () => {\r\n    return `/${this.props.baseUrl}/new`;\r\n  }\r\n\r\n  getStorageKey = (props: SessionLayoutProps<SessionT>) => {\r\n    return `${props.baseUrl}_last_active`;\r\n  }\r\n\r\n  pushSession = (id: API.IdType) => {\r\n    History.push(this.getSessionUrl(id));\r\n  }\r\n\r\n  replaceSession = (id: API.IdType) => {\r\n    History.replace(this.getSessionUrl(id));\r\n  }\r\n\r\n  pushNew = () => {\r\n    History.push(this.getNewUrl());\r\n  }\r\n\r\n  hasEditAccess = () => {\r\n    return LoginStore.hasAccess(this.props.editAccess);\r\n  }\r\n\r\n  // LIFECYCLE/REACT\r\n  UNSAFE_componentWillReceiveProps(nextProps: SessionLayoutProps<SessionT>) {\r\n    if (nextProps.location.pathname === this.getNewUrl()) {\r\n      // Don't redirect to it if the \"new session\" layout is open\r\n      if (this.state.activeItem) {\r\n        this.setState({ activeItem: null });\r\n      }\r\n      return;\r\n    }\r\n\r\n    if (this.checkActiveItem(nextProps)) {\r\n      // We got an item\r\n      return;\r\n    }\r\n\r\n    // The old tab was closed or we didn't have any session before\r\n\r\n\r\n    let newItemPos = 0;\r\n    const oldItem = findItem(this.props.items, this.props.activeId);\r\n    if (oldItem) {\r\n      // Find the old position and use the item in that position (if possible)\r\n      newItemPos = this.props.items.indexOf(oldItem);\r\n      if (newItemPos === this.props.items.length - 1) {\r\n        // The last item was removed\r\n        newItemPos = newItemPos - 1;\r\n      }\r\n    }\r\n\r\n    this.replaceSession(nextProps.items[newItemPos].id);\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  checkActiveItem = (props: SessionLayoutProps<SessionT>) => {\r\n    // Did we just create this session?\r\n    const routerLocation = props.location;\r\n    const pending = routerLocation.state && (routerLocation.state as SessionLocationState).pending;\r\n\r\n    // Update the active item\r\n    const activeItem = findItem(props.items, props.activeId);\r\n    if (activeItem) {\r\n      if (pending) {\r\n        // Disable pending state\r\n        History.replace({\r\n          //path: routerLocation.pathname,\r\n          state: {\r\n            pending: false,\r\n          }\r\n        });\r\n\r\n        return true;\r\n      }\r\n\r\n      this.setState({ activeItem: activeItem });\r\n      saveLocalProperty(this.getStorageKey(props), 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      History.replace(this.getNewUrl());\r\n      this.setState({ activeItem: null });\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  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 } = this.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        this.pushSession(newSession.id);\r\n      }\r\n    } else if (altKey && key === 'Insert') {\r\n      // Insert\r\n      event.preventDefault();\r\n\r\n      History.replace(this.getNewUrl());\r\n    } else if (altKey && key === 'Delete') {\r\n      // Delete\r\n      event.preventDefault();\r\n\r\n      const { items, activeId, sessionApi } = this.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  componentDidMount() {\r\n    // Opening an item directly? Or no items?\r\n    if (this.checkActiveItem(this.props)) {\r\n      return;\r\n    }\r\n\r\n    // See if we have something stored\r\n    let lastId = loadLocalProperty<API.IdType>(this.getStorageKey(this.props));\r\n    if (lastId && findItem(this.props.items, lastId)) {\r\n      // Previous session exists\r\n      this.replaceSession(lastId);\r\n    } else if (this.props.items.length > 0) {\r\n      // Load the first session\r\n      this.replaceSession(this.props.items[0].id);\r\n    }\r\n  }\r\n\r\n  // COMPONENT GETTERS\r\n  getItemStatus = (sessionItem: SessionT) => {\r\n    const { itemStatusGetter, itemHeaderIconGetter } = this.props;\r\n    if (itemStatusGetter) {\r\n      return <div className={ 'ui session-status empty circular left mini label ' + itemStatusGetter(sessionItem) }/>;\r\n    }\r\n\r\n    return <Icon icon={ itemHeaderIconGetter(sessionItem) }/>;\r\n  }\r\n\r\n  getSessionMenuItem = (sessionItem: SessionT) => {\r\n    return (\r\n      <SessionMenuItem \r\n        key={ sessionItem.id } \r\n        url={ this.getSessionUrl(sessionItem.id) }\r\n        name={ this.props.itemNameGetter(sessionItem) }\r\n        unreadInfoStore={ this.props.unreadInfoStore }\r\n        status={ this.getItemStatus(sessionItem) }\r\n        sessionItem={ sessionItem }\r\n        pushSession={ this.pushSession }\r\n      />\r\n    );\r\n  }\r\n\r\n  getItemHeaderTitle = () => {\r\n    const { uiActions, actionIds, itemNameGetter, itemHeaderTitleGetter } = this.props;\r\n\r\n    const { activeItem } = this.state;\r\n    if (!activeItem) {\r\n      return <div>{ this.props.newCaption }</div>;\r\n    }\r\n\r\n    let ids;\r\n    if (actionIds) {\r\n      ids = [ ...actionIds, 'divider', 'removeSession' ];\r\n    }\r\n\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      />\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, this.props.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  getItemHeaderDescription = () => {\r\n    const { activeItem } = this.state;\r\n    const { itemHeaderDescriptionGetter, newDescription } = this.props;\r\n    if (!activeItem) {\r\n      return newDescription;\r\n    }\r\n\r\n    return itemHeaderDescriptionGetter(activeItem);\r\n  }\r\n\r\n  getItemHeaderIcon = () => {\r\n    const { activeItem } = this.state;\r\n    const { itemHeaderIconGetter, newIcon } = this.props;\r\n    return <Icon icon={ activeItem ? itemHeaderIconGetter(activeItem) : newIcon }/>;\r\n  }\r\n\r\n  getNewButton = () => {\r\n    if (!this.hasEditAccess() || !this.props.newCaption) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <SessionNewButton \r\n        key=\"new-button\" \r\n        title={ this.props.newCaption } \r\n        url={ this.getNewUrl() } \r\n        pushNew={ this.pushNew }\r\n      />\r\n    );\r\n  }\r\n\r\n  handleCloseAll = () => {\r\n    const { sessionApi, items } = this.props;\r\n    items.forEach(session => sessionApi.removeSession(session));\r\n  }\r\n\r\n  getListActionMenu = () => {\r\n    const { items, t } = this.props;\r\n    if (!this.hasEditAccess() || items.length === 0) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <MenuItemLink \r\n        key=\"close\"\r\n        onClick={ this.handleCloseAll }\r\n        icon={ IconConstants.REMOVE }\r\n      >\r\n        { translate('Close all', t, UI.Modules.COMMON) }\r\n      </MenuItemLink>\r\n    );\r\n  }\r\n\r\n  sessionT = getModuleT(this.props.t, this.props.uiActions.moduleId);\r\n  render() {\r\n    const { \r\n      disableSideMenu, /*width,*/ items, unreadInfoStore, location, t, sessionApi,\r\n      uiActions, newLayout: NewLayout, sessionItemLayout: SessionItemLayout, activeId \r\n    } = this.props;\r\n    \r\n    if (!this.hasEditAccess() && items.length === 0) {\r\n      // Nothing to show\r\n      return (\r\n        <Message \r\n          title={ translate('No items to show', t, UI.Modules.COMMON) } \r\n          description={ t<string>(\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 { activeItem } = this.state;\r\n    const useTopMenu = disableSideMenu || useMobileLayout(this.context);\r\n\r\n    const Component = useTopMenu ? TopMenuLayout : SideMenuLayout;\r\n    return (\r\n      <Component \r\n        itemHeaderTitle={ this.getItemHeaderTitle() }\r\n        itemHeaderDescription={ this.getItemHeaderDescription() }\r\n        itemHeaderIcon={ this.getItemHeaderIcon() }\r\n\r\n        activeItem={ activeItem }\r\n        unreadInfoStore={ unreadInfoStore }\r\n        //closeAction={ actions.actions.removeSession }\r\n        newButton={ this.getNewButton() }\r\n        sessionMenuItems={ items.map(this.getSessionMenuItem) }\r\n        listActionMenuGetter={ this.getListActionMenu }\r\n        onKeyDown={ this.onKeyDown }\r\n        //moduleId={ actions.moduleId }\r\n        actions={ uiActions }\r\n        t={ t }\r\n      >\r\n        <Route\r\n          path={ this.getSessionUrl(':id') }\r\n          render={ props => {\r\n            if (!activeItem) {\r\n              const { state } = this.props.location;\r\n              if (!!state && (state as SessionLocationState).pending) {\r\n                // The session was just created\r\n                return <Loader text={ translate('Waiting for server response', t, UI.Modules.COMMON) }/>;\r\n              } else if (activeId || items.length !== 0) {\r\n                // Redirecting to a new page\r\n                return <Loader text={ translate('Loading session', t, UI.Modules.COMMON) }/>;\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                sessionT={ this.sessionT }\r\n              />\r\n            );\r\n          } }\r\n        />\r\n        { !!NewLayout && (\r\n          <Route\r\n            path={ this.getNewUrl() }\r\n            render={ props => (\r\n              <NewLayout\r\n                { ...props }\r\n                sessionT={ this.sessionT }\r\n              />\r\n            ) }\r\n          /> \r\n        ) }\r\n      </Component>\r\n    );\r\n  }\r\n}\r\n\r\nexport default SessionLayout;\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 { translate } from 'utils/TranslationUtils';\r\nimport { TFunction } from 'i18next';\r\n\r\n\r\nexport type SessionProviderDecoratorProps = UI.SessionRouteProps;\r\n\r\nexport interface SessionProviderDecoratorChildProps<SessionT extends object> extends UI.SessionRouteProps {\r\n  items: SessionT[];\r\n  t: TFunction;\r\n}\r\n\r\nconst SessionProviderDecorator = <SessionT extends object, PropsT extends object>(\r\n  Component: React.ComponentType<PropsT & SessionProviderDecoratorChildProps<SessionT>>,\r\n  store: any\r\n) => {\r\n  const Decorator = (props: SessionProviderDecoratorProps & PropsT) => {\r\n    const { t } = useTranslation();\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 (\r\n      <Component \r\n        items={ sessions }\r\n        t={ t }\r\n        { ...props }\r\n      />\r\n    );\r\n  };\r\n\r\n  return Decorator;\r\n};\r\n\r\nexport { SessionProviderDecorator };\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","actions","sessionsUrl","editAccess","SessionActions","divider","removeSession","displayName","access","icon","handler","data","session","Object","assign","Component","useReadDelay","ActiveSessionDecorator","setRead","this","props","sessionApi","readTimeout","undefined","setSession","clearTimeout","sessionChanged","timeout","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","CloseButton","activeItem","ActionButton","actionId","itemData","IconConstants","SessionItemHeader","itemHeaderIcon","itemHeaderTitle","onKeyDown","tabIndex","itemHeaderDescription","Grid","length","LayoutHeader","title","subHeader","style","margin","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","url","pushNew","RouterMenuItemLink","onClick","evt","preventDefault","sessionItem","status","name","pushSession","onClickItem","findItem","items","find","item","SessionLayout","state","getSessionUrl","baseUrl","getNewUrl","getStorageKey","History","replaceSession","hasEditAccess","LoginStore","checkActiveItem","routerLocation","location","pending","activeId","setState","event","key","altKey","currentIndex","indexOf","newSession","getItemStatus","itemStatusGetter","itemHeaderIconGetter","Icon","getSessionMenuItem","itemNameGetter","getItemHeaderTitle","uiActions","actionIds","itemHeaderTitleGetter","newCaption","ids","actionMenu","header","getItemHeaderDescription","itemHeaderDescriptionGetter","newDescription","getItemHeaderIcon","newIcon","getNewButton","handleCloseAll","forEach","getListActionMenu","MenuItemLink","sessionT","moduleId","UNSAFE_componentWillReceiveProps","nextProps","pathname","newItemPos","oldItem","lastId","disableSideMenu","newLayout","NewLayout","sessionItemLayout","SessionItemLayout","Message","description","context","map","path","Loader","console","error","propTypes","contextType","LayoutWidthContext","SessionProviderDecorator","store","sessions","isInitialized"],"sourceRoot":""}