@things-factory/compliance 0.0.0-stage → 10.1.255

package/dist-client/pages/privacy-record-list.js

@@ -0,0 +1,225 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import gql from 'graphql-tag';
+import { css, html, nothing } 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 { navigate, PageView } from '@operato/shell';
+import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles';
+import { failureOf, optionsOf } from '../words.js';
+const TABS = ['requests', 'incidents'];
+export const REQUEST_KINDS = ['ACCESS', 'CORRECTION', 'DELETION', 'SUSPENSION'];
+export const INCIDENT_CERTAINTIES = ['CONFIRMED', 'POSSIBLE'];
+/** Each tab's grid: what it reads, what it saves and the fields a row writes. */
+const GRIDS = {
+    requests: {
+        query: 'privacyRequests',
+        fields: 'id kind details receivedOn dueOn extendedDueOn extensionReason handling repliedOn requesterName requesterContact requesterEmployee { id name }',
+        mutation: 'updateMultiplePrivacyRequest',
+        type: 'PrivacyRequestPatch',
+        writes: ['requesterName', 'requesterContact', 'kind', 'details', 'receivedOn', 'extendedDueOn', 'extensionReason', 'handling', 'repliedOn']
+    },
+    incidents: {
+        query: 'privacyIncidents',
+        fields: 'id knownAt dueAt certainty items subjectCount subjectsToldAt subjectsToldHow reportedAt reportReceiptNo measures',
+        mutation: 'updateMultiplePrivacyIncident',
+        type: 'PrivacyIncidentPatch',
+        writes: ['knownAt', 'certainty', 'items', 'subjectCount', 'subjectsToldAt', 'subjectsToldHow', 'reportedAt', 'reportReceiptNo', 'measures']
+    }
+};
+const HOUR = 3600 * 1000;
+/**
+ * 개인정보 요구 · 사고 (ADR-0187 decision 22) - one menu line, two grids by tab: the requests to see, correct, delete or
+ * stop the processing of personal information, each due ten days from its receipt; the leaks known or possible, each
+ * to be reported and told within 72 hours, its hours left shown. Each grid saves on its own; nothing is deleted.
+ */
+let PrivacyRecordList = class PrivacyRecordList extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.tab = 'requests';
+    }
+    static { this.styles = [
+        CommonGristStyles,
+        ScrollbarStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+      }
+      .tabs {
+        display: flex;
+        gap: var(--spacing-small, 4px);
+        overflow-x: auto;
+        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
+      }
+      .tabs button {
+        flex: none;
+        padding: 4px var(--spacing-large, 12px);
+        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+        border-radius: 999px;
+        background: none;
+        color: var(--md-sys-color-on-surface);
+        font: inherit;
+        font-size: var(--ui-t-body, 14px);
+        cursor: pointer;
+      }
+      .tabs button[aria-selected='true'] {
+        border-color: var(--md-sys-color-primary);
+        background: var(--md-sys-color-primary-container);
+        color: var(--md-sys-color-on-primary-container);
+      }
+      ox-grist {
+        flex: 1;
+        overflow-y: auto;
+      }
+    `
+    ]; }
+    get context() {
+        return {
+            title: i18next.t('title.privacy-record-list'),
+            actions: [
+                { title: i18next.t('button.add'), icon: 'add', action: () => this.grist.addRecordToTop(this.blank()) },
+                { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }
+            ],
+            exportable: { name: i18next.t('title.privacy-record-list'), data: () => this.grist.exportRecords() }
+        };
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active)
+            return;
+        const tab = lifecycle?.params?.tab;
+        this.tab = TABS.includes(tab) ? tab : 'requests';
+        this.gristConfig = this.configOf(this.tab);
+    }
+    render() {
+        return html `
+      <div class="tabs" role="tablist">
+        ${TABS.map(tab => html `<button role="tab" aria-selected=${String(this.tab === tab)} @click=${() => navigate(`privacy-record-list?tab=${tab}`)}>${i18next.t(`text.privacy-record-tab-${tab}`)}</button>`)}
+      </div>
+      ${this.gristConfig ? html `<ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>` : nothing}
+    `;
+    }
+    blank() {
+        const now = new Date();
+        return this.tab === 'requests' ? { kind: 'ACCESS', receivedOn: new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 10) } : { knownAt: now, certainty: 'CONFIRMED' };
+    }
+    configOf(tab) {
+        const set = tab === 'requests' ? 'privacy-request' : 'privacy-incident';
+        const header = (name) => i18next.t(`field.${set}-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`);
+        const editable = { editable: true };
+        const text = (name, width, extra = {}) => ({ type: 'string', name, header: header(name), width, ...extra, record: { ...editable, ...extra.record } });
+        const day = (name, extra = {}) => ({ type: 'date', name, header: header(name), width: 110, ...extra, record: { ...editable, align: 'center', ...extra.record } });
+        const moment = (name) => ({ type: 'datetime', name, header: header(name), width: 150, record: { ...editable, align: 'center' } });
+        const select = (name, words, codes) => ({ type: 'select', name, header: header(name), width: 100, record: { ...editable, options: optionsOf(words, codes) } });
+        const fixed = { record: { editable: false } };
+        const columns = {
+            requests: [
+                day('receivedOn'),
+                select('kind', 'privacy-request-kind', REQUEST_KINDS),
+                { type: 'string', name: 'requesterEmployee', header: header('requesterEmployee'), width: 90, record: { renderer: (value) => value?.name ?? '' } },
+                text('requesterName', 100),
+                text('requesterContact', 140),
+                text('details', 200),
+                day('dueOn', fixed),
+                day('extendedDueOn'),
+                text('extensionReason', 160),
+                text('handling', 200),
+                day('repliedOn')
+            ],
+            incidents: [
+                moment('knownAt'),
+                {
+                    type: 'string',
+                    name: 'dueAt',
+                    header: header('dueAt'),
+                    width: 170,
+                    record: { renderer: (value, column, record) => this.dueText(value, record) }
+                },
+                select('certainty', 'privacy-incident-certainty', INCIDENT_CERTAINTIES),
+                text('items', 180),
+                { type: 'integer', name: 'subjectCount', header: header('subjectCount'), width: 80, record: { ...editable, align: 'right' } },
+                moment('subjectsToldAt'),
+                text('subjectsToldHow', 120),
+                moment('reportedAt'),
+                text('reportReceiptNo', 120),
+                text('measures', 200)
+            ]
+        };
+        return {
+            rows: { appendable: false, selectable: { multiple: false } },
+            pagination: { limit: 100, pages: [50, 100] },
+            emptyNote: { title: i18next.t(`text.privacy-record-${tab}-empty`) },
+            columns: [{ type: 'gutter', gutterName: 'sequence' }, { type: 'gutter', gutterName: 'row-selector', multiple: false }, ...columns[tab]]
+        };
+    }
+    /** The due moment and the hours left to it, until it is both reported and told. */
+    dueText(value, record) {
+        if (!value)
+            return '';
+        const due = new Date(value);
+        const shown = due.toLocaleString();
+        if (record?.reportedAt && record?.subjectsToldAt)
+            return shown;
+        const left = Math.floor((due.getTime() - Date.now()) / HOUR);
+        return `${shown} · ${i18next.t(left >= 0 ? 'text.privacy-incident-hours-left' : 'text.privacy-incident-hours-past', { hours: Math.abs(left) })}`;
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
+        const grid = GRIDS[this.tab];
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+          responses: ${grid.query}(filters: $filters, pagination: $pagination, sortings: $sortings) { items { ${grid.fields} } 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 save() {
+        const grid = GRIDS[this.tab];
+        const patches = this.grist.dirtyRecords.map((one) => {
+            const fresh = !one.id;
+            const fields = fresh ? grid.writes.filter(field => one[field] !== undefined) : Object.keys(one.__dirtyfields__ ?? {}).filter(field => grid.writes.includes(field));
+            return { ...(fresh ? { cuFlag: '+' } : { id: one.id, cuFlag: 'M' }), ...Object.fromEntries(fields.map(field => [field, one[field] === '' ? null : one[field]])) };
+        });
+        if (!patches.length)
+            return;
+        try {
+            const response = await client.mutate({
+                mutation: gql `mutation ($patches: [${grid.type}!]!) { ${grid.mutation}(patches: $patches) { id } }`,
+                variables: { patches }
+            });
+            if (response.errors?.length)
+                throw response;
+            notify({ message: i18next.t('text.privacy-record-saved') });
+        }
+        catch (error) {
+            notify({ level: 'error', message: failureOf(error) });
+        }
+        this.grist.fetch();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], PrivacyRecordList.prototype, "tab", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], PrivacyRecordList.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], PrivacyRecordList.prototype, "grist", void 0);
+PrivacyRecordList = __decorate([
+    customElement('privacy-record-list')
+], PrivacyRecordList);
+export { PrivacyRecordList };
+//# sourceMappingURL=privacy-record-list.js.map

package/dist-client/pages/privacy-record-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"privacy-record-list.js","sourceRoot":"","sources":["../../client/pages/privacy-record-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } 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 { navigate, PageView } from '@operato/shell'\nimport { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\n\nimport { failureOf, optionsOf } from '../words.js'\n\ntype Tab = 'requests' | 'incidents'\nconst TABS: Tab[] = ['requests', 'incidents']\n\nexport const REQUEST_KINDS = ['ACCESS', 'CORRECTION', 'DELETION', 'SUSPENSION']\nexport const INCIDENT_CERTAINTIES = ['CONFIRMED', 'POSSIBLE']\n\n/** Each tab's grid: what it reads, what it saves and the fields a row writes. */\nconst GRIDS: Record<Tab, { query: string; fields: string; mutation: string; type: string; writes: string[] }> = {\n  requests: {\n    query: 'privacyRequests',\n    fields: 'id kind details receivedOn dueOn extendedDueOn extensionReason handling repliedOn requesterName requesterContact requesterEmployee { id name }',\n    mutation: 'updateMultiplePrivacyRequest',\n    type: 'PrivacyRequestPatch',\n    writes: ['requesterName', 'requesterContact', 'kind', 'details', 'receivedOn', 'extendedDueOn', 'extensionReason', 'handling', 'repliedOn']\n  },\n  incidents: {\n    query: 'privacyIncidents',\n    fields: 'id knownAt dueAt certainty items subjectCount subjectsToldAt subjectsToldHow reportedAt reportReceiptNo measures',\n    mutation: 'updateMultiplePrivacyIncident',\n    type: 'PrivacyIncidentPatch',\n    writes: ['knownAt', 'certainty', 'items', 'subjectCount', 'subjectsToldAt', 'subjectsToldHow', 'reportedAt', 'reportReceiptNo', 'measures']\n  }\n}\n\nconst HOUR = 3600 * 1000\n\n/**\n * 개인정보 요구 · 사고 (ADR-0187 decision 22) - one menu line, two grids by tab: the requests to see, correct, delete or\n * stop the processing of personal information, each due ten days from its receipt; the leaks known or possible, each\n * to be reported and told within 72 hours, its hours left shown. Each grid saves on its own; nothing is deleted.\n */\n@customElement('privacy-record-list')\nexport class PrivacyRecordList extends localize(i18next)(PageView) {\n  static styles = [\n    CommonGristStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n      }\n      .tabs {\n        display: flex;\n        gap: var(--spacing-small, 4px);\n        overflow-x: auto;\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      }\n      .tabs button {\n        flex: none;\n        padding: 4px var(--spacing-large, 12px);\n        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n        border-radius: 999px;\n        background: none;\n        color: var(--md-sys-color-on-surface);\n        font: inherit;\n        font-size: var(--ui-t-body, 14px);\n        cursor: pointer;\n      }\n      .tabs button[aria-selected='true'] {\n        border-color: var(--md-sys-color-primary);\n        background: var(--md-sys-color-primary-container);\n        color: var(--md-sys-color-on-primary-container);\n      }\n      ox-grist {\n        flex: 1;\n        overflow-y: auto;\n      }\n    `\n  ]\n\n  @state() tab: Tab = 'requests'\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.privacy-record-list'),\n      actions: [\n        { title: i18next.t('button.add'), icon: 'add', action: () => this.grist.addRecordToTop(this.blank()) },\n        { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }\n      ],\n      exportable: { name: i18next.t('title.privacy-record-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (!this.active) return\n    const tab = lifecycle?.params?.tab\n    this.tab = TABS.includes(tab) ? tab : 'requests'\n    this.gristConfig = this.configOf(this.tab)\n  }\n\n  render() {\n    return html`\n      <div class=\"tabs\" role=\"tablist\">\n        ${TABS.map(tab => html`<button role=\"tab\" aria-selected=${String(this.tab === tab)} @click=${() => navigate(`privacy-record-list?tab=${tab}`)}>${i18next.t(`text.privacy-record-tab-${tab}`)}</button>`)}\n      </div>\n      ${this.gristConfig ? html`<ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>` : nothing}\n    `\n  }\n\n  private blank(): any {\n    const now = new Date()\n    return this.tab === 'requests' ? { kind: 'ACCESS', receivedOn: new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 10) } : { knownAt: now, certainty: 'CONFIRMED' }\n  }\n\n  private configOf(tab: Tab) {\n    const set = tab === 'requests' ? 'privacy-request' : 'privacy-incident'\n    const header = (name: string) => i18next.t(`field.${set}-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`)\n    const editable = { editable: true }\n    const text = (name: string, width: number, extra: any = {}) => ({ type: 'string', name, header: header(name), width, ...extra, record: { ...editable, ...extra.record } })\n    const day = (name: string, extra: any = {}) => ({ type: 'date', name, header: header(name), width: 110, ...extra, record: { ...editable, align: 'center', ...extra.record } })\n    const moment = (name: string) => ({ type: 'datetime', name, header: header(name), width: 150, record: { ...editable, align: 'center' } })\n    const select = (name: string, words: string, codes: string[]) => ({ type: 'select', name, header: header(name), width: 100, record: { ...editable, options: optionsOf(words, codes) } })\n    const fixed = { record: { editable: false } }\n    const columns: Record<Tab, any[]> = {\n      requests: [\n        day('receivedOn'),\n        select('kind', 'privacy-request-kind', REQUEST_KINDS),\n        { type: 'string', name: 'requesterEmployee', header: header('requesterEmployee'), width: 90, record: { renderer: (value: any) => value?.name ?? '' } },\n        text('requesterName', 100),\n        text('requesterContact', 140),\n        text('details', 200),\n        day('dueOn', fixed),\n        day('extendedDueOn'),\n        text('extensionReason', 160),\n        text('handling', 200),\n        day('repliedOn')\n      ],\n      incidents: [\n        moment('knownAt'),\n        {\n          type: 'string',\n          name: 'dueAt',\n          header: header('dueAt'),\n          width: 170,\n          record: { renderer: (value: any, column: any, record: any) => this.dueText(value, record) }\n        },\n        select('certainty', 'privacy-incident-certainty', INCIDENT_CERTAINTIES),\n        text('items', 180),\n        { type: 'integer', name: 'subjectCount', header: header('subjectCount'), width: 80, record: { ...editable, align: 'right' } },\n        moment('subjectsToldAt'),\n        text('subjectsToldHow', 120),\n        moment('reportedAt'),\n        text('reportReceiptNo', 120),\n        text('measures', 200)\n      ]\n    }\n    return {\n      rows: { appendable: false, selectable: { multiple: false } },\n      pagination: { limit: 100, pages: [50, 100] },\n      emptyNote: { title: i18next.t(`text.privacy-record-${tab}-empty`) },\n      columns: [{ type: 'gutter', gutterName: 'sequence' }, { type: 'gutter', gutterName: 'row-selector', multiple: false }, ...columns[tab]]\n    }\n  }\n\n  /** The due moment and the hours left to it, until it is both reported and told. */\n  private dueText(value: any, record: any) {\n    if (!value) return ''\n    const due = new Date(value)\n    const shown = due.toLocaleString()\n    if (record?.reportedAt && record?.subjectsToldAt) return shown\n    const left = Math.floor((due.getTime() - Date.now()) / HOUR)\n    return `${shown} · ${i18next.t(left >= 0 ? 'text.privacy-incident-hours-left' : 'text.privacy-incident-hours-past', { hours: Math.abs(left) })}`\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    const grid = GRIDS[this.tab]\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: ${grid.query}(filters: $filters, pagination: $pagination, sortings: $sortings) { items { ${grid.fields} } total }\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 save() {\n    const grid = GRIDS[this.tab]\n    const patches = this.grist.dirtyRecords.map((one: any) => {\n      const fresh = !one.id\n      const fields = fresh ? grid.writes.filter(field => one[field] !== undefined) : Object.keys(one.__dirtyfields__ ?? {}).filter(field => grid.writes.includes(field))\n      return { ...(fresh ? { cuFlag: '+' } : { id: one.id, cuFlag: 'M' }), ...Object.fromEntries(fields.map(field => [field, one[field] === '' ? null : one[field]])) }\n    })\n    if (!patches.length) return\n    try {\n      const response = await client.mutate({\n        mutation: gql`mutation ($patches: [${grid.type}!]!) { ${grid.mutation}(patches: $patches) { id } }`,\n        variables: { patches }\n      })\n      if (response.errors?.length) throw response\n      notify({ message: i18next.t('text.privacy-record-saved') })\n    } catch (error) {\n      notify({ level: 'error', message: failureOf(error) })\n    }\n    this.grist.fetch()\n  }\n}\n"]}

package/dist-client/pages/regulation-detail.d.ts

@@ -0,0 +1,43 @@
+import '@operato/input/ox-input-file.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '@operato/list-state/ox-page-state.js';
+import { PageView } from '@operato/shell';
+declare const RegulationDetail_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 규정 한 건 (ADR-0187 decisions 2-6) - its versions, and of the one chosen: its text, the day it takes effect, what
+ * changed, whether it is against the workers, the procedure with its papers, its approval and whether the employees were
+ * told. A version being written changes here; one in approval is taken back to change; an adopted one stays and gets its
+ * filing.
+ */
+export declare class RegulationDetail extends RegulationDetail_base {
+    static styles: import("lit").CSSResult[];
+    private view;
+    private failure;
+    private chosen;
+    private draft;
+    private employees;
+    private procedure;
+    private files;
+    get context(): {
+        title: any;
+        frame: string;
+        actions: any[];
+    };
+    private get current();
+    render(): import("lit-html").TemplateResult<1>;
+    private renderVersion;
+    private renderProcedureForm;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    private fetch;
+    private choose;
+    private call;
+    private patchOf;
+    private saveVersion;
+    private submit;
+    private withdraw;
+    private newVersion;
+    private deleteVersion;
+    private recordProcedure;
+    private deleteProcedure;
+}
+export {};