web: bump prettier from 2.8.8 to 3.0.0 in /web (#6329)
* web: bump prettier from 2.8.8 to 3.0.0 in /web Bumps [prettier](https://github.com/prettier/prettier) from 2.8.8 to 3.0.0. - [Release notes](https://github.com/prettier/prettier/releases) - [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md) - [Commits](https://github.com/prettier/prettier/compare/2.8.8...3.0.0) --- updated-dependencies: - dependency-name: prettier dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> * update formatting and config Signed-off-by: Jens Langhammer <jens@goauthentik.io> --------- Signed-off-by: dependabot[bot] <support@github.com> Signed-off-by: Jens Langhammer <jens@goauthentik.io> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
		@ -15,6 +15,7 @@
 | 
			
		||||
    "trailingComma": "all",
 | 
			
		||||
    "useTabs": false,
 | 
			
		||||
    "vueIndentScriptAndStyle": false,
 | 
			
		||||
    "plugins": ["@trivago/prettier-plugin-sort-imports"],
 | 
			
		||||
    "importOrder": ["^(@?)lit(.*)$", "\\.css$", "^@goauthentik/api$", "^[./]"],
 | 
			
		||||
    "importOrderSeparation": true,
 | 
			
		||||
    "importOrderSortSpecifiers": true,
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										42
									
								
								web/package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										42
									
								
								web/package-lock.json
									
									
									
										generated
									
									
									
								
							@ -78,7 +78,7 @@
 | 
			
		||||
                "eslint-plugin-storybook": "^0.6.13",
 | 
			
		||||
                "lit-analyzer": "^1.2.1",
 | 
			
		||||
                "npm-run-all": "^4.1.5",
 | 
			
		||||
                "prettier": "^2.8.8",
 | 
			
		||||
                "prettier": "^3.0.0",
 | 
			
		||||
                "pyright": "^1.1.318",
 | 
			
		||||
                "react": "^18.2.0",
 | 
			
		||||
                "react-dom": "^18.2.0",
 | 
			
		||||
@ -6985,6 +6985,21 @@
 | 
			
		||||
                "node": ">=10"
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        "node_modules/@storybook/cli/node_modules/prettier": {
 | 
			
		||||
            "version": "2.8.8",
 | 
			
		||||
            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
 | 
			
		||||
            "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
 | 
			
		||||
            "dev": true,
 | 
			
		||||
            "bin": {
 | 
			
		||||
                "prettier": "bin-prettier.js"
 | 
			
		||||
            },
 | 
			
		||||
            "engines": {
 | 
			
		||||
                "node": ">=10.13.0"
 | 
			
		||||
            },
 | 
			
		||||
            "funding": {
 | 
			
		||||
                "url": "https://github.com/prettier/prettier?sponsor=1"
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        "node_modules/@storybook/cli/node_modules/semver": {
 | 
			
		||||
            "version": "7.5.4",
 | 
			
		||||
            "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
 | 
			
		||||
@ -7116,6 +7131,21 @@
 | 
			
		||||
                "url": "https://opencollective.com/storybook"
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        "node_modules/@storybook/codemod/node_modules/prettier": {
 | 
			
		||||
            "version": "2.8.8",
 | 
			
		||||
            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
 | 
			
		||||
            "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
 | 
			
		||||
            "dev": true,
 | 
			
		||||
            "bin": {
 | 
			
		||||
                "prettier": "bin-prettier.js"
 | 
			
		||||
            },
 | 
			
		||||
            "engines": {
 | 
			
		||||
                "node": ">=10.13.0"
 | 
			
		||||
            },
 | 
			
		||||
            "funding": {
 | 
			
		||||
                "url": "https://github.com/prettier/prettier?sponsor=1"
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        "node_modules/@storybook/components": {
 | 
			
		||||
            "version": "7.1.0",
 | 
			
		||||
            "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.1.0.tgz",
 | 
			
		||||
@ -18288,15 +18318,15 @@
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        "node_modules/prettier": {
 | 
			
		||||
            "version": "2.8.8",
 | 
			
		||||
            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
 | 
			
		||||
            "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
 | 
			
		||||
            "version": "3.0.0",
 | 
			
		||||
            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.0.tgz",
 | 
			
		||||
            "integrity": "sha512-zBf5eHpwHOGPC47h0zrPyNn+eAEIdEzfywMoYn2XPi0P44Zp0tSq64rq0xAREh4auw2cJZHo9QUob+NqCQky4g==",
 | 
			
		||||
            "dev": true,
 | 
			
		||||
            "bin": {
 | 
			
		||||
                "prettier": "bin-prettier.js"
 | 
			
		||||
                "prettier": "bin/prettier.cjs"
 | 
			
		||||
            },
 | 
			
		||||
            "engines": {
 | 
			
		||||
                "node": ">=10.13.0"
 | 
			
		||||
                "node": ">=14"
 | 
			
		||||
            },
 | 
			
		||||
            "funding": {
 | 
			
		||||
                "url": "https://github.com/prettier/prettier?sponsor=1"
 | 
			
		||||
 | 
			
		||||
@ -95,7 +95,7 @@
 | 
			
		||||
        "eslint-plugin-storybook": "^0.6.13",
 | 
			
		||||
        "lit-analyzer": "^1.2.1",
 | 
			
		||||
        "npm-run-all": "^4.1.5",
 | 
			
		||||
        "prettier": "^2.8.8",
 | 
			
		||||
        "prettier": "^3.0.0",
 | 
			
		||||
        "pyright": "^1.1.318",
 | 
			
		||||
        "react": "^18.2.0",
 | 
			
		||||
        "react-dom": "^18.2.0",
 | 
			
		||||
 | 
			
		||||
@ -92,8 +92,10 @@ export class RecentEventsCard extends Table<Event> {
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    renderEmpty(): TemplateResult {
 | 
			
		||||
        return super.renderEmpty(html`<ak-empty-state header=${msg("No Events found.")}>
 | 
			
		||||
        return super.renderEmpty(
 | 
			
		||||
            html`<ak-empty-state header=${msg("No Events found.")}>
 | 
			
		||||
                <div slot="body">${msg("No matching events could be found.")}</div>
 | 
			
		||||
        </ak-empty-state>`);
 | 
			
		||||
            </ak-empty-state>`,
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -121,10 +121,8 @@ export class BoundStagesList extends Table<FlowStageBinding> {
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    renderEmpty(): TemplateResult {
 | 
			
		||||
        return super.renderEmpty(html`<ak-empty-state
 | 
			
		||||
            header=${msg("No Stages bound")}
 | 
			
		||||
            icon="pf-icon-module"
 | 
			
		||||
        >
 | 
			
		||||
        return super.renderEmpty(
 | 
			
		||||
            html`<ak-empty-state header=${msg("No Stages bound")} icon="pf-icon-module">
 | 
			
		||||
                <div slot="body">${msg("No stages are currently bound to this flow.")}</div>
 | 
			
		||||
                <div slot="primary">
 | 
			
		||||
                    <ak-forms-modal>
 | 
			
		||||
@ -137,7 +135,8 @@ export class BoundStagesList extends Table<FlowStageBinding> {
 | 
			
		||||
                        </button>
 | 
			
		||||
                    </ak-forms-modal>
 | 
			
		||||
                </div>
 | 
			
		||||
        </ak-empty-state>`);
 | 
			
		||||
            </ak-empty-state>`,
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    renderToolbar(): TemplateResult {
 | 
			
		||||
 | 
			
		||||
@ -40,16 +40,14 @@ export class FlowViewPage extends AKElement {
 | 
			
		||||
    flow!: Flow;
 | 
			
		||||
 | 
			
		||||
    static get styles(): CSSResult[] {
 | 
			
		||||
        return [PFBase, PFPage, PFDescriptionList, PFButton, PFCard, PFContent, PFGrid].concat(
 | 
			
		||||
            css`
 | 
			
		||||
        return [PFBase, PFPage, PFDescriptionList, PFButton, PFCard, PFContent, PFGrid].concat(css`
 | 
			
		||||
            img.pf-icon {
 | 
			
		||||
                max-height: 24px;
 | 
			
		||||
            }
 | 
			
		||||
            ak-tabs {
 | 
			
		||||
                height: 100%;
 | 
			
		||||
            }
 | 
			
		||||
            `,
 | 
			
		||||
        );
 | 
			
		||||
        `);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    render(): TemplateResult {
 | 
			
		||||
 | 
			
		||||
@ -170,10 +170,8 @@ export class BoundPoliciesList extends Table<PolicyBinding> {
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    renderEmpty(): TemplateResult {
 | 
			
		||||
        return super.renderEmpty(html`<ak-empty-state
 | 
			
		||||
            header=${msg("No Policies bound.")}
 | 
			
		||||
            icon="pf-icon-module"
 | 
			
		||||
        >
 | 
			
		||||
        return super.renderEmpty(
 | 
			
		||||
            html`<ak-empty-state header=${msg("No Policies bound.")} icon="pf-icon-module">
 | 
			
		||||
                <div slot="body">${msg("No policies are currently bound to this object.")}</div>
 | 
			
		||||
                <div slot="primary">
 | 
			
		||||
                    <ak-forms-modal size=${PFSize.Medium}>
 | 
			
		||||
@ -190,7 +188,8 @@ export class BoundPoliciesList extends Table<PolicyBinding> {
 | 
			
		||||
                        </button>
 | 
			
		||||
                    </ak-forms-modal>
 | 
			
		||||
                </div>
 | 
			
		||||
        </ak-empty-state>`);
 | 
			
		||||
            </ak-empty-state>`,
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    renderToolbar(): TemplateResult {
 | 
			
		||||
 | 
			
		||||
@ -191,9 +191,8 @@ export class LDAPProviderViewPage extends AKElement {
 | 
			
		||||
                                    class="pf-c-form-control"
 | 
			
		||||
                                    readonly
 | 
			
		||||
                                    type="text"
 | 
			
		||||
                                    value=${`cn=${
 | 
			
		||||
                                        this.me?.user.username
 | 
			
		||||
                                    },ou=users,${this.provider?.baseDn?.toLowerCase()}`}
 | 
			
		||||
                                    value=${`cn=${this.me?.user
 | 
			
		||||
                                        .username},ou=users,${this.provider?.baseDn?.toLowerCase()}`}
 | 
			
		||||
                                />
 | 
			
		||||
                            </div>
 | 
			
		||||
                            <div class="pf-c-form__group">
 | 
			
		||||
 | 
			
		||||
@ -120,7 +120,8 @@ export class SAMLProviderViewPage extends AKElement {
 | 
			
		||||
    renderRelatedObjects(): TemplateResult {
 | 
			
		||||
        const relatedObjects = [];
 | 
			
		||||
        if (this.provider?.assignedApplicationName) {
 | 
			
		||||
            relatedObjects.push(html`<div class="pf-c-description-list__group">
 | 
			
		||||
            relatedObjects.push(
 | 
			
		||||
                html`<div class="pf-c-description-list__group">
 | 
			
		||||
                    <dt class="pf-c-description-list__term">
 | 
			
		||||
                        <span class="pf-c-description-list__text">${msg("Metadata")}</span>
 | 
			
		||||
                    </dt>
 | 
			
		||||
@ -153,10 +154,12 @@ export class SAMLProviderViewPage extends AKElement {
 | 
			
		||||
                            </ak-action-button>
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </dd>
 | 
			
		||||
            </div>`);
 | 
			
		||||
                </div>`,
 | 
			
		||||
            );
 | 
			
		||||
        }
 | 
			
		||||
        if (this.signer) {
 | 
			
		||||
            relatedObjects.push(html`<div class="pf-c-description-list__group">
 | 
			
		||||
            relatedObjects.push(
 | 
			
		||||
                html`<div class="pf-c-description-list__group">
 | 
			
		||||
                    <dt class="pf-c-description-list__term">
 | 
			
		||||
                        <span class="pf-c-description-list__text"
 | 
			
		||||
                            >${msg("Download signing certificate")}</span
 | 
			
		||||
@ -171,7 +174,8 @@ export class SAMLProviderViewPage extends AKElement {
 | 
			
		||||
                            >
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </dd>
 | 
			
		||||
            </div>`);
 | 
			
		||||
                </div>`,
 | 
			
		||||
            );
 | 
			
		||||
        }
 | 
			
		||||
        return html` <div class="pf-c-card pf-l-grid__item pf-m-12-col">
 | 
			
		||||
            <div class="pf-c-card__title">${msg("Related objects")}</div>
 | 
			
		||||
 | 
			
		||||
@ -27,7 +27,8 @@ const metadata: Meta<AKActionButton> = {
 | 
			
		||||
 | 
			
		||||
export default metadata;
 | 
			
		||||
 | 
			
		||||
const container = (testItem: TemplateResult) => html` <div style="background: #fff; padding: 2em">
 | 
			
		||||
const container = (testItem: TemplateResult) =>
 | 
			
		||||
    html` <div style="background: #fff; padding: 2em">
 | 
			
		||||
        <style>
 | 
			
		||||
            li {
 | 
			
		||||
                display: block;
 | 
			
		||||
@ -81,7 +82,9 @@ export const ButtonWithError = () => {
 | 
			
		||||
            }, 3000);
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
    return container(html` <ak-action-button class="pf-m-secondary" .apiRequest=${run}
 | 
			
		||||
    return container(
 | 
			
		||||
        html` <ak-action-button class="pf-m-secondary" .apiRequest=${run}
 | 
			
		||||
            >3 Seconds</ak-action-button
 | 
			
		||||
    >`);
 | 
			
		||||
        >`,
 | 
			
		||||
    );
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
@ -21,7 +21,8 @@ function makeid(length: number) {
 | 
			
		||||
// We want the display to be rich and comprehensive.  The next two functions provide
 | 
			
		||||
// a styled wrapper for the return messages, and a styled wrapper for each message.
 | 
			
		||||
 | 
			
		||||
const container = (testItem: TemplateResult) => html` <div style="background: #fff; padding: 2em">
 | 
			
		||||
const container = (testItem: TemplateResult) =>
 | 
			
		||||
    html` <div style="background: #fff; padding: 2em">
 | 
			
		||||
        <style>
 | 
			
		||||
            li {
 | 
			
		||||
                display: block;
 | 
			
		||||
 | 
			
		||||
@ -33,7 +33,12 @@ export const FONT_COLOUR_DARK_MODE = "#fafafa";
 | 
			
		||||
export const FONT_COLOUR_LIGHT_MODE = "#151515";
 | 
			
		||||
 | 
			
		||||
export class RGBAColor {
 | 
			
		||||
    constructor(public r: number, public g: number, public b: number, public a: number = 1) {}
 | 
			
		||||
    constructor(
 | 
			
		||||
        public r: number,
 | 
			
		||||
        public g: number,
 | 
			
		||||
        public b: number,
 | 
			
		||||
        public a: number = 1,
 | 
			
		||||
    ) {}
 | 
			
		||||
    toString(): string {
 | 
			
		||||
        return `rgba(${this.r}, ${this.g}, ${this.b}, ${this.a})`;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
@ -97,8 +97,10 @@ export class ObjectChangelog extends Table<Event> {
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    renderEmpty(): TemplateResult {
 | 
			
		||||
        return super.renderEmpty(html`<ak-empty-state header=${msg("No Events found.")}>
 | 
			
		||||
        return super.renderEmpty(
 | 
			
		||||
            html`<ak-empty-state header=${msg("No Events found.")}>
 | 
			
		||||
                <div slot="body">${msg("No matching events could be found.")}</div>
 | 
			
		||||
        </ak-empty-state>`);
 | 
			
		||||
            </ak-empty-state>`,
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -71,8 +71,10 @@ export class UserEvents extends Table<Event> {
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    renderEmpty(): TemplateResult {
 | 
			
		||||
        return super.renderEmpty(html`<ak-empty-state header=${msg("No Events found.")}>
 | 
			
		||||
        return super.renderEmpty(
 | 
			
		||||
            html`<ak-empty-state header=${msg("No Events found.")}>
 | 
			
		||||
                <div slot="body">${msg("No matching events could be found.")}</div>
 | 
			
		||||
        </ak-empty-state>`);
 | 
			
		||||
            </ak-empty-state>`,
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -22,7 +22,10 @@ import { ResponseError, ValidationError, ValidationErrorFromJSON } from "@goauth
 | 
			
		||||
 | 
			
		||||
export class PreventFormSubmit {
 | 
			
		||||
    // Stub class which can be returned by form elements to prevent the form from submitting
 | 
			
		||||
    constructor(public message: string, public element?: HorizontalFormElement) {}
 | 
			
		||||
    constructor(
 | 
			
		||||
        public message: string,
 | 
			
		||||
        public element?: HorizontalFormElement,
 | 
			
		||||
    ) {}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export class APIError extends Error {
 | 
			
		||||
 | 
			
		||||
@ -28,8 +28,7 @@ export class NotificationDrawer extends AKElement {
 | 
			
		||||
    unread = 0;
 | 
			
		||||
 | 
			
		||||
    static get styles(): CSSResult[] {
 | 
			
		||||
        return [PFBase, PFButton, PFNotificationDrawer, PFContent, PFDropdown].concat(
 | 
			
		||||
            css`
 | 
			
		||||
        return [PFBase, PFButton, PFNotificationDrawer, PFContent, PFDropdown].concat(css`
 | 
			
		||||
            .pf-c-drawer__body {
 | 
			
		||||
                height: 100%;
 | 
			
		||||
            }
 | 
			
		||||
@ -51,8 +50,7 @@ export class NotificationDrawer extends AKElement {
 | 
			
		||||
            .pf-c-notification-drawer__footer {
 | 
			
		||||
                margin: 1rem;
 | 
			
		||||
            }
 | 
			
		||||
            `,
 | 
			
		||||
        );
 | 
			
		||||
        `);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    firstUpdated(): void {
 | 
			
		||||
 | 
			
		||||
@ -44,8 +44,7 @@ export class IdentificationStage extends BaseStage<
 | 
			
		||||
    form?: HTMLFormElement;
 | 
			
		||||
 | 
			
		||||
    static get styles(): CSSResult[] {
 | 
			
		||||
        return [PFBase, PFAlert, PFLogin, PFForm, PFFormControl, PFTitle, PFButton].concat(
 | 
			
		||||
            css`
 | 
			
		||||
        return [PFBase, PFAlert, PFLogin, PFForm, PFFormControl, PFTitle, PFButton].concat(css`
 | 
			
		||||
            /* login page's icons */
 | 
			
		||||
            .pf-c-login__main-footer-links-item button {
 | 
			
		||||
                background-color: transparent;
 | 
			
		||||
@ -60,8 +59,7 @@ export class IdentificationStage extends BaseStage<
 | 
			
		||||
                height: 100%;
 | 
			
		||||
                max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height);
 | 
			
		||||
            }
 | 
			
		||||
            `,
 | 
			
		||||
        );
 | 
			
		||||
        `);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    firstUpdated(): void {
 | 
			
		||||
 | 
			
		||||
@ -200,7 +200,8 @@ ${prompt.initialValue}</textarea
 | 
			
		||||
                    ? LOCALES
 | 
			
		||||
                    : LOCALES.filter((locale) => locale.code !== "debug");
 | 
			
		||||
                const options = locales.map(
 | 
			
		||||
                    (locale) => html`<option
 | 
			
		||||
                    (locale) =>
 | 
			
		||||
                        html`<option
 | 
			
		||||
                            value=${locale.code}
 | 
			
		||||
                            ?selected=${locale.code === prompt.initialValue}
 | 
			
		||||
                        >
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user