Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Multiselect dragdrop Feature #4767

Merged
merged 51 commits into from
Jul 12, 2024
Merged

Add Multiselect dragdrop Feature #4767

merged 51 commits into from
Jul 12, 2024

Conversation

joeizang
Copy link
Collaborator

No description provided.

@joeizang joeizang added the WIP label Apr 25, 2024
@joeizang joeizang self-assigned this Apr 25, 2024
Copy link

netlify bot commented Apr 25, 2024

Deploy Preview for remixproject ready!

Name Link
🔨 Latest commit 5f2fb89
🔍 Latest deploy log https://app.netlify.com/sites/remixproject/deploys/668fbe617c05b00008e0f71e
😎 Deploy Preview https://deploy-preview-4767--remixproject.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@yann300
Copy link
Contributor

yann300 commented Apr 27, 2024

After releasing in a drop zone, the modal doesn't sometimes show the right files name.
Also when releasing it tries take in account the actual file that the mouse is hovering.

@yann300 yann300 force-pushed the multiselect-dragdrop branch 17 times, most recently from 8bd4498 to b95c21a Compare May 2, 2024 13:43
@joeizang joeizang force-pushed the multiselect-dragdrop branch 2 times, most recently from c2eb8bd to 7eb6ad6 Compare May 23, 2024 16:41
@yann300 yann300 force-pushed the multiselect-dragdrop branch 2 times, most recently from 7eb6ad6 to c57796b Compare May 30, 2024 09:48
@joeizang
Copy link
Collaborator Author

in the file_explorer_multiselect.test.ts file, all tests pass on google chrome but one test, Should drag and drop multiple files in file explorer to tests folder #group1, fails on firefox. Can you look at this test @yann300 ?

@joeizang joeizang added ready-to-review PR ready to review and removed WIP labels Jul 12, 2024
@@ -69,3 +69,7 @@ ul {
.remixui_icons:hover {
color: var(--text);
}

.remixui_selected {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove unused css class

Copy link
Collaborator Author

@joeizang joeizang Jul 12, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

right. It's actually being used just it doesn't have any css properties in it. Its used in flattree.tsx and getEventTarget.ts

@@ -116,6 +124,12 @@ export const FlatTree = (props: FlatTreeProps) => {

const onDragEnd = (event: SyntheticEvent) => {
setIsDragging(false)
document.querySelectorAll('li.remixui_selected').forEach(item => {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should be improved to use react hooks (useRef, useState, etc).

@joeizang joeizang merged commit 60a00e5 into master Jul 12, 2024
33 checks passed
@joeizang joeizang deleted the multiselect-dragdrop branch July 12, 2024 09:24
* @returns - {DragStructure} Array of selected items
*/
export const buildMultiSelectedItemProfiles = (target: {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same with this function

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ready-to-review PR ready to review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants