npm - @things-factory/compliance - Versions diffs - 10.1.255 → 10.1.257 - Mend

@things-factory/compliance 10.1.255 → 10.1.257

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist-client/components/compliance-case-sheet.js CHANGED Viewed

@@ -7,7 +7,8 @@ import '@operato/popup/ox-popup-actions.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { client, uploadContext } from '@operato/graphql';
+import { MutationController, QueryController, uploadContext } from '@operato/graphql';
+import { DraftController } from '@operato/shell';
 import { i18next, localize } from '@operato/i18n';
 import { notify, openPopup } from '@operato/layout';
 import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
@@ -39,15 +40,50 @@ let ComplianceCaseSheet = class ComplianceCaseSheet extends localize(i18next)(Li
     constructor() {
         super(...arguments);
         this.caseId = '';
-        this.one = null;
-        this.form = {};
-        this.investigators = [];
-        this.found = [];
-        this.entryOn = today();
-        this.entryBody = '';
-        this.entryFiles = [];
-        this.working = false;
-        this.message = '';
+        /* The words typed to find an investigator. */
+        this.searched = '';
+        /* The case, read for the case the sheet opens (ADR-0190). */
+        this.record = new QueryController(this, gql `
+      query ($id: String!) {
+        complianceCase(id: $id) {
+          id kind status receivedOn investigationDueOn occurredOn description
+          investigationStartedOn protectionMeasures victimOpinion finding actionOnAccused resultNotice resultToldOn closedOn
+          reporter { id name } victim { id name } accused { id name } investigators { id name email }
+          attachments { id name fullpath }
+          entries { id writtenOn body creator { id name } attachments { id name fullpath } }
+          corrections { id field before after createdAt creator { id name } }
+        }
+      }
+    `, { variables: () => (this.caseId ? { id: this.caseId } : undefined) });
+        /* What is typed over the handling read, and the investigation entry being written. */
+        this.handling = new DraftController(this, {
+            read: () => {
+                const one = this.one;
+                if (!one)
+                    return undefined;
+                return {
+                    ...Object.fromEntries(HANDLING.map(field => [field, one[field] ?? ''])),
+                    investigators: (one.investigators ?? []).map((person) => ({ id: person.id, name: person.name, note: person.email }))
+                };
+            },
+            key: () => this.caseId
+        });
+        this.entry = new DraftController(this, { read: () => ({ writtenOn: today(), body: '', files: [] }), key: () => this.caseId });
+        /* Each save reads the case again; its refusal is said in the sheet. */
+        this.saves = {
+            handle: this.saving(gql `mutation ($patch: ComplianceCaseHandling!) { handleComplianceCase(patch: $patch) { id } }`),
+            entry: this.saving(gql `
+      mutation ($caseId: String!, $writtenOn: String!, $body: String!, $attach: [Upload!]) {
+        addComplianceCaseEntry(caseId: $caseId, writtenOn: $writtenOn, body: $body, attach: $attach) { id }
+      }
+    `)
+        };
+        /* The users the words find (ADR-0190). */
+        this.choices = new QueryController(this, gql `
+      query ($text: String!) {
+        complianceCaseInvestigatorChoices(text: $text) { id name note }
+      }
+    `, { variables: () => (this.searched.trim() ? { text: this.searched } : undefined), keepPrevious: true });
     }
     static { this.styles = [
         CommonPopupStyles,
@@ -118,9 +154,25 @@ let ComplianceCaseSheet = class ComplianceCaseSheet extends localize(i18next)(Li
       }
     `
     ]; }
-    connectedCallback() {
-        super.connectedCallback();
-        this.read();
+    saving(mutation) {
+        return new MutationController(this, mutation, { refetch: () => [this.record], showsError: true });
+    }
+    get one() {
+        return this.record.data?.complianceCase ?? null;
+    }
+    get investigators() {
+        return this.handling.value('investigators') ?? [];
+    }
+    get working() {
+        return Object.values(this.saves).some(save => save.pending);
+    }
+    /** What went wrong last: the read, or a save. */
+    get message() {
+        const failed = this.record.error ?? this.saves.handle.error ?? this.saves.entry.error;
+        return failed ? failureOf(failed) : '';
+    }
+    get found() {
+        return this.searched.trim() ? (this.choices.data?.complianceCaseInvestigatorChoices ?? []) : [];
     }
     render() {
         const one = this.one;
@@ -140,7 +192,7 @@ let ComplianceCaseSheet = class ComplianceCaseSheet extends localize(i18next)(Li
         <div class="field">
           <span>${i18next.t('field.compliance-case-investigators')}</span>
           <div class="chips">
-            ${this.investigators.map(person => html `<button type="button" ?disabled=${closed} aria-label=${i18next.t('button.compliance-case-remove')} @click=${() => (this.investigators = this.investigators.filter(other => other.id !== person.id))}>
+            ${this.investigators.map(person => html `<button type="button" ?disabled=${closed} aria-label=${i18next.t('button.compliance-case-remove')} @click=${() => this.handling.set('investigators', this.investigators.filter(other => other.id !== person.id))}>
                   ${person.name}<md-icon>close</md-icon>
                 </button>`)}
           </div>
@@ -150,18 +202,18 @@ let ComplianceCaseSheet = class ComplianceCaseSheet extends localize(i18next)(Li
                 <div class="found">
                   ${this.found
                 .filter(person => !this.investigators.some(other => other.id === person.id))
-                .map(person => html `<button type="button" @click=${() => ((this.investigators = [...this.investigators, person]), (this.found = []))}>${person.note ? `${person.name} · ${person.note}` : person.name}</button>`)}
+                .map(person => html `<button type="button" @click=${() => (this.handling.set('investigators', [...this.investigators, person]), (this.searched = ''))}>${person.note ? `${person.name} · ${person.note}` : person.name}</button>`)}
                 </div>`}
         </div>
         ${HANDLING.map(field => DAYS.includes(field)
             ? html `<label class="field">
                 <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>
-                <input type="date" ?disabled=${closed} .value=${this.form[field] ?? ''} @input=${(e) => (this.form = { ...this.form, [field]: e.target.value })} />
+                <input type="date" ?disabled=${closed} .value=${this.handling.value(field) ?? ''} @input=${(e) => this.handling.set(field, e.target.value)} />
               </label>`
             : html `<label class="field">
                 <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>
-                <textarea ?disabled=${closed} .value=${this.form[field] ?? ''} @input=${(e) => (this.form = { ...this.form, [field]: e.target.value })}></textarea>
+                <textarea ?disabled=${closed} .value=${this.handling.value(field) ?? ''} @input=${(e) => this.handling.set(field, e.target.value)}></textarea>
               </label>`)}
         <h4>${i18next.t('field.compliance-case-entries')}</h4>
@@ -177,15 +229,15 @@ let ComplianceCaseSheet = class ComplianceCaseSheet extends localize(i18next)(Li
             ? nothing
             : html `<label class="field">
                 <span>${i18next.t('field.compliance-case-entry-written-on')}</span>
-                <input type="date" .value=${this.entryOn} @input=${(e) => (this.entryOn = e.target.value)} />
+                <input type="date" .value=${this.entry.value('writtenOn') ?? ''} @input=${(e) => this.entry.set('writtenOn', e.target.value)} />
               </label>
               <label class="field">
                 <span>${i18next.t('field.compliance-case-entry-body')}</span>
-                <textarea .value=${this.entryBody} @input=${(e) => (this.entryBody = e.target.value)}></textarea>
+                <textarea .value=${this.entry.value('body') ?? ''} @input=${(e) => this.entry.set('body', e.target.value)}></textarea>
               </label>
               <div class="field">
-                <ox-input-file multiple icon="attach_file" @change=${(e) => (this.entryFiles = [...(e.detail ?? [])])}></ox-input-file>
-                <md-text-button ?disabled=${this.working || !this.entryBody.trim()} @click=${() => this.addEntry()}>${i18next.t('button.compliance-case-add-entry')}</md-text-button>
+                <ox-input-file multiple icon="attach_file" @change=${(e) => this.entry.set('files', [...(e.detail ?? [])])}></ox-input-file>
+                <md-text-button ?disabled=${this.working || !(this.entry.value('body') ?? '').trim()} @click=${() => this.addEntry()}>${i18next.t('button.compliance-case-add-entry')}</md-text-button>
               </div>`}
         ${(one.corrections ?? []).length
             ? html `<h4>${i18next.t('field.compliance-case-corrections')}</h4>
@@ -202,90 +254,29 @@ let ComplianceCaseSheet = class ComplianceCaseSheet extends localize(i18next)(Li
       </ox-popup-actions>
     `;
     }
-    async read() {
-        try {
-            const response = await client.query({
-                query: gql `
-          query ($id: String!) {
-            complianceCase(id: $id) {
-              id kind status receivedOn investigationDueOn occurredOn description
-              investigationStartedOn protectionMeasures victimOpinion finding actionOnAccused resultNotice resultToldOn closedOn
-              reporter { id name } victim { id name } accused { id name } investigators { id name email }
-              attachments { id name fullpath }
-              entries { id writtenOn body creator { id name } attachments { id name fullpath } }
-              corrections { id field before after createdAt creator { id name } }
-            }
-          }
-        `,
-                variables: { id: this.caseId },
-                fetchPolicy: 'network-only'
-            });
-            if (response.errors?.length)
-                throw response;
-            const one = response.data.complianceCase;
-            this.one = one;
-            this.form = Object.fromEntries(HANDLING.map(field => [field, one[field] ?? '']));
-            this.investigators = (one.investigators ?? []).map((person) => ({ id: person.id, name: person.name, note: person.email }));
-        }
-        catch (error) {
-            this.message = failureOf(error);
-        }
-    }
-    async find(text) {
-        const response = await client.query({
-            query: gql `
-        query ($text: String!) {
-          complianceCaseInvestigatorChoices(text: $text) { id name note }
-        }
-      `,
-            variables: { text },
-            fetchPolicy: 'no-cache'
-        });
-        this.found = response.data?.complianceCaseInvestigatorChoices ?? [];
+    find(text) {
+        this.searched = text;
     }
+    /** Only what was changed goes, as a correction of what was read. */
     async save() {
-        await this.call(async () => {
-            const changed = HANDLING.filter(field => (this.form[field] ?? '') !== (this.one[field] ?? ''));
-            const before = (this.one.investigators ?? []).map((person) => person.id).sort().join();
-            const after = this.investigators.map(person => person.id).sort().join();
-            const patch = { id: this.one.id, ...Object.fromEntries(changed.map(field => [field, this.form[field] || null])) };
-            if (before !== after)
-                patch.investigatorIds = this.investigators.map(person => person.id);
-            return await client.mutate({ mutation: gql `mutation ($patch: ComplianceCaseHandling!) { handleComplianceCase(patch: $patch) { id } }`, variables: { patch } });
-        });
+        const one = this.one;
+        const changed = HANDLING.filter(field => (this.handling.value(field) ?? '') !== (one[field] ?? ''));
+        const before = (one.investigators ?? []).map((person) => person.id).sort().join();
+        const after = this.investigators.map(person => person.id).sort().join();
+        const patch = { id: one.id, ...Object.fromEntries(changed.map(field => [field, this.handling.value(field) || null])) };
+        if (before !== after)
+            patch.investigatorIds = this.investigators.map(person => person.id);
+        const saved = await this.handling.submit(() => this.saves.handle.run({ patch }));
+        if (saved)
+            notify({ message: i18next.t('text.compliance-case-saved') });
     }
     async addEntry() {
-        await this.call(async () => {
-            const response = await client.mutate({
-                mutation: gql `
-          mutation ($caseId: String!, $writtenOn: String!, $body: String!, $attach: [Upload!]) {
-            addComplianceCaseEntry(caseId: $caseId, writtenOn: $writtenOn, body: $body, attach: $attach) { id }
-          }
-        `,
-                variables: { caseId: this.one.id, writtenOn: this.entryOn, body: this.entryBody, attach: this.entryFiles },
-                ...(this.entryFiles.length ? { context: uploadContext(() => { }) } : {})
-            });
-            this.entryBody = '';
-            this.entryFiles = [];
-            return response;
-        });
-    }
-    async call(work) {
-        this.message = '';
-        this.working = true;
-        try {
-            const response = await work();
-            if (response.errors?.length)
-                throw response;
+        const writtenOn = this.entry.value('writtenOn');
+        const body = this.entry.value('body');
+        const files = this.entry.value('files') ?? [];
+        const added = await this.entry.submit(() => this.saves.entry.run({ caseId: this.one.id, writtenOn, body, attach: files }, { context: files.length ? uploadContext(() => { }) : undefined }));
+        if (added)
             notify({ message: i18next.t('text.compliance-case-saved') });
-            await this.read();
-        }
-        catch (error) {
-            this.message = failureOf(error);
-        }
-        finally {
-            this.working = false;
-        }
     }
 };
 __decorate([
@@ -295,39 +286,7 @@ __decorate([
 __decorate([
     state(),
     __metadata("design:type", Object)
-], ComplianceCaseSheet.prototype, "one", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceCaseSheet.prototype, "form", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ComplianceCaseSheet.prototype, "investigators", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ComplianceCaseSheet.prototype, "found", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceCaseSheet.prototype, "entryOn", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceCaseSheet.prototype, "entryBody", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ComplianceCaseSheet.prototype, "entryFiles", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceCaseSheet.prototype, "working", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceCaseSheet.prototype, "message", void 0);
+], ComplianceCaseSheet.prototype, "searched", void 0);
 ComplianceCaseSheet = __decorate([
     customElement('compliance-case-sheet')
 ], ComplianceCaseSheet);

package/dist-client/components/compliance-case-sheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"compliance-case-sheet.js","sourceRoot":"","sources":["../../client/components/compliance-case-sheet.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-file.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { failureOf, wordOf } from '../words.js'\n\n/** Opens one case's sheet; resolves when it closes. /\nexport function openComplianceCaseSheet(id: string): Promise<void> {\n return new Promise(resolve => {\n const popup: any = openPopup(html`<compliance-case-sheet .caseId=${id} @close=${() => popup.close()}></compliance-case-sheet>`, {\n backdrop: true,\n size: 'large',\n title: i18next.t('title.compliance-case-sheet')\n })\n popup.onclosed = () => resolve()\n })\n}\n\nconst HANDLING = ['investigationStartedOn', 'protectionMeasures', 'victimOpinion', 'finding', 'actionOnAccused', 'resultNotice', 'resultToldOn', 'closedOn']\nconst DAYS = ['investigationStartedOn', 'resultToldOn', 'closedOn']\nconst kebab = (name: string) => name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()\nconst today = () => {\n const now = new Date()\n return new Date(now.getTime() - now.getTimezoneOffset() 60000).toISOString().slice(0, 10)\n}\n\ntype Person = { id: string; name: string; note?: string }\n\n/*\n 사건 처리 (ADR-0187 decision 21) - one case whole, for its handlers and investigators: the report, who investigates\n * it, the investigation record, the protection of the victim with their view, the finding, what was done to those\n * reported against, the result told and the closing. A value changed keeps a correction; nothing is deleted.\n */\n@customElement('compliance-case-sheet')\nexport class ComplianceCaseSheet extends localize(i18next)(LitElement) {\n static styles = [\n CommonPopupStyles,\n PopupBodyStyles,\n FormFieldStyles,\n PopupFieldStyles,\n css`\n [invalid] {\n color: var(--ui-crit, var(--md-sys-color-error));\n font-size: var(--ui-t-small, 11.5px);\n }\n [invalid]:empty {\n display: none;\n }\n dl {\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: 2px var(--spacing-large, 12px);\n margin: 0;\n }\n dt {\n color: var(--ui-muted);\n }\n dd {\n margin: 0;\n white-space: pre-wrap;\n }\n h4 {\n margin: var(--spacing-medium, 8px) 0 0;\n }\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li {\n padding: var(--spacing-small, 4px) 0;\n border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n white-space: pre-wrap;\n }\n .muted {\n color: var(--ui-muted);\n }\n .chips,\n .found {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-small, 4px);\n }\n .chips button,\n .found button {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n padding: 2px var(--spacing-medium, 8px);\n border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n border-radius: 999px;\n background: none;\n color: inherit;\n font: inherit;\n cursor: pointer;\n }\n .chips md-icon {\n --md-icon-size: 14px;\n }\n textarea {\n min-height: 64px;\n }\n `\n ]\n\n @property({ type: String }) caseId = ''\n\n @state() private one: any = null\n @state() private form: Record<string, string> = {}\n @state() private investigators: Person[] = []\n @state() private found: Person[] = []\n @state() private entryOn = today()\n @state() private entryBody = ''\n @state() private entryFiles: File[] = []\n @state() private working = false\n @state() private message = ''\n\n connectedCallback() {\n super.connectedCallback()\n this.read()\n }\n\n render() {\n const one = this.one\n if (!one) return html`<div class=\"body\"><span invalid>${this.message}</span></div>`\n const closed = !!one.closedOn\n const fact = (field: string, value: any) => (value ? html`<dt>${i18next.t(`field.compliance-case-${field}`)}</dt><dd>${value}</dd>` : nothing)\n return html`\n <div class=\"body\">\n <dl>\n ${fact('kind', wordOf('compliance-case-kind', one.kind))} ${fact('status', wordOf('compliance-case-status', one.status))} ${fact('received-on', one.receivedOn)}\n ${fact('investigation-due-on', one.investigationDueOn)} ${fact('reporter', one.reporter?.name)} ${fact('victim', one.victim?.name)}\n ${fact('accused', (one.accused ?? []).map((person: any) => person.name).join(', '))} ${fact('occurred-on', one.occurredOn)} ${fact('description', one.description)}\n ${fact('attachments', (one.attachments ?? []).length ? html`${one.attachments.map((file: any) => html`<a href=${file.fullpath} target=\"_blank\">${file.name}</a> `)}` : '')}\n </dl>\n\n <div class=\"field\">\n <span>${i18next.t('field.compliance-case-investigators')}</span>\n <div class=\"chips\">\n ${this.investigators.map(\n person =>\n html`<button type=\"button\" ?disabled=${closed} aria-label=${i18next.t('button.compliance-case-remove')} @click=${() => (this.investigators = this.investigators.filter(other => other.id !== person.id))}>\n ${person.name}<md-icon>close</md-icon>\n </button>`\n )}\n </div>\n ${closed\n ? nothing\n : html`<input placeholder=${i18next.t('text.compliance-case-find-person')} @input=${(e: any) => this.find(e.target.value)} />\n <div class=\"found\">\n ${this.found\n .filter(person => !this.investigators.some(other => other.id === person.id))\n .map(person => html`<button type=\"button\" @click=${() => ((this.investigators = [...this.investigators, person]), (this.found = []))}>${person.note ? `${person.name} · ${person.note}` : person.name}</button>`)}\n </div>`}\n </div>\n\n ${HANDLING.map(field =>\n DAYS.includes(field)\n ? html`<label class=\"field\">\n <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>\n <input type=\"date\" ?disabled=${closed} .value=${this.form[field] ?? ''} @input=${(e: any) => (this.form = { ...this.form, [field]: e.target.value })} />\n </label>`\n : html`<label class=\"field\">\n <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>\n <textarea ?disabled=${closed} .value=${this.form[field] ?? ''} @input=${(e: any) => (this.form = { ...this.form, [field]: e.target.value })}></textarea>\n </label>`\n )}\n\n <h4>${i18next.t('field.compliance-case-entries')}</h4>\n ${(one.entries ?? []).length\n ? html`<ul>\n ${one.entries.map(\n (entry: any) => html`<li>\n <span class=\"muted\">${entry.writtenOn} · ${entry.creator?.name ?? ''}</span><br />${entry.body}\n ${(entry.attachments ?? []).map((file: any) => html` <a href=${file.fullpath} target=\"_blank\">${file.name}</a>`)}\n </li>`\n )}\n </ul>`\n : html`<span class=\"muted\">${i18next.t('text.compliance-case-entries-empty')}</span>`}\n ${closed\n ? nothing\n : html`<label class=\"field\">\n <span>${i18next.t('field.compliance-case-entry-written-on')}</span>\n <input type=\"date\" .value=${this.entryOn} @input=${(e: any) => (this.entryOn = e.target.value)} />\n </label>\n <label class=\"field\">\n <span>${i18next.t('field.compliance-case-entry-body')}</span>\n <textarea .value=${this.entryBody} @input=${(e: any) => (this.entryBody = e.target.value)}></textarea>\n </label>\n <div class=\"field\">\n <ox-input-file multiple icon=\"attach_file\" @change=${(e: CustomEvent) => (this.entryFiles = [...((e.detail as File[]) ?? [])])}></ox-input-file>\n <md-text-button ?disabled=${this.working \|\| !this.entryBody.trim()} @click=${() => this.addEntry()}>${i18next.t('button.compliance-case-add-entry')}</md-text-button>\n </div>`}\n ${(one.corrections ?? []).length\n ? html`<h4>${i18next.t('field.compliance-case-corrections')}</h4>\n <ul>\n ${one.corrections.map(\n (row: any) =>\n html`<li class=\"muted\">${new Date(row.createdAt).toLocaleString()} · ${row.creator?.name ?? ''} · ${i18next.t(`field.compliance-case-${kebab(row.field === 'investigatorIds' ? 'investigators' : row.field)}`)}: ${row.before ?? ''} → ${row.after ?? ''}</li>`\n )}\n </ul>`\n : nothing}\n <span invalid>${this.message}</span>\n </div>\n\n <ox-popup-actions>\n <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.close')}</md-text-button>\n ${closed ? nothing : html`<md-filled-button slot=\"confirm\" ?disabled=${this.working} @click=${() => this.save()}>${i18next.t('button.save')}</md-filled-button>`}\n </ox-popup-actions>\n `\n }\n\n private async read() {\n try {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n complianceCase(id: $id) {\n id kind status receivedOn investigationDueOn occurredOn description\n investigationStartedOn protectionMeasures victimOpinion finding actionOnAccused resultNotice resultToldOn closedOn\n reporter { id name } victim { id name } accused { id name } investigators { id name email }\n attachments { id name fullpath }\n entries { id writtenOn body creator { id name } attachments { id name fullpath } }\n corrections { id field before after createdAt creator { id name } }\n }\n }\n `,\n variables: { id: this.caseId },\n fetchPolicy: 'network-only'\n })\n if (response.errors?.length) throw response\n const one = response.data.complianceCase\n this.one = one\n this.form = Object.fromEntries(HANDLING.map(field => [field, one[field] ?? '']))\n this.investigators = (one.investigators ?? []).map((person: any) => ({ id: person.id, name: person.name, note: person.email }))\n } catch (error) {\n this.message = failureOf(error)\n }\n }\n\n private async find(text: string) {\n const response = await client.query({\n query: gql`\n query ($text: String!) {\n complianceCaseInvestigatorChoices(text: $text) { id name note }\n }\n `,\n variables: { text },\n fetchPolicy: 'no-cache'\n })\n this.found = response.data?.complianceCaseInvestigatorChoices ?? []\n }\n\n private async save() {\n await this.call(async () => {\n const changed = HANDLING.filter(field => (this.form[field] ?? '') !== (this.one[field] ?? ''))\n const before = (this.one.investigators ?? []).map((person: any) => person.id).sort().join()\n const after = this.investigators.map(person => person.id).sort().join()\n const patch: any = { id: this.one.id, ...Object.fromEntries(changed.map(field => [field, this.form[field] \|\| null])) }\n if (before !== after) patch.investigatorIds = this.investigators.map(person => person.id)\n return await client.mutate({ mutation: gql`mutation ($patch: ComplianceCaseHandling!) { handleComplianceCase(patch: $patch) { id } }`, variables: { patch } })\n })\n }\n\n private async addEntry() {\n await this.call(async () => {\n const response = await client.mutate({\n mutation: gql`\n mutation ($caseId: String!, $writtenOn: String!, $body: String!, $attach: [Upload!]) {\n addComplianceCaseEntry(caseId: $caseId, writtenOn: $writtenOn, body: $body, attach: $attach) { id }\n }\n `,\n variables: { caseId: this.one.id, writtenOn: this.entryOn, body: this.entryBody, attach: this.entryFiles },\n ...(this.entryFiles.length ? { context: uploadContext(() => {}) } : {})\n })\n this.entryBody = ''\n this.entryFiles = []\n return response\n })\n }\n\n private async call(work: () => Promise<any>) {\n this.message = ''\n this.working = true\n try {\n const response = await work()\n if (response.errors?.length) throw response\n notify({ message: i18next.t('text.compliance-case-saved') })\n await this.read()\n } catch (error) {\n this.message = failureOf(error)\n } finally {\n this.working = false\n }\n }\n}\n"]}
1	+ {"version":3,"file":"compliance-case-sheet.js","sourceRoot":"","sources":["../../client/components/compliance-case-sheet.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-file.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { MutationController, QueryController, uploadContext } from '@operato/graphql'\nimport { DraftController } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { failureOf, wordOf } from '../words.js'\n\n/** Opens one case's sheet; resolves when it closes. /\nexport function openComplianceCaseSheet(id: string): Promise<void> {\n return new Promise(resolve => {\n const popup: any = openPopup(html`<compliance-case-sheet .caseId=${id} @close=${() => popup.close()}></compliance-case-sheet>`, {\n backdrop: true,\n size: 'large',\n title: i18next.t('title.compliance-case-sheet')\n })\n popup.onclosed = () => resolve()\n })\n}\n\nconst HANDLING = ['investigationStartedOn', 'protectionMeasures', 'victimOpinion', 'finding', 'actionOnAccused', 'resultNotice', 'resultToldOn', 'closedOn']\nconst DAYS = ['investigationStartedOn', 'resultToldOn', 'closedOn']\nconst kebab = (name: string) => name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()\nconst today = () => {\n const now = new Date()\n return new Date(now.getTime() - now.getTimezoneOffset() 60000).toISOString().slice(0, 10)\n}\n\ntype Person = { id: string; name: string; note?: string }\ntype Handling = Record<string, any> & { investigators: Person[] }\ntype Entry = { writtenOn: string; body: string; files: File[] }\n\n/*\n 사건 처리 (ADR-0187 decision 21) - one case whole, for its handlers and investigators: the report, who investigates\n * it, the investigation record, the protection of the victim with their view, the finding, what was done to those\n * reported against, the result told and the closing. A value changed keeps a correction; nothing is deleted.\n /\n@customElement('compliance-case-sheet')\nexport class ComplianceCaseSheet extends localize(i18next)(LitElement) {\n static styles = [\n CommonPopupStyles,\n PopupBodyStyles,\n FormFieldStyles,\n PopupFieldStyles,\n css`\n [invalid] {\n color: var(--ui-crit, var(--md-sys-color-error));\n font-size: var(--ui-t-small, 11.5px);\n }\n [invalid]:empty {\n display: none;\n }\n dl {\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: 2px var(--spacing-large, 12px);\n margin: 0;\n }\n dt {\n color: var(--ui-muted);\n }\n dd {\n margin: 0;\n white-space: pre-wrap;\n }\n h4 {\n margin: var(--spacing-medium, 8px) 0 0;\n }\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li {\n padding: var(--spacing-small, 4px) 0;\n border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n white-space: pre-wrap;\n }\n .muted {\n color: var(--ui-muted);\n }\n .chips,\n .found {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-small, 4px);\n }\n .chips button,\n .found button {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n padding: 2px var(--spacing-medium, 8px);\n border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n border-radius: 999px;\n background: none;\n color: inherit;\n font: inherit;\n cursor: pointer;\n }\n .chips md-icon {\n --md-icon-size: 14px;\n }\n textarea {\n min-height: 64px;\n }\n `\n ]\n\n @property({ type: String }) caseId = ''\n\n / The words typed to find an investigator. /\n @state() private searched = ''\n\n / The case, read for the case the sheet opens (ADR-0190). /\n private record = new QueryController(\n this,\n gql`\n query ($id: String!) {\n complianceCase(id: $id) {\n id kind status receivedOn investigationDueOn occurredOn description\n investigationStartedOn protectionMeasures victimOpinion finding actionOnAccused resultNotice resultToldOn closedOn\n reporter { id name } victim { id name } accused { id name } investigators { id name email }\n attachments { id name fullpath }\n entries { id writtenOn body creator { id name } attachments { id name fullpath } }\n corrections { id field before after createdAt creator { id name } }\n }\n }\n `,\n { variables: () => (this.caseId ? { id: this.caseId } : undefined) }\n )\n\n / What is typed over the handling read, and the investigation entry being written. /\n private handling = new DraftController<Handling>(this, {\n read: () => {\n const one = this.one\n if (!one) return undefined\n return {\n ...Object.fromEntries(HANDLING.map(field => [field, one[field] ?? ''])),\n investigators: (one.investigators ?? []).map((person: any) => ({ id: person.id, name: person.name, note: person.email }))\n } as Handling\n },\n key: () => this.caseId\n })\n private entry = new DraftController<Entry>(this, { read: () => ({ writtenOn: today(), body: '', files: [] }), key: () => this.caseId })\n\n / Each save reads the case again; its refusal is said in the sheet. /\n private saves = {\n handle: this.saving(gql`mutation ($patch: ComplianceCaseHandling!) { handleComplianceCase(patch: $patch) { id } }`),\n entry: this.saving(gql`\n mutation ($caseId: String!, $writtenOn: String!, $body: String!, $attach: [Upload!]) {\n addComplianceCaseEntry(caseId: $caseId, writtenOn: $writtenOn, body: $body, attach: $attach) { id }\n }\n `)\n }\n\n private saving(mutation: any) {\n return new MutationController(this, mutation, { refetch: () => [this.record], showsError: true })\n }\n\n private get one(): any {\n return this.record.data?.complianceCase ?? null\n }\n\n private get investigators(): Person[] {\n return this.handling.value('investigators') ?? []\n }\n\n private get working() {\n return Object.values(this.saves).some(save => save.pending)\n }\n\n /* What went wrong last: the read, or a save. /\n private get message() {\n const failed = this.record.error ?? this.saves.handle.error ?? this.saves.entry.error\n return failed ? failureOf(failed) : ''\n }\n\n / The users the words find (ADR-0190). /\n private choices = new QueryController(\n this,\n gql`\n query ($text: String!) {\n complianceCaseInvestigatorChoices(text: $text) { id name note }\n }\n `,\n { variables: () => (this.searched.trim() ? { text: this.searched } : undefined), keepPrevious: true }\n )\n\n private get found(): Person[] {\n return this.searched.trim() ? (this.choices.data?.complianceCaseInvestigatorChoices ?? []) : []\n }\n\n render() {\n const one = this.one\n if (!one) return html`<div class=\"body\"><span invalid>${this.message}</span></div>`\n const closed = !!one.closedOn\n const fact = (field: string, value: any) => (value ? html`<dt>${i18next.t(`field.compliance-case-${field}`)}</dt><dd>${value}</dd>` : nothing)\n return html`\n <div class=\"body\">\n <dl>\n ${fact('kind', wordOf('compliance-case-kind', one.kind))} ${fact('status', wordOf('compliance-case-status', one.status))} ${fact('received-on', one.receivedOn)}\n ${fact('investigation-due-on', one.investigationDueOn)} ${fact('reporter', one.reporter?.name)} ${fact('victim', one.victim?.name)}\n ${fact('accused', (one.accused ?? []).map((person: any) => person.name).join(', '))} ${fact('occurred-on', one.occurredOn)} ${fact('description', one.description)}\n ${fact('attachments', (one.attachments ?? []).length ? html`${one.attachments.map((file: any) => html`<a href=${file.fullpath} target=\"_blank\">${file.name}</a> `)}` : '')}\n </dl>\n\n <div class=\"field\">\n <span>${i18next.t('field.compliance-case-investigators')}</span>\n <div class=\"chips\">\n ${this.investigators.map(\n person =>\n html`<button type=\"button\" ?disabled=${closed} aria-label=${i18next.t('button.compliance-case-remove')} @click=${() => this.handling.set('investigators', this.investigators.filter(other => other.id !== person.id))}>\n ${person.name}<md-icon>close</md-icon>\n </button>`\n )}\n </div>\n ${closed\n ? nothing\n : html`<input placeholder=${i18next.t('text.compliance-case-find-person')} @input=${(e: any) => this.find(e.target.value)} />\n <div class=\"found\">\n ${this.found\n .filter(person => !this.investigators.some(other => other.id === person.id))\n .map(person => html`<button type=\"button\" @click=${() => (this.handling.set('investigators', [...this.investigators, person]), (this.searched = ''))}>${person.note ? `${person.name} · ${person.note}` : person.name}</button>`)}\n </div>`}\n </div>\n\n ${HANDLING.map(field =>\n DAYS.includes(field)\n ? html`<label class=\"field\">\n <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>\n <input type=\"date\" ?disabled=${closed} .value=${this.handling.value(field) ?? ''} @input=${(e: any) => this.handling.set(field, e.target.value)} />\n </label>`\n : html`<label class=\"field\">\n <span>${i18next.t(`field.compliance-case-${kebab(field)}`)}</span>\n <textarea ?disabled=${closed} .value=${this.handling.value(field) ?? ''} @input=${(e: any) => this.handling.set(field, e.target.value)}></textarea>\n </label>`\n )}\n\n <h4>${i18next.t('field.compliance-case-entries')}</h4>\n ${(one.entries ?? []).length\n ? html`<ul>\n ${one.entries.map(\n (entry: any) => html`<li>\n <span class=\"muted\">${entry.writtenOn} · ${entry.creator?.name ?? ''}</span><br />${entry.body}\n ${(entry.attachments ?? []).map((file: any) => html` <a href=${file.fullpath} target=\"_blank\">${file.name}</a>`)}\n </li>`\n )}\n </ul>`\n : html`<span class=\"muted\">${i18next.t('text.compliance-case-entries-empty')}</span>`}\n ${closed\n ? nothing\n : html`<label class=\"field\">\n <span>${i18next.t('field.compliance-case-entry-written-on')}</span>\n <input type=\"date\" .value=${this.entry.value('writtenOn') ?? ''} @input=${(e: any) => this.entry.set('writtenOn', e.target.value)} />\n </label>\n <label class=\"field\">\n <span>${i18next.t('field.compliance-case-entry-body')}</span>\n <textarea .value=${this.entry.value('body') ?? ''} @input=${(e: any) => this.entry.set('body', e.target.value)}></textarea>\n </label>\n <div class=\"field\">\n <ox-input-file multiple icon=\"attach_file\" @change=${(e: CustomEvent) => this.entry.set('files', [...((e.detail as File[]) ?? [])])}></ox-input-file>\n <md-text-button ?disabled=${this.working \|\| !(this.entry.value('body') ?? '').trim()} @click=${() => this.addEntry()}>${i18next.t('button.compliance-case-add-entry')}</md-text-button>\n </div>`}\n ${(one.corrections ?? []).length\n ? html`<h4>${i18next.t('field.compliance-case-corrections')}</h4>\n <ul>\n ${one.corrections.map(\n (row: any) =>\n html`<li class=\"muted\">${new Date(row.createdAt).toLocaleString()} · ${row.creator?.name ?? ''} · ${i18next.t(`field.compliance-case-${kebab(row.field === 'investigatorIds' ? 'investigators' : row.field)}`)}: ${row.before ?? ''} → ${row.after ?? ''}</li>`\n )}\n </ul>`\n : nothing}\n <span invalid>${this.message}</span>\n </div>\n\n <ox-popup-actions>\n <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.close')}</md-text-button>\n ${closed ? nothing : html`<md-filled-button slot=\"confirm\" ?disabled=${this.working} @click=${() => this.save()}>${i18next.t('button.save')}</md-filled-button>`}\n </ox-popup-actions>\n `\n }\n\n private find(text: string) {\n this.searched = text\n }\n\n /* Only what was changed goes, as a correction of what was read. */\n private async save() {\n const one = this.one\n const changed = HANDLING.filter(field => (this.handling.value(field) ?? '') !== (one[field] ?? ''))\n const before = (one.investigators ?? []).map((person: any) => person.id).sort().join()\n const after = this.investigators.map(person => person.id).sort().join()\n const patch: any = { id: one.id, ...Object.fromEntries(changed.map(field => [field, this.handling.value(field) \|\| null])) }\n if (before !== after) patch.investigatorIds = this.investigators.map(person => person.id)\n const saved = await this.handling.submit(() => this.saves.handle.run({ patch }))\n if (saved) notify({ message: i18next.t('text.compliance-case-saved') })\n }\n\n private async addEntry() {\n const writtenOn = this.entry.value('writtenOn')\n const body = this.entry.value('body')\n const files = this.entry.value('files') ?? []\n const added = await this.entry.submit(() =>\n this.saves.entry.run({ caseId: this.one.id, writtenOn, body, attach: files }, { context: files.length ? uploadContext(() => {}) : undefined })\n )\n if (added) notify({ message: i18next.t('text.compliance-case-saved') })\n }\n}\n"]}

package/dist-client/components/compliance-my-inventions.d.ts CHANGED Viewed

@@ -7,10 +7,9 @@ declare const ComplianceMyInventions_base: (new (...args: any[]) => LitElement)
  */
 export declare class ComplianceMyInventions extends ComplianceMyInventions_base {
     static styles: import("lit").CSSResult;
-    private rows;
-    private failure;
-    connectedCallback(): void;
-    private read;
+    private mine;
+    private get rows();
+    private get failure();
     render(): import("lit-html").TemplateResult<1>;
     private report;
 }

package/dist-client/components/compliance-my-inventions.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { __decorate, __metadata } from "tslib";
+import { __decorate } from "tslib";
 import '@material/web/button/filled-button.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { client } from '@operato/graphql';
+import { customElement } from 'lit/decorators.js';
+import { QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { LegalRecordFiles } from '../legal-record/legal-record-files.js';
 import { failureOf, wordOf } from '../words.js';
@@ -15,8 +15,8 @@ import { openInventionReportForm } from './invention-report-form.js';
 let ComplianceMyInventions = class ComplianceMyInventions extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
-        this.rows = [];
-        this.failure = '';
+        /* The inventions the person is one of the inventors of (ADR-0190). */
+        this.mine = new QueryController(this, gql `query { myInventions { id title reportedOn decisionDueOn decision decisionToldOn inventors { id name } } }`);
     }
     static { this.styles = css `
     :host {
@@ -64,23 +64,11 @@ let ComplianceMyInventions = class ComplianceMyInventions extends localize(i18ne
       color: var(--md-sys-color-error);
     }
   `; }
-    connectedCallback() {
-        super.connectedCallback();
-        this.read();
+    get rows() {
+        return this.mine.data?.myInventions ?? [];
     }
-    async read() {
-        try {
-            const response = await client.query({
-                query: gql `query { myInventions { id title reportedOn decisionDueOn decision decisionToldOn inventors { id name } } }`,
-                fetchPolicy: 'network-only'
-            });
-            if (response.errors?.length)
-                throw response;
-            this.rows = response.data.myInventions;
-        }
-        catch (error) {
-            this.failure = failureOf(error);
-        }
+    get failure() {
+        return this.mine.error ? failureOf(this.mine.error) : '';
     }
     render() {
         return html `
@@ -115,17 +103,9 @@ let ComplianceMyInventions = class ComplianceMyInventions extends localize(i18ne
     }
     async report() {
         if (await openInventionReportForm())
-            this.read();
+            this.mine.refetch();
     }
 };
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ComplianceMyInventions.prototype, "rows", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceMyInventions.prototype, "failure", void 0);
 ComplianceMyInventions = __decorate([
     customElement('compliance-my-inventions')
 ], ComplianceMyInventions);

package/dist-client/components/compliance-my-inventions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"compliance-my-inventions.js","sourceRoot":"","sources":["../../client/components/compliance-my-inventions.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAE9C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,~~KAAK,EAAE,~~MAAM,mBAAmB,CAAA;~~AAExD~~,OAAO,EAAE,~~MAAM~~,EAAE,MAAM,kBAAkB,CAAA;~~AACzC~~,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AAEpE;;;GAGG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAlE;;~~QAgDY~~,SAAI,~~GAAU~~,~~EAAE~~,~~CAAA;QAChB~~,~~YAAO~~,GAAG,~~EAAE~~,CAAA;~~IAyD/B~~,CAAC;~~aAzGQ~~,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6ClB,AA7CY,CA6CZ;~~IAKD~~,~~iBAAiB~~;~~QACf~~,~~KAAK~~,CAAC,~~iBAAiB~~,~~EAAE~~,~~CAAA;QACzB,~~IAAI,~~CAAC~~,IAAI,EAAE,CAAA;~~IACb~~,CAAC;~~IAEO~~,~~KAAK~~,~~CAAC,IAAI~~;~~QAChB~~,IAAI,CAAC~~;YACH~~,~~MAAM~~,~~QAAQ,GAAG,MAAM,MAAM,~~CAAC,KAAK,CAAC~~;gBAClC~~,~~KAAK,EAAE,GAAG,CAAA,4GAA4G;gBACtH,WAAW,EAAE,cAAc;aAC5B,~~CAAC,~~CAAA;YACF,IAAI,QAAQ,~~CAAC,~~MAAM~~,~~EAAE,MAAM;gBAAE,MAAM,QAAQ,CAAA;YAC3C,IAAI,~~CAAC,IAAI,~~GAAG,QAAQ,~~CAAC,IAAI,CAAC,~~YAAY~~,~~CAAA;QACxC,~~CAAC~~;QAAC~~,~~OAAO,KAAK,EAAE,~~CAAC~~;YACf~~,~~IAAI,~~CAAC,~~OAAO,GAAG,SAAS,~~CAAC,~~KAAK~~,~~CAAC,~~CAAA;~~QACjC~~,CAAC;~~IACH,CAAC;~~IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;aAEF,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;mCAChB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;;QAEtF,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,EAAE;QAChE,IAAI,CAAC,IAAI,CAAC,MAAM;YAChB,CAAC,CAAC,IAAI,CAAA;;oBAEM,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;oBAClC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;oBACtC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;oBACxC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC;oBACrC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;;cAExC,IAAI,CAAC,IAAI,CAAC,GAAG,CACb,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;sBACH,GAAG,CAAC,KAAK;sBACT,CAAC,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;kCACtD,GAAG,CAAC,UAAU;;oBAE5B,GAAG,CAAC,QAAQ;gBACZ,CAAC,CAAC,GAAG,MAAM,CAAC,oBAAoB,EAAE,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,cAAc,IAAI,EAAE,EAAE;gBAC/E,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,aAAa,EAAE,CAAC;;2CAE/C,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,EAAE,sBAAsB,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC;oBACzJ,CACP;mBACM;YACX,CAAC,CAAC,IAAI,CAAA,mBAAmB,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,MAAM;KACxE,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,MAAM;QAClB,IAAI,MAAM,uBAAuB,EAAE;YAAE,IAAI,CAAC,IAAI,EAAE,CAAA;~~IAClD~~,CAAC;;~~AAzDgB;IAAhB~~,~~KAAK,EAAE;;oDAAyB;AAChB;IAAhB,KAAK,EAAE;;uDAAqB;AAjDlB,~~sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,~~CA0GlC~~","sourcesContent":["import '@material/web/button/filled-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, ~~state~~ } from 'lit/decorators.js'\n\nimport { ~~client~~ } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { LegalRecordFiles } from '../legal-record/legal-record-files.js'\nimport { failureOf, wordOf } from '../words.js'\nimport { openInventionReportForm } from './invention-report-form.js'\n\n/*\n 직무발명 신고 - an employee's own entry (ADR-0187 decisions 10, 24): the inventions one is an inventor of, the day the\n * company is to tell its decision by and what it told, and the way to report another. Nothing of anyone else's.\n */\n@customElement('compliance-my-inventions')\nexport class ComplianceMyInventions extends localize(i18next)(LitElement) {\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n }\n header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-medium, 8px);\n }\n header p,\n .none {\n margin: 0;\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n }\n table {\n width: 100%;\n border-collapse: collapse;\n }\n th,\n td {\n padding: 6px 4px;\n text-align: left;\n border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n }\n th {\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n font-weight: normal;\n }\n td.day {\n white-space: nowrap;\n }\n button[quiet] {\n border: none;\n background: none;\n padding: 0;\n color: var(--md-sys-color-primary);\n font: inherit;\n cursor: pointer;\n }\n .failure {\n color: var(--md-sys-color-error);\n }\n `\n\n ~~@state()~~ ~~private~~ ~~rows:~~ ~~any[]~~ = ~~[]\n @state()~~ ~~private~~ ~~failure~~ = ~~''\n\n connectedCallback()~~ ~~{\n super.connectedCallback~~()~~\n this~~.~~read()\~~n ~~}\n\n~~ private ~~async~~ ~~read() {\n try {\n const response~~ = ~~await~~ ~~client.query~~({\n ~~query:~~ gql`query { myInventions { id title reportedOn decisionDueOn decision decisionToldOn inventors { id name } } }~~`,\~~n ~~fetchPolicy: 'network-only'~~\n })\n if (~~response.errors?.length~~) ~~throw~~ ~~response~~\n this.~~rows = response~~.data.myInventions\n } ~~catch~~ (~~error~~) {\n this.~~failure~~ = failureOf(error)\n ~~}\n~~ }\n\n render() {\n return html`\n <header>\n <p>${i18next.t('text.invention-mine-guide')}</p>\n <md-filled-button @click=${() => this.report()}>${i18next.t('button.invention-report')}</md-filled-button>\n </header>\n ${this.failure ? html`<p class=\"failure\">${this.failure}</p>` : ''}\n ${this.rows.length\n ? html`<table>\n <tr>\n <th>${i18next.t('field.invention-title')}</th>\n <th>${i18next.t('field.invention-inventors')}</th>\n <th>${i18next.t('field.invention-reported-on')}</th>\n <th>${i18next.t('field.invention-decision')}</th>\n <th>${i18next.t('field.invention-files')}</th>\n </tr>\n ${this.rows.map(\n one => html`<tr>\n <td>${one.title}</td>\n <td>${(one.inventors ?? []).map((person: any) => person.name).join(', ')}</td>\n <td class=\"day\">${one.reportedOn}</td>\n <td class=\"day\">\n ${one.decision\n ? `${wordOf('invention-decision', one.decision)} · ${one.decisionToldOn ?? ''}`\n : i18next.t('text.invention-decision-due', { day: one.decisionDueOn })}\n </td>\n <td><button quiet @click=${() => LegalRecordFiles.open('inventionFiles', 'attachInventionFiles', one.id, one.title)}>${i18next.t('button.legal-record-files')}</button></td>\n </tr>`\n )}\n </table>`\n : html`<p class=\"none\">${i18next.t('text.invention-mine-empty')}</p>`}\n `\n }\n\n private async report() {\n if (await openInventionReportForm()) this.~~read~~()\n }\n}\n"]}
1	+ {"version":3,"file":"compliance-my-inventions.js","sourceRoot":"","sources":["../../client/components/compliance-my-inventions.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { LegalRecordFiles } from '../legal-record/legal-record-files.js'\nimport { failureOf, wordOf } from '../words.js'\nimport { openInventionReportForm } from './invention-report-form.js'\n\n/*\n 직무발명 신고 - an employee's own entry (ADR-0187 decisions 10, 24): the inventions one is an inventor of, the day the\n * company is to tell its decision by and what it told, and the way to report another. Nothing of anyone else's.\n /\n@customElement('compliance-my-inventions')\nexport class ComplianceMyInventions extends localize(i18next)(LitElement) {\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n }\n header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-medium, 8px);\n }\n header p,\n .none {\n margin: 0;\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n }\n table {\n width: 100%;\n border-collapse: collapse;\n }\n th,\n td {\n padding: 6px 4px;\n text-align: left;\n border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n }\n th {\n color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n font-weight: normal;\n }\n td.day {\n white-space: nowrap;\n }\n button[quiet] {\n border: none;\n background: none;\n padding: 0;\n color: var(--md-sys-color-primary);\n font: inherit;\n cursor: pointer;\n }\n .failure {\n color: var(--md-sys-color-error);\n }\n `\n\n / The inventions the person is one of the inventors of (ADR-0190). */\n private mine = new QueryController(\n this,\n gql`query { myInventions { id title reportedOn decisionDueOn decision decisionToldOn inventors { id name } } }`\n )\n\n private get rows(): any[] {\n return this.mine.data?.myInventions ?? []\n }\n\n private get failure() {\n return this.mine.error ? failureOf(this.mine.error) : ''\n }\n\n render() {\n return html`\n <header>\n <p>${i18next.t('text.invention-mine-guide')}</p>\n <md-filled-button @click=${() => this.report()}>${i18next.t('button.invention-report')}</md-filled-button>\n </header>\n ${this.failure ? html`<p class=\"failure\">${this.failure}</p>` : ''}\n ${this.rows.length\n ? html`<table>\n <tr>\n <th>${i18next.t('field.invention-title')}</th>\n <th>${i18next.t('field.invention-inventors')}</th>\n <th>${i18next.t('field.invention-reported-on')}</th>\n <th>${i18next.t('field.invention-decision')}</th>\n <th>${i18next.t('field.invention-files')}</th>\n </tr>\n ${this.rows.map(\n one => html`<tr>\n <td>${one.title}</td>\n <td>${(one.inventors ?? []).map((person: any) => person.name).join(', ')}</td>\n <td class=\"day\">${one.reportedOn}</td>\n <td class=\"day\">\n ${one.decision\n ? `${wordOf('invention-decision', one.decision)} · ${one.decisionToldOn ?? ''}`\n : i18next.t('text.invention-decision-due', { day: one.decisionDueOn })}\n </td>\n <td><button quiet @click=${() => LegalRecordFiles.open('inventionFiles', 'attachInventionFiles', one.id, one.title)}>${i18next.t('button.legal-record-files')}</button></td>\n </tr>`\n )}\n </table>`\n : html`<p class=\"none\">${i18next.t('text.invention-mine-empty')}</p>`}\n `\n }\n\n private async report() {\n if (await openInventionReportForm()) this.mine.refetch()\n }\n}\n"]}

package/dist-client/components/compliance-my-privacy-requests.d.ts CHANGED Viewed

@@ -12,8 +12,9 @@ export declare class CompliancePrivacyRequestForm extends CompliancePrivacyReque
     static styles: import("lit").CSSResult[];
     private kind;
     private details;
-    private working;
-    private message;
+    private raising;
+    private get working();
+    private get message();
     render(): import("lit-html").TemplateResult<1>;
     private raise;
 }
@@ -24,11 +25,10 @@ declare const ComplianceMyPrivacyRequests_base: (new (...args: any[]) => LitElem
  */
 export declare class ComplianceMyPrivacyRequests extends ComplianceMyPrivacyRequests_base {
     static styles: import("lit").CSSResult;
-    private requests;
-    private message;
-    connectedCallback(): void;
+    private mine;
+    private get requests();
+    private get message();
     render(): import("lit-html").TemplateResult<1>;
-    private read;
     private raise;
 }
 export {};