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

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

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

Files changed (64) hide show

package/dist/js/{668.67827dde6f8c0b775513.chunk.js.map → 668.1b704949fefd7be35639.chunk.js.map} RENAMED Viewed

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

package/dist/js/{favorite-hubs.4ea3baf530f0b10fc60d.chunk.js → favorite-hubs.83bf98475a69ad8f52a6.chunk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[382],{24392:(e,t,n)=>{n.d(t,{Z:()=>a});var s=n(87537),o=n.n(s),i=n(23645),r=n.n(i)()(o());r.push([e.id,".virtual-table .cell-wrapper.connected,\n.virtual-table .cell-wrapper.connected span,\n.virtual-table .cell-wrapper.connected strong {\n  color: green;\n}\n\n.virtual-table .cell-wrapper.connecting,\n.virtual-table .cell-wrapper.connecting span,\n.virtual-table .cell-wrapper.connecting strong {\n  color: orange;\n}\n\n.virtual-table .cell-wrapper.disconnected,\n.virtual-table .cell-wrapper.disconnected span,\n.virtual-table .cell-wrapper.disconnected strong {\n  color: dimslategray;\n}\n","",{version:3,sources:["webpack://./src/routes/FavoriteHubs/style.css"],names:[],mappings:"AAAA;;;EAGE,YAAY;AACd;;AAEA;;;EAGE,aAAa;AACf;;AAEA;;;EAGE,mBAAmB;AACrB",sourcesContent:[".virtual-table .cell-wrapper.connected,\n.virtual-table .cell-wrapper.connected span,\n.virtual-table .cell-wrapper.connected strong {\n  color: green;\n}\n\n.virtual-table .cell-wrapper.connecting,\n.virtual-table .cell-wrapper.connecting span,\n.virtual-table .cell-wrapper.connecting strong {\n  color: orange;\n}\n\n.virtual-table .cell-wrapper.disconnected,\n.virtual-table .cell-wrapper.disconnected span,\n.virtual-table .cell-wrapper.disconnected strong {\n  color: dimslategray;\n}\n"],sourceRoot:""}]);const a=r},82633:(e,t,n)=>{n.d(t,{Z:()=>o});const s="share_profiles",o={MODULE_URL:s,PROFILES_URL:s,PROFILE_ADDED:"share_profile_added",PROFILE_UPDATED:"share_profile_updated",PROFILE_REMOVED:"share_profile_removed",HIDDEN_PROFILE_ID:1}},75426:(e,t,n)=>{n.d(t,{D:()=>a,Z:()=>c});var s=n(96486),o=n(82633),i=n(42090),r=n(2445);const a=e=>({id:e.id,name:e.str}),c=function(e,t,n,a=!0){return(0,i.Z)(e,(0,s.merge)(n,{urls:{profiles:o.Z.PROFILES_URL},dataConverters:{profiles:(e,{t:n})=>{const s=e.filter((e=>t||e.id!==o.Z.HIDDEN_PROFILE_ID)).map((e=>((e,t)=>{let n=e.str;return a&&e.id!==o.Z.HIDDEN_PROFILE_ID&&(n+=` (${(0,r.BU)(e.size,t)})`),Object.assign(Object.assign({},e),{str:n})})(e,n)));return s}},onSocketConnected:(e,{refetchData:t})=>{e(o.Z.MODULE_URL,o.Z.PROFILE_ADDED,(()=>t())),e(o.Z.MODULE_URL,o.Z.PROFILE_UPDATED,(()=>t())),e(o.Z.MODULE_URL,o.Z.PROFILE_REMOVED,(()=>t()))}}))}},85244:(e,t,n)=>{n.r(t),n.d(t,{default:()=>be});var s=n(85893),o=n(67294),i=n(518);const r="favorite_hubs",a=r,c=r;var l=n(48117),p=n(20097),d=n(76249),u=n(32347);const h={create:{displayName:"Add new",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.CREATE,handler:()=>{p.Z.push("/favorite-hubs/entries")}}},m={edit:{displayName:"Edit",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.EDIT,handler:({data:e})=>{p.Z.push(`/favorite-hubs/entries/${e.id}`)}},remove:{displayName:"Remove",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.REMOVE,confirmation:{content:"Are you sure that you want to remove the favorite hub {{item.name}}?",approveCaption:"Remove favorite hub",rejectCaption:"Don't remove"},handler:({data:e})=>i.Z.delete(c+"/"+e.id)}},v={create:{moduleId:u.jv.FAVORITE_HUBS,actions:h},edit:{moduleId:u.jv.FAVORITE_HUBS,actions:m}},E=(e,t)=>i.Z.patch(c+"/"+e.id,{password:t}),_=({data:e},t)=>E(e,t),y=e=>e.has_password,f={create:{displayName:"Set password",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.LOCK,filter:e=>!y(e),input:{content:"Set password for the hub {{item.name}}",approveCaption:"Set password",inputProps:{placeholder:"Enter password",type:"password"}},handler:_},change:{displayName:"Change password",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.EDIT,filter:y,input:{content:"Enter new password for the hub {{item.name}}",approveCaption:"Update password",inputProps:{placeholder:"Enter password",type:"password"}},handler:_},remove:{displayName:"Remove password",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.REMOVE,filter:y,confirmation:{content:"Are you sure that you want to reset the password of the hub {{item.name}}?",approveCaption:"Remove password",rejectCaption:"Don't remove"},handler:({data:e})=>E(e,null)}},I={moduleId:u.jv.FAVORITE_HUBS,subId:"password",actions:f};var b=n(10293),w=n.n(b),C=n(93836);const O=w().createStore({_viewName:"favorite_hub_view",_apiUrl:a,mixins:[(0,C.Z)("name")]});var g=n(28427),A=n(92245),D=n(82633),S=n(75426),T=n(18758),R=n(43496),N=n(18603);const j=({locals:e})=>{const t=(0,o.useRef)();return(0,o.useEffect)((()=>{t.current&&("boolean"==typeof e.value?t.current.indeterminate=!1:t.current.indeterminate=!0)}),[e.value]),(0,s.jsx)("input",Object.assign({ref:t,type:"checkbox"},e.attrs,{onChange:t=>{!1===e.value?e.onChange(null):e.onChange(t.target.checked)}}))},Z={renderCheckbox:e=>(0,s.jsx)(j,{locals:e})},U=T.ZP.form.Form.templates.checkbox.clone(Z),x=[{id:d.pJ.DISABLED,name:"Disabled"},{id:d.pJ.ACTIVE_MODE,name:"Active mode"},{id:d.pJ.PASSIVE_MODE,name:"Passive mode"}],F=[{key:"generic",title:"Hub properties",type:d.Y2.STRUCT,definitions:[{key:"name",title:"Name",type:d.Y2.STRING},{key:"hub_url",title:"Hub URL",type:d.Y2.STRING},{key:"hub_description",title:"Hub description",type:d.Y2.STRING,optional:!0},{key:"share_profile",title:"Share profile",type:d.Y2.NUMBER,help:"Custom share profiles can be selected only after entering an ADC hub address (starting with adc:// or adcs://)",optional:!0},{key:"auto_connect",title:"Auto connect",type:d.Y2.BOOLEAN}]},{key:"user",title:"User setting overrides",type:d.Y2.STRUCT,definitions:[{key:"nick",title:"Nick",type:d.Y2.STRING,optional:!0},{key:"user_description",title:"User description",type:d.Y2.STRING,optional:!0}]},{key:"connectivityV4",title:"Connectivity setting overrides (IPv4)",type:d.Y2.STRUCT,definitions:[{key:"connection_mode_v4",title:"Connectivity mode",type:d.Y2.NUMBER,optional:!0,options:x},{key:"connection_ip_v4",title:"IP address",type:d.Y2.STRING,optional:!0}]},{key:"connectivityV6",title:"Connectivity setting overrides (IPv6)",type:d.Y2.STRUCT,definitions:[{key:"connection_mode_v6",title:"Connectivity mode",type:d.Y2.NUMBER,optional:!0,options:x},{key:"connection_ip_v6",title:"IP address",type:d.Y2.STRING,optional:!0}]},{key:"misc",title:"Miscellaneous overrides",type:d.Y2.STRUCT,definitions:[{key:"use_main_chat_notify",title:"Use chat notification",type:d.Y2.BOOLEAN,optional:!0},{key:"show_joins",title:"Show joins/parts",type:d.Y2.BOOLEAN,optional:!0},{key:"away_message",title:"Away message",type:d.Y2.TEXT,optional:!0}]}],k=e=>!!e&&(0===e.indexOf("adc://")||0===e.indexOf("adcs://"));class P extends o.Component{constructor(e){super(e),this.isNew=()=>!this.props.hubEntry,this.onFieldChanged=(e,t,n)=>-1===e.indexOf("hub_url")||k(t.generic.hub_url)||t.share_profile===D.Z.HIDDEN_PROFILE_ID?null:Promise.resolve({share_profile:null}),this.save=()=>this.form.save(),this.onSave=e=>{const t=(n=e,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.generic),n.user),n.connectivityV4),n.connectivityV6),n.misc));var n;return this.isNew()?i.Z.post(c,t):i.Z.patch(`${c}/${this.props.hubEntry.id}`,t)},this.onFieldSetting=(e,t,n)=>{if("share_profile"===e){const e=n.generic?n.generic.hub_url:void 0;Object.assign(t,{nullOption:this.nullOption,factory:T.ZP.form.Select,options:(s=this.props.profiles,o=e,s.filter((e=>k(o)||e.id===D.Z.HIDDEN_PROFILE_ID)).map(S.D).map(N.kE)),transformer:N.QA})}else"connection_mode_v4"===e||"connection_mode_v6"===e?Object.assign(t,{nullOption:this.nullOption,transformer:N.QA}):"use_main_chat_notify"!==e&&"show_joins"!==e||Object.assign(t,{template:U,transformer:{format:e=>void 0===e?null:e,parse:e=>e}});var s,o},this.formValue=(e=>{if(e)return{generic:e,user:e,connectivityV4:e,connectivityV6:e,misc:e}})(e.hubEntry),this.definitions=(0,N.rv)(F,e.favT),this.nullOption={value:"null",text:e.favT.translate("Global default")}}render(){const{translate:e}=this.props.favT,t=e(this.isNew()?"Add favorite hub":"Edit favorite hub");return(0,s.jsx)(g.Z,Object.assign({className:"fav-hub",title:t,onApprove:this.save,closable:!1,icon:l.Z.FAVORITE},this.props,{children:(0,s.jsx)(R.Z,{ref:e=>this.form=e,onFieldChanged:this.onFieldChanged,onFieldSetting:this.onFieldSetting,onSave:this.onSave,fieldDefinitions:this.definitions,sourceValue:this.formValue,location:this.props.location})}))}}P.displayName="FavoriteHubDialog";const V=(0,A.ZP)((0,S.Z)(P,!0,{urls:{hubEntry:({match:e},t)=>e.params.entryId?t.get(`${c}/${e.params.entryId}`):Promise.resolve(void 0)}}),"entries/:entryId?");var L=n(78230),B=n(35108),H=n(68126),G=n(94184),Y=n.n(G),M=n(16119),K=n(93281),$=n(35936),J=n(16550);const Q=e=>{switch(e.id){case d.lh.CONNECTING:return"yellow remove";case d.lh.CONNECTED:return"grey remove";case d.lh.DISCONNECTED:return"green video play"}return""};class W extends o.Component{constructor(){super(...arguments),this.handleCreateSession=()=>{const{location:e,rowDataGetter:t}=this.props;M.Z.createSession(e,t().hub_url,K.Z)},this.handleRemoveSession=()=>{const{cellData:e}=this.props;M.Z.removeSession({id:e.current_hub_id})},this.getClickAction=()=>{switch(this.props.cellData.id){case d.lh.CONNECTING:case d.lh.CONNECTED:return this.handleRemoveSession;case d.lh.DISCONNECTED:default:return this.handleCreateSession}}}render(){const{cellData:e,width:t}=this.props;return(0,s.jsxs)("div",Object.assign({className:"connect-state"},{children:[(0,s.jsx)($.Z,{icon:Y()("icon large link",Q(e)),onClick:this.getClickAction()}),t>120&&e.str]}))}}const z=(0,J.EN)(W);var X=n(36959),q=n(45807),ee=n(66883),te=n(93379),ne=n.n(te),se=n(7795),oe=n.n(se),ie=n(90569),re=n.n(ie),ae=n(3565),ce=n.n(ae),le=n(19216),pe=n.n(le),de=n(44589),ue=n.n(de),he=n(24392),me={};me.styleTagTransform=ue(),me.setAttributes=ce(),me.insert=re().bind(null,"head"),me.domAPI=oe(),me.insertStyleElement=pe(),ne()(he.Z,me),he.Z&&he.Z.locals&&he.Z.locals;var ve=n(8717),Ee=n(91072),_e=n(89519),ye=n(4333);const fe=({cellData:e,rowDataGetter:t,t:n})=>(0,s.jsx)(X.B2,{caption:e?(0,s.jsx)("strong",{children:(0,ve.Iu)("Set",n,u.jv.FAVORITE_HUBS)}):(0,ve.Iu)("Not set",n,u.jv.FAVORITE_HUBS),actions:I,itemData:t});class Ie extends o.Component{constructor(){super(...arguments),this.rowClassNameGetter=e=>{switch(e.connect_state.id){case d.lh.CONNECTING:return"connecting";case d.lh.CONNECTED:return"connected";case d.lh.DISCONNECTED:return"disconnected"}return""},this.onChangeAutoConnect=(e,t)=>(0,_e.h9)((()=>{return n=t,s={auto_connect:e},i.Z.patch(c+"/"+n.id,s);var n,s}),this.props.t),this.favT=(0,ve.HY)(this.props.t,u.jv.FAVORITE_HUBS)}render(){const e=(0,s.jsx)(q.Z,{actions:v.create,actionId:"create"}),t=ee.Z.hasAccess(d.PS.HUBS_EDIT);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(L.Z,Object.assign({rowClassNameGetter:this.rowClassNameGetter,footerData:e,store:O,moduleId:u.jv.FAVORITE_HUBS},{children:[(0,s.jsx)(B.Column,{name:"State",width:45,columnKey:"connect_state",cell:t&&(0,s.jsx)(z,{}),flexGrow:3}),(0,s.jsx)(B.Column,{name:"Name",width:150,columnKey:"name",flexGrow:6,cell:(0,s.jsx)(H.CW,{actions:v.edit,remoteMenuId:ye.Z.FAVORITE_HUB})}),(0,s.jsx)(B.Column,{name:"Address",width:270,columnKey:"hub_url",flexGrow:3,hideWidth:700}),(0,s.jsx)(B.Column,{name:"Auto connect",width:65,columnKey:"auto_connect",cell:t&&(0,s.jsx)(H.wn,{onChange:this.onChangeAutoConnect,type:"toggle"})}),(0,s.jsx)(B.Column,{name:"Share profile",width:100,columnKey:"share_profile",flexGrow:1}),(0,s.jsx)(B.Column,{name:"Nick",width:100,columnKey:"nick",flexGrow:1}),(0,s.jsx)(B.Column,{name:"Password",width:100,columnKey:"has_password",cell:(0,s.jsx)(fe,{})})]})),(0,s.jsx)(V,{favT:this.favT})]})}}Ie.displayName="FavoriteHubs";const be=(0,Ee.Zh)()(Ie)}}]);
-//# sourceMappingURL=favorite-hubs.4ea3baf530f0b10fc60d.chunk.js.map
+"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[382],{24392:(e,t,n)=>{n.d(t,{Z:()=>a});var s=n(87537),o=n.n(s),i=n(23645),r=n.n(i)()(o());r.push([e.id,".virtual-table .cell-wrapper.connected,\n.virtual-table .cell-wrapper.connected span,\n.virtual-table .cell-wrapper.connected strong {\n  color: green;\n}\n\n.virtual-table .cell-wrapper.connecting,\n.virtual-table .cell-wrapper.connecting span,\n.virtual-table .cell-wrapper.connecting strong {\n  color: orange;\n}\n\n.virtual-table .cell-wrapper.disconnected,\n.virtual-table .cell-wrapper.disconnected span,\n.virtual-table .cell-wrapper.disconnected strong {\n  color: dimslategray;\n}\n","",{version:3,sources:["webpack://./src/routes/FavoriteHubs/style.css"],names:[],mappings:"AAAA;;;EAGE,YAAY;AACd;;AAEA;;;EAGE,aAAa;AACf;;AAEA;;;EAGE,mBAAmB;AACrB",sourcesContent:[".virtual-table .cell-wrapper.connected,\n.virtual-table .cell-wrapper.connected span,\n.virtual-table .cell-wrapper.connected strong {\n  color: green;\n}\n\n.virtual-table .cell-wrapper.connecting,\n.virtual-table .cell-wrapper.connecting span,\n.virtual-table .cell-wrapper.connecting strong {\n  color: orange;\n}\n\n.virtual-table .cell-wrapper.disconnected,\n.virtual-table .cell-wrapper.disconnected span,\n.virtual-table .cell-wrapper.disconnected strong {\n  color: dimslategray;\n}\n"],sourceRoot:""}]);const a=r},82633:(e,t,n)=>{n.d(t,{Z:()=>o});const s="share_profiles",o={MODULE_URL:s,PROFILES_URL:s,PROFILE_ADDED:"share_profile_added",PROFILE_UPDATED:"share_profile_updated",PROFILE_REMOVED:"share_profile_removed",HIDDEN_PROFILE_ID:1}},75426:(e,t,n)=>{n.d(t,{D:()=>a,Z:()=>c});var s=n(96486),o=n(82633),i=n(42090),r=n(2445);const a=e=>({id:e.id,name:e.str}),c=function(e,t,n,a=!0){return(0,i.Z)(e,(0,s.merge)(n,{urls:{profiles:o.Z.PROFILES_URL},dataConverters:{profiles:(e,{t:n})=>{const s=e.filter((e=>t||e.id!==o.Z.HIDDEN_PROFILE_ID)).map((e=>((e,t)=>{let n=e.str;return a&&e.id!==o.Z.HIDDEN_PROFILE_ID&&(n+=` (${(0,r.BU)(e.size,t)})`),Object.assign(Object.assign({},e),{str:n})})(e,n)));return s}},onSocketConnected:(e,{refetchData:t})=>{e(o.Z.MODULE_URL,o.Z.PROFILE_ADDED,(()=>t())),e(o.Z.MODULE_URL,o.Z.PROFILE_UPDATED,(()=>t())),e(o.Z.MODULE_URL,o.Z.PROFILE_REMOVED,(()=>t()))}}))}},85244:(e,t,n)=>{n.r(t),n.d(t,{default:()=>be});var s=n(85893),o=n(67294),i=n(518);const r="favorite_hubs",a=r,c=r;var l=n(48117),p=n(20097),d=n(76249),u=n(32347);const h={create:{displayName:"Add new",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.CREATE,handler:()=>{p.Z.push("/favorite-hubs/entries")}}},m={edit:{displayName:"Edit",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.EDIT,handler:({data:e})=>{p.Z.push(`/favorite-hubs/entries/${e.id}`)}},remove:{displayName:"Remove",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.REMOVE,confirmation:{content:"Are you sure that you want to remove the favorite hub {{item.name}}?",approveCaption:"Remove favorite hub",rejectCaption:"Don't remove"},handler:({data:e})=>i.Z.delete(c+"/"+e.id)}},v={create:{moduleId:u.jv.FAVORITE_HUBS,actions:h},edit:{moduleId:u.jv.FAVORITE_HUBS,actions:m}},E=(e,t)=>i.Z.patch(c+"/"+e.id,{password:t}),_=({data:e},t)=>E(e,t),y=e=>e.has_password,f={create:{displayName:"Set password",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.LOCK,filter:e=>!y(e),input:{content:"Set password for the hub {{item.name}}",approveCaption:"Set password",inputProps:{placeholder:"Enter password",type:"password"}},handler:_},change:{displayName:"Change password",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.EDIT,filter:y,input:{content:"Enter new password for the hub {{item.name}}",approveCaption:"Update password",inputProps:{placeholder:"Enter password",type:"password"}},handler:_},remove:{displayName:"Remove password",access:d.PS.FAVORITE_HUBS_EDIT,icon:l.Z.REMOVE,filter:y,confirmation:{content:"Are you sure that you want to reset the password of the hub {{item.name}}?",approveCaption:"Remove password",rejectCaption:"Don't remove"},handler:({data:e})=>E(e,null)}},I={moduleId:u.jv.FAVORITE_HUBS,subId:"password",actions:f};var b=n(10293),w=n.n(b),C=n(93836);const O=w().createStore({_viewName:"favorite_hub_view",_apiUrl:a,mixins:[(0,C.Z)("name")]});var g=n(28427),A=n(92245),D=n(82633),S=n(75426),T=n(18758),R=n(43496),N=n(18603);const j=({locals:e})=>{const t=(0,o.useRef)();return(0,o.useEffect)((()=>{t.current&&("boolean"==typeof e.value?t.current.indeterminate=!1:t.current.indeterminate=!0)}),[e.value]),(0,s.jsx)("input",Object.assign({ref:t,type:"checkbox"},e.attrs,{onChange:t=>{!1===e.value?e.onChange(null):e.onChange(t.target.checked)}}))},Z={renderCheckbox:e=>(0,s.jsx)(j,{locals:e})},U=T.ZP.form.Form.templates.checkbox.clone(Z),x=[{id:d.pJ.DISABLED,name:"Disabled"},{id:d.pJ.ACTIVE_MODE,name:"Active mode"},{id:d.pJ.PASSIVE_MODE,name:"Passive mode"}],F=[{key:"generic",title:"Hub properties",type:d.Y2.STRUCT,definitions:[{key:"name",title:"Name",type:d.Y2.STRING},{key:"hub_url",title:"Hub URL",type:d.Y2.STRING},{key:"hub_description",title:"Hub description",type:d.Y2.STRING,optional:!0},{key:"share_profile",title:"Share profile",type:d.Y2.NUMBER,help:"Custom share profiles can be selected only after entering an ADC hub address (starting with adc:// or adcs://)",optional:!0},{key:"auto_connect",title:"Auto connect",type:d.Y2.BOOLEAN}]},{key:"user",title:"User setting overrides",type:d.Y2.STRUCT,definitions:[{key:"nick",title:"Nick",type:d.Y2.STRING,optional:!0},{key:"user_description",title:"User description",type:d.Y2.STRING,optional:!0}]},{key:"connectivityV4",title:"Connectivity setting overrides (IPv4)",type:d.Y2.STRUCT,definitions:[{key:"connection_mode_v4",title:"Connectivity mode",type:d.Y2.NUMBER,optional:!0,options:x},{key:"connection_ip_v4",title:"IP address",type:d.Y2.STRING,optional:!0}]},{key:"connectivityV6",title:"Connectivity setting overrides (IPv6)",type:d.Y2.STRUCT,definitions:[{key:"connection_mode_v6",title:"Connectivity mode",type:d.Y2.NUMBER,optional:!0,options:x},{key:"connection_ip_v6",title:"IP address",type:d.Y2.STRING,optional:!0}]},{key:"misc",title:"Miscellaneous overrides",type:d.Y2.STRUCT,definitions:[{key:"use_main_chat_notify",title:"Use chat notification",type:d.Y2.BOOLEAN,optional:!0},{key:"show_joins",title:"Show joins/parts",type:d.Y2.BOOLEAN,optional:!0},{key:"away_message",title:"Away message",type:d.Y2.TEXT,optional:!0}]}],k=e=>!!e&&(0===e.indexOf("adc://")||0===e.indexOf("adcs://"));class P extends o.Component{constructor(e){super(e),this.isNew=()=>!this.props.hubEntry,this.onFieldChanged=(e,t,n)=>-1===e.indexOf("hub_url")||k(t.generic.hub_url)||t.share_profile===D.Z.HIDDEN_PROFILE_ID?null:Promise.resolve({share_profile:null}),this.save=()=>this.form.save(),this.onSave=e=>{const t=(n=e,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n.generic),n.user),n.connectivityV4),n.connectivityV6),n.misc));var n;return this.isNew()?i.Z.post(c,t):i.Z.patch(`${c}/${this.props.hubEntry.id}`,t)},this.onFieldSetting=(e,t,n)=>{if("share_profile"===e){const e=n.generic?n.generic.hub_url:void 0;Object.assign(t,{nullOption:this.nullOption,factory:T.ZP.form.Select,options:(s=this.props.profiles,o=e,s.filter((e=>k(o)||e.id===D.Z.HIDDEN_PROFILE_ID)).map(S.D).map(N.kE)),transformer:N.QA})}else"connection_mode_v4"===e||"connection_mode_v6"===e?Object.assign(t,{nullOption:this.nullOption,transformer:N.QA}):"use_main_chat_notify"!==e&&"show_joins"!==e||Object.assign(t,{template:U,transformer:{format:e=>void 0===e?null:e,parse:e=>e}});var s,o},this.formValue=(e=>{if(e)return{generic:e,user:e,connectivityV4:e,connectivityV6:e,misc:e}})(e.hubEntry),this.definitions=(0,N.rv)(F,e.favT),this.nullOption={value:"null",text:e.favT.translate("Global default")}}render(){const{translate:e}=this.props.favT,t=e(this.isNew()?"Add favorite hub":"Edit favorite hub");return(0,s.jsx)(g.Z,Object.assign({className:"fav-hub",title:t,onApprove:this.save,closable:!1,icon:l.Z.FAVORITE},this.props,{children:(0,s.jsx)(R.Z,{ref:e=>this.form=e,onFieldChanged:this.onFieldChanged,onFieldSetting:this.onFieldSetting,onSave:this.onSave,fieldDefinitions:this.definitions,sourceValue:this.formValue,location:this.props.location})}))}}P.displayName="FavoriteHubDialog";const V=(0,A.ZP)((0,S.Z)(P,!0,{urls:{hubEntry:({match:e},t)=>e.params.entryId?t.get(`${c}/${e.params.entryId}`):Promise.resolve(void 0)}}),"entries/:entryId?");var L=n(78230),B=n(35108),H=n(68126),G=n(94184),Y=n.n(G),M=n(16119),K=n(93281),$=n(35936),J=n(16550);const Q=e=>{switch(e.id){case d.lh.CONNECTING:return"yellow remove";case d.lh.CONNECTED:return"grey remove";case d.lh.DISCONNECTED:return"green video play"}return""};class W extends o.Component{constructor(){super(...arguments),this.handleCreateSession=()=>{const{location:e,rowDataGetter:t}=this.props;M.Z.createSession(e,t().hub_url,K.Z)},this.handleRemoveSession=()=>{const{cellData:e}=this.props;M.Z.removeSession({id:e.current_hub_id})},this.getClickAction=()=>{switch(this.props.cellData.id){case d.lh.CONNECTING:case d.lh.CONNECTED:return this.handleRemoveSession;case d.lh.DISCONNECTED:default:return this.handleCreateSession}}}render(){const{cellData:e,width:t}=this.props;return(0,s.jsxs)("div",Object.assign({className:"connect-state"},{children:[(0,s.jsx)($.Z,{icon:Y()("icon large link",Q(e)),onClick:this.getClickAction()}),t>120&&e.str]}))}}const z=(0,J.EN)(W);var X=n(84613),q=n(45807),ee=n(66883),te=n(93379),ne=n.n(te),se=n(7795),oe=n.n(se),ie=n(90569),re=n.n(ie),ae=n(3565),ce=n.n(ae),le=n(19216),pe=n.n(le),de=n(44589),ue=n.n(de),he=n(24392),me={};me.styleTagTransform=ue(),me.setAttributes=ce(),me.insert=re().bind(null,"head"),me.domAPI=oe(),me.insertStyleElement=pe(),ne()(he.Z,me),he.Z&&he.Z.locals&&he.Z.locals;var ve=n(8717),Ee=n(91072),_e=n(89519),ye=n(4333);const fe=({cellData:e,rowDataGetter:t,t:n})=>(0,s.jsx)(X.B2,{caption:e?(0,s.jsx)("strong",{children:(0,ve.Iu)("Set",n,u.jv.FAVORITE_HUBS)}):(0,ve.Iu)("Not set",n,u.jv.FAVORITE_HUBS),actions:I,itemData:t});class Ie extends o.Component{constructor(){super(...arguments),this.rowClassNameGetter=e=>{switch(e.connect_state.id){case d.lh.CONNECTING:return"connecting";case d.lh.CONNECTED:return"connected";case d.lh.DISCONNECTED:return"disconnected"}return""},this.onChangeAutoConnect=(e,t)=>(0,_e.h9)((()=>{return n=t,s={auto_connect:e},i.Z.patch(c+"/"+n.id,s);var n,s}),this.props.t),this.favT=(0,ve.HY)(this.props.t,u.jv.FAVORITE_HUBS)}render(){const e=(0,s.jsx)(q.Z,{actions:v.create,actionId:"create"}),t=ee.Z.hasAccess(d.PS.HUBS_EDIT);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(L.Z,Object.assign({rowClassNameGetter:this.rowClassNameGetter,footerData:e,store:O,moduleId:u.jv.FAVORITE_HUBS},{children:[(0,s.jsx)(B.Column,{name:"State",width:45,columnKey:"connect_state",cell:t&&(0,s.jsx)(z,{}),flexGrow:3}),(0,s.jsx)(B.Column,{name:"Name",width:150,columnKey:"name",flexGrow:6,cell:(0,s.jsx)(H.CW,{actions:v.edit,remoteMenuId:ye.Z.FAVORITE_HUB})}),(0,s.jsx)(B.Column,{name:"Address",width:270,columnKey:"hub_url",flexGrow:3,hideWidth:700}),(0,s.jsx)(B.Column,{name:"Auto connect",width:65,columnKey:"auto_connect",cell:t&&(0,s.jsx)(H.wn,{onChange:this.onChangeAutoConnect,type:"toggle"})}),(0,s.jsx)(B.Column,{name:"Share profile",width:100,columnKey:"share_profile",flexGrow:1}),(0,s.jsx)(B.Column,{name:"Nick",width:100,columnKey:"nick",flexGrow:1}),(0,s.jsx)(B.Column,{name:"Password",width:100,columnKey:"has_password",cell:(0,s.jsx)(fe,{})})]})),(0,s.jsx)(V,{favT:this.favT})]})}}Ie.displayName="FavoriteHubs";const be=(0,Ee.Zh)()(Ie)}}]);
+//# sourceMappingURL=favorite-hubs.83bf98475a69ad8f52a6.chunk.js.map

package/dist/js/favorite-hubs.83bf98475a69ad8f52a6.chunk.js.gz ADDED Viewed

Binary file

package/dist/js/{favorite-hubs.4ea3baf530f0b10fc60d.chunk.js.map → favorite-hubs.83bf98475a69ad8f52a6.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"js/favorite-hubs.4ea3baf530f0b10fc60d.chunk.js","mappings":"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","sources":["webpack://airdcpp-webui/./src/routes/FavoriteHubs/style.css","webpack://airdcpp-webui/./src/constants/ShareProfileConstants.ts","webpack://airdcpp-webui/./src/decorators/ShareProfileDecorator.tsx","webpack://airdcpp-webui/./src/constants/FavoriteHubConstants.ts","webpack://airdcpp-webui/./src/actions/ui/FavoriteHubActions.ts","webpack://airdcpp-webui/./src/actions/ui/FavoriteHubPasswordActions.ts","webpack://airdcpp-webui/./src/stores/FavoriteHubStore.js","webpack://airdcpp-webui/./src/components/form/fields/IndeterminateCheckboxField.tsx","webpack://airdcpp-webui/./src/routes/FavoriteHubs/components/FavoriteHubDialog.tsx","webpack://airdcpp-webui/./src/routes/FavoriteHubs/components/ConnectStateCell.tsx","webpack://airdcpp-webui/./src/routes/FavoriteHubs/style.css?f7f3","webpack://airdcpp-webui/./src/routes/FavoriteHubs/components/FavoriteHubs.tsx","webpack://airdcpp-webui/./src/services/api/FavoriteHubApi.ts"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".virtual-table .cell-wrapper.connected,\\n.virtual-table .cell-wrapper.connected span,\\n.virtual-table .cell-wrapper.connected strong {\\n color: green;\\n}\\n\\n.virtual-table .cell-wrapper.connecting,\\n.virtual-table .cell-wrapper.connecting span,\\n.virtual-table .cell-wrapper.connecting strong {\\n color: orange;\\n}\\n\\n.virtual-table .cell-wrapper.disconnected,\\n.virtual-table .cell-wrapper.disconnected span,\\n.virtual-table .cell-wrapper.disconnected strong {\\n color: dimslategray;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/routes/FavoriteHubs/style.css\"],\"names\":[],\"mappings\":\"AAAA;;;EAGE,YAAY;AACd;;AAEA;;;EAGE,aAAa;AACf;;AAEA;;;EAGE,mBAAmB;AACrB\",\"sourcesContent\":[\".virtual-table .cell-wrapper.connected,\\n.virtual-table .cell-wrapper.connected span,\\n.virtual-table .cell-wrapper.connected strong {\\n color: green;\\n}\\n\\n.virtual-table .cell-wrapper.connecting,\\n.virtual-table .cell-wrapper.connecting span,\\n.virtual-table .cell-wrapper.connecting strong {\\n color: orange;\\n}\\n\\n.virtual-table .cell-wrapper.disconnected,\\n.virtual-table .cell-wrapper.disconnected span,\\n.virtual-table .cell-wrapper.disconnected strong {\\n color: dimslategray;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","const MODULE_URL = 'share_profiles';\nexport default {\n MODULE_URL: MODULE_URL,\n PROFILES_URL: MODULE_URL,\n\n PROFILE_ADDED: 'share_profile_added',\n PROFILE_UPDATED: 'share_profile_updated',\n PROFILE_REMOVED: 'share_profile_removed',\n\n HIDDEN_PROFILE_ID: 1,\n};\n","import * as React from 'react';\nimport { merge } from 'lodash';\n\nimport ShareProfileConstants from 'constants/ShareProfileConstants';\n\nimport DataProviderDecorator, {\n DataProviderDecoratorChildProps,\n DataProviderDecoratorSettings,\n DataConverter,\n} from 'decorators/DataProviderDecorator';\n\nimport { formatSize } from 'utils/ValueFormat';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\ninterface ShareProfileDecoratorDataProps {\n profiles: API.ShareProfile[];\n}\n\nexport const profileToEnumValue = (profile: API.ShareProfile) => {\n return {\n id: profile.id,\n name: profile.str,\n };\n};\n\nexport type ShareProfileDecoratorChildProps = DataProviderDecoratorChildProps &\n ShareProfileDecoratorDataProps;\n\nconst ShareProfileDecorator = function <PropsT extends object>(\n Component: React.ComponentType<PropsT & ShareProfileDecoratorChildProps>,\n listHidden: boolean,\n dataProviderDecoratorSettings?: DataProviderDecoratorSettings<\n PropsT,\n ShareProfileDecoratorDataProps\n >,\n addSize = true\n) {\n const convertProfile = (\n profile: API.ShareProfile,\n t: UI.TranslateF\n ): API.ShareProfile => {\n let str = profile.str;\n if (addSize && profile.id !== ShareProfileConstants.HIDDEN_PROFILE_ID) {\n str += ` (${formatSize(profile.size, t)})`;\n }\n\n return {\n ...profile,\n str,\n };\n };\n\n const convertProfiles: DataConverter<PropsT> = (data: API.ShareProfile[], { t }) => {\n const profiles = data\n .filter((p) => listHidden \|\| p.id !== ShareProfileConstants.HIDDEN_PROFILE_ID)\n .map((p) => convertProfile(p, t));\n\n return profiles;\n };\n\n return DataProviderDecorator<PropsT, ShareProfileDecoratorDataProps>(\n Component,\n merge(dataProviderDecoratorSettings, {\n urls: {\n profiles: ShareProfileConstants.PROFILES_URL,\n },\n dataConverters: {\n profiles: convertProfiles,\n },\n onSocketConnected: (addSocketListener, { refetchData }) => {\n addSocketListener(\n ShareProfileConstants.MODULE_URL,\n ShareProfileConstants.PROFILE_ADDED,\n () => refetchData()\n );\n addSocketListener(\n ShareProfileConstants.MODULE_URL,\n ShareProfileConstants.PROFILE_UPDATED,\n () => refetchData()\n );\n addSocketListener(\n ShareProfileConstants.MODULE_URL,\n ShareProfileConstants.PROFILE_REMOVED,\n () => refetchData()\n );\n },\n } as DataProviderDecoratorSettings<PropsT, ShareProfileDecoratorDataProps>)\n );\n};\n\nexport default ShareProfileDecorator;\n","const MODULE_URL = 'favorite_hubs';\n\nexport default {\n MODULE_URL: MODULE_URL,\n HUBS_URL: MODULE_URL,\n};\n","import SocketService from 'services/SocketService';\n\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\nimport IconConstants from 'constants/IconConstants';\n\nimport History from 'utils/History';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\nconst handleCreate = () => {\n History.push('/favorite-hubs/entries');\n};\n\nconst handleEdit: UI.ActionHandler<API.FavoriteHubEntry> = ({ data: hub }) => {\n History.push(`/favorite-hubs/entries/${hub.id}`);\n};\n\nconst handleRemove: UI.ActionHandler<API.FavoriteHubEntry> = ({ data: hub }) => {\n return SocketService.delete(FavoriteHubConstants.HUBS_URL + '/' + hub.id);\n};\n\nconst FavoriteHubCreateActions: UI.ActionListType<undefined> = {\n create: {\n displayName: 'Add new',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.CREATE,\n handler: handleCreate,\n },\n};\n\nconst FavoriteHubEditActions: UI.ActionListType<API.FavoriteHubEntry> = {\n edit: {\n displayName: 'Edit',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.EDIT,\n handler: handleEdit,\n },\n remove: {\n displayName: 'Remove',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.REMOVE,\n confirmation: {\n content: 'Are you sure that you want to remove the favorite hub {{item.name}}?',\n approveCaption: 'Remove favorite hub',\n rejectCaption: `Don't remove`,\n },\n handler: handleRemove,\n //notifications: {\n // onSuccess: 'The hub {{item.name}} was removed successfully',\n //}\n },\n};\n\nexport default {\n create: {\n moduleId: UI.Modules.FAVORITE_HUBS,\n actions: FavoriteHubCreateActions,\n },\n edit: {\n moduleId: UI.Modules.FAVORITE_HUBS,\n actions: FavoriteHubEditActions,\n },\n};\n","import SocketService from 'services/SocketService';\n\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\nimport IconConstants from 'constants/IconConstants';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\nconst sendPassword = (hub: API.FavoriteHubEntry, password: string \| null) => {\n return SocketService.patch(FavoriteHubConstants.HUBS_URL + '/' + hub.id, {\n password,\n });\n};\n\nconst handleSetPassword: UI.ActionHandler<API.FavoriteHubEntry> = (\n { data: hub },\n password: string\n) => {\n return sendPassword(hub, password);\n};\n\nconst handleRemovePassword: UI.ActionHandler<API.FavoriteHubEntry> = ({ data: hub }) => {\n return sendPassword(hub, null);\n};\n\nconst hasPassword = (data: API.FavoriteHubEntry) => data.has_password;\nconst noPassword = (data: API.FavoriteHubEntry) => !hasPassword(data);\n\nconst FavoriteHubPasswordActions: UI.ActionListType<API.FavoriteHubEntry> = {\n create: {\n displayName: 'Set password',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.LOCK,\n filter: noPassword,\n input: {\n content: 'Set password for the hub {{item.name}}',\n approveCaption: 'Set password',\n inputProps: {\n placeholder: 'Enter password',\n type: 'password',\n },\n },\n handler: handleSetPassword,\n },\n change: {\n displayName: 'Change password',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.EDIT,\n filter: hasPassword,\n input: {\n content: 'Enter new password for the hub {{item.name}}',\n approveCaption: 'Update password',\n inputProps: {\n placeholder: 'Enter password',\n type: 'password',\n },\n },\n handler: handleSetPassword,\n },\n remove: {\n displayName: 'Remove password',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.REMOVE,\n filter: hasPassword,\n confirmation: {\n content:\n 'Are you sure that you want to reset the password of the hub {{item.name}}?',\n approveCaption: 'Remove password',\n rejectCaption: `Don't remove`,\n },\n handler: handleRemovePassword,\n },\n};\n\nexport default {\n moduleId: UI.Modules.FAVORITE_HUBS,\n subId: 'password',\n actions: FavoriteHubPasswordActions,\n};\n","import Reflux from 'reflux';\n\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\nimport ViewStoreMixin from 'mixins/ViewStoreMixin';\n\nexport default Reflux.createStore({\n _viewName: 'favorite_hub_view',\n _apiUrl: FavoriteHubConstants.MODULE_URL,\n mixins: [ViewStoreMixin('name')],\n});\n","import { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport * as UI from 'types/ui';\nimport t from 'utils/tcomb-form';\n\ninterface IndeterminateCheckboxProps {\n locals: UI.FormLocals<any, boolean \| null, UI.EmptyObject>;\n}\n\nconst IndeterminateCheckbox: React.FC<IndeterminateCheckboxProps> = ({ locals }) => {\n const inputRef = useRef<HTMLInputElement>();\n\n useEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n if (typeof locals.value === 'boolean') {\n inputRef.current.indeterminate = false;\n } else {\n inputRef.current.indeterminate = true;\n }\n }, [locals.value]);\n\n return (\n <input\n ref={inputRef}\n type=\"checkbox\"\n {...locals.attrs}\n onChange={(evt) => {\n // Toggle between true/false/indeterminate\n if (locals.value === false) {\n locals.onChange(null);\n } else {\n locals.onChange(evt.target.checked);\n }\n }}\n />\n );\n};\n\ntype TCombTemplate = {\n renderCheckbox: (\n locals: UI.FormLocals<any, boolean \| null, UI.EmptyObject>\n ) => React.ReactNode;\n};\n\nconst IndeterminateCheckboxTemplate: TCombTemplate = {\n renderCheckbox(locals) {\n return <IndeterminateCheckbox locals={locals} />;\n },\n};\n\nexport const IndeterminateCheckboxField = t.form.Form.templates.checkbox.clone(\n IndeterminateCheckboxTemplate\n);\n","import { Component } from 'react';\nimport Modal from 'components/semantic/Modal';\n\nimport ModalRouteDecorator, {\n ModalRouteDecoratorChildProps,\n} from 'decorators/ModalRouteDecorator';\n\nimport ShareProfileConstants from 'constants/ShareProfileConstants';\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\n\nimport SocketService from 'services/SocketService';\n\nimport ShareProfileDecorator, {\n profileToEnumValue,\n ShareProfileDecoratorChildProps,\n} from 'decorators/ShareProfileDecorator';\nimport IconConstants from 'constants/IconConstants';\n\nimport t from 'utils/tcomb-form';\n\nimport Form, {\n FormFieldChangeHandler,\n FormFieldSettingHandler,\n FormSaveHandler,\n} from 'components/form/Form';\nimport { normalizeEnumValue, intTransformer, translateForm } from 'utils/FormUtils';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\nimport { FavoriteHubEntry } from 'types/api';\nimport { IndeterminateCheckboxField } from 'components/form/fields/IndeterminateCheckboxField';\n\nconst ConnectivityModeOptions: API.SettingEnumOption[] = [\n {\n id: API.ConnectivityModeEnum.DISABLED,\n name: 'Disabled',\n },\n {\n id: API.ConnectivityModeEnum.ACTIVE_MODE,\n name: 'Active mode',\n },\n {\n id: API.ConnectivityModeEnum.PASSIVE_MODE,\n name: 'Passive mode',\n },\n];\n\nconst Fields: UI.FormFieldDefinition[] = [\n {\n key: 'generic',\n title: 'Hub properties',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'name',\n title: 'Name',\n type: API.SettingTypeEnum.STRING,\n },\n {\n key: 'hub_url',\n title: 'Hub URL',\n type: API.SettingTypeEnum.STRING,\n },\n {\n key: 'hub_description',\n title: 'Hub description',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n {\n key: 'share_profile',\n title: 'Share profile',\n type: API.SettingTypeEnum.NUMBER,\n // eslint-disable-next-line max-len\n help: 'Custom share profiles can be selected only after entering an ADC hub address (starting with adc:// or adcs://)',\n optional: true,\n },\n {\n key: 'auto_connect',\n title: 'Auto connect',\n type: API.SettingTypeEnum.BOOLEAN,\n },\n ],\n },\n {\n key: 'user',\n title: 'User setting overrides',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'nick',\n title: 'Nick',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n {\n key: 'user_description',\n title: 'User description',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n ],\n },\n {\n key: 'connectivityV4',\n title: 'Connectivity setting overrides (IPv4)',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'connection_mode_v4',\n title: 'Connectivity mode',\n type: API.SettingTypeEnum.NUMBER,\n optional: true,\n options: ConnectivityModeOptions,\n },\n {\n key: 'connection_ip_v4',\n title: 'IP address',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n ],\n },\n {\n key: 'connectivityV6',\n title: 'Connectivity setting overrides (IPv6)',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'connection_mode_v6',\n title: 'Connectivity mode',\n type: API.SettingTypeEnum.NUMBER,\n optional: true,\n options: ConnectivityModeOptions,\n },\n {\n key: 'connection_ip_v6',\n title: 'IP address',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n ],\n },\n {\n key: 'misc',\n title: 'Miscellaneous overrides',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'use_main_chat_notify',\n title: 'Use chat notification',\n type: API.SettingTypeEnum.BOOLEAN,\n optional: true,\n },\n {\n key: 'show_joins',\n title: 'Show joins/parts',\n type: API.SettingTypeEnum.BOOLEAN,\n optional: true,\n },\n {\n key: 'away_message',\n title: 'Away message',\n type: API.SettingTypeEnum.TEXT,\n optional: true,\n },\n ],\n },\n];\n\ninterface Entry extends UI.FormValueMap {\n generic: Pick<\n FavoriteHubEntry,\n 'name' \| 'hub_url' \| 'hub_description' \| 'auto_connect' \| 'share_profile'\n >;\n user: Pick<FavoriteHubEntry, 'nick' \| 'user_description'>;\n connectivityV4: Pick<FavoriteHubEntry, 'connection_mode_v4' \| 'connection_ip_v4'>;\n connectivityV6: Pick<FavoriteHubEntry, 'connection_mode_v6' \| 'connection_ip_v6'>;\n misc: Pick<FavoriteHubEntry, 'use_main_chat_notify' \| 'show_joins' \| 'away_message'>;\n}\n\nconst toFormEntry = (entry?: API.FavoriteHubEntry): Entry \| undefined => {\n if (!entry) {\n return undefined;\n }\n\n return {\n generic: entry,\n user: entry,\n connectivityV4: entry,\n connectivityV6: entry,\n misc: entry,\n };\n};\n\nconst toFavoriteHub = (\n entry: RecursivePartial<Entry>\n): RecursivePartial<API.FavoriteHubEntry> => {\n return {\n ...entry.generic,\n ...entry.user,\n ...entry.connectivityV4,\n ...entry.connectivityV6,\n ...entry.misc,\n };\n};\n\nconst isAdcHub = (hubUrl?: string) =>\n !!hubUrl && (hubUrl.indexOf('adc://') === 0 \|\| hubUrl.indexOf('adcs://') === 0);\n\n// Get selection values for the profiles field\nconst getFieldProfiles = (\n profiles: API.SettingEnumOption[],\n url?: string\n): UI.FormOption[] => {\n return profiles\n .filter((p) => isAdcHub(url) \|\| p.id === ShareProfileConstants.HIDDEN_PROFILE_ID)\n .map(profileToEnumValue)\n .map(normalizeEnumValue);\n};\n\ninterface FavoriteHubDialogProps {\n favT: UI.ModuleTranslator;\n}\n\ninterface DataProps {\n hubEntry?: API.FavoriteHubEntry;\n}\n\ninterface RouteProps {\n entryId: string;\n}\n\ntype Props = FavoriteHubDialogProps &\n DataProps &\n ShareProfileDecoratorChildProps &\n ModalRouteDecoratorChildProps<RouteProps>;\n\nclass FavoriteHubDialog extends Component<Props> {\n static displayName = 'FavoriteHubDialog';\n\n formValue: Entry \| undefined;\n\n constructor(props: Props) {\n super(props);\n\n this.formValue = toFormEntry(props.hubEntry);\n this.definitions = translateForm(Fields, props.favT);\n this.nullOption = {\n value: 'null',\n text: props.favT.translate('Global default'),\n };\n }\n\n isNew = () => {\n return !this.props.hubEntry;\n };\n\n nullOption: UI.FormOption<string>;\n definitions: UI.FormFieldDefinition[];\n\n form: Form<Entry>;\n\n onFieldChanged: FormFieldChangeHandler<Entry> = (id, value, hasChanges) => {\n if (id.indexOf('hub_url') !== -1) {\n if (\n !isAdcHub(value.generic!.hub_url) &&\n value.share_profile !== ShareProfileConstants.HIDDEN_PROFILE_ID\n ) {\n // Reset share profile\n return Promise.resolve({\n share_profile: null,\n });\n }\n }\n\n return null;\n };\n\n save = () => {\n return this.form.save();\n };\n\n onSave: FormSaveHandler<Entry> = (changedFields) => {\n const hubEntry = toFavoriteHub(changedFields);\n if (this.isNew()) {\n return SocketService.post(FavoriteHubConstants.HUBS_URL, hubEntry);\n }\n\n return SocketService.patch(\n `${FavoriteHubConstants.HUBS_URL}/${this.props.hubEntry!.id}`,\n hubEntry\n );\n };\n\n onFieldSetting: FormFieldSettingHandler<Entry> = (id, fieldOptions, formValue) => {\n if (id === 'share_profile') {\n const hubUrl = formValue.generic ? formValue.generic.hub_url : undefined;\n\n // Since the options are added dynamically based on the URL protocol, they must be\n // normalized to use the tcomb format\n Object.assign(fieldOptions, {\n nullOption: this.nullOption,\n factory: t.form.Select,\n options: getFieldProfiles(this.props.profiles, hubUrl),\n transformer: intTransformer,\n });\n } else if (id === 'connection_mode_v4' \|\| id === 'connection_mode_v6') {\n Object.assign(fieldOptions, {\n nullOption: this.nullOption,\n transformer: intTransformer,\n });\n } else if (id === 'use_main_chat_notify' \|\| id === 'show_joins') {\n Object.assign(fieldOptions, {\n template: IndeterminateCheckboxField,\n transformer: {\n format: (value: boolean \| null) => (value === undefined ? null : value),\n parse: (value: boolean \| null) => value,\n },\n });\n }\n };\n\n render() {\n const { translate } = this.props.favT;\n const title = translate(this.isNew() ? 'Add favorite hub' : 'Edit favorite hub');\n return (\n <Modal\n className=\"fav-hub\"\n title={title}\n onApprove={this.save}\n closable={false}\n icon={IconConstants.FAVORITE}\n {...this.props}\n >\n <Form<Entry>\n ref={(c) => (this.form = c!)}\n onFieldChanged={this.onFieldChanged}\n onFieldSetting={this.onFieldSetting}\n onSave={this.onSave}\n fieldDefinitions={this.definitions}\n sourceValue={this.formValue}\n location={this.props.location}\n />\n </Modal>\n );\n }\n}\n\nexport default ModalRouteDecorator<FavoriteHubDialogProps, RouteProps>(\n ShareProfileDecorator(FavoriteHubDialog, true, {\n urls: {\n hubEntry: ({ match }, socket) => {\n if (!match.params.entryId) {\n return Promise.resolve(undefined);\n }\n\n return socket.get(`${FavoriteHubConstants.HUBS_URL}/${match.params.entryId}`);\n },\n },\n }),\n 'entries/:entryId?'\n);\n","import { Component } from 'react';\nimport classNames from 'classnames';\n\nimport HubActions from 'actions/reflux/HubActions';\nimport HubSessionStore from 'stores/HubSessionStore';\n\nimport Icon from 'components/semantic/Icon';\nimport { RowWrapperCellChildProps } from 'components/table/RowWrapperCell';\n\nimport * as API from 'types/api';\nimport { withRouter, RouteComponentProps } from 'react-router-dom';\n\nexport type ConnectStateCellProps = RowWrapperCellChildProps<\n API.FavoriteHubConnectState,\n API.FavoriteHubEntry\n>;\n\nconst getIcon = (state: API.FavoriteHubConnectState) => {\n switch (state.id) {\n case API.FavoriteHubConnectStateEnum.CONNECTING:\n return 'yellow remove';\n case API.FavoriteHubConnectStateEnum.CONNECTED:\n return 'grey remove';\n case API.FavoriteHubConnectStateEnum.DISCONNECTED:\n return 'green video play';\n default:\n }\n\n return '';\n};\n\nclass ConnectStateCell extends Component<ConnectStateCellProps & RouteComponentProps> {\n handleCreateSession = () => {\n const { location, rowDataGetter } = this.props;\n HubActions.createSession(location, rowDataGetter!().hub_url, HubSessionStore);\n };\n\n handleRemoveSession = () => {\n const { cellData } = this.props;\n HubActions.removeSession({ id: cellData!.current_hub_id });\n };\n\n getClickAction = () => {\n switch (this.props.cellData!.id) {\n case API.FavoriteHubConnectStateEnum.CONNECTING:\n case API.FavoriteHubConnectStateEnum.CONNECTED:\n return this.handleRemoveSession;\n case API.FavoriteHubConnectStateEnum.DISCONNECTED:\n default:\n return this.handleCreateSession;\n }\n };\n\n render() {\n const { cellData, width } = this.props;\n return (\n <div className=\"connect-state\">\n <Icon\n icon={classNames('icon large link', getIcon(cellData!))}\n onClick={this.getClickAction()}\n />\n {width! > 120 && cellData!.str}\n </div>\n );\n }\n}\n\nconst Decorated = withRouter(ConnectStateCell);\n\nexport default Decorated;\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n export default content && content.locals ? content.locals : undefined;\n","import * as React from 'react';\n\nimport FavoriteHubActions from 'actions/ui/FavoriteHubActions';\nimport FavoriteHubPasswordActions from 'actions/ui/FavoriteHubPasswordActions';\nimport FavoriteHubStore from 'stores/FavoriteHubStore';\nimport FavoriteHubDialog from './FavoriteHubDialog';\n\nimport VirtualTable from 'components/table/VirtualTable';\nimport { Column } from 'fixed-data-table-2';\nimport { CheckboxCell, ActionMenuCell } from 'components/table/Cell';\nimport ConnectStateCell from './ConnectStateCell';\n\nimport { TableActionMenu } from 'components/action-menu';\nimport ActionButton from 'components/ActionButton';\nimport { RowWrapperCellChildProps } from 'components/table/RowWrapperCell';\n\nimport LoginStore from 'stores/LoginStore';\n\nimport '../style.css';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\nimport { translate, getModuleT } from 'utils/TranslationUtils';\nimport { withTranslation, WithTranslation } from 'react-i18next';\nimport { updateFavoriteHub } from 'services/api/FavoriteHubApi';\nimport { runBackgroundSocketAction } from 'utils/ActionUtils';\nimport MenuConstants from 'constants/MenuConstants';\n\nconst PasswordCell: React.FC<RowWrapperCellChildProps<string, API.FavoriteHubEntry>> = ({\n cellData,\n rowDataGetter,\n t,\n}) => (\n <TableActionMenu\n caption={\n cellData ? (\n <strong>{translate('Set', t!, UI.Modules.FAVORITE_HUBS)}</strong>\n ) : (\n translate('Not set', t!, UI.Modules.FAVORITE_HUBS)\n )\n }\n actions={FavoriteHubPasswordActions}\n itemData={rowDataGetter!}\n />\n);\n\nclass FavoriteHubs extends React.Component<WithTranslation> {\n static displayName = 'FavoriteHubs';\n\n rowClassNameGetter = (rowData: API.FavoriteHubEntry) => {\n switch (rowData.connect_state.id) {\n case API.FavoriteHubConnectStateEnum.CONNECTING:\n return 'connecting';\n case API.FavoriteHubConnectStateEnum.CONNECTED:\n return 'connected';\n case API.FavoriteHubConnectStateEnum.DISCONNECTED:\n return 'disconnected';\n default:\n }\n\n return '';\n };\n\n onChangeAutoConnect = (checked: boolean, rowData: API.FavoriteHubEntry) => {\n return runBackgroundSocketAction(\n () =>\n updateFavoriteHub(rowData, {\n auto_connect: checked,\n }),\n this.props.t\n );\n };\n\n favT = getModuleT(this.props.t, UI.Modules.FAVORITE_HUBS);\n render() {\n const footerData = (\n <ActionButton actions={FavoriteHubActions.create} actionId=\"create\" />\n );\n\n const editAccess = LoginStore.hasAccess(API.AccessEnum.HUBS_EDIT);\n return (\n <>\n <VirtualTable\n rowClassNameGetter={this.rowClassNameGetter}\n footerData={footerData}\n store={FavoriteHubStore}\n moduleId={UI.Modules.FAVORITE_HUBS}\n >\n <Column\n name=\"State\"\n width={45}\n columnKey=\"connect_state\"\n cell={editAccess && <ConnectStateCell />}\n flexGrow={3}\n />\n <Column\n name=\"Name\"\n width={150}\n columnKey=\"name\"\n flexGrow={6}\n cell={\n <ActionMenuCell\n actions={FavoriteHubActions.edit}\n remoteMenuId={MenuConstants.FAVORITE_HUB}\n />\n }\n />\n <Column\n name=\"Address\"\n width={270}\n columnKey=\"hub_url\"\n flexGrow={3}\n hideWidth={700}\n />\n <Column\n name=\"Auto connect\"\n width={65}\n columnKey=\"auto_connect\"\n cell={\n editAccess && (\n <CheckboxCell onChange={this.onChangeAutoConnect} type=\"toggle\" />\n )\n }\n />\n <Column\n name=\"Share profile\"\n width={100}\n columnKey=\"share_profile\"\n flexGrow={1}\n />\n <Column name=\"Nick\" width={100} columnKey=\"nick\" flexGrow={1} />\n <Column\n name=\"Password\"\n width={100}\n columnKey=\"has_password\"\n cell={<PasswordCell />}\n />\n </VirtualTable>\n <FavoriteHubDialog favT={this.favT} />\n </>\n );\n }\n}\n\nexport default withTranslation()(FavoriteHubs);\n","import * as API from 'types/api';\n\nimport SocketService from 'services/SocketService';\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\n\nexport const updateFavoriteHub = (\n hub: API.FavoriteHubEntry,\n data: Partial<API.FavoriteHubEntryBase>\n) => {\n return SocketService.patch(FavoriteHubConstants.HUBS_URL + '/' + hub.id, data);\n};\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","MODULE_URL","PROFILES_URL","PROFILE_ADDED","PROFILE_UPDATED","PROFILE_REMOVED","HIDDEN_PROFILE_ID","profileToEnumValue","profile","name","str","Component","listHidden","dataProviderDecoratorSettings","addSize","merge","urls","profiles","dataConverters","data","t","filter","p","map","size","convertProfile","onSocketConnected","addSocketListener","refetchData","FavoriteHubCreateActions","create","displayName","access","icon","IconConstants","handler","History","FavoriteHubEditActions","edit","hub","remove","confirmation","content","approveCaption","rejectCaption","SocketService","FavoriteHubConstants","moduleId","actions","sendPassword","password","handleSetPassword","hasPassword","has_password","FavoriteHubPasswordActions","input","inputProps","placeholder","type","change","subId","_viewName","_apiUrl","mixins","ViewStoreMixin","IndeterminateCheckbox","locals","inputRef","useRef","useEffect","current","value","indeterminate","ref","attrs","onChange","evt","target","checked","IndeterminateCheckboxTemplate","renderCheckbox","IndeterminateCheckboxField","ConnectivityModeOptions","Fields","key","title","definitions","optional","help","options","isAdcHub","hubUrl","indexOf","FavoriteHubDialog","constructor","props","super","isNew","this","hubEntry","onFieldChanged","hasChanges","generic","hub_url","share_profile","ShareProfileConstants","Promise","resolve","save","form","onSave","changedFields","entry","user","connectivityV4","connectivityV6","misc","onFieldSetting","fieldOptions","formValue","undefined","Object","assign","nullOption","factory","url","transformer","template","format","parse","toFormEntry","favT","text","translate","render","Modal","className","onApprove","closable","Form","c","fieldDefinitions","sourceValue","location","ModalRouteDecorator","ShareProfileDecorator","match","socket","params","entryId","get","getIcon","state","ConnectStateCell","handleCreateSession","rowDataGetter","HubActions","HubSessionStore","handleRemoveSession","cellData","current_hub_id","getClickAction","width","Icon","onClick","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","PasswordCell","caption","itemData","FavoriteHubs","rowClassNameGetter","rowData","connect_state","onChangeAutoConnect","updateFavoriteHub","auto_connect","footerData","ActionButton","FavoriteHubActions","actionId","editAccess","LoginStore","VirtualTable","store","FavoriteHubStore","Column","columnKey","cell","flexGrow","remoteMenuId","MenuConstants","hideWidth"],"sourceRoot":""}
1	+ {"version":3,"file":"js/favorite-hubs.83bf98475a69ad8f52a6.chunk.js","mappings":"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","sources":["webpack://airdcpp-webui/./src/routes/FavoriteHubs/style.css","webpack://airdcpp-webui/./src/constants/ShareProfileConstants.ts","webpack://airdcpp-webui/./src/decorators/ShareProfileDecorator.tsx","webpack://airdcpp-webui/./src/constants/FavoriteHubConstants.ts","webpack://airdcpp-webui/./src/actions/ui/FavoriteHubActions.ts","webpack://airdcpp-webui/./src/actions/ui/FavoriteHubPasswordActions.ts","webpack://airdcpp-webui/./src/stores/FavoriteHubStore.js","webpack://airdcpp-webui/./src/components/form/fields/IndeterminateCheckboxField.tsx","webpack://airdcpp-webui/./src/routes/FavoriteHubs/components/FavoriteHubDialog.tsx","webpack://airdcpp-webui/./src/routes/FavoriteHubs/components/ConnectStateCell.tsx","webpack://airdcpp-webui/./src/routes/FavoriteHubs/style.css?f7f3","webpack://airdcpp-webui/./src/routes/FavoriteHubs/components/FavoriteHubs.tsx","webpack://airdcpp-webui/./src/services/api/FavoriteHubApi.ts"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".virtual-table .cell-wrapper.connected,\\n.virtual-table .cell-wrapper.connected span,\\n.virtual-table .cell-wrapper.connected strong {\\n color: green;\\n}\\n\\n.virtual-table .cell-wrapper.connecting,\\n.virtual-table .cell-wrapper.connecting span,\\n.virtual-table .cell-wrapper.connecting strong {\\n color: orange;\\n}\\n\\n.virtual-table .cell-wrapper.disconnected,\\n.virtual-table .cell-wrapper.disconnected span,\\n.virtual-table .cell-wrapper.disconnected strong {\\n color: dimslategray;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/routes/FavoriteHubs/style.css\"],\"names\":[],\"mappings\":\"AAAA;;;EAGE,YAAY;AACd;;AAEA;;;EAGE,aAAa;AACf;;AAEA;;;EAGE,mBAAmB;AACrB\",\"sourcesContent\":[\".virtual-table .cell-wrapper.connected,\\n.virtual-table .cell-wrapper.connected span,\\n.virtual-table .cell-wrapper.connected strong {\\n color: green;\\n}\\n\\n.virtual-table .cell-wrapper.connecting,\\n.virtual-table .cell-wrapper.connecting span,\\n.virtual-table .cell-wrapper.connecting strong {\\n color: orange;\\n}\\n\\n.virtual-table .cell-wrapper.disconnected,\\n.virtual-table .cell-wrapper.disconnected span,\\n.virtual-table .cell-wrapper.disconnected strong {\\n color: dimslategray;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","const MODULE_URL = 'share_profiles';\nexport default {\n MODULE_URL: MODULE_URL,\n PROFILES_URL: MODULE_URL,\n\n PROFILE_ADDED: 'share_profile_added',\n PROFILE_UPDATED: 'share_profile_updated',\n PROFILE_REMOVED: 'share_profile_removed',\n\n HIDDEN_PROFILE_ID: 1,\n};\n","import * as React from 'react';\nimport { merge } from 'lodash';\n\nimport ShareProfileConstants from 'constants/ShareProfileConstants';\n\nimport DataProviderDecorator, {\n DataProviderDecoratorChildProps,\n DataProviderDecoratorSettings,\n DataConverter,\n} from 'decorators/DataProviderDecorator';\n\nimport { formatSize } from 'utils/ValueFormat';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\ninterface ShareProfileDecoratorDataProps {\n profiles: API.ShareProfile[];\n}\n\nexport const profileToEnumValue = (profile: API.ShareProfile) => {\n return {\n id: profile.id,\n name: profile.str,\n };\n};\n\nexport type ShareProfileDecoratorChildProps = DataProviderDecoratorChildProps &\n ShareProfileDecoratorDataProps;\n\nconst ShareProfileDecorator = function <PropsT extends object>(\n Component: React.ComponentType<PropsT & ShareProfileDecoratorChildProps>,\n listHidden: boolean,\n dataProviderDecoratorSettings?: DataProviderDecoratorSettings<\n PropsT,\n ShareProfileDecoratorDataProps\n >,\n addSize = true\n) {\n const convertProfile = (\n profile: API.ShareProfile,\n t: UI.TranslateF\n ): API.ShareProfile => {\n let str = profile.str;\n if (addSize && profile.id !== ShareProfileConstants.HIDDEN_PROFILE_ID) {\n str += ` (${formatSize(profile.size, t)})`;\n }\n\n return {\n ...profile,\n str,\n };\n };\n\n const convertProfiles: DataConverter<PropsT> = (data: API.ShareProfile[], { t }) => {\n const profiles = data\n .filter((p) => listHidden \|\| p.id !== ShareProfileConstants.HIDDEN_PROFILE_ID)\n .map((p) => convertProfile(p, t));\n\n return profiles;\n };\n\n return DataProviderDecorator<PropsT, ShareProfileDecoratorDataProps>(\n Component,\n merge(dataProviderDecoratorSettings, {\n urls: {\n profiles: ShareProfileConstants.PROFILES_URL,\n },\n dataConverters: {\n profiles: convertProfiles,\n },\n onSocketConnected: (addSocketListener, { refetchData }) => {\n addSocketListener(\n ShareProfileConstants.MODULE_URL,\n ShareProfileConstants.PROFILE_ADDED,\n () => refetchData()\n );\n addSocketListener(\n ShareProfileConstants.MODULE_URL,\n ShareProfileConstants.PROFILE_UPDATED,\n () => refetchData()\n );\n addSocketListener(\n ShareProfileConstants.MODULE_URL,\n ShareProfileConstants.PROFILE_REMOVED,\n () => refetchData()\n );\n },\n } as DataProviderDecoratorSettings<PropsT, ShareProfileDecoratorDataProps>)\n );\n};\n\nexport default ShareProfileDecorator;\n","const MODULE_URL = 'favorite_hubs';\n\nexport default {\n MODULE_URL: MODULE_URL,\n HUBS_URL: MODULE_URL,\n};\n","import SocketService from 'services/SocketService';\n\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\nimport IconConstants from 'constants/IconConstants';\n\nimport History from 'utils/History';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\nconst handleCreate = () => {\n History.push('/favorite-hubs/entries');\n};\n\nconst handleEdit: UI.ActionHandler<API.FavoriteHubEntry> = ({ data: hub }) => {\n History.push(`/favorite-hubs/entries/${hub.id}`);\n};\n\nconst handleRemove: UI.ActionHandler<API.FavoriteHubEntry> = ({ data: hub }) => {\n return SocketService.delete(FavoriteHubConstants.HUBS_URL + '/' + hub.id);\n};\n\nconst FavoriteHubCreateActions: UI.ActionListType<undefined> = {\n create: {\n displayName: 'Add new',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.CREATE,\n handler: handleCreate,\n },\n};\n\nconst FavoriteHubEditActions: UI.ActionListType<API.FavoriteHubEntry> = {\n edit: {\n displayName: 'Edit',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.EDIT,\n handler: handleEdit,\n },\n remove: {\n displayName: 'Remove',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.REMOVE,\n confirmation: {\n content: 'Are you sure that you want to remove the favorite hub {{item.name}}?',\n approveCaption: 'Remove favorite hub',\n rejectCaption: `Don't remove`,\n },\n handler: handleRemove,\n //notifications: {\n // onSuccess: 'The hub {{item.name}} was removed successfully',\n //}\n },\n};\n\nexport default {\n create: {\n moduleId: UI.Modules.FAVORITE_HUBS,\n actions: FavoriteHubCreateActions,\n },\n edit: {\n moduleId: UI.Modules.FAVORITE_HUBS,\n actions: FavoriteHubEditActions,\n },\n};\n","import SocketService from 'services/SocketService';\n\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\nimport IconConstants from 'constants/IconConstants';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\nconst sendPassword = (hub: API.FavoriteHubEntry, password: string \| null) => {\n return SocketService.patch(FavoriteHubConstants.HUBS_URL + '/' + hub.id, {\n password,\n });\n};\n\nconst handleSetPassword: UI.ActionHandler<API.FavoriteHubEntry> = (\n { data: hub },\n password: string\n) => {\n return sendPassword(hub, password);\n};\n\nconst handleRemovePassword: UI.ActionHandler<API.FavoriteHubEntry> = ({ data: hub }) => {\n return sendPassword(hub, null);\n};\n\nconst hasPassword = (data: API.FavoriteHubEntry) => data.has_password;\nconst noPassword = (data: API.FavoriteHubEntry) => !hasPassword(data);\n\nconst FavoriteHubPasswordActions: UI.ActionListType<API.FavoriteHubEntry> = {\n create: {\n displayName: 'Set password',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.LOCK,\n filter: noPassword,\n input: {\n content: 'Set password for the hub {{item.name}}',\n approveCaption: 'Set password',\n inputProps: {\n placeholder: 'Enter password',\n type: 'password',\n },\n },\n handler: handleSetPassword,\n },\n change: {\n displayName: 'Change password',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.EDIT,\n filter: hasPassword,\n input: {\n content: 'Enter new password for the hub {{item.name}}',\n approveCaption: 'Update password',\n inputProps: {\n placeholder: 'Enter password',\n type: 'password',\n },\n },\n handler: handleSetPassword,\n },\n remove: {\n displayName: 'Remove password',\n access: API.AccessEnum.FAVORITE_HUBS_EDIT,\n icon: IconConstants.REMOVE,\n filter: hasPassword,\n confirmation: {\n content:\n 'Are you sure that you want to reset the password of the hub {{item.name}}?',\n approveCaption: 'Remove password',\n rejectCaption: `Don't remove`,\n },\n handler: handleRemovePassword,\n },\n};\n\nexport default {\n moduleId: UI.Modules.FAVORITE_HUBS,\n subId: 'password',\n actions: FavoriteHubPasswordActions,\n};\n","import Reflux from 'reflux';\n\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\nimport ViewStoreMixin from 'mixins/ViewStoreMixin';\n\nexport default Reflux.createStore({\n _viewName: 'favorite_hub_view',\n _apiUrl: FavoriteHubConstants.MODULE_URL,\n mixins: [ViewStoreMixin('name')],\n});\n","import { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport * as UI from 'types/ui';\nimport t from 'utils/tcomb-form';\n\ninterface IndeterminateCheckboxProps {\n locals: UI.FormLocals<any, boolean \| null, UI.EmptyObject>;\n}\n\nconst IndeterminateCheckbox: React.FC<IndeterminateCheckboxProps> = ({ locals }) => {\n const inputRef = useRef<HTMLInputElement>();\n\n useEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n if (typeof locals.value === 'boolean') {\n inputRef.current.indeterminate = false;\n } else {\n inputRef.current.indeterminate = true;\n }\n }, [locals.value]);\n\n return (\n <input\n ref={inputRef}\n type=\"checkbox\"\n {...locals.attrs}\n onChange={(evt) => {\n // Toggle between true/false/indeterminate\n if (locals.value === false) {\n locals.onChange(null);\n } else {\n locals.onChange(evt.target.checked);\n }\n }}\n />\n );\n};\n\ntype TCombTemplate = {\n renderCheckbox: (\n locals: UI.FormLocals<any, boolean \| null, UI.EmptyObject>\n ) => React.ReactNode;\n};\n\nconst IndeterminateCheckboxTemplate: TCombTemplate = {\n renderCheckbox(locals) {\n return <IndeterminateCheckbox locals={locals} />;\n },\n};\n\nexport const IndeterminateCheckboxField = t.form.Form.templates.checkbox.clone(\n IndeterminateCheckboxTemplate\n);\n","import { Component } from 'react';\nimport Modal from 'components/semantic/Modal';\n\nimport ModalRouteDecorator, {\n ModalRouteDecoratorChildProps,\n} from 'decorators/ModalRouteDecorator';\n\nimport ShareProfileConstants from 'constants/ShareProfileConstants';\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\n\nimport SocketService from 'services/SocketService';\n\nimport ShareProfileDecorator, {\n profileToEnumValue,\n ShareProfileDecoratorChildProps,\n} from 'decorators/ShareProfileDecorator';\nimport IconConstants from 'constants/IconConstants';\n\nimport t from 'utils/tcomb-form';\n\nimport Form, {\n FormFieldChangeHandler,\n FormFieldSettingHandler,\n FormSaveHandler,\n} from 'components/form/Form';\nimport { normalizeEnumValue, intTransformer, translateForm } from 'utils/FormUtils';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\nimport { FavoriteHubEntry } from 'types/api';\nimport { IndeterminateCheckboxField } from 'components/form/fields/IndeterminateCheckboxField';\n\nconst ConnectivityModeOptions: API.SettingEnumOption[] = [\n {\n id: API.ConnectivityModeEnum.DISABLED,\n name: 'Disabled',\n },\n {\n id: API.ConnectivityModeEnum.ACTIVE_MODE,\n name: 'Active mode',\n },\n {\n id: API.ConnectivityModeEnum.PASSIVE_MODE,\n name: 'Passive mode',\n },\n];\n\nconst Fields: UI.FormFieldDefinition[] = [\n {\n key: 'generic',\n title: 'Hub properties',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'name',\n title: 'Name',\n type: API.SettingTypeEnum.STRING,\n },\n {\n key: 'hub_url',\n title: 'Hub URL',\n type: API.SettingTypeEnum.STRING,\n },\n {\n key: 'hub_description',\n title: 'Hub description',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n {\n key: 'share_profile',\n title: 'Share profile',\n type: API.SettingTypeEnum.NUMBER,\n // eslint-disable-next-line max-len\n help: 'Custom share profiles can be selected only after entering an ADC hub address (starting with adc:// or adcs://)',\n optional: true,\n },\n {\n key: 'auto_connect',\n title: 'Auto connect',\n type: API.SettingTypeEnum.BOOLEAN,\n },\n ],\n },\n {\n key: 'user',\n title: 'User setting overrides',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'nick',\n title: 'Nick',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n {\n key: 'user_description',\n title: 'User description',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n ],\n },\n {\n key: 'connectivityV4',\n title: 'Connectivity setting overrides (IPv4)',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'connection_mode_v4',\n title: 'Connectivity mode',\n type: API.SettingTypeEnum.NUMBER,\n optional: true,\n options: ConnectivityModeOptions,\n },\n {\n key: 'connection_ip_v4',\n title: 'IP address',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n ],\n },\n {\n key: 'connectivityV6',\n title: 'Connectivity setting overrides (IPv6)',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'connection_mode_v6',\n title: 'Connectivity mode',\n type: API.SettingTypeEnum.NUMBER,\n optional: true,\n options: ConnectivityModeOptions,\n },\n {\n key: 'connection_ip_v6',\n title: 'IP address',\n type: API.SettingTypeEnum.STRING,\n optional: true,\n },\n ],\n },\n {\n key: 'misc',\n title: 'Miscellaneous overrides',\n type: API.SettingTypeEnum.STRUCT,\n definitions: [\n {\n key: 'use_main_chat_notify',\n title: 'Use chat notification',\n type: API.SettingTypeEnum.BOOLEAN,\n optional: true,\n },\n {\n key: 'show_joins',\n title: 'Show joins/parts',\n type: API.SettingTypeEnum.BOOLEAN,\n optional: true,\n },\n {\n key: 'away_message',\n title: 'Away message',\n type: API.SettingTypeEnum.TEXT,\n optional: true,\n },\n ],\n },\n];\n\ninterface Entry extends UI.FormValueMap {\n generic: Pick<\n FavoriteHubEntry,\n 'name' \| 'hub_url' \| 'hub_description' \| 'auto_connect' \| 'share_profile'\n >;\n user: Pick<FavoriteHubEntry, 'nick' \| 'user_description'>;\n connectivityV4: Pick<FavoriteHubEntry, 'connection_mode_v4' \| 'connection_ip_v4'>;\n connectivityV6: Pick<FavoriteHubEntry, 'connection_mode_v6' \| 'connection_ip_v6'>;\n misc: Pick<FavoriteHubEntry, 'use_main_chat_notify' \| 'show_joins' \| 'away_message'>;\n}\n\nconst toFormEntry = (entry?: API.FavoriteHubEntry): Entry \| undefined => {\n if (!entry) {\n return undefined;\n }\n\n return {\n generic: entry,\n user: entry,\n connectivityV4: entry,\n connectivityV6: entry,\n misc: entry,\n };\n};\n\nconst toFavoriteHub = (\n entry: RecursivePartial<Entry>\n): RecursivePartial<API.FavoriteHubEntry> => {\n return {\n ...entry.generic,\n ...entry.user,\n ...entry.connectivityV4,\n ...entry.connectivityV6,\n ...entry.misc,\n };\n};\n\nconst isAdcHub = (hubUrl?: string) =>\n !!hubUrl && (hubUrl.indexOf('adc://') === 0 \|\| hubUrl.indexOf('adcs://') === 0);\n\n// Get selection values for the profiles field\nconst getFieldProfiles = (\n profiles: API.SettingEnumOption[],\n url?: string\n): UI.FormOption[] => {\n return profiles\n .filter((p) => isAdcHub(url) \|\| p.id === ShareProfileConstants.HIDDEN_PROFILE_ID)\n .map(profileToEnumValue)\n .map(normalizeEnumValue);\n};\n\ninterface FavoriteHubDialogProps {\n favT: UI.ModuleTranslator;\n}\n\ninterface DataProps {\n hubEntry?: API.FavoriteHubEntry;\n}\n\ninterface RouteProps {\n entryId: string;\n}\n\ntype Props = FavoriteHubDialogProps &\n DataProps &\n ShareProfileDecoratorChildProps &\n ModalRouteDecoratorChildProps<RouteProps>;\n\nclass FavoriteHubDialog extends Component<Props> {\n static displayName = 'FavoriteHubDialog';\n\n formValue: Entry \| undefined;\n\n constructor(props: Props) {\n super(props);\n\n this.formValue = toFormEntry(props.hubEntry);\n this.definitions = translateForm(Fields, props.favT);\n this.nullOption = {\n value: 'null',\n text: props.favT.translate('Global default'),\n };\n }\n\n isNew = () => {\n return !this.props.hubEntry;\n };\n\n nullOption: UI.FormOption<string>;\n definitions: UI.FormFieldDefinition[];\n\n form: Form<Entry>;\n\n onFieldChanged: FormFieldChangeHandler<Entry> = (id, value, hasChanges) => {\n if (id.indexOf('hub_url') !== -1) {\n if (\n !isAdcHub(value.generic!.hub_url) &&\n value.share_profile !== ShareProfileConstants.HIDDEN_PROFILE_ID\n ) {\n // Reset share profile\n return Promise.resolve({\n share_profile: null,\n });\n }\n }\n\n return null;\n };\n\n save = () => {\n return this.form.save();\n };\n\n onSave: FormSaveHandler<Entry> = (changedFields) => {\n const hubEntry = toFavoriteHub(changedFields);\n if (this.isNew()) {\n return SocketService.post(FavoriteHubConstants.HUBS_URL, hubEntry);\n }\n\n return SocketService.patch(\n `${FavoriteHubConstants.HUBS_URL}/${this.props.hubEntry!.id}`,\n hubEntry\n );\n };\n\n onFieldSetting: FormFieldSettingHandler<Entry> = (id, fieldOptions, formValue) => {\n if (id === 'share_profile') {\n const hubUrl = formValue.generic ? formValue.generic.hub_url : undefined;\n\n // Since the options are added dynamically based on the URL protocol, they must be\n // normalized to use the tcomb format\n Object.assign(fieldOptions, {\n nullOption: this.nullOption,\n factory: t.form.Select,\n options: getFieldProfiles(this.props.profiles, hubUrl),\n transformer: intTransformer,\n });\n } else if (id === 'connection_mode_v4' \|\| id === 'connection_mode_v6') {\n Object.assign(fieldOptions, {\n nullOption: this.nullOption,\n transformer: intTransformer,\n });\n } else if (id === 'use_main_chat_notify' \|\| id === 'show_joins') {\n Object.assign(fieldOptions, {\n template: IndeterminateCheckboxField,\n transformer: {\n format: (value: boolean \| null) => (value === undefined ? null : value),\n parse: (value: boolean \| null) => value,\n },\n });\n }\n };\n\n render() {\n const { translate } = this.props.favT;\n const title = translate(this.isNew() ? 'Add favorite hub' : 'Edit favorite hub');\n return (\n <Modal\n className=\"fav-hub\"\n title={title}\n onApprove={this.save}\n closable={false}\n icon={IconConstants.FAVORITE}\n {...this.props}\n >\n <Form<Entry>\n ref={(c) => (this.form = c!)}\n onFieldChanged={this.onFieldChanged}\n onFieldSetting={this.onFieldSetting}\n onSave={this.onSave}\n fieldDefinitions={this.definitions}\n sourceValue={this.formValue}\n location={this.props.location}\n />\n </Modal>\n );\n }\n}\n\nexport default ModalRouteDecorator<FavoriteHubDialogProps, RouteProps>(\n ShareProfileDecorator(FavoriteHubDialog, true, {\n urls: {\n hubEntry: ({ match }, socket) => {\n if (!match.params.entryId) {\n return Promise.resolve(undefined);\n }\n\n return socket.get(`${FavoriteHubConstants.HUBS_URL}/${match.params.entryId}`);\n },\n },\n }),\n 'entries/:entryId?'\n);\n","import { Component } from 'react';\nimport classNames from 'classnames';\n\nimport HubActions from 'actions/reflux/HubActions';\nimport HubSessionStore from 'stores/HubSessionStore';\n\nimport Icon from 'components/semantic/Icon';\nimport { RowWrapperCellChildProps } from 'components/table/RowWrapperCell';\n\nimport * as API from 'types/api';\nimport { withRouter, RouteComponentProps } from 'react-router-dom';\n\nexport type ConnectStateCellProps = RowWrapperCellChildProps<\n API.FavoriteHubConnectState,\n API.FavoriteHubEntry\n>;\n\nconst getIcon = (state: API.FavoriteHubConnectState) => {\n switch (state.id) {\n case API.FavoriteHubConnectStateEnum.CONNECTING:\n return 'yellow remove';\n case API.FavoriteHubConnectStateEnum.CONNECTED:\n return 'grey remove';\n case API.FavoriteHubConnectStateEnum.DISCONNECTED:\n return 'green video play';\n default:\n }\n\n return '';\n};\n\nclass ConnectStateCell extends Component<ConnectStateCellProps & RouteComponentProps> {\n handleCreateSession = () => {\n const { location, rowDataGetter } = this.props;\n HubActions.createSession(location, rowDataGetter!().hub_url, HubSessionStore);\n };\n\n handleRemoveSession = () => {\n const { cellData } = this.props;\n HubActions.removeSession({ id: cellData!.current_hub_id });\n };\n\n getClickAction = () => {\n switch (this.props.cellData!.id) {\n case API.FavoriteHubConnectStateEnum.CONNECTING:\n case API.FavoriteHubConnectStateEnum.CONNECTED:\n return this.handleRemoveSession;\n case API.FavoriteHubConnectStateEnum.DISCONNECTED:\n default:\n return this.handleCreateSession;\n }\n };\n\n render() {\n const { cellData, width } = this.props;\n return (\n <div className=\"connect-state\">\n <Icon\n icon={classNames('icon large link', getIcon(cellData!))}\n onClick={this.getClickAction()}\n />\n {width! > 120 && cellData!.str}\n </div>\n );\n }\n}\n\nconst Decorated = withRouter(ConnectStateCell);\n\nexport default Decorated;\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!./style.css\";\n export default content && content.locals ? content.locals : undefined;\n","import * as React from 'react';\n\nimport FavoriteHubActions from 'actions/ui/FavoriteHubActions';\nimport FavoriteHubPasswordActions from 'actions/ui/FavoriteHubPasswordActions';\nimport FavoriteHubStore from 'stores/FavoriteHubStore';\nimport FavoriteHubDialog from './FavoriteHubDialog';\n\nimport VirtualTable from 'components/table/VirtualTable';\nimport { Column } from 'fixed-data-table-2';\nimport { CheckboxCell, ActionMenuCell } from 'components/table/Cell';\nimport ConnectStateCell from './ConnectStateCell';\n\nimport { TableActionMenu } from 'components/action-menu';\nimport ActionButton from 'components/ActionButton';\nimport { RowWrapperCellChildProps } from 'components/table/RowWrapperCell';\n\nimport LoginStore from 'stores/LoginStore';\n\nimport '../style.css';\n\nimport * as API from 'types/api';\nimport * as UI from 'types/ui';\n\nimport { translate, getModuleT } from 'utils/TranslationUtils';\nimport { withTranslation, WithTranslation } from 'react-i18next';\nimport { updateFavoriteHub } from 'services/api/FavoriteHubApi';\nimport { runBackgroundSocketAction } from 'utils/ActionUtils';\nimport MenuConstants from 'constants/MenuConstants';\n\nconst PasswordCell: React.FC<RowWrapperCellChildProps<string, API.FavoriteHubEntry>> = ({\n cellData,\n rowDataGetter,\n t,\n}) => (\n <TableActionMenu\n caption={\n cellData ? (\n <strong>{translate('Set', t!, UI.Modules.FAVORITE_HUBS)}</strong>\n ) : (\n translate('Not set', t!, UI.Modules.FAVORITE_HUBS)\n )\n }\n actions={FavoriteHubPasswordActions}\n itemData={rowDataGetter!}\n />\n);\n\nclass FavoriteHubs extends React.Component<WithTranslation> {\n static displayName = 'FavoriteHubs';\n\n rowClassNameGetter = (rowData: API.FavoriteHubEntry) => {\n switch (rowData.connect_state.id) {\n case API.FavoriteHubConnectStateEnum.CONNECTING:\n return 'connecting';\n case API.FavoriteHubConnectStateEnum.CONNECTED:\n return 'connected';\n case API.FavoriteHubConnectStateEnum.DISCONNECTED:\n return 'disconnected';\n default:\n }\n\n return '';\n };\n\n onChangeAutoConnect = (checked: boolean, rowData: API.FavoriteHubEntry) => {\n return runBackgroundSocketAction(\n () =>\n updateFavoriteHub(rowData, {\n auto_connect: checked,\n }),\n this.props.t\n );\n };\n\n favT = getModuleT(this.props.t, UI.Modules.FAVORITE_HUBS);\n render() {\n const footerData = (\n <ActionButton actions={FavoriteHubActions.create} actionId=\"create\" />\n );\n\n const editAccess = LoginStore.hasAccess(API.AccessEnum.HUBS_EDIT);\n return (\n <>\n <VirtualTable\n rowClassNameGetter={this.rowClassNameGetter}\n footerData={footerData}\n store={FavoriteHubStore}\n moduleId={UI.Modules.FAVORITE_HUBS}\n >\n <Column\n name=\"State\"\n width={45}\n columnKey=\"connect_state\"\n cell={editAccess && <ConnectStateCell />}\n flexGrow={3}\n />\n <Column\n name=\"Name\"\n width={150}\n columnKey=\"name\"\n flexGrow={6}\n cell={\n <ActionMenuCell\n actions={FavoriteHubActions.edit}\n remoteMenuId={MenuConstants.FAVORITE_HUB}\n />\n }\n />\n <Column\n name=\"Address\"\n width={270}\n columnKey=\"hub_url\"\n flexGrow={3}\n hideWidth={700}\n />\n <Column\n name=\"Auto connect\"\n width={65}\n columnKey=\"auto_connect\"\n cell={\n editAccess && (\n <CheckboxCell onChange={this.onChangeAutoConnect} type=\"toggle\" />\n )\n }\n />\n <Column\n name=\"Share profile\"\n width={100}\n columnKey=\"share_profile\"\n flexGrow={1}\n />\n <Column name=\"Nick\" width={100} columnKey=\"nick\" flexGrow={1} />\n <Column\n name=\"Password\"\n width={100}\n columnKey=\"has_password\"\n cell={<PasswordCell />}\n />\n </VirtualTable>\n <FavoriteHubDialog favT={this.favT} />\n </>\n );\n }\n}\n\nexport default withTranslation()(FavoriteHubs);\n","import * as API from 'types/api';\n\nimport SocketService from 'services/SocketService';\nimport FavoriteHubConstants from 'constants/FavoriteHubConstants';\n\nexport const updateFavoriteHub = (\n hub: API.FavoriteHubEntry,\n data: Partial<API.FavoriteHubEntryBase>\n) => {\n return SocketService.patch(FavoriteHubConstants.HUBS_URL + '/' + hub.id, data);\n};\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","MODULE_URL","PROFILES_URL","PROFILE_ADDED","PROFILE_UPDATED","PROFILE_REMOVED","HIDDEN_PROFILE_ID","profileToEnumValue","profile","name","str","Component","listHidden","dataProviderDecoratorSettings","addSize","merge","urls","profiles","dataConverters","data","t","filter","p","map","size","convertProfile","onSocketConnected","addSocketListener","refetchData","FavoriteHubCreateActions","create","displayName","access","icon","IconConstants","handler","History","FavoriteHubEditActions","edit","hub","remove","confirmation","content","approveCaption","rejectCaption","SocketService","FavoriteHubConstants","moduleId","actions","sendPassword","password","handleSetPassword","hasPassword","has_password","FavoriteHubPasswordActions","input","inputProps","placeholder","type","change","subId","_viewName","_apiUrl","mixins","ViewStoreMixin","IndeterminateCheckbox","locals","inputRef","useRef","useEffect","current","value","indeterminate","ref","attrs","onChange","evt","target","checked","IndeterminateCheckboxTemplate","renderCheckbox","IndeterminateCheckboxField","ConnectivityModeOptions","Fields","key","title","definitions","optional","help","options","isAdcHub","hubUrl","indexOf","FavoriteHubDialog","constructor","props","super","isNew","this","hubEntry","onFieldChanged","hasChanges","generic","hub_url","share_profile","ShareProfileConstants","Promise","resolve","save","form","onSave","changedFields","entry","user","connectivityV4","connectivityV6","misc","onFieldSetting","fieldOptions","formValue","undefined","Object","assign","nullOption","factory","url","transformer","template","format","parse","toFormEntry","favT","text","translate","render","Modal","className","onApprove","closable","Form","c","fieldDefinitions","sourceValue","location","ModalRouteDecorator","ShareProfileDecorator","match","socket","params","entryId","get","getIcon","state","ConnectStateCell","handleCreateSession","rowDataGetter","HubActions","HubSessionStore","handleRemoveSession","cellData","current_hub_id","getClickAction","width","Icon","onClick","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","PasswordCell","caption","itemData","FavoriteHubs","rowClassNameGetter","rowData","connect_state","onChangeAutoConnect","updateFavoriteHub","auto_connect","footerData","ActionButton","FavoriteHubActions","actionId","editAccess","LoginStore","VirtualTable","store","FavoriteHubStore","Column","columnKey","cell","flexGrow","remoteMenuId","MenuConstants","hideWidth"],"sourceRoot":""}