Link Collection & Link Dataset

[g-saracca]

What this PR does / why we need it:

• Adds link collection functionality.
• Adds link and unlink dataset functionality.
• Prepares CollectionCard and DatasetCard components to show link icon if linked, we still need to extend the search api to return that boolean.

Which issue(s) this PR closes:

• Closes Link Collection & Link Dataset #761

Special notes for your reviewer:

The search is debounced by 400ms to avoid searching everytime the input changes.

Suggestions on how to test this:

Step 1: Run the Development Environment

1. Execute npm i.
2. Navigate with cd packages/design-system && npm i && npm run build.
3. Return with cd ../../.
4. Ensure you have a .env file similar to .env.example
5. Navigate with cd dev-env.
6. If related backend PR is merged, start the environment using ./run-env.sh unstable otherwise start it with ./run-env.sh 11710-find-dataverses-for-linking.
7. To verify the environment, visit http://localhost:8000/ and check your local Dataverse installation.

Step 2:

1. Create a few collections under the root collection.
2. Test the Link Collections functionality. Only Super Users can link collections and the link collection button shouldn't be displayed at the root collection.
3. Create a few datasets under the root collection.
4. Test the Link and Unlink Datasets functionality.

Does this PR introduce a user interface change? If mockups are available, please link/include them here: Yes.

Link Collection

No collections to link

Only One Collection To Link this Collection to

Link & Unlink Dataset

Only One Collection To Link this Dataset to

Only One Collection to unlink this dataset from

Is there a release notes update needed for this change?:

Additional documentation:

[Copilot]

Pull Request Overview

This PR implements link collection and link/unlink dataset functionality, allowing users to create links between collections and datasets. The changes include new modal interfaces, API integration, and visual indicators for linked items.

Key Changes:

• Add link collection functionality with dropdown UI and modal interface
• Add link and unlink dataset functionality with button components and modals
• Add visual indicators (link icons) to collection and dataset cards when items are linked

Reviewed Changes

Copilot reviewed 59 out of 60 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
src/sections/collection/link-collection-dropdown/	New dropdown component and modal for linking collections
src/sections/dataset/dataset-action-buttons/link-and-unlink-actions/	New buttons and modals for linking/unlinking datasets
src/sections/collection/collection-items-panel/items-list/	Updated card headers to show link icons
tests/component/	Comprehensive test coverage for new components
src/stories/	Storybook stories for new components

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[ChengShi-1]

Great job! I left some comments here for some UI tweaks

[ChengShi-1]

if there is no collection to link or unlink, we could hide the save button.

[g-saracca]

That's already covered since if there is no collection selected the save button remains disabled.

[ChengShi-1]

We could us this for errors? we usually used this alert elsewhere

  if (errorLinkingDataset) {
    return (
      <Alert variant="danger" dismissible={false}>
        {errorLinkingDataset}
      </Alert>
    )
  }

[g-saracca]

yeeh but in this case I think I prefer an inline small text showing the error than the error alert and keeping things rendered.

[g-saracca]

@ChengShi-1 I've applied some of the changes. Ready for review again, thanks 🙏🏼