@things-factory/auth-ui 10.1.4 → 10.1.7

package/dist-client/pages/role/role-management.js

@@ -1,137 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@things-factory/component-ui';
-import '../../components/create-role.js';
-import '../../components/role-edit-form.js';
-import '../../components/role-privilege-editor.js';
-import gql from 'graphql-tag';
-import { css, html } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { client, gqlContext } from '@operato/graphql';
-import { i18next } from '@operato/i18n';
-import { InheritedValueType, PageView } from '@operato/shell';
-let RoleManagement = class RoleManagement extends PageView {
-    constructor() {
-        super(...arguments);
-        this.title = '';
-        this.roles = [];
-    }
-    static { this.styles = [
-        css `
-      :host {         display: flex;
-        flex-direction: column;
-        background-color: var(--md-sys-color-background);
-        padding: var(--spacing-large);
-        overflow: auto;
- }
-
-      [subtitle] {         padding: var(--subtitle-padding);
-        font: var(--subtitle-font);
-        color: var(--subtitle-text-color);
-
-        text-transform: capitalize;
- }
-
-      input {
-        background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
-        color: var(--input-field-color, var(--md-sys-color-on-surface));
-        display: block;
- }
-
-      #roles-privileges {         flex: 1;
-        display: flex;
-        margin-top: var(--spacing-medium);
-        max-width: var(--content-container-max-width);
-        flex-direction: row;
-        overflow: auto;
-        border-top: var(--border-dim-color);
- }
-    `
-    ]; }
-    get context() {
-        return { title: i18next.t('text.role_management'),
-            help: 'auth/roles'
-        };
-    }
-    render() {
-        const data = { roles: this.roles || []
-        };
-        return html `
-      <create-role
-        @fetch-roles=${async () => {
-            this.roles = await this.fetchRoles();
-        }}
-      ></create-role>
-
-      <div subtitle>${i18next.t('text.registered roles')}</div>
-      <div id="roles-privileges">
-        <quick-find-list
-          .data="${data}"
-          .openHeaderRenderer=${role => html `
-            <role-edit-form .role="${role}" @roleChanged="${e => (this.updateRoleObj = e.detail)}"></role-edit-form>
-          `}
-          .contentRenderer="${(role, _currentTabKey) => html `
-            <role-privilege-editor
-              .updateRoleObj=${this.updateRoleObj || {}}
-              .role=${role}
-              @fetch-roles=${async () => {
-            this.roles = await this.fetchRoles();
-            await this.updateComplete;
-            this.quickFindList.openByKey(role.id);
-        }}
-            ></role-privilege-editor>
-          `}"
-        ></quick-find-list>
-      </div>
-    `;
-    }
-    async pageUpdated(changes, lifecycle, before) {
-        if (this.active) {
-            this.roles = await this.fetchRoles();
-            this.role = this.roles && this.roles[0];
-        }
-    }
-    async fetchRoles() {
-        const response = await client.query({ query: gql `
-        query roles($sortings: [Sorting!], $inherited: InheritedValueType) {           roles(sortings: $sortings, inherited: $inherited) {             items {               id
-              name
-              description
-              privileges {                 id
-                name
- }
- }
-            total
- }
- }
-      `,
-            variables: { sortings: [{ name: 'name' }],
-                inherited: InheritedValueType.Include
-            },
-            context: gqlContext()
-        });
-        return response.data.roles.items;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], RoleManagement.prototype, "title", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], RoleManagement.prototype, "role", void 0);
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], RoleManagement.prototype, "roles", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], RoleManagement.prototype, "updateRoleObj", void 0);
-__decorate([
-    query('quick-find-list'),
-    __metadata("design:type", Object)
-], RoleManagement.prototype, "quickFindList", void 0);
-RoleManagement = __decorate([
-    customElement('role-management')
-], RoleManagement);
-//# sourceMappingURL=role-management.js.map

package/dist-client/pages/role/role-management.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"role-management.js","sourceRoot":"","sources":["../../../client/pages/role/role-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/component-ui'\nimport '../../components/create-role.js'\nimport '../../components/role-edit-form.js'\nimport '../../components/role-privilege-editor.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { InheritedValueType, PageView } from '@operato/shell'\n\n@customElement('role-management')\nclass RoleManagement extends PageView {   static styles = [\n    css`\n      :host {         display: flex;\n        flex-direction: column;\n        background-color: var(--md-sys-color-background);\n        padding: var(--spacing-large);\n        overflow: auto;\n }\n\n      [subtitle] {         padding: var(--subtitle-padding);\n        font: var(--subtitle-font);\n        color: var(--subtitle-text-color);\n\n        text-transform: capitalize;\n }\n\n      input {\n        background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n        color: var(--input-field-color, var(--md-sys-color-on-surface));\n        display: block;\n }\n\n      #roles-privileges {         flex: 1;\n        display: flex;\n        margin-top: var(--spacing-medium);\n        max-width: var(--content-container-max-width);\n        flex-direction: row;\n        overflow: auto;\n        border-top: var(--border-dim-color);\n }\n    `\n  ]\n\n  @property({ type: String }) title: string = ''\n  @property({ type: Object }) role: any\n  @property({ type: Array }) roles: any[] = []\n  @property({ type: Object }) updateRoleObj: any\n\n  get context() {     return {       title: i18next.t('text.role_management'),\n      help: 'auth/roles'\n }\n }\n\n  render() {     const data = {       roles: this.roles || []\n }\n\n    return html`\n      <create-role\n        @fetch-roles=${async () => {           this.roles = await this.fetchRoles()\n }}\n      ></create-role>\n\n      <div subtitle>${i18next.t('text.registered roles')}</div>\n      <div id=\"roles-privileges\">\n        <quick-find-list\n          .data=\"${data}\"\n          .openHeaderRenderer=${role => html`\n            <role-edit-form .role=\"${role}\" @roleChanged=\"${e => (this.updateRoleObj = e.detail)}\"></role-edit-form>\n          `}\n          .contentRenderer=\"${(role, _currentTabKey) => html`\n            <role-privilege-editor\n              .updateRoleObj=${this.updateRoleObj || {}}\n              .role=${role}\n              @fetch-roles=${async () => {                 this.roles = await this.fetchRoles()\n                await this.updateComplete\n                this.quickFindList.openByKey(role.id)\n }}\n            ></role-privilege-editor>\n          `}\"\n        ></quick-find-list>\n      </div>\n    `\n }\n\n  @query('quick-find-list') quickFindList!: HTMLElement & { openByKey: (roleId: string) => void }\n\n  async pageUpdated(changes, lifecycle, before) {     if (this.active) {       this.roles = await this.fetchRoles()\n      this.role = this.roles && this.roles[0]\n }\n }\n\n  async fetchRoles() {     const response = await client.query({       query: gql`\n        query roles($sortings: [Sorting!], $inherited: InheritedValueType) {           roles(sortings: $sortings, inherited: $inherited) {             items {               id\n              name\n              description\n              privileges {                 id\n                name\n }\n }\n            total\n }\n }\n      `,\n      variables: {         sortings: [{ name: 'name' }],\n        inherited: InheritedValueType.Include\n },\n      context: gqlContext()\n })\n\n    return response.data.roles.items\n }\n}\n"]}

package/dist-client/pages/user/user-management.d.ts

@@ -1,35 +0,0 @@
-import '@material/web/icon/icon.js';
-import '@things-factory/component-ui';
-import '../../components/invite-user.js';
-import '../../components/ownership-transfer-popup.js';
-import '../../components/user-role-editor.js';
-import '../../components/create-user.js';
-import { PageView } from '@operato/shell';
-declare const UserManagement_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
-export declare class UserManagement extends UserManagement_base {
-    static styles: import("lit").CSSResult[];
-    domainUsers: any[];
-    owner: any;
-    currentTab: string;
-    passwordResettable: boolean;
-    userCreatable: boolean;
-    userListElement: HTMLElement & {
-        close: () => void;
-    };
-    get context(): {
-        title: string;
-        help: string;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
-    refreshUsers(): Promise<void>;
-    checkPasswordResettable(): Promise<void>;
-    checkUserCreatable(): Promise<void>;
-    createUser(user: {
-        username: string;
-        name: string;
-        email: string;
-    }): Promise<void>;
-    showToast(message: any): void;
-}
-export {};

package/dist-client/pages/user/user-management.js

@@ -1,223 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import '@things-factory/component-ui';
-import '../../components/invite-user.js';
-import '../../components/ownership-transfer-popup.js';
-import '../../components/user-role-editor.js';
-import '../../components/create-user.js';
-import gql from 'graphql-tag';
-import { css, html } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { client, gqlContext } from '@operato/graphql';
-import { i18next, localize } from '@operato/i18n';
-import { PageView } from '@operato/shell';
-import { OxPrompt } from '@operato/popup/ox-prompt.js';
-let UserManagement = class UserManagement extends localize(i18next)(PageView) {
-    constructor() {
-        super(...arguments);
-        this.domainUsers = [];
-        this.currentTab = '';
-        this.passwordResettable = false;
-        this.userCreatable = false;
-    }
-    static { this.styles = [
-        css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--md-sys-color-background);
-        padding: var(--spacing-large);
-        overflow: auto;
-      }
-
-      @media screen and (max-width: 600px) {
-        :host {
-          padding: var(--spacing-small);
-        }
-      }
-    `
-    ]; }
-    get context() {
-        return {
-            title: i18next.t('text.user management'),
-            help: 'auth/users'
-        };
-    }
-    render() {
-        const groupingUser = (this.domainUsers || []).reduce((groupingUser, user) => {
-            const userType = user.userType;
-            if (!groupingUser[userType]) {
-                groupingUser[userType] = [];
-            }
-            user.activated = user.status === 'activated';
-            groupingUser[userType].push(user);
-            return groupingUser;
-        }, {
-            admin: [],
-            user: [],
-            application: [],
-            appliance: []
-        });
-        const USER_TYPES = {
-            USER: i18next.t('label.user'),
-            APPLICATION: i18next.t('label.application'),
-            APPLIANCE: i18next.t('text.appliance')
-        };
-        const userSet = {
-            [USER_TYPES.USER]: [...groupingUser.user, ...groupingUser.admin],
-            [USER_TYPES.APPLICATION]: groupingUser.application,
-            [USER_TYPES.APPLIANCE]: groupingUser.appliance
-        };
-        return html `
-      ${this.userCreatable
-            ? html `<create-user
-            @create-user=${async (event) => {
-                const user = event.detail;
-                user.userType = 'user';
-                await this.createUser(user);
-            }}
-          ></create-user>`
-            : ''}
-      <quick-find-list
-        id="user-list"
-        .data=${userSet}
-        @tabChanged=${e => (this.currentTab = e.detail.currentTabKey)}
-        .headerRenderer=${user => {
-            return !user.activated
-                ? html `
-                <md-icon>do_disturb</md-icon>
-                ${user.name}
-              `
-                : html ` ${user.owner ? html ` <md-icon>supervisor_account</md-icon> ` : ''} ${user.name} `;
-        }}
-        .contentRenderer=${user => html ` <user-role-editor
-            .user=${user}
-            .domainOwner=${this.owner}
-            .activate=${user.activated}
-            @userUpdated=${this.refreshUsers.bind(this)}
-            @ownershipTransferred=${this.refreshUsers.bind(this)}
-            .passwordResettable=${this.passwordResettable}
-          ></user-role-editor>`}
-      ></quick-find-list>
-
-      ${this.currentTab === USER_TYPES.USER
-            ? html `<invite-user @invitationCompleted=${this.refreshUsers.bind(this)}></invite-user>`
-            : ''}
-    `;
-    }
-    async pageUpdated(changes, lifecycle, before) {
-        if (this.active) {
-            this.refreshUsers();
-            this.checkPasswordResettable();
-            this.checkUserCreatable();
-        }
-    }
-    async refreshUsers() {
-        const domainUsersResp = await client.query({
-            query: gql `
-        query {
-          users {
-            items {
-              id
-              username
-              name
-              email
-              userType
-              status
-              owner
-            }
-          }
-        }
-      `,
-            context: gqlContext()
-        });
-        if (!domainUsersResp.errors?.length) {
-            this.domainUsers = domainUsersResp.data.users.items || [];
-            this.owner = this.domainUsers.filter(user => user.owner)[0] || {};
-            this.userListElement?.close();
-        }
-    }
-    async checkPasswordResettable() {
-        const response = await client.query({
-            query: gql `
-        query {
-          checkResettablePasswordToDefault
-        }
-      `
-        });
-        if (!response.errors) {
-            this.passwordResettable = response.data.checkResettablePasswordToDefault;
-        }
-    }
-    async checkUserCreatable() {
-        const response = await client.query({
-            query: gql `
-        query {
-          checkDefaultPassword
-        }
-      `
-        });
-        if (!response.errors) {
-            this.userCreatable = response.data.checkDefaultPassword;
-        }
-    }
-    async createUser(user) {
-        if (await OxPrompt.open({
-            title: i18next.t('text.are_you_sure'),
-            text: i18next.t('text.are_you_sure_to_x_user', { x: i18next.t('button.create') }),
-            confirmButton: { text: i18next.t('button.confirm') },
-            cancelButton: { text: i18next.t('button.cancel') }
-        })) {
-            const response = await client.mutate({
-                mutation: gql `
-          mutation createUser($user: NewUser!) {
-            createUser(user: $user) {
-              name
-            }
-          }
-        `,
-                variables: { user },
-                context: gqlContext()
-            });
-            if (!response.errors) {
-                await OxPrompt.open({
-                    title: i18next.t('text.completed'),
-                    confirmButton: { text: i18next.t('button.confirm') }
-                });
-                await this.refreshUsers();
-            }
-        }
-    }
-    showToast(message) {
-        document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }));
-    }
-};
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], UserManagement.prototype, "domainUsers", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], UserManagement.prototype, "owner", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], UserManagement.prototype, "currentTab", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], UserManagement.prototype, "passwordResettable", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], UserManagement.prototype, "userCreatable", void 0);
-__decorate([
-    query('#user-list'),
-    __metadata("design:type", Object)
-], UserManagement.prototype, "userListElement", void 0);
-UserManagement = __decorate([
-    customElement('user-management')
-], UserManagement);
-export { UserManagement };
-//# sourceMappingURL=user-management.js.map

package/dist-client/pages/user/user-management.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"user-management.js","sourceRoot":"","sources":["../../../client/pages/user/user-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport '@things-factory/component-ui'\nimport '../../components/invite-user.js'\nimport '../../components/ownership-transfer-popup.js'\nimport '../../components/user-role-editor.js'\nimport '../../components/create-user.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { client, gqlContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('user-management')\nexport class UserManagement extends localize(i18next)(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--md-sys-color-background);\n        padding: var(--spacing-large);\n        overflow: auto;\n      }\n\n      @media screen and (max-width: 600px) {\n        :host {\n          padding: var(--spacing-small);\n        }\n      }\n    `\n  ]\n\n  @property({ type: Array }) domainUsers: any[] = []\n  @property({ type: Object }) owner: any\n  @property({ type: String }) currentTab: string = ''\n  @property({ type: Boolean }) passwordResettable: boolean = false\n  @property({ type: Boolean }) userCreatable: boolean = false\n\n  @query('#user-list') userListElement!: HTMLElement & { close: () => void }\n\n  get context() {\n    return {\n      title: i18next.t('text.user management'),\n      help: 'auth/users'\n    }\n  }\n\n  render() {\n    const groupingUser = (this.domainUsers || []).reduce(\n      (groupingUser, user) => {\n        const userType = user.userType\n        if (!groupingUser[userType]) {\n          groupingUser[userType] = []\n        }\n        user.activated = user.status === 'activated'\n        groupingUser[userType].push(user)\n\n        return groupingUser\n      },\n      {\n        admin: [],\n        user: [],\n        application: [],\n        appliance: []\n      }\n    )\n\n    const USER_TYPES = {\n      USER: i18next.t('label.user'),\n      APPLICATION: i18next.t('label.application'),\n      APPLIANCE: i18next.t('text.appliance')\n    }\n\n    const userSet = {\n      [USER_TYPES.USER]: [...groupingUser.user, ...groupingUser.admin],\n      [USER_TYPES.APPLICATION]: groupingUser.application,\n      [USER_TYPES.APPLIANCE]: groupingUser.appliance\n    }\n\n    return html`\n      ${this.userCreatable\n        ? html`<create-user\n            @create-user=${async event => {\n              const user = event.detail\n              user.userType = 'user'\n\n              await this.createUser(user)\n            }}\n          ></create-user>`\n        : ''}\n      <quick-find-list\n        id=\"user-list\"\n        .data=${userSet}\n        @tabChanged=${e => (this.currentTab = e.detail.currentTabKey)}\n        .headerRenderer=${user => {\n          return !user.activated\n            ? html`\n                <md-icon>do_disturb</md-icon>\n                ${user.name}\n              `\n            : html` ${user.owner ? html` <md-icon>supervisor_account</md-icon> ` : ''} ${user.name} `\n        }}\n        .contentRenderer=${user =>\n          html` <user-role-editor\n            .user=${user}\n            .domainOwner=${this.owner}\n            .activate=${user.activated}\n            @userUpdated=${this.refreshUsers.bind(this)}\n            @ownershipTransferred=${this.refreshUsers.bind(this)}\n            .passwordResettable=${this.passwordResettable}\n          ></user-role-editor>`}\n      ></quick-find-list>\n\n      ${this.currentTab === USER_TYPES.USER\n        ? html`<invite-user @invitationCompleted=${this.refreshUsers.bind(this)}></invite-user>`\n        : ''}\n    `\n  }\n\n  async pageUpdated(changes, lifecycle, before) {\n    if (this.active) {\n      this.refreshUsers()\n      this.checkPasswordResettable()\n      this.checkUserCreatable()\n    }\n  }\n\n  async refreshUsers() {\n    const domainUsersResp = await client.query({\n      query: gql`\n        query {\n          users {\n            items {\n              id\n              username\n              name\n              email\n              userType\n              status\n              owner\n            }\n          }\n        }\n      `,\n      context: gqlContext()\n    })\n\n    if (!domainUsersResp.errors?.length) {\n      this.domainUsers = domainUsersResp.data.users.items || []\n      this.owner = this.domainUsers.filter(user => user.owner)[0] || {}\n      this.userListElement?.close()\n    }\n  }\n\n  async checkPasswordResettable() {\n    const response = await client.query({\n      query: gql`\n        query {\n          checkResettablePasswordToDefault\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.passwordResettable = response.data.checkResettablePasswordToDefault\n    }\n  }\n\n  async checkUserCreatable() {\n    const response = await client.query({\n      query: gql`\n        query {\n          checkDefaultPassword\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.userCreatable = response.data.checkDefaultPassword\n    }\n  }\n\n  async createUser(user: { username: string; name: string; email: string }) {\n    if (\n      await OxPrompt.open({\n        title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.are_you_sure_to_x_user', { x: i18next.t('button.create') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation createUser($user: NewUser!) {\n            createUser(user: $user) {\n              name\n            }\n          }\n        `,\n        variables: { user },\n        context: gqlContext()\n      })\n\n      if (!response.errors) {\n        await OxPrompt.open({\n          title: i18next.t('text.completed'),\n          confirmButton: { text: i18next.t('button.confirm') }\n        })\n\n        await this.refreshUsers()\n      }\n    }\n  }\n\n  showToast(message) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n  }\n}\n"]}