web: Marking down the start of the 'components' library.

web/src/admin/applications/ApplicationForm.ts

@@ -2,6 +2,11 @@ import "@goauthentik/admin/applications/ProviderSelectModal";
 import { iconHelperText } from "@goauthentik/admin/helperText";
 import { DEFAULT_CONFIG, config } from "@goauthentik/common/api/config";
 import { first } from "@goauthentik/common/utils";
+import "@goauthentik/components/ak-file-input";
+import "@goauthentik/components/ak-radio-input";
+import "@goauthentik/components/ak-switch-input";
+import "@goauthentik/components/ak-text-input";
+import "@goauthentik/components/ak-textarea-input";
 import { rootInterface } from "@goauthentik/elements/Base";
 import "@goauthentik/elements/forms/FormGroup";
 import "@goauthentik/elements/forms/HorizontalFormElement";
@@ -24,13 +29,8 @@ import {
     Provider,
 } from "@goauthentik/api";
 
-import "./renderers/ak-backchannel-input";
+import "./components/ak-backchannel-input";
-import "./renderers/ak-file-input";
+import "./components/ak-provider-search-input";
-import "./renderers/ak-provider-search-input";
-import "./renderers/ak-radio-input";
-import "./renderers/ak-switch-input";
-import "./renderers/ak-text-input";
-import "./renderers/ak-textarea-input";
 
 const policyOptions = [
     {

web/src/elements/wizard/WizardFormPage.ts

@@ -12,8 +12,6 @@ import PFFormControl from "@patternfly/patternfly/components/FormControl/form-co
 import PFInputGroup from "@patternfly/patternfly/components/InputGroup/input-group.css";
 import PFBase from "@patternfly/patternfly/patternfly-base.css";
 
-/* NOT USED */
-
 @customElement("ak-wizard-form")
 export abstract class WizardForm extends Form<KeyUnknown> {
     viewportCheck = false;
@@ -21,6 +19,9 @@ export abstract class WizardForm extends Form<KeyUnknown> {
     @property({ attribute: false })
     nextDataCallback!: (data: KeyUnknown) => Promise<boolean>;
 
+    /* Override the traditional behavior of the form and instead simply serialize the form and push
+     * it's contents to the next page.
+     */
     async submit(): Promise<boolean | undefined> {
         const data = this.serializeForm();
         if (!data) {

web/tsconfig.json

@@ -5,6 +5,7 @@
             "@goauthentik/app/*": ["src/*"],
             "@goauthentik/admin/*": ["src/admin/*"],
             "@goauthentik/common/*": ["src/common/*"],
+            "@goauthentik/components/*": ["src/components/*"],
             "@goauthentik/docs/*": ["../website/docs/*"],
             "@goauthentik/elements/*": ["src/elements/*"],
             "@goauthentik/flow/*": ["src/flow/*"],