feat: Add Floating button for admin page

[TheValkDokk]

Description

I added the ability to include floating action buttons in the admin UI. Admins/users can have quick access to actions on all pages, just on specific routes or based on the current user's permissions.

Usecase:

• A user can search and view a product or variant anywhere in the admin-ui without leaving the page

Breaking changes

No

Screenshots

Checklist

📌 Always:

• I have set a clear title
• My PR is small and contains a single feature
• I have checked my own PR

👍 Most of the time:

• I have added or updated test cases
• I have updated the README if needed

I'm writing test cases and update README files and will commit them soon. Right now i'm looking for your feedback about this feature and should i improve it more

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	Oct 24, 2024 6:49am

[github-actions]

All contributors have signed the CLA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

[michaelbromley]

Hi!

Thank you for taking the time to contribute. I can see you put a lot of work into this to match our existing APIs & internal patterns 👍

Regarding the feature itself, I will reference #1645 which is upcoming work in which we are refreshing the Admin UI generally.

It is possible that this feature would fit into the new designs, so we'll revisit it at that point.

[TheValkDokk]

Hi!

Thank you for taking the time to contribute. I can see you put a lot of work into this to match our existing APIs & internal patterns 👍

Regarding the feature itself, I will reference #1645 which is upcoming work in which we are refreshing the Admin UI generally.

It is possible that this feature would fit into the new designs, so we'll revisit it at that point.

Is there a place where i can track this ?
Also i'm new to these mono package thing so i hope you can help me:

• Is there a way for me to build this PR and use them in my backend ? as i don't think linking this PR to my backend is the right way.

Thanks in advance😁

[TheValkDokk]

I have read the CLA Document and I hereby sign the CLA

[michaelbromley]

Is there a way for me to build this PR and use them in my backend ? as i don't think linking this PR to my backend is the right way.

You can run npm run build from inside the /packages/admin-ui-plugin and if you change the "name" in the package.json file, to something unique e.g. "@my-org/admin-ui-plugin" (where "my-org" is whatever you like which is unique to you/your company), you should be able to publish it to npm and consume it from your app.

[TheValkDokk]

Is there a way for me to build this PR and use them in my backend ? as i don't think linking this PR to my backend is the right way.

You can run npm run build from inside the /packages/admin-ui-plugin and if you change the "name" in the package.json file, to something unique e.g. "@my-org/admin-ui-plugin" (where "my-org" is whatever you like which is unique to you/your company), you should be able to publish it to npm and consume it from your app.

Hi, thanks for the suggestion, i having issues where the admin-ui that i published can be download but can't import, showing error that the IDE can't find the admin-ui folder

Using vscode and navigate to the node_modules/@my-org have no sign of the admin-ui (this is also the case for @vendure) but using cli and cd to that location still show that the admin-ui does exist

Is there a config where the admin-ui package is hidden from the ide ?

Edit: my admin-ui build looks difference from yours, when viewing your admin-ui, it's shows core,dashboard,etc folders, but mine require to cd in the package folder to view those folder

Edit 2: i only build and publish admin-ui, admin-ui-plugin, ui-devkit

[sonarcloud]

Quality Gate passed

Issues
12 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud