authentik/web/src/user/LibraryPage/constants.ts

export const SEARCH_UPDATED = "authentik.search-updated";
export const SEARCH_ITEM_SELECTED = "authentik.search-item-selected";
web/user: refactor LibraryPage for testing, add CTA (#5665) * 5171: Fixed README to comply with Prettier rules. I'm pretty impressed that that worked. Good on Jens for having that in the prettier rules. * web: revised package.json Removed the migration and web/README.md file. The former should not have been included; the latter is currently unprofessional in tone. * web: revise LibraryPage, add CTA TL;DR: - Separated LibraryPage into a bunch of different, independent parts, none of which require Authentik running to be testable or viewable. - This made adding the "Add an Application" CTA easier. - This sets the stage for unit and view testing of the UI This commit revises the LibraryPage, devolving it into a couple of independent components that have to asynchronous dependencies, with a single asynchronous master: - LibraryPage: Loads the UIConfig, UserConfig, and CoreApi, and once those are loaded, launches the LibraryPageImpl. - LibraryPageImpl: the ListView of applications available, and updates the ListView according to search criteria it receives via an event listener. - LibraryPageImpl.css: The stylesheet. Put here because it's visual clutter. - LibraryPageImpl.utils: defines static functions used to filter the view. Here because, again, it would otherwise be visual clutter of the LibraryPageImpl. - ApplicationEmptyState: Shows the "You have no applications" and, if the user is a superuser, the "Add an application" button. - ApplicationSearch: Contains the Fuse implementation and, as the search result is updated, sends the selected and filtered app list to the LibraryPage via an event. Also controls the "Choose an application by pressing Enter" event. - ApplicationList: Displays the list of applications. All of these components are _responsive_ to changes in the Apps collection via the LibraryPage itself, but none of them invoke the Apps collection, UIConfig, and CoreApi directly, so it should be possible to create Storybook implementations that view the LibraryPageImpl itself without having to have an instance of Authentik running. If the user is a superuser, the "You have no applications" panel now shows the "Add an Application" button and a link to the documentation on how to add an application. * web: lint and prettier updates \#\# Details - Resolves #5171 \#\# Changes This just updates the prettier and eslint passes. * \#\# Details - Resolves #5171 \#\# Changes Removed unused declarations. * \#\# Details - web: refactor LibraryPage, resolves #5171 \#\# Changes Some changes found in code review, including an embarassing failure to both remove the old internal accessor and propagate the new one for "isAdmin". A pattern is emerging that a LitComponent class should consist of: - styles - properties - states - queries - other object fields - constructor() - connectedCallBack() - disconnectedCallBack() - event listeners - callback helpers - render helpers - render() ... in that order. * actually remove LibraryPage that got re-added in the rebase Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix router import Signed-off-by: Jens Langhammer <jens@goauthentik.io> * use pf-c-button for CTA Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix different alignment compared to old version Signed-off-by: Jens Langhammer <jens@goauthentik.io> * use docLink() for documentation link Signed-off-by: Jens Langhammer <jens@goauthentik.io> * also open docs in new tab Signed-off-by: Jens Langhammer <jens@goauthentik.io> * web: minor language changes As requested by @Tana. --------- Signed-off-by: Jens Langhammer <jens@goauthentik.io> Co-authored-by: Jens Langhammer <jens@goauthentik.io> 2023-05-22 21:35:26 +00:00			`export const SEARCH_UPDATED = "authentik.search-updated";`
			`export const SEARCH_ITEM_SELECTED = "authentik.search-item-selected";`