@things-factory/compliance 0.0.0-stage → 10.1.255

package/dist-client/legal-record/legal-record-files.d.ts

@@ -0,0 +1,26 @@
+import '@operato/input/ox-input-file.js';
+import { LitElement } from 'lit';
+declare const LegalRecordFiles_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * The files of one legal record - a certificate, a filing, a letter, a pleading (ADR-0187 decisions 23-25). A picked
+ * file is attached at once and kept: a legal record keeps what it was shown, so no file is taken off.
+ */
+export declare class LegalRecordFiles extends LegalRecordFiles_base {
+    static styles: import("lit").CSSResult;
+    /** The record's files door - `legalRegistrationFiles`, `inventionFiles`, `disputeFiles`. */
+    door: string;
+    /** The record's attaching door - `attachLegalRegistrationFiles` ... */
+    attachDoor: string;
+    recordId: string;
+    readonly: boolean;
+    rows: any[];
+    busy: boolean;
+    progress?: number;
+    failure: string;
+    static open(door: string, attachDoor: string, recordId: string, title: string, readonly?: boolean): import("@operato/layout").PopupHandle<unknown>;
+    connectedCallback(): void;
+    private read;
+    private upload;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist-client/legal-record/legal-record-files.js

@@ -0,0 +1,162 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/input/ox-input-file.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client, uploadContext } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+import { failureOf } from '../words.js';
+/**
+ * The files of one legal record - a certificate, a filing, a letter, a pleading (ADR-0187 decisions 23-25). A picked
+ * file is attached at once and kept: a legal record keeps what it was shown, so no file is taken off.
+ */
+let LegalRecordFiles = class LegalRecordFiles extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        /** The record's files door - `legalRegistrationFiles`, `inventionFiles`, `disputeFiles`. */
+        this.door = '';
+        /** The record's attaching door - `attachLegalRegistrationFiles` ... */
+        this.attachDoor = '';
+        this.recordId = '';
+        this.readonly = false;
+        this.rows = [];
+        this.busy = false;
+        this.failure = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-medium, 8px);
+      padding: var(--spacing-large, 12px);
+      min-height: 200px;
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+    }
+    td {
+      padding: 6px 4px;
+      border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+    }
+    td.num {
+      text-align: right;
+      white-space: nowrap;
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    .none {
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    .failure {
+      color: var(--md-sys-color-error);
+    }
+  `; }
+    static open(door, attachDoor, recordId, title, readonly = false) {
+        return openPopup(html `<legal-record-files .door=${door} .attachDoor=${attachDoor} .recordId=${recordId} ?readonly=${readonly}></legal-record-files>`, { backdrop: true, size: 'medium', title });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.read();
+    }
+    async read() {
+        try {
+            const response = await client.query({
+                query: gql(`query ($id: String!) { files: ${this.door}(id: $id) { id name size fullpath createdAt } }`),
+                variables: { id: this.recordId },
+                fetchPolicy: 'network-only'
+            });
+            if (response.errors?.length)
+                throw response;
+            this.rows = response.data.files;
+        }
+        catch (error) {
+            this.failure = failureOf(error);
+        }
+    }
+    async upload(files) {
+        if (!files.length || this.busy)
+            return;
+        this.busy = true;
+        this.failure = '';
+        try {
+            const response = await client.mutate({
+                mutation: gql(`mutation ($id: String!, $files: [Upload!]!) { files: ${this.attachDoor}(id: $id, files: $files) { id name size fullpath createdAt } }`),
+                variables: { id: this.recordId, files },
+                context: uploadContext((fraction) => (this.progress = fraction))
+            });
+            if (response.errors?.length)
+                throw response;
+            this.rows = response.data.files;
+        }
+        catch (error) {
+            this.failure = failureOf(error);
+        }
+        finally {
+            this.busy = false;
+            this.progress = undefined;
+            this.renderRoot.querySelector('ox-input-file')?.reset?.();
+        }
+    }
+    render() {
+        const size = (bytes) => (bytes ? (bytes >= 1048576 ? `${(bytes / 1048576).toFixed(1)}MB` : `${Math.max(1, Math.round(bytes / 1024))}KB`) : '');
+        return html `
+      ${this.readonly
+            ? ''
+            : html `<ox-input-file
+            multiple
+            .label=${i18next.t('button.legal-record-attach')}
+            .progress=${this.progress}
+            ?disabled=${this.busy && this.progress === undefined}
+            @change=${(e) => this.upload([...(e.detail ?? [])])}
+          ></ox-input-file>`}
+      ${this.rows.length
+            ? html `<table>
+            ${this.rows.map(one => html `<tr>
+                <td><a href=${one.fullpath} target="_blank" rel="noopener">${one.name}</a></td>
+                <td class="num">${size(one.size)}</td>
+                <td class="num">${String(one.createdAt ?? '').slice(0, 10)}</td>
+              </tr>`)}
+          </table>`
+            : html `<p class="none">${i18next.t('text.legal-record-no-files')}</p>`}
+      ${this.failure ? html `<p class="failure">${this.failure}</p>` : ''}
+    `;
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], LegalRecordFiles.prototype, "door", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], LegalRecordFiles.prototype, "attachDoor", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], LegalRecordFiles.prototype, "recordId", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], LegalRecordFiles.prototype, "readonly", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], LegalRecordFiles.prototype, "rows", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LegalRecordFiles.prototype, "busy", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], LegalRecordFiles.prototype, "progress", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LegalRecordFiles.prototype, "failure", void 0);
+LegalRecordFiles = __decorate([
+    customElement('legal-record-files')
+], LegalRecordFiles);
+export { LegalRecordFiles };
+//# sourceMappingURL=legal-record-files.js.map

package/dist-client/legal-record/legal-record-files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legal-record-files.js","sourceRoot":"","sources":["../../client/legal-record/legal-record-files.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-file.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\n\nimport { failureOf } from '../words.js'\n\n/**\n * The files of one legal record - a certificate, a filing, a letter, a pleading (ADR-0187 decisions 23-25). A picked\n * file is attached at once and kept: a legal record keeps what it was shown, so no file is taken off.\n */\n@customElement('legal-record-files')\nexport class LegalRecordFiles extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n      padding: var(--spacing-large, 12px);\n      min-height: 200px;\n    }\n    table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    td {\n      padding: 6px 4px;\n      border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n    }\n    td.num {\n      text-align: right;\n      white-space: nowrap;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    .none {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    .failure {\n      color: var(--md-sys-color-error);\n    }\n  `\n\n  /** The record's files door - `legalRegistrationFiles`, `inventionFiles`, `disputeFiles`. */\n  @property() door = ''\n  /** The record's attaching door - `attachLegalRegistrationFiles` ... */\n  @property() attachDoor = ''\n  @property() recordId = ''\n  @property({ type: Boolean }) readonly = false\n  @state() rows: any[] = []\n  @state() busy = false\n  @state() progress?: number\n  @state() failure = ''\n\n  static open(door: string, attachDoor: string, recordId: string, title: string, readonly = false) {\n    return openPopup(html`<legal-record-files .door=${door} .attachDoor=${attachDoor} .recordId=${recordId} ?readonly=${readonly}></legal-record-files>`, { backdrop: true, size: 'medium', title })\n  }\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 ($id: String!) { files: ${this.door}(id: $id) { id name size fullpath createdAt } }`),\n        variables: { id: this.recordId },\n        fetchPolicy: 'network-only'\n      })\n      if (response.errors?.length) throw response\n      this.rows = response.data.files\n    } catch (error) {\n      this.failure = failureOf(error)\n    }\n  }\n\n  private async upload(files: File[]) {\n    if (!files.length || this.busy) return\n    this.busy = true\n    this.failure = ''\n    try {\n      const response = await client.mutate({\n        mutation: gql(`mutation ($id: String!, $files: [Upload!]!) { files: ${this.attachDoor}(id: $id, files: $files) { id name size fullpath createdAt } }`),\n        variables: { id: this.recordId, files },\n        context: uploadContext((fraction: number) => (this.progress = fraction))\n      })\n      if ((response as any).errors?.length) throw response\n      this.rows = response.data.files\n    } catch (error) {\n      this.failure = failureOf(error)\n    } finally {\n      this.busy = false\n      this.progress = undefined\n      ;(this.renderRoot.querySelector('ox-input-file') as any)?.reset?.()\n    }\n  }\n\n  render() {\n    const size = (bytes?: number) => (bytes ? (bytes >= 1048576 ? `${(bytes / 1048576).toFixed(1)}MB` : `${Math.max(1, Math.round(bytes / 1024))}KB`) : '')\n    return html`\n      ${this.readonly\n        ? ''\n        : html`<ox-input-file\n            multiple\n            .label=${i18next.t('button.legal-record-attach')}\n            .progress=${this.progress}\n            ?disabled=${this.busy && this.progress === undefined}\n            @change=${(e: CustomEvent) => this.upload([...(e.detail ?? [])])}\n          ></ox-input-file>`}\n      ${this.rows.length\n        ? html`<table>\n            ${this.rows.map(\n              one => html`<tr>\n                <td><a href=${one.fullpath} target=\"_blank\" rel=\"noopener\">${one.name}</a></td>\n                <td class=\"num\">${size(one.size)}</td>\n                <td class=\"num\">${String(one.createdAt ?? '').slice(0, 10)}</td>\n              </tr>`\n            )}\n          </table>`\n        : html`<p class=\"none\">${i18next.t('text.legal-record-no-files')}</p>`}\n      ${this.failure ? html`<p class=\"failure\">${this.failure}</p>` : ''}\n    `\n  }\n}\n"]}

package/dist-client/pages/compliance-case-list.d.ts

@@ -0,0 +1,35 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import { FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+export declare const CASE_STATUSES: string[];
+declare const ComplianceCaseList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 신고 사건 (ADR-0187 decision 21) - the cases the handler reads, newest first: never one they are reported against,
+ * never one left to its reporter. A case opens in its sheet, where its handling and investigation are written.
+ */
+export declare class ComplianceCaseList extends ComplianceCaseList_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    private grist;
+    get context(): {
+        title: string;
+        filter: {
+            handler: () => void;
+        };
+        actions: {
+            title: string;
+            icon: string;
+            action: () => Promise<void>;
+        }[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    private open;
+    private record;
+}
+export {};

package/dist-client/pages/compliance-case-list.js

@@ -0,0 +1,112 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { PageView } from '@operato/shell';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { CASE_KINDS, openComplianceCaseForm } from '../components/compliance-case-form.js';
+import { openComplianceCaseSheet } from '../components/compliance-case-sheet.js';
+import { optionsOf, wordOf } from '../words.js';
+export const CASE_STATUSES = ['RECEIVED', 'INVESTIGATING', 'DECIDED', 'TOLD', 'CLOSED'];
+const blankFirst = (options) => [{ value: '', display: '' }, ...options];
+/**
+ * 신고 사건 (ADR-0187 decision 21) - the cases the handler reads, newest first: never one they are reported against,
+ * never one left to its reporter. A case opens in its sheet, where its handling and investigation are written.
+ */
+let ComplianceCaseList = class ComplianceCaseList extends localize(i18next)(PageView) {
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
+    get context() {
+        return {
+            title: i18next.t('title.compliance-case-list'),
+            filter: { handler: () => this.grist.toggleHeadroom() },
+            actions: [
+                { title: i18next.t('button.compliance-case-open'), icon: 'open_in_new', action: () => this.open() },
+                { title: i18next.t('button.compliance-case-record'), icon: 'add', action: () => this.record() }
+            ]
+        };
+    }
+    render() {
+        return html `<ox-grist class="page-fill" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <div slot="headroom" class="header">
+        <div class="filters"><ox-filters-form without-search autofocus></ox-filters-form></div>
+      </div>
+    </ox-grist>`;
+    }
+    async pageInitialized() {
+        const header = (name) => i18next.t(`field.compliance-case-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`);
+        const shown = (name, width, renderer, extra = {}) => ({ type: 'string', name, header: header(name), width, sortable: true, ...extra, record: { renderer, ...extra.record } });
+        const names = (value) => (value ?? []).map(one => one.name).join(', ');
+        this.gristConfig = {
+            rows: { appendable: false, selectable: { multiple: false } },
+            pagination: { limit: 100, pages: [50, 100] },
+            emptyNote: { title: i18next.t('text.compliance-case-empty') },
+            list: { fields: ['receivedOn', 'kind', 'status'], details: ['investigationDueOn'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: false },
+                shown('receivedOn', 100, undefined, { record: { align: 'center' } }),
+                shown('kind', 120, value => wordOf('compliance-case-kind', value), { type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf('compliance-case-kind', CASE_KINDS)) } }),
+                shown('status', 90, value => wordOf('compliance-case-status', value), { type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf('compliance-case-status', CASE_STATUSES)) } }),
+                shown('reporter', 90, value => value?.name ?? '', { sortable: false }),
+                shown('accused', 140, names, { sortable: false }),
+                shown('investigationDueOn', 110, undefined, { record: { align: 'center' } }),
+                shown('investigationStartedOn', 110, undefined, { record: { align: 'center' } }),
+                shown('investigators', 140, names, { sortable: false }),
+                shown('resultToldOn', 100, undefined, { record: { align: 'center' } }),
+                shown('closedOn', 100, undefined, { record: { align: 'center' } })
+            ],
+            sorters: [{ name: 'receivedOn', desc: true }]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+          responses: complianceCases(filters: $filters, pagination: $pagination, sortings: $sortings) {
+            items {
+              id kind status receivedOn investigationDueOn investigationStartedOn resultToldOn closedOn
+              reporter { id name } accused { id name } investigators { id name }
+            }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return { total: response.data.responses.total, records: response.data.responses.items };
+    }
+    async open() {
+        const [chosen] = this.grist.selected;
+        if (!chosen?.id)
+            return notify({ level: 'warn', message: i18next.t('text.compliance-case-pick-one') });
+        await openComplianceCaseSheet(chosen.id);
+        this.grist.fetch();
+    }
+    async record() {
+        if (await openComplianceCaseForm(true))
+            this.grist.fetch();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ComplianceCaseList.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], ComplianceCaseList.prototype, "grist", void 0);
+ComplianceCaseList = __decorate([
+    customElement('compliance-case-list')
+], ComplianceCaseList);
+export { ComplianceCaseList };
+//# sourceMappingURL=compliance-case-list.js.map

package/dist-client/pages/compliance-case-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compliance-case-list.js","sourceRoot":"","sources":["../../client/pages/compliance-case-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { CASE_KINDS, openComplianceCaseForm } from '../components/compliance-case-form.js'\nimport { openComplianceCaseSheet } from '../components/compliance-case-sheet.js'\nimport { optionsOf, wordOf } from '../words.js'\n\nexport const CASE_STATUSES = ['RECEIVED', 'INVESTIGATING', 'DECIDED', 'TOLD', 'CLOSED']\nconst blankFirst = (options: { value: string; display: string }[]) => [{ value: '', display: '' }, ...options]\n\n/**\n * 신고 사건 (ADR-0187 decision 21) - the cases the handler reads, newest first: never one they are reported against,\n * never one left to its reporter. A case opens in its sheet, where its handling and investigation are written.\n */\n@customElement('compliance-case-list')\nexport class ComplianceCaseList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.compliance-case-list'),\n      filter: { handler: () => this.grist.toggleHeadroom() },\n      actions: [\n        { title: i18next.t('button.compliance-case-open'), icon: 'open_in_new', action: () => this.open() },\n        { title: i18next.t('button.compliance-case-record'), icon: 'add', action: () => this.record() }\n      ]\n    }\n  }\n\n  render() {\n    return html`<ox-grist class=\"page-fill\" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\"><ox-filters-form without-search autofocus></ox-filters-form></div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    const header = (name: string) => i18next.t(`field.compliance-case-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`)\n    const shown = (name: string, width: number, renderer?: (value: any) => any, extra: any = {}) => ({ type: 'string', name, header: header(name), width, sortable: true, ...extra, record: { renderer, ...extra.record } })\n    const names = (value: any[]) => (value ?? []).map(one => one.name).join(', ')\n    this.gristConfig = {\n      rows: { appendable: false, selectable: { multiple: false } },\n      pagination: { limit: 100, pages: [50, 100] },\n      emptyNote: { title: i18next.t('text.compliance-case-empty') },\n      list: { fields: ['receivedOn', 'kind', 'status'], details: ['investigationDueOn'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: false },\n        shown('receivedOn', 100, undefined, { record: { align: 'center' } }),\n        shown('kind', 120, value => wordOf('compliance-case-kind', value), { type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf('compliance-case-kind', CASE_KINDS)) } }),\n        shown('status', 90, value => wordOf('compliance-case-status', value), { type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf('compliance-case-status', CASE_STATUSES)) } }),\n        shown('reporter', 90, value => value?.name ?? '', { sortable: false }),\n        shown('accused', 140, names, { sortable: false }),\n        shown('investigationDueOn', 110, undefined, { record: { align: 'center' } }),\n        shown('investigationStartedOn', 110, undefined, { record: { align: 'center' } }),\n        shown('investigators', 140, names, { sortable: false }),\n        shown('resultToldOn', 100, undefined, { record: { align: 'center' } }),\n        shown('closedOn', 100, undefined, { record: { align: 'center' } })\n      ],\n      sorters: [{ name: 'receivedOn', desc: true }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: complianceCases(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id kind status receivedOn investigationDueOn investigationStartedOn resultToldOn closedOn\n              reporter { id name } accused { id name } investigators { id name }\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n\n  private async open() {\n    const [chosen] = this.grist.selected\n    if (!chosen?.id) return notify({ level: 'warn', message: i18next.t('text.compliance-case-pick-one') })\n    await openComplianceCaseSheet(chosen.id)\n    this.grist.fetch()\n  }\n\n  private async record() {\n    if (await openComplianceCaseForm(true)) this.grist.fetch()\n  }\n}\n"]}

package/dist-client/pages/dispute-list.d.ts

@@ -0,0 +1,57 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '../legal-record/legal-child-grid.js';
+import '../legal-record/legal-record-files.js';
+import { FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const DisputeListPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 분쟁 · 소송 (ADR-0187 decision 25) - the company's certified letters, lawsuits, mediations and administrative actions,
+ * with whom and who represents it; a dispute's hearings are written beside it and shown on the work calendar. Read by
+ * those who keep the records only. A dispute is never deleted - it is closed.
+ */
+export declare class DisputeListPage extends DisputeListPage_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    private grist;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => string;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        actions: ({
+            title: string;
+            icon: string;
+            action: () => void;
+        } | {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<void>;
+        })[];
+        exportable: {
+            name: string;
+            data: () => any[];
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters, search }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    private save;
+    private picked;
+    private hearings;
+    private files;
+}
+export {};

package/dist-client/pages/dispute-list.js

@@ -0,0 +1,156 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '../legal-record/legal-child-grid.js';
+import '../legal-record/legal-record-files.js';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist, getEditor } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { PageView } from '@operato/shell';
+import { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { LegalChildGrid } from '../legal-record/legal-child-grid.js';
+import { DISPUTE_KINDS, DISPUTE_STATUSES } from '../legal-record/legal-codes.js';
+import { dayColumn, idsOf, patchesOf, saveRows, textColumn } from '../legal-record/legal-grid.js';
+import { LegalRecordFiles } from '../legal-record/legal-record-files.js';
+import { optionsOf, wordOf } from '../words.js';
+const FIELDS = ['kind', 'title', 'caseNo', 'counterparty', 'otherParty', 'counsel', 'status', 'startedOn', 'closedOn', 'outcome', 'costs', 'notes'];
+const blankFirst = (options) => [{ value: '', display: '' }, ...options];
+/**
+ * 분쟁 · 소송 (ADR-0187 decision 25) - the company's certified letters, lawsuits, mediations and administrative actions,
+ * with whom and who represents it; a dispute's hearings are written beside it and shown on the work calendar. Read by
+ * those who keep the records only. A dispute is never deleted - it is closed.
+ */
+let DisputeListPage = class DisputeListPage extends localize(i18next)(PageView) {
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
+    get context() {
+        return {
+            title: i18next.t('title.dispute-list'),
+            search: { handler: (search) => (this.grist.searchText = search), value: this.grist?.searchText || '' },
+            filter: { handler: () => this.grist.toggleHeadroom() },
+            actions: [
+                { title: i18next.t('button.dispute-hearings'), icon: 'event', action: () => this.hearings() },
+                { title: i18next.t('button.legal-record-files'), icon: 'attach_file', action: () => this.files() },
+                { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }
+            ],
+            exportable: { name: i18next.t('title.dispute-list'), data: () => this.grist.exportRecords() }
+        };
+    }
+    render() {
+        return html `<ox-grist class="page-fill" search-mode="term" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <div slot="headroom" class="header">
+        <div class="filters"><ox-filters-form without-search autofocus></ox-filters-form></div>
+      </div>
+    </ox-grist>`;
+    }
+    async pageInitialized() {
+        const header = (name) => i18next.t(`field.dispute-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`);
+        const select = (name, set, codes, width) => ({
+            type: 'select',
+            name,
+            header: header(name),
+            width,
+            sortable: true,
+            record: { editable: true, options: blankFirst(optionsOf(set, codes)), renderer: (value) => wordOf(set, value) },
+            filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf(set, codes)) }
+        });
+        this.gristConfig = {
+            rows: { appendable: true, selectable: { multiple: false } },
+            pagination: { limit: 100, pages: [50, 100] },
+            emptyNote: { title: i18next.t('text.dispute-empty'), description: i18next.t('text.dispute-empty-description') },
+            list: { fields: ['title', 'kind', 'status'], details: ['counterparty', 'startedOn'] },
+            columns: [
+                { type: 'gutter', gutterName: 'dirty' },
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: false },
+                select('kind', 'dispute-kind', DISPUTE_KINDS, 130),
+                textColumn('title', header('title'), 200),
+                textColumn('caseNo', header('caseNo'), 130),
+                {
+                    type: 'object',
+                    name: 'counterparty',
+                    header: header('counterparty'),
+                    width: 150,
+                    record: {
+                        editable: true,
+                        editor: getEditor('resource-object'),
+                        options: { queryName: 'counterpartyChoices', select: [{ name: 'id', hidden: true }, { name: 'name', width: 200 }, { name: 'businessNumber', width: 120 }] }
+                    }
+                },
+                textColumn('otherParty', header('otherParty'), 130),
+                textColumn('counsel', header('counsel'), 140),
+                select('status', 'dispute-status', DISPUTE_STATUSES, 80),
+                dayColumn('startedOn', header('startedOn')),
+                dayColumn('closedOn', header('closedOn')),
+                textColumn('outcome', header('outcome'), 160),
+                textColumn('costs', header('costs'), 180),
+                textColumn('notes', header('notes'), 160)
+            ],
+            sorters: [{ name: 'startedOn', desc: true }]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: disputes(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items { id kind title caseNo otherParty counsel status startedOn closedOn outcome costs notes counterparty { id name businessNumber } }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return { total: response.data.responses.total, records: response.data.responses.items };
+    }
+    async save() {
+        if (await saveRows('updateMultipleDispute', 'DisputePatch', patchesOf(this.grist, FIELDS, patch => idsOf(patch, ['counterparty']))))
+            this.grist.fetch();
+    }
+    picked() {
+        const one = this.grist.selected[0];
+        if (!one?.id)
+            notify({ level: 'warn', message: i18next.t('text.legal-record-pick-one') });
+        return one?.id ? one : null;
+    }
+    hearings() {
+        const dispute = this.picked();
+        if (!dispute)
+            return;
+        const header = (name) => i18next.t(`field.dispute-hearing-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`);
+        LegalChildGrid.open(`${i18next.t('button.dispute-hearings')} · ${dispute.title}`, {
+            appendable: true,
+            columns: [dayColumn('heldOn', header('heldOn')), textColumn('heldAt', header('heldAt'), 70), textColumn('name', header('name'), 160), textColumn('place', header('place'), 180), textColumn('notes', header('notes'), 200)],
+            fetch: async () => {
+                const response = await client.query({ query: gql `query ($id: String) { disputeHearings(disputeId: $id) { items { id heldOn heldAt name place notes } } }`, variables: { id: dispute.id }, fetchPolicy: 'network-only' });
+                return response.data?.disputeHearings?.items ?? [];
+            },
+            save: grist => saveRows('updateMultipleDisputeHearing', 'DisputeHearingPatch', patchesOf(grist, ['heldOn', 'heldAt', 'name', 'place', 'notes']), { disputeId: dispute.id })
+        });
+    }
+    files() {
+        const one = this.picked();
+        if (one)
+            LegalRecordFiles.open('disputeFiles', 'attachDisputeFiles', one.id, `${i18next.t('button.legal-record-files')} · ${one.title}`);
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], DisputeListPage.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], DisputeListPage.prototype, "grist", void 0);
+DisputeListPage = __decorate([
+    customElement('dispute-list')
+], DisputeListPage);
+export { DisputeListPage };
+//# sourceMappingURL=dispute-list.js.map

package/dist-client/pages/dispute-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispute-list.js","sourceRoot":"","sources":["../../client/pages/dispute-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '../legal-record/legal-child-grid.js'\nimport '../legal-record/legal-record-files.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption, getEditor } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { LegalChildGrid } from '../legal-record/legal-child-grid.js'\nimport { DISPUTE_KINDS, DISPUTE_STATUSES } from '../legal-record/legal-codes.js'\nimport { dayColumn, idsOf, patchesOf, saveRows, textColumn } from '../legal-record/legal-grid.js'\nimport { LegalRecordFiles } from '../legal-record/legal-record-files.js'\nimport { optionsOf, wordOf } from '../words.js'\n\nconst FIELDS = ['kind', 'title', 'caseNo', 'counterparty', 'otherParty', 'counsel', 'status', 'startedOn', 'closedOn', 'outcome', 'costs', 'notes']\nconst blankFirst = (options: { value: string; display: string }[]) => [{ value: '', display: '' }, ...options]\n\n/**\n * 분쟁 · 소송 (ADR-0187 decision 25) - the company's certified letters, lawsuits, mediations and administrative actions,\n * with whom and who represents it; a dispute's hearings are written beside it and shown on the work calendar. Read by\n * those who keep the records only. A dispute is never deleted - it is closed.\n */\n@customElement('dispute-list')\nexport class DisputeListPage extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.dispute-list'),\n      search: { handler: (search: string) => (this.grist.searchText = search), value: this.grist?.searchText || '' },\n      filter: { handler: () => this.grist.toggleHeadroom() },\n      actions: [\n        { title: i18next.t('button.dispute-hearings'), icon: 'event', action: () => this.hearings() },\n        { title: i18next.t('button.legal-record-files'), icon: 'attach_file', action: () => this.files() },\n        { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }\n      ],\n      exportable: { name: i18next.t('title.dispute-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-grist class=\"page-fill\" search-mode=\"term\" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\"><ox-filters-form without-search autofocus></ox-filters-form></div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    const header = (name: string) => i18next.t(`field.dispute-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`)\n    const select = (name: string, set: string, codes: string[], width: number) => ({\n      type: 'select',\n      name,\n      header: header(name),\n      width,\n      sortable: true,\n      record: { editable: true, options: blankFirst(optionsOf(set, codes)), renderer: (value: string) => wordOf(set, value) },\n      filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf(set, codes)) }\n    })\n    this.gristConfig = {\n      rows: { appendable: true, selectable: { multiple: false } },\n      pagination: { limit: 100, pages: [50, 100] },\n      emptyNote: { title: i18next.t('text.dispute-empty'), description: i18next.t('text.dispute-empty-description') },\n      list: { fields: ['title', 'kind', 'status'], details: ['counterparty', 'startedOn'] },\n      columns: [\n        { type: 'gutter', gutterName: 'dirty' },\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: false },\n        select('kind', 'dispute-kind', DISPUTE_KINDS, 130),\n        textColumn('title', header('title'), 200),\n        textColumn('caseNo', header('caseNo'), 130),\n        {\n          type: 'object',\n          name: 'counterparty',\n          header: header('counterparty'),\n          width: 150,\n          record: {\n            editable: true,\n            editor: getEditor('resource-object'),\n            options: { queryName: 'counterpartyChoices', select: [{ name: 'id', hidden: true }, { name: 'name', width: 200 }, { name: 'businessNumber', width: 120 }] }\n          }\n        },\n        textColumn('otherParty', header('otherParty'), 130),\n        textColumn('counsel', header('counsel'), 140),\n        select('status', 'dispute-status', DISPUTE_STATUSES, 80),\n        dayColumn('startedOn', header('startedOn')),\n        dayColumn('closedOn', header('closedOn')),\n        textColumn('outcome', header('outcome'), 160),\n        textColumn('costs', header('costs'), 180),\n        textColumn('notes', header('notes'), 160)\n      ],\n      sorters: [{ name: 'startedOn', desc: true }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: disputes(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items { id kind title caseNo otherParty counsel status startedOn closedOn outcome costs notes counterparty { id name businessNumber } }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n\n  private async save() {\n    if (await saveRows('updateMultipleDispute', 'DisputePatch', patchesOf(this.grist, FIELDS, patch => idsOf(patch, ['counterparty'])))) this.grist.fetch()\n  }\n\n  private picked(): any {\n    const one: any = this.grist.selected[0]\n    if (!one?.id) notify({ level: 'warn', message: i18next.t('text.legal-record-pick-one') })\n    return one?.id ? one : null\n  }\n\n  private hearings() {\n    const dispute = this.picked()\n    if (!dispute) return\n    const header = (name: string) => i18next.t(`field.dispute-hearing-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`)\n    LegalChildGrid.open(`${i18next.t('button.dispute-hearings')} · ${dispute.title}`, {\n      appendable: true,\n      columns: [dayColumn('heldOn', header('heldOn')), textColumn('heldAt', header('heldAt'), 70), textColumn('name', header('name'), 160), textColumn('place', header('place'), 180), textColumn('notes', header('notes'), 200)],\n      fetch: async () => {\n        const response = await client.query({ query: gql`query ($id: String) { disputeHearings(disputeId: $id) { items { id heldOn heldAt name place notes } } }`, variables: { id: dispute.id }, fetchPolicy: 'network-only' })\n        return response.data?.disputeHearings?.items ?? []\n      },\n      save: grist => saveRows('updateMultipleDisputeHearing', 'DisputeHearingPatch', patchesOf(grist, ['heldOn', 'heldAt', 'name', 'place', 'notes']), { disputeId: dispute.id })\n    })\n  }\n\n  private files() {\n    const one = this.picked()\n    if (one) LegalRecordFiles.open('disputeFiles', 'attachDisputeFiles', one.id, `${i18next.t('button.legal-record-files')} · ${one.title}`)\n  }\n}\n"]}