[#55163] Build project-list sharing modal

[aaron-contreras]

ToDo List

• Add ProjectQuery as a shareable resource
• Build the contracts to share ProjectQuery
• Add a ShareDialog that will be added as an async dialog via Turbo
• Introduce a SharingStrategy pattern that wraps all of the content of the methods sharing_contract_scope, available_roles and potentially more to not end up with big case statements in the SharesController as suggested by @ulferts in Generalize sharing modal #15899 (comment)
• Change the Sharing modal to allow injecting components
  • Inject a body component that adds the switch for making the query public or removing it (when allowed)
  • Inject a custom empty state that shows a different message when there are no shares, but the query is marked as public
    • Nice to have: When in an empty state and toggling the query between public/private, the empty state text should be re-rendered without having to close and re-open the modal.
• Currently the sharing controller is only accessible when we have the share_work_packages permission, we probably need to remove all permission checks from the shares controller and then handle permission checking with the manageable? method in the strategy and contracts.
• can_save?, can_rename? checks for the project query index header component need to be changed to use the visbile? and editable? methods on the Query (@klaustopher)
• Role names and descriptions should come from i18n files instead of directly from the DB (copy what we did for work package roles)
  • Add role description translations
• If you cannot view shares, hide the share button
• Check all i18n strings
• Show warning about project access

Currently identified problems

• Fix CSS top-layer issue with invite user form
• Fix CSS issues with the modal
  • The ActionMenu Primer component uses an overlay to render its menu item list which ends up causing the container to span the entire width of the dialog for some reason
• The modal currently closes after each action that is taken in the modal when sharing ProjectQueries

Documentation TODOs

• Add ShareDialogComponent to Lookbook
• Add documentation for the keep-open-on-submit (dccbdca) functionality to https://qa.openproject-edge.com/lookbook/pages/patterns/dialogs

---

See: https://community.openproject.org/work_packages/55163

[klaustopher]

When we add #15983 here, the modal already works in a super rough capacity

[aaron-contreras]

Rebased onto #15983 in order to get the fixes on there over on this branch

[aaron-contreras]

Current modal rendering state

Known issues:

• Action Menu rendering inside the modal spans way too wide. I suspect this has something to do with the CSS top layer.

Screen.Recording.2024-06-26.at.21.54.28.mov

[klaustopher]

#15983 has been merged and the generalize-sharing-modal branch is based on current dev, so I am rebasing this branch bakc onto generalize sharing modal, please pull with. git fetch --all && git reset --hard origin/implementation/55163-build-sharing-modal

[HDinger]

Current modal rendering state

Known issues:

* [ ]  Action Menu rendering inside the modal spans way too wide. I suspect this has something to do with the CSS top layer.

Screen.Recording.2024-06-26.at.21.54.28.mov

This is actually an issue of Primer itself where the automatic width calulation of ActionMenus inside Dialogs do not work, see primer/view_components#2926. As a wrokaround for now, we have to enforce the width of the ActionMenu manually. Unfortnately, we thus have to accept that the width is not always ideal.

[dombesz]

Very nice job @aaron-contreras and @klaustopher , just 2 minor things. Feel free to merge.

[toy]

Mostly nitpicks, though no specs added