@dssp/dkpi 1.0.0-y.0 → 1.0.0

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

@@ -1,219 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import '@things-factory/component-ui';
-import '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup';
-import '@things-factory/auth-ui/dist-client/components/user-role-editor';
-import '@things-factory/auth-ui/dist-client/components/create-user';
-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 { PageView } from '@operato/shell';
-import { OxPrompt } from '@operato/popup/ox-prompt.js';
-let SVUserManagement = class SVUserManagement extends PageView {
-    constructor() {
-        super(...arguments);
-        this.domainUsers = [];
-        this.currentTab = '';
-        this.passwordResettable = false;
-        this.userCreatable = false;
-    }
-    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 html `
-            ${!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>
-    `;
-    }
-    async pageUpdated(changes, lifecycle, before) {
-        if (this.active) {
-            this.refreshUsers();
-            this.checkPasswordResettable();
-            this.checkUserCreatable();
-        }
-    }
-    async refreshUsers() {
-        var _a, _b;
-        const domainUsersResp = await client.query({
-            query: gql `
-        query {
-          users {
-            items {
-              id
-              name
-              email
-              userType
-              status
-              owner
-            }
-          }
-        }
-      `,
-            context: gqlContext()
-        });
-        if (!((_a = domainUsersResp.errors) === null || _a === void 0 ? void 0 : _a.length)) {
-            this.domainUsers = domainUsersResp.data.users.items || [];
-            this.owner = this.domainUsers.filter(user => user.owner)[0] || {};
-            (_b = this.userListElement) === null || _b === void 0 ? void 0 : _b.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 } } }));
-    }
-};
-SVUserManagement.styles = [
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--main-section-background-color);
-        padding: var(--padding-wide);
-        overflow: auto;
-      }
-
-      @media screen and (max-width: 600px) {
-        :host {
-          padding: var(--padding-narrow);
-        }
-      }
-    `
-];
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], SVUserManagement.prototype, "domainUsers", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], SVUserManagement.prototype, "owner", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], SVUserManagement.prototype, "currentTab", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], SVUserManagement.prototype, "passwordResettable", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], SVUserManagement.prototype, "userCreatable", void 0);
-__decorate([
-    query('#user-list'),
-    __metadata("design:type", Object)
-], SVUserManagement.prototype, "userListElement", void 0);
-SVUserManagement = __decorate([
-    customElement('sv-user-management')
-], SVUserManagement);
-//# sourceMappingURL=sv-user-management.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sv-user-management.js","sourceRoot":"","sources":["../../client/pages/sv-user-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@things-factory/component-ui'\nimport '@things-factory/auth-ui/dist-client/components/ownership-transfer-popup'\nimport '@things-factory/auth-ui/dist-client/components/user-role-editor'\nimport '@things-factory/auth-ui/dist-client/components/create-user'\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 } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('sv-user-management')\nclass SVUserManagement extends PageView {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--main-section-background-color);\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      @media screen and (max-width: 600px) {\n        :host {\n          padding: var(--padding-narrow);\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 html`\n            ${!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        }}\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  }\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              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) {\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"]}

package/dist-client/route.d.ts

@@ -1 +0,0 @@
-export default function route(page: string): "project-list" | "project-completed-list" | "kpi-value-list" | "kpi-metric-value-list" | "kpi-metric-value-manual-entry" | "users" | "/kpi-dashboard-map" | "project-detail" | "project-complete" | undefined;

package/dist-client/route.js

@@ -1,31 +0,0 @@
-export default function route(page) {
-    switch (page) {
-        case '':
-            return '/kpi-dashboard-map';
-        case 'users':
-            import('./pages/sv-user-management');
-            return page;
-        case 'project-list':
-            import('./pages/sv-project-list');
-            return page;
-        case 'project-completed-list':
-            import('./pages/sv-project-completed-list');
-            return page;
-        case 'project-detail':
-            import('./pages/sv-project-detail');
-            return page;
-        case 'project-complete':
-            import('./pages/sv-project-complete');
-            return page;
-        case 'kpi-value-list':
-            import('./pages/kpi-value/kpi-value-list-page');
-            return page;
-        case 'kpi-metric-value-list':
-            import('./pages/kpi-metric-value/kpi-metric-value-list-page');
-            return page;
-        case 'kpi-metric-value-manual-entry':
-            import('./pages/kpi-metric-value/kpi-metric-value-manual-entry-page');
-            return page;
-    }
-}
-//# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,EAAE;YACL,OAAO,oBAAoB,CAAA;QAE7B,KAAK,OAAO;YACV,MAAM,CAAC,4BAA4B,CAAC,CAAA;YACpC,OAAO,IAAI,CAAA;QAEb,KAAK,cAAc;YACjB,MAAM,CAAC,yBAAyB,CAAC,CAAA;YACjC,OAAO,IAAI,CAAA;QAEb,KAAK,wBAAwB;YAC3B,MAAM,CAAC,mCAAmC,CAAC,CAAA;YAC3C,OAAO,IAAI,CAAA;QAEb,KAAK,gBAAgB;YACnB,MAAM,CAAC,2BAA2B,CAAC,CAAA;YACnC,OAAO,IAAI,CAAA;QAEb,KAAK,kBAAkB;YACrB,MAAM,CAAC,6BAA6B,CAAC,CAAA;YACrC,OAAO,IAAI,CAAA;QAEb,KAAK,gBAAgB;YACnB,MAAM,CAAC,uCAAuC,CAAC,CAAA;YAC/C,OAAO,IAAI,CAAA;QAEb,KAAK,uBAAuB;YAC1B,MAAM,CAAC,qDAAqD,CAAC,CAAA;YAC7D,OAAO,IAAI,CAAA;QAEb,KAAK,+BAA+B;YAClC,MAAM,CAAC,6DAA6D,CAAC,CAAA;YACrE,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n  switch (page) {\n    case '':\n      return '/kpi-dashboard-map'\n\n    case 'users':\n      import('./pages/sv-user-management')\n      return page\n\n    case 'project-list':\n      import('./pages/sv-project-list')\n      return page\n\n    case 'project-completed-list':\n      import('./pages/sv-project-completed-list')\n      return page\n\n    case 'project-detail':\n      import('./pages/sv-project-detail')\n      return page\n\n    case 'project-complete':\n      import('./pages/sv-project-complete')\n      return page\n\n    case 'kpi-value-list':\n      import('./pages/kpi-value/kpi-value-list-page')\n      return page\n\n    case 'kpi-metric-value-list':\n      import('./pages/kpi-metric-value/kpi-metric-value-list-page')\n      return page\n\n    case 'kpi-metric-value-manual-entry':\n      import('./pages/kpi-metric-value/kpi-metric-value-manual-entry-page')\n      return page\n  }\n}\n"]}

package/dist-client/shared/complete-api.d.ts

@@ -1,5 +0,0 @@
-export declare const getProject: (projectId: string) => Promise<any>;
-export declare const getKpiMetrics: () => Promise<any>;
-export declare const getKpiMetricValues: (projectId: string) => Promise<any>;
-export declare const updateProjectCompleteStep1: (patches: any) => Promise<import("@apollo/client").InteropMutateResult<any>>;
-export declare const getKpiCategories: () => Promise<any>;

package/dist-client/shared/complete-api.js

@@ -1,125 +0,0 @@
-import { gql } from '@apollo/client';
-import { client } from '@operato/graphql';
-export const getProject = async (projectId) => {
-    const response = await client.query({
-        query: gql `
-      query Project($id: String!) {
-        project(id: $id) {
-          id
-          name
-          startDate
-          endDate
-          state
-
-          completeReports {
-            id
-            name
-            fullpath
-          }
-
-          buildingComplex {
-            id
-            coverageRatio
-            floorAreaRatio
-            workerCount
-            designChangeCount
-            constructionCost
-            area
-          }
-        }
-      }
-    `,
-        variables: { id: projectId }
-    });
-    if (response.errors) {
-        return {};
-    }
-    return response.data.project;
-};
-export const getKpiMetrics = async () => {
-    const response = await client.query({
-        query: gql `
-      query KpiMetrics {
-        kpiMetrics {
-          items {
-            id
-            name
-            unit
-            periodType
-          }
-        }
-      }
-    `
-    });
-    if (response.errors) {
-        return [];
-    }
-    return response.data.kpiMetrics.items;
-};
-export const getKpiMetricValues = async (projectId) => {
-    const filters = [{ name: 'org', operator: 'eq', value: projectId }];
-    const response = await client.query({
-        query: gql `
-      query KpiMetricValues($filters: [Filter!]) {
-        kpiMetricValues(filters: $filters) {
-          items {
-            id
-            value
-            unit
-            periodType
-            metricId
-          }
-        }
-      }
-    `,
-        variables: {
-            filters
-        }
-    });
-    if (response.errors) {
-        return [];
-    }
-    return response.data.kpiMetricValues.items;
-};
-export const updateProjectCompleteStep1 = async (patches) => {
-    const response = await client.mutate({
-        mutation: gql `
-      mutation UpdateKpiMetricValuesCumulative($patches: [KpiMetricValuePatch!]!) {
-        updateKpiMetricValuesCumulative(patches: $patches) {
-          id
-        }
-      }
-    `,
-        variables: {
-            patches
-        }
-    });
-    return response;
-};
-export const getKpiCategories = async () => {
-    const response = await client.query({
-        query: gql `
-      query {
-        kpiCategories: kpisLevel1 {
-          id
-          name
-          description
-          active
-          kpis: children {
-            id
-            name
-            description
-            formula
-            active
-            grades
-          }
-        }
-      }
-    `
-    });
-    if (response.errors) {
-        return [];
-    }
-    return response.data.kpiCategories;
-};
-//# sourceMappingURL=complete-api.js.map

package/dist-client/shared/complete-api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"complete-api.js","sourceRoot":"","sources":["../../client/shared/complete-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,EAAE,SAAiB,EAAE,EAAE;IACpD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KA0BT;QACD,SAAS,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;KAC7B,CAAC,CAAA;IAEF,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;AAC9B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;IACtC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;KAWT;KACF,CAAC,CAAA;IAEF,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAA;AACvC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,EAAE,SAAiB,EAAE,EAAE;IAC5D,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IAEnE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;KAYT;QACD,SAAS,EAAE;YACT,OAAO;SACR;KACF,CAAC,CAAA;IAEF,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAA;AAC5C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,EAAE,OAAY,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;KAMZ;QACD,SAAS,EAAE;YACT,OAAO;SACR;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;IACzC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBT;KACF,CAAC,CAAA;IAEF,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAA;AACpC,CAAC,CAAA","sourcesContent":["import { gql } from '@apollo/client'\nimport { client } from '@operato/graphql'\n\nexport const getProject = async (projectId: string) => {\n  const response = await client.query({\n    query: gql`\n      query Project($id: String!) {\n        project(id: $id) {\n          id\n          name\n          startDate\n          endDate\n          state\n\n          completeReports {\n            id\n            name\n            fullpath\n          }\n\n          buildingComplex {\n            id\n            coverageRatio\n            floorAreaRatio\n            workerCount\n            designChangeCount\n            constructionCost\n            area\n          }\n        }\n      }\n    `,\n    variables: { id: projectId }\n  })\n\n  if (response.errors) {\n    return {}\n  }\n\n  return response.data.project\n}\n\nexport const getKpiMetrics = async () => {\n  const response = await client.query({\n    query: gql`\n      query KpiMetrics {\n        kpiMetrics {\n          items {\n            id\n            name\n            unit\n            periodType\n          }\n        }\n      }\n    `\n  })\n\n  if (response.errors) {\n    return []\n  }\n\n  return response.data.kpiMetrics.items\n}\n\nexport const getKpiMetricValues = async (projectId: string) => {\n  const filters = [{ name: 'org', operator: 'eq', value: projectId }]\n\n  const response = await client.query({\n    query: gql`\n      query KpiMetricValues($filters: [Filter!]) {\n        kpiMetricValues(filters: $filters) {\n          items {\n            id\n            value\n            unit\n            periodType\n            metricId\n          }\n        }\n      }\n    `,\n    variables: {\n      filters\n    }\n  })\n\n  if (response.errors) {\n    return []\n  }\n\n  return response.data.kpiMetricValues.items\n}\n\nexport const updateProjectCompleteStep1 = async (patches: any) => {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation UpdateKpiMetricValuesCumulative($patches: [KpiMetricValuePatch!]!) {\n        updateKpiMetricValuesCumulative(patches: $patches) {\n          id\n        }\n      }\n    `,\n    variables: {\n      patches\n    }\n  })\n\n  return response\n}\n\nexport const getKpiCategories = async () => {\n  const response = await client.query({\n    query: gql`\n      query {\n        kpiCategories: kpisLevel1 {\n          id\n          name\n          description\n          active\n          kpis: children {\n            id\n            name\n            description\n            formula\n            active\n            grades\n          }\n        }\n      }\n    `\n  })\n\n  if (response.errors) {\n    return []\n  }\n\n  return response.data.kpiCategories\n}\n"]}

package/dist-client/shared/func.d.ts

@@ -1,2 +0,0 @@
-export declare const calcDiff: (a: string, b: string) => number;
-export declare const calcDateDiff: (a: string, b: string) => number;

package/dist-client/shared/func.js

@@ -1,22 +0,0 @@
-import moment from 'moment';
-// a와 b의 차이를 계산하여 값과 클래스를 반환
-export const calcDiff = (a, b) => {
-    const origin = Number(a || '0');
-    const complete = Number(b || '0');
-    const diff = complete - origin;
-    if (!isFinite(diff))
-        return 0;
-    return diff;
-};
-// a와 b의 날짜 차이를 계산하여 값과 클래스를 반환
-export const calcDateDiff = (a, b) => {
-    const origin = moment(a, 'YYYY-MM-DD', true);
-    const complete = moment(b, 'YYYY-MM-DD', true);
-    if (!origin.isValid() || !complete.isValid())
-        return 0;
-    const diffDays = complete.diff(origin, 'days');
-    if (diffDays === 0)
-        return 0;
-    return diffDays;
-};
-//# sourceMappingURL=func.js.map

package/dist-client/shared/func.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"func.js","sourceRoot":"","sources":["../../client/shared/func.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAA;AAE3B,4BAA4B;AAC5B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,CAAS,EAAU,EAAE;IACvD,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,IAAI,GAAG,CAAC,CAAA;IACjC,MAAM,IAAI,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,CAAC,CAAA;IAC7B,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,+BAA+B;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,CAAS,EAAU,EAAE;IAC3D,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;IAC9C,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;QAAE,OAAO,CAAC,CAAA;IAEtD,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9C,IAAI,QAAQ,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IAE5B,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA","sourcesContent":["import moment from 'moment'\n\n// a와 b의 차이를 계산하여 값과 클래스를 반환\nexport const calcDiff = (a: string, b: string): number => {\n  const origin = Number(a || '0')\n  const complete = Number(b || '0')\n  const diff = complete - origin\n  if (!isFinite(diff)) return 0\n  return diff\n}\n\n// a와 b의 날짜 차이를 계산하여 값과 클래스를 반환\nexport const calcDateDiff = (a: string, b: string): number => {\n  const origin = moment(a, 'YYYY-MM-DD', true)\n  const complete = moment(b, 'YYYY-MM-DD', true)\n  if (!origin.isValid() || !complete.isValid()) return 0\n\n  const diffDays = complete.diff(origin, 'days')\n  if (diffDays === 0) return 0\n\n  return diffDays\n}\n"]}

package/dist-client/themes/dark.css

@@ -1,51 +0,0 @@
-.dark {
-  --md-sys-color-primary: rgb(173 198 255);
-  --md-sys-color-surface-tint: rgb(173 198 255);
-  --md-sys-color-on-primary: rgb(16 47 96);
-  --md-sys-color-primary-container: rgb(43 70 120);
-  --md-sys-color-on-primary-container: rgb(216 226 255);
-  --md-sys-color-secondary: rgb(167 200 255);
-  --md-sys-color-on-secondary: rgb(4 48 95);
-  --md-sys-color-secondary-container: rgb(36 71 119);
-  --md-sys-color-on-secondary-container: rgb(213 227 255);
-  --md-sys-color-tertiary: rgb(234 181 238);
-  --md-sys-color-on-tertiary: rgb(72 32 79);
-  --md-sys-color-tertiary-container: rgb(96 55 103);
-  --md-sys-color-on-tertiary-container: rgb(254 214 255);
-  --md-sys-color-error: rgb(255 180 171);
-  --md-sys-color-on-error: rgb(105 0 5);
-  --md-sys-color-error-container: rgb(147 0 10);
-  --md-sys-color-on-error-container: rgb(255 218 214);
-  --md-sys-color-background: rgb(17 19 24);
-  --md-sys-color-on-background: rgb(226 226 233);
-  --md-sys-color-surface: rgb(17 19 24);
-  --md-sys-color-on-surface: rgb(226 226 233);
-  --md-sys-color-surface-variant: rgb(68 71 79);
-  --md-sys-color-on-surface-variant: rgb(196 198 208);
-  --md-sys-color-outline: rgb(142 144 153);
-  --md-sys-color-outline-variant: rgb(68 71 79);
-  --md-sys-color-shadow: rgb(0 0 0);
-  --md-sys-color-scrim: rgb(0 0 0);
-  --md-sys-color-inverse-surface: rgb(226 226 233);
-  --md-sys-color-inverse-on-surface: rgb(47 48 54);
-  --md-sys-color-inverse-primary: rgb(68 94 145);
-  --md-sys-color-primary-fixed: rgb(216 226 255);
-  --md-sys-color-on-primary-fixed: rgb(0 26 65);
-  --md-sys-color-primary-fixed-dim: rgb(173 198 255);
-  --md-sys-color-on-primary-fixed-variant: rgb(43 70 120);
-  --md-sys-color-secondary-fixed: rgb(213 227 255);
-  --md-sys-color-on-secondary-fixed: rgb(0 27 60);
-  --md-sys-color-secondary-fixed-dim: rgb(167 200 255);
-  --md-sys-color-on-secondary-fixed-variant: rgb(36 71 119);
-  --md-sys-color-tertiary-fixed: rgb(254 214 255);
-  --md-sys-color-on-tertiary-fixed: rgb(48 9 57);
-  --md-sys-color-tertiary-fixed-dim: rgb(234 181 238);
-  --md-sys-color-on-tertiary-fixed-variant: rgb(96 55 103);
-  --md-sys-color-surface-dim: rgb(17 19 24);
-  --md-sys-color-surface-bright: rgb(55 57 62);
-  --md-sys-color-surface-container-lowest: rgb(12 14 19);
-  --md-sys-color-surface-container-low: rgb(26 27 32);
-  --md-sys-color-surface-container: rgb(30 31 37);
-  --md-sys-color-surface-container-high: rgb(40 42 47);
-  --md-sys-color-surface-container-highest: rgb(51 53 58);
-}

package/dist-client/themes/light.css

@@ -1,51 +0,0 @@
-.light {
-  --md-sys-color-primary: rgb(11 77 162);
-  --md-sys-color-surface-tint: rgb(68 94 145);
-  --md-sys-color-on-primary: rgb(255 255 255);
-  --md-sys-color-primary-container: rgb(216 226 255);
-  --md-sys-color-on-primary-container: rgb(43 70 120);
-  --md-sys-color-secondary: rgb(36, 41, 60);
-  --md-sys-color-on-secondary: rgb(255 255 255);
-  --md-sys-color-secondary-container: rgb(213 227 255);
-  --md-sys-color-on-secondary-container: rgb(36 71 119);
-  --md-sys-color-tertiary: rgb(122 79 128);
-  --md-sys-color-on-tertiary: rgb(255 255 255);
-  --md-sys-color-tertiary-container: rgb(254 214 255);
-  --md-sys-color-on-tertiary-container: rgb(96 55 103);
-  --md-sys-color-error: rgb(186 26 26);
-  --md-sys-color-on-error: rgb(255 255 255);
-  --md-sys-color-error-container: rgb(255 218 214);
-  --md-sys-color-on-error-container: rgb(147 0 10);
-  --md-sys-color-background: rgb(249 249 255);
-  --md-sys-color-on-background: rgb(26 27 32);
-  --md-sys-color-surface: rgb(249 249 255);
-  --md-sys-color-on-surface: rgb(26 27 32);
-  --md-sys-color-surface-variant: rgb(225 226 236);
-  --md-sys-color-on-surface-variant: rgb(68 71 79);
-  --md-sys-color-outline: rgb(117 119 127);
-  --md-sys-color-outline-variant: rgb(196 198 208);
-  --md-sys-color-shadow: rgb(0 0 0);
-  --md-sys-color-scrim: rgb(0 0 0);
-  --md-sys-color-inverse-surface: rgb(47 48 54);
-  --md-sys-color-inverse-on-surface: rgb(240 240 247);
-  --md-sys-color-inverse-primary: rgb(173 198 255);
-  --md-sys-color-primary-fixed: rgb(216 226 255);
-  --md-sys-color-on-primary-fixed: rgb(0 26 65);
-  --md-sys-color-primary-fixed-dim: rgb(173 198 255);
-  --md-sys-color-on-primary-fixed-variant: rgb(43 70 120);
-  --md-sys-color-secondary-fixed: rgb(213 227 255);
-  --md-sys-color-on-secondary-fixed: rgb(0 27 60);
-  --md-sys-color-secondary-fixed-dim: rgb(167 200 255);
-  --md-sys-color-on-secondary-fixed-variant: rgb(36 71 119);
-  --md-sys-color-tertiary-fixed: rgb(254 214 255);
-  --md-sys-color-on-tertiary-fixed: rgb(48 9 57);
-  --md-sys-color-tertiary-fixed-dim: rgb(234 181 238);
-  --md-sys-color-on-tertiary-fixed-variant: rgb(96 55 103);
-  --md-sys-color-surface-dim: rgb(217 217 224);
-  --md-sys-color-surface-bright: rgb(249 249 255);
-  --md-sys-color-surface-container-lowest: rgb(255 255 255);
-  --md-sys-color-surface-container-low: rgb(243 243 250);
-  --md-sys-color-surface-container: rgb(237 237 244);
-  --md-sys-color-surface-container-high: rgb(232 231 238);
-  --md-sys-color-surface-container-highest: rgb(226 226 233);
-}