Merge branch 'main' into dev

* main:
  web: bump @patternfly/elements from 2.4.0 to 3.0.0 in /web (#9089)
  web: bump ts-pattern from 5.0.8 to 5.1.0 in /web (#9090)
  website: bump the docusaurus group in /website with 9 updates (#9087)
  web/admin: allow custom sorting for bound* tables (#9080)

authentik/flows/api/bindings.py

@@ -47,3 +47,4 @@ class FlowStageBindingViewSet(UsedByMixin, ModelViewSet):
     filterset_fields = "__all__"
     search_fields = ["stage__name"]
     ordering = ["order"]
+    ordering_fields = ["order", "stage__name"]

web/package.json

@@ -44,7 +44,7 @@
         "@lit/localize": "^0.12.1",
         "@lit/reactive-element": "^2.0.4",
         "@open-wc/lit-helpers": "^0.7.0",
-        "@patternfly/elements": "^2.4.0",
+        "@patternfly/elements": "^3.0.0",
         "@patternfly/patternfly": "^4.224.2",
         "@sentry/browser": "^7.109.0",
         "@webcomponents/webcomponentsjs": "^2.8.0",
@@ -63,7 +63,7 @@
         "rapidoc": "^9.3.4",
         "showdown": "^2.1.0",
         "style-mod": "^4.1.2",
-        "ts-pattern": "^5.0.6",
+        "ts-pattern": "^5.1.0",
         "webcomponent-qr-code": "^1.2.0",
         "yaml": "^2.4.1"
     },

web/src/admin/flows/BoundStagesList.ts

@@ -23,22 +23,24 @@ export class BoundStagesList extends Table<FlowStageBinding> {
     checkbox = true;
     clearOnRefresh = true;
 
+    order = "order";
+
     @property()
     target?: string;
 
     async apiEndpoint(page: number): Promise<PaginatedResponse<FlowStageBinding>> {
         return new FlowsApi(DEFAULT_CONFIG).flowsBindingsList({
             target: this.target || "",
-            ordering: "order",
+            ordering: this.order,
             page: page,
             pageSize: (await uiConfig()).pagination.perPage,
         });
     }
 
     columns(): TableColumn[] {
         return [
-            new TableColumn(msg("Order")),
-            new TableColumn(msg("Name")),
+            new TableColumn(msg("Order"), "order"),
+            new TableColumn(msg("Name"), "stage__name"),
             new TableColumn(msg("Type")),
             new TableColumn(msg("Actions")),
         ];

web/src/admin/policies/BoundPoliciesList.ts

@@ -31,10 +31,12 @@ export class BoundPoliciesList extends Table<PolicyBinding> {
     checkbox = true;
     clearOnRefresh = true;
 
+    order = "order";
+
     async apiEndpoint(page: number): Promise<PaginatedResponse<PolicyBinding>> {
         return new PoliciesApi(DEFAULT_CONFIG).policiesBindingsList({
             target: this.target || "",
-            ordering: "order",
+            ordering: this.order,
             page: page,
             pageSize: (await uiConfig()).pagination.perPage,
         });