Create usePermissions UI hook

[maffkipp]

Description

• Adds a reusable usePermissions hook that checks permissions of the current user against a provided list of permissions
• Creates a custom renderHook method override for testing library set up in the same way as our custom render method
• Adds permission definition enums to the shared UI project

Motivation and Context

• We want a reusable solution for restricting UI elements based on the current user's permissions

How Has This Been Tested?

• Added tests for usePermissions hook

Types of changes

• Chore (a change that does not modify the application functionality)
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• Documentation updates are needed, and have been made accordingly.
• I have added and/or updated tests to cover my changes.
• All new and existing tests passed.
• My changes include a database migration.

[elikmiller]

It might be more versatile to have this hook return the list of permissions for the currently logged in user alongside a few helper functions to help determine if a user has a list of required permissions or at least one from a list of permissions. I could see wanting to use different lists of permissions for different checks on the same page or even within the same component. Instead of needing to call this hook multiple times you could call it once and compute what you needed as needed.

What are your thoughts?

[maffkipp]

@elikmiller I don't think thats a bad idea at all, we may not even need to return the user's current permissions -- just a set of helper functions that can be called with a list of permissions to match against as the argument.

[mistahj67]

Thanks for cleaning up the permissions callback! 🧹 🧼

[elikmiller]

Looks good!