npm - airdcpp-webui - Versions diffs - 2.14.0-beta.11 → 2.14.0-beta.13 - Mend

airdcpp-webui 2.14.0-beta.11 → 2.14.0-beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/dist/js/{550.83271f41ad0cccc6815b.chunk.js.map → 550.43735d298b0c3e70c6bd.chunk.js.map} RENAMED Viewed

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

package/dist/js/926.c344692db21ff4746b0d.chunk.js ADDED Viewed

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

package/dist/js/926.c344692db21ff4746b0d.chunk.js.gz ADDED Viewed

Binary file

package/dist/js/926.c344692db21ff4746b0d.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

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