IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix an issue where drag and drop object names is not working. #5761

Browse Source
This commit is contained in:
Aditya Toshniwal 2023-02-06 15:29:27 +05:30 committed by GitHub
parent c2acaa2fc8
commit f3bb4776e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/pgadmin/static/js/components/PgTree/FileTreeItem/index.tsx
View File

@ -4,6 +4,7 @@ import { ClasslistComposite } from 'aspen-decorations'
import { Directory, FileEntry, IItemRendererProps, ItemType, PromptHandle, RenamePromptHandle, FileType, FileOrDir} from 'react-aspen' import { Directory, FileEntry, IItemRendererProps, ItemType, PromptHandle, RenamePromptHandle, FileType, FileOrDir} from 'react-aspen'
import {IFileTreeXTriggerEvents, FileTreeXEvent } from '../types' import {IFileTreeXTriggerEvents, FileTreeXEvent } from '../types'
import _ from 'lodash' import _ from 'lodash'
import { Notificar } from 'notificar'
interface IItemRendererXProps { interface IItemRendererXProps {
/** /**
@ -17,6 +18,7 @@ interface IItemRendererXProps {
decorations: ClasslistComposite decorations: ClasslistComposite
onClick: (ev: React.MouseEvent, item: FileEntry | Directory, type: ItemType) => void onClick: (ev: React.MouseEvent, item: FileEntry | Directory, type: ItemType) => void
onContextMenu: (ev: React.MouseEvent, item: FileEntry | Directory) => void onContextMenu: (ev: React.MouseEvent, item: FileEntry | Directory) => void
events: Notificar<FileTreeXEvent>
} }
// DO NOT EXTEND FROM PureComponent!!! You might miss critical changes made deep within `item` prop // DO NOT EXTEND FROM PureComponent!!! You might miss critical changes made deep within `item` prop
@ -80,9 +82,10 @@ export class FileTreeItem extends React.Component<IItemRendererXProps & IItemRen
onContextMenu={this.handleContextMenu} onContextMenu={this.handleContextMenu}
onClick={this.handleClick} onClick={this.handleClick}
onDoubleClick={this.handleDoubleClick} onDoubleClick={this.handleDoubleClick}
onDragStart={this.handleDragStartItem}
// required for rendering context menus when opened through context menu button on keyboard // required for rendering context menus when opened through context menu button on keyboard
ref={this.handleDivRef} ref={this.handleDivRef}
draggable={false}> draggable={true}>
{!isNewPrompt && fileOrDir === 'directory' ? {!isNewPrompt && fileOrDir === 'directory' ?
<i className={cn('directory-toggle', isDirExpanded ? 'open' : '')} /> <i className={cn('directory-toggle', isDirExpanded ? 'open' : '')} />
@ -164,4 +167,14 @@ export class FileTreeItem extends React.Component<IItemRendererXProps & IItemRen
onDoubleClick(ev, item as FileEntry, itemType) onDoubleClick(ev, item as FileEntry, itemType)
} }
} }
private handleDragStartItem = (e: React.DragEvent) => {
const { item, itemType, events } = this.props
if (itemType === ItemType.File || itemType === ItemType.Directory) {
const ref = FileTreeItem.itemIdToRefMap.get(item.id)
if (ref) {
events.dispatch(FileTreeXEvent.onTreeEvents, e, 'dragstart', item)
}
}
}
} }