{ domListHandler?.focusFirst(); }} /> {#if $commandsCustomized['new.connection']?.enabled} runCommand('new.connection')} title="Add new connection" data-testid="ConnectionList_buttonNewConnection" > runCommand('new.connection.folder')} title="Add new connection folder"> {/if} { var data = e.dataTransfer.getData('app_object_drag_data'); if (data) { handleDropOnGroup(data, ''); } }} > o1?.conid == o2?.conid && o1?.database == o2?.database} getDefaultFocusedItem={() => $currentDatabase ? { conid: $currentDatabase?.connection?._id, database: $currentDatabase?.name, connection: $currentDatabase?.connection, } : null} onScrollTop={() => { domContainer?.scrollTop(); }} onFocusFilterBox={text => { domFilter?.focus(text); }} handleObjectClick={(data, options) => { const connectionClickAction = getConnectionClickActionSetting(); if (data.database) { if (options.focusTab) { if ($openedSingleDatabaseConnections.includes(data.conid)) { switchCurrentDatabase({ connection: data.connection, name: data.database }); } else { switchCurrentDatabase({ connection: data.connection, name: data.database }); } // console.log('FOCUSING DB', passProps); // passProps?.onFocusSqlObjectList?.(); } } else { if (options.focusTab) { openConnection(data.connection); } else { const config = getCurrentConfig(); if (config.runAsPortal == false && !config.storageDatabase && connectionClickAction == 'openDetails') { openNewTab({ title: getConnectionLabel(data.connection), icon: 'img connection', tabComponent: 'ConnectionTab', tabPreviewMode: options.tabPreviewMode, props: { conid: data.conid, }, }); } } } }} handleExpansion={(item, value) => { if (item.database) { return; } expandedConnections.update(old => (value ? [...old, item.conid] : old.filter(x => x != item.conid))); }} > SubDatabaseList} expandOnClick isExpandable={data => $openedConnections.includes(data._id) && !data.singleDatabase} {filter} passProps={{ ...passProps, connectionColorFactory: $connectionColorFactory, showPinnedInsteadOfUnpin: true, searchSettings: $connectionAppObjectSearchSettings, }} getIsExpanded={data => $expandedConnections.includes(data._id) && !data.singleDatabase} setIsExpanded={(data, value) => { expandedConnections.update(old => (value ? [...old, data._id] : old.filter(x => x != data._id))); }} groupIconFunc={chevronExpandIcon} groupFunc={data => extractConnectionParent(data, $openedConnections, $openedSingleDatabaseConnections)} expandIconFunc={plusExpandIcon} onDropOnGroup={handleDropOnGroup} emptyGroupNames={$emptyConnectionGroupNames} sortGroups groupContextMenu={createGroupContextMenu} collapsedGroupNames={collapsedConnectionGroupNames} /> {#if (connectionsWithParent?.length > 0 && connectionsWithoutParent?.length > 0) || ($emptyConnectionGroupNames.length > 0 && connectionsWithoutParent?.length > 0)}

{/if} SubDatabaseList} expandOnClick isExpandable={data => $openedConnections.includes(data._id) && !data.singleDatabase} {filter} passProps={{ connectionColorFactory: $connectionColorFactory, showPinnedInsteadOfUnpin: true, searchSettings: $connectionAppObjectSearchSettings, }} getIsExpanded={data => $expandedConnections.includes(data._id) && !data.singleDatabase} setIsExpanded={(data, value) => { expandedConnections.update(old => (value ? [...old, data._id] : old.filter(x => x != data._id))); }} /> {#if $connections && $connections.length == 0 && $openedConnections.length == 0 && $commandsCustomized['new.connection']?.enabled && !$openedTabs.find(x => !x.closedTime && x.tabComponent == 'ConnectionTab' && !x.props?.conid)} runCommand('new.connection')} fillHorizontal >Add new connection {/if}