@operato/dataset 8.0.3 → 8.2.0

package/dist/src/ox-checklist-sample-view.js

@@ -0,0 +1,300 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-file.js';
+import '@operato/input/ox-input-signature.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { OxDataUseCase } from './usecase/ox-data-use-case.js';
+let OxChecklistSampleView = class OxChecklistSampleView extends LitElement {
+    render() {
+        if (!this.dataSample) {
+            return html ``;
+        }
+        const { name, description, collectedAt, workDate, workShift, useCase, data = {}, judgment, dataItems = [] } = this.dataSample;
+        const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' });
+        const useCaseNames = (useCase === null || useCase === void 0 ? void 0 : useCase.split(',').filter(useCase => useCase.trim())) || [];
+        const groupItems = dataItems === null || dataItems === void 0 ? void 0 : dataItems.filter(i => i.group);
+        const nonGroupItems = dataItems === null || dataItems === void 0 ? void 0 : dataItems.filter(i => !i.group);
+        let nameColspan = 1;
+        nameColspan += groupItems.length > 0 ? 1 : 0;
+        nameColspan += groupItems.some(i => i.subgroup) ? 1 : 0;
+        return html `
+      <h2>${name}</h2>
+      <p page-description>
+        <md-icon>info</md-icon> ${description}<br />
+        <md-icon>alarm</md-icon> ${i18next.t('field.work-date')}: ${workDate} ${workShift} |
+        <md-icon>pending_actions</md-icon> ${i18next.t('field.collected-at')}:
+        ${formatter.format(new Date(collectedAt))}
+      </p>
+
+      <form class="checklist">
+        <table>
+          <thead></thead>
+          <tbody>
+            ${this.buildGroupTable(groupItems, data, nameColspan, judgment, useCaseNames)}
+            ${this.buildNonGroupTable(nonGroupItems, data, nameColspan, judgment, useCaseNames)}
+          </tbody>
+        </table>
+      </form>
+    `;
+    }
+    buildGroupTable(items, data, nameColspan, judgment, useCaseNames) {
+        let isSubgroupExist = items.some(i => i.subgroup);
+        let renderedGroups = [];
+        return html `
+      <tr>
+        <th colspan=${nameColspan} item>${i18next.t('field.item')}</th>
+        <th>${i18next.t('field.description')}</th>
+        <th>${i18next.t('field.finalizing-function')}</th>
+        <th>${i18next.t('field.unit')}</th>
+        <th value>${i18next.t('field.value')}</th>
+        <th>${i18next.t('field.spec')}</th>
+        <th>${i18next.t('field.ooc')}</th>
+        <th>${i18next.t('field.oos')}</th>
+      </tr>
+      ${items.map(item => {
+            const { name = '', tag = '', description = '', stat, unit = '', spec = {}, type, group, subgroup } = item;
+            const value = data[tag];
+            const { ooc, oos } = (judgment === null || judgment === void 0 ? void 0 : judgment[tag]) || {};
+            let groupTd = null;
+            if (!this.isGroupRendered(renderedGroups, group)) {
+                groupTd = html `<td rowspan="${this.groupItemNums(items, group)}">${group}</td>`;
+                renderedGroups.push({ group });
+            }
+            let subgroupTd = null;
+            if (subgroup && !this.isGroupRendered(renderedGroups, group, subgroup)) {
+                subgroupTd = html `<td rowspan="${this.groupItemNums(items, group, subgroup)}">${subgroup}</td>`;
+                renderedGroups.push({ group, subgroup });
+            }
+            return html `
+          <tr ?ooc=${ooc} ?oos=${oos}>
+            ${groupTd} ${subgroupTd}
+            <td name colspan=${isSubgroupExist && !subgroup ? 2 : 1}>${name}</td>
+            <td>${description}</td>
+            <td>${stat}</td>
+            <td>${unit}</td>
+            <td>${this.buildValue(type, value)}</td>
+            <td><pre>${this.buildSpec(useCaseNames, spec)}</pre></td>
+            <td>${ooc ? html `<md-icon>done</md-icon>` : ''}</td>
+            <td>${oos ? html `<md-icon>done</md-icon>` : ''}</td>
+          </tr>
+        `;
+        })}
+    `;
+    }
+    buildNonGroupTable(items, data, nameColspan, judgment, useCaseNames) {
+        return html `
+      ${items.map(item => {
+            const { name = '', tag = '', description = '', stat, unit = '', spec = {}, type } = item;
+            const value = data[tag];
+            const { ooc, oos } = (judgment === null || judgment === void 0 ? void 0 : judgment[tag]) || {};
+            return html `
+          <tr ?ooc=${ooc} ?oos=${oos}>
+            <td name colspan=${nameColspan}>${name}</td>
+            <td>${description}</td>
+            <td>${stat}</td>
+            <td>${unit}</td>
+            <td>${this.buildValue(type, value)}</td>
+            <td><pre>${this.buildSpec(useCaseNames, spec)}</pre></td>
+            <td>${ooc ? html `<md-icon>done</md-icon>` : ''}</td>
+            <td>${oos ? html `<md-icon>done</md-icon>` : ''}</td>
+          </tr>
+        `;
+        })}
+    `;
+    }
+    isGroupRendered(renderedGroups, group, subgroup) {
+        if (subgroup) {
+            return renderedGroups.some(groupInfo => groupInfo.group === group && groupInfo.subgroup === subgroup);
+        }
+        else {
+            return renderedGroups.some(groupInfo => groupInfo.group === group);
+        }
+    }
+    groupItemNums(items, group, subgroup) {
+        let nums = 0;
+        if (subgroup) {
+            items.forEach(i => {
+                if (i.group === group && i.subgroup === subgroup) {
+                    nums += 1;
+                }
+            });
+        }
+        else {
+            items.forEach(i => {
+                if (i.group === group) {
+                    nums += 1;
+                }
+            });
+        }
+        return nums;
+    }
+    buildSpec(useCaseNames, spec) {
+        return OxDataUseCase.elaborateDataItemSpec(useCaseNames, spec);
+    }
+    download(file) {
+        const element = document.createElement('a');
+        element.setAttribute('href', file.fullpath);
+        element.setAttribute('download', file.name);
+        document.body.appendChild(element);
+        element.click();
+    }
+    buildValue(type, value) {
+        if (value === undefined) {
+            return '';
+        }
+        const values = value instanceof Array ? value : [value];
+        if (type == 'file') {
+            const files = values.flat();
+            return files
+                .filter(Boolean)
+                .map(file => html `<a @click=${() => this.download(file)} file><md-icon>description</md-icon>${file.name}</a>`);
+        }
+        if (type == 'signature') {
+            return html ` <ox-input-signature .value=${value} disabled></ox-input-signature>`;
+        }
+        const elements = values.map((v, idx) => {
+            switch (typeof v) {
+                case 'boolean':
+                    return html ` <input type="checkbox" .checked=${v} disabled />`;
+                    break;
+                default:
+                    if (type == 'date') {
+                        return v ? new Date(v).toLocaleDateString() : '';
+                    }
+                    else if (type == 'datetime') {
+                        return v ? new Date(v).toLocaleString() : '';
+                    }
+                    return v !== null && v !== void 0 ? v : '';
+            }
+        });
+        return typeof values[0] === 'boolean' ? elements : elements.join(', ');
+    }
+};
+OxChecklistSampleView.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+
+      --signature-min-width: 100px;
+      --signature-min-height: 60px;
+    }
+
+    form {
+      flex: 1;
+
+      display: flex;
+      flex-direction: column;
+    }
+
+    h2 {
+      margin: var(--title-margin);
+      font: var(--title-font);
+      color: var(--title-text-color);
+      text-transform: capitalize;
+    }
+    [page-description] {
+      margin: var(--page-description-margin);
+      opacity: 0.7;
+      font: var(--page-description-font);
+      color: var(--md-sys-color-on-secondary-container);
+      text-transform: capitalize;
+    }
+    [page-description] * {
+      vertical-align: middle;
+    }
+    [page-description] md-icon {
+      margin-top: -2px;
+      font-size: 0.9rem;
+      color: var(--page-description-color);
+    }
+
+    table {
+      border-collapse: collapse;
+      margin-bottom: var(--spacing-medium);
+    }
+    th {
+      padding: var(--th-padding);
+      border-top: var(--th-border-top);
+      border-bottom: var(--td-border-bottom);
+      text-transform: var(--th-text-transform);
+      font: var(--th-font);
+      color: var(--th-color);
+      text-align: left;
+      white-space: nowrap;
+    }
+    th[item] {
+      min-width: 100px;
+    }
+    th[value] {
+      min-width: 100px;
+    }
+    tr {
+      background-color: var(--tr-background-color);
+    }
+    tr:nth-child(odd) {
+      background-color: var(--tr-background-odd-color);
+    }
+    tr:hover {
+      background-color: var(--tr-background-hover-color);
+    }
+    tr[ooc],
+    tr[oos] {
+      background-color: #fefbdf;
+    }
+    td {
+      border: var(--td-border-line);
+      padding: var(--td-padding);
+      font: var(--td-font);
+      color: var(--td-color);
+    }
+    td[name] {
+      font-weight: bold;
+    }
+    td md-icon {
+      color: var(--md-sys-color-error);
+    }
+    td > input,
+    select {
+      border: var(--input-field-border);
+      border-radius: var(--input-field-border-radius);
+      padding: var(--input-field-padding);
+      font: var(--input-field-font);
+    }
+
+    pre {
+      tab-size: 2;
+    }
+
+    a[file] {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-small);
+    }
+
+    a[file] md-icon {
+      --md-icon-size: 16px;
+      color: var(--md-sys-color-primary);
+    }
+
+    @media print {
+      :host {
+        display: block;
+      }
+    }
+
+    @media screen and (max-width: 480px) {
+      th {
+        min-width: 50px;
+      }
+    }
+  `;
+__decorate([
+    property({ type: Object })
+], OxChecklistSampleView.prototype, "dataSample", void 0);
+OxChecklistSampleView = __decorate([
+    customElement('ox-checklist-sample-view')
+], OxChecklistSampleView);
+export { OxChecklistSampleView };
+//# sourceMappingURL=ox-checklist-sample-view.js.map

package/dist/src/ox-checklist-sample-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-checklist-sample-view.js","sourceRoot":"","sources":["../../src/ox-checklist-sample-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-file.js'\nimport '@operato/input/ox-input-signature.js'\n\nimport { css, html, LitElement, TemplateResult } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { DataItem, DataSample, DataSpecLimitSet } from './types.js'\nimport { OxDataUseCase } from './usecase/ox-data-use-case.js'\n\n@customElement('ox-checklist-sample-view')\nexport class OxChecklistSampleView extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n\n      --signature-min-width: 100px;\n      --signature-min-height: 60px;\n    }\n\n    form {\n      flex: 1;\n\n      display: flex;\n      flex-direction: column;\n    }\n\n    h2 {\n      margin: var(--title-margin);\n      font: var(--title-font);\n      color: var(--title-text-color);\n      text-transform: capitalize;\n    }\n    [page-description] {\n      margin: var(--page-description-margin);\n      opacity: 0.7;\n      font: var(--page-description-font);\n      color: var(--md-sys-color-on-secondary-container);\n      text-transform: capitalize;\n    }\n    [page-description] * {\n      vertical-align: middle;\n    }\n    [page-description] md-icon {\n      margin-top: -2px;\n      font-size: 0.9rem;\n      color: var(--page-description-color);\n    }\n\n    table {\n      border-collapse: collapse;\n      margin-bottom: var(--spacing-medium);\n    }\n    th {\n      padding: var(--th-padding);\n      border-top: var(--th-border-top);\n      border-bottom: var(--td-border-bottom);\n      text-transform: var(--th-text-transform);\n      font: var(--th-font);\n      color: var(--th-color);\n      text-align: left;\n      white-space: nowrap;\n    }\n    th[item] {\n      min-width: 100px;\n    }\n    th[value] {\n      min-width: 100px;\n    }\n    tr {\n      background-color: var(--tr-background-color);\n    }\n    tr:nth-child(odd) {\n      background-color: var(--tr-background-odd-color);\n    }\n    tr:hover {\n      background-color: var(--tr-background-hover-color);\n    }\n    tr[ooc],\n    tr[oos] {\n      background-color: #fefbdf;\n    }\n    td {\n      border: var(--td-border-line);\n      padding: var(--td-padding);\n      font: var(--td-font);\n      color: var(--td-color);\n    }\n    td[name] {\n      font-weight: bold;\n    }\n    td md-icon {\n      color: var(--md-sys-color-error);\n    }\n    td > input,\n    select {\n      border: var(--input-field-border);\n      border-radius: var(--input-field-border-radius);\n      padding: var(--input-field-padding);\n      font: var(--input-field-font);\n    }\n\n    pre {\n      tab-size: 2;\n    }\n\n    a[file] {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-small);\n    }\n\n    a[file] md-icon {\n      --md-icon-size: 16px;\n      color: var(--md-sys-color-primary);\n    }\n\n    @media print {\n      :host {\n        display: block;\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      th {\n        min-width: 50px;\n      }\n    }\n  `\n\n  @property({ type: Object }) dataSample?: DataSample\n\n  render() {\n    if (!this.dataSample) {\n      return html``\n    }\n\n    const {\n      name,\n      description,\n      collectedAt,\n      workDate,\n      workShift,\n      useCase,\n      data = {},\n      judgment,\n      dataItems = []\n    } = this.dataSample\n    const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n    const useCaseNames = useCase?.split(',').filter(useCase => useCase.trim()) || []\n    const groupItems = dataItems?.filter(i => i.group)\n    const nonGroupItems = dataItems?.filter(i => !i.group)\n    let nameColspan = 1\n    nameColspan += groupItems.length > 0 ? 1 : 0\n    nameColspan += groupItems.some(i => i.subgroup) ? 1 : 0\n\n    return html`\n      <h2>${name}</h2>\n      <p page-description>\n        <md-icon>info</md-icon> ${description}<br />\n        <md-icon>alarm</md-icon> ${i18next.t('field.work-date')}: ${workDate} ${workShift} |\n        <md-icon>pending_actions</md-icon> ${i18next.t('field.collected-at')}:\n        ${formatter.format(new Date(collectedAt!))}\n      </p>\n\n      <form class=\"checklist\">\n        <table>\n          <thead></thead>\n          <tbody>\n            ${this.buildGroupTable(groupItems, data, nameColspan, judgment, useCaseNames)}\n            ${this.buildNonGroupTable(nonGroupItems, data, nameColspan, judgment, useCaseNames)}\n          </tbody>\n        </table>\n      </form>\n    `\n  }\n\n  buildGroupTable(items: DataItem[], data: any, nameColspan: number, judgment: any, useCaseNames: string[]) {\n    let isSubgroupExist = items.some(i => i.subgroup)\n    let renderedGroups: { group: string; subgroup?: string | undefined }[] = []\n\n    return html`\n      <tr>\n        <th colspan=${nameColspan} item>${i18next.t('field.item')}</th>\n        <th>${i18next.t('field.description')}</th>\n        <th>${i18next.t('field.finalizing-function')}</th>\n        <th>${i18next.t('field.unit')}</th>\n        <th value>${i18next.t('field.value')}</th>\n        <th>${i18next.t('field.spec')}</th>\n        <th>${i18next.t('field.ooc')}</th>\n        <th>${i18next.t('field.oos')}</th>\n      </tr>\n      ${items.map(item => {\n        const { name = '', tag = '', description = '', stat, unit = '', spec = {}, type, group, subgroup } = item\n        const value = data[tag]\n        const { ooc, oos } = judgment?.[tag] || {}\n\n        let groupTd = null\n        if (!this.isGroupRendered(renderedGroups, group)) {\n          groupTd = html`<td rowspan=\"${this.groupItemNums(items, group)}\">${group}</td>`\n          renderedGroups.push({ group })\n        }\n\n        let subgroupTd = null\n        if (subgroup && !this.isGroupRendered(renderedGroups, group, subgroup)) {\n          subgroupTd = html`<td rowspan=\"${this.groupItemNums(items, group, subgroup)}\">${subgroup}</td>`\n          renderedGroups.push({ group, subgroup })\n        }\n\n        return html`\n          <tr ?ooc=${ooc} ?oos=${oos}>\n            ${groupTd} ${subgroupTd}\n            <td name colspan=${isSubgroupExist && !subgroup ? 2 : 1}>${name}</td>\n            <td>${description}</td>\n            <td>${stat}</td>\n            <td>${unit}</td>\n            <td>${this.buildValue(type, value)}</td>\n            <td><pre>${this.buildSpec(useCaseNames, spec)}</pre></td>\n            <td>${ooc ? html`<md-icon>done</md-icon>` : ''}</td>\n            <td>${oos ? html`<md-icon>done</md-icon>` : ''}</td>\n          </tr>\n        `\n      })}\n    `\n  }\n\n  buildNonGroupTable(items: DataItem[], data: any, nameColspan: number, judgment: any, useCaseNames: string[]) {\n    return html`\n      ${items.map(item => {\n        const { name = '', tag = '', description = '', stat, unit = '', spec = {}, type } = item\n        const value = data[tag]\n        const { ooc, oos } = judgment?.[tag] || {}\n\n        return html`\n          <tr ?ooc=${ooc} ?oos=${oos}>\n            <td name colspan=${nameColspan}>${name}</td>\n            <td>${description}</td>\n            <td>${stat}</td>\n            <td>${unit}</td>\n            <td>${this.buildValue(type, value)}</td>\n            <td><pre>${this.buildSpec(useCaseNames, spec)}</pre></td>\n            <td>${ooc ? html`<md-icon>done</md-icon>` : ''}</td>\n            <td>${oos ? html`<md-icon>done</md-icon>` : ''}</td>\n          </tr>\n        `\n      })}\n    `\n  }\n\n  isGroupRendered(renderedGroups: { group: string; subgroup?: string }[], group: string, subgroup?: string) {\n    if (subgroup) {\n      return renderedGroups.some(groupInfo => groupInfo.group === group && groupInfo.subgroup === subgroup)\n    } else {\n      return renderedGroups.some(groupInfo => groupInfo.group === group)\n    }\n  }\n\n  groupItemNums(items: DataItem[], group: string, subgroup?: string) {\n    let nums = 0\n\n    if (subgroup) {\n      items.forEach(i => {\n        if (i.group === group && i.subgroup === subgroup) {\n          nums += 1\n        }\n      })\n    } else {\n      items.forEach(i => {\n        if (i.group === group) {\n          nums += 1\n        }\n      })\n    }\n\n    return nums\n  }\n\n  private buildSpec(useCaseNames: string[], spec: DataSpecLimitSet): string {\n    return OxDataUseCase.elaborateDataItemSpec(useCaseNames, spec)\n  }\n\n  private download(file: { mimetype: string; name: string; fullpath: string }) {\n    const element = document.createElement('a')\n    element.setAttribute('href', file.fullpath)\n    element.setAttribute('download', file.name!)\n    document.body.appendChild(element)\n    element.click()\n  }\n\n  private buildValue(type: string, value: any | any[]) {\n    if (value === undefined) {\n      return ''\n    }\n    const values = value instanceof Array ? value : [value]\n\n    if (type == 'file') {\n      const files = values.flat() as { mimetype: string; name: string; fullpath: string }[]\n\n      return files\n        .filter(Boolean)\n        .map(file => html`<a @click=${() => this.download(file)} file><md-icon>description</md-icon>${file.name}</a>`)\n    }\n\n    if (type == 'signature') {\n      return html` <ox-input-signature .value=${value} disabled></ox-input-signature>`\n    }\n\n    const elements = values.map((v: any, idx) => {\n      switch (typeof v) {\n        case 'boolean':\n          return html` <input type=\"checkbox\" .checked=${v} disabled />`\n          break\n\n        default:\n          if (type == 'date') {\n            return v ? new Date(v).toLocaleDateString() : ''\n          } else if (type == 'datetime') {\n            return v ? new Date(v).toLocaleString() : ''\n          }\n          return v ?? ''\n      }\n    })\n\n    return typeof values[0] === 'boolean' ? elements : elements.join(', ')\n  }\n}\n"]}

package/dist/src/ox-data-ooc-brief-view.d.ts

@@ -9,4 +9,5 @@ export declare class OxDataOocBriefView extends LitElement {
     static styles: import("lit").CSSResult;
     dataOoc?: DataOoc;
     render(): import("lit-html").TemplateResult<1>;
+    private showDataSampleView;
 }

package/dist/src/ox-data-ooc-brief-view.js

@@ -10,11 +10,38 @@ let OxDataOocBriefView = class OxDataOocBriefView extends LitElement {
     render() {
         const { state } = this.dataOoc || {};
         return html `
-      <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>
+      ${this.showDataSampleView()}
+      <!-- <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view> -->
       <ox-data-ooc-badge .state=${state}></ox-data-ooc-badge>
       <ox-data-ooc-correction-part .dataOoc=${this.dataOoc}></ox-data-ooc-correction-part>
     `;
     }
+    showDataSampleView() {
+        var _a;
+        const dataSet = (_a = this.dataOoc) === null || _a === void 0 ? void 0 : _a.dataSet;
+        const monitorType = dataSet === null || dataSet === void 0 ? void 0 : dataSet.monitorType;
+        const monitorView = dataSet === null || dataSet === void 0 ? void 0 : dataSet.monitorView;
+        switch (monitorType) {
+            case 'generated':
+                if (!monitorView || monitorView === 'DEFAULT') {
+                    return html `<ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>`;
+                }
+                else if (monitorView === 'CHECKLIST') {
+                    return html `<ox-checklist-sample-view .dataSample=${this.dataOoc}></ox-checklist-sample-view>`;
+                }
+                else {
+                    return html `<ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>`;
+                }
+                break;
+            case 'board':
+                break;
+            case 'page':
+                break;
+            default:
+                return html `<ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>`;
+                break;
+        }
+    }
 };
 OxDataOocBriefView.styles = css `
     :host {

package/dist/src/ox-data-ooc-brief-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-data-ooc-brief-view.js","sourceRoot":"","sources":["../../src/ox-data-ooc-brief-view.ts"],"names":[],"mappings":";AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,+BAA+B,CAAA;AACtC,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAKpD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAqBhD,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAA;QAEpC,OAAO,IAAI,CAAA;yCAC0B,IAAI,CAAC,OAAO;kCACnB,KAAK;8CACO,IAAI,CAAC,OAAO;KACrD,CAAA;IACH,CAAC;;AA5BM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;GAgBlB,AAhBY,CAgBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAkB;AAnBlC,kBAAkB;IAD9B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,kBAAkB,CA8B9B","sourcesContent":["import '@operato/input/ox-input-file.js'\nimport './ox-data-sample-view'\nimport './ox-data-ooc-badge'\nimport './ox-data-ooc-correction-part'\nimport '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { DataOoc } from './types.js'\n\n@customElement('ox-data-ooc-brief-view')\nexport class OxDataOocBriefView extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n\n      position: relative;\n    }\n\n    ox-data-ooc-badge {\n      position: absolute;\n\n      margin: 0;\n      padding: 0;\n      right: 10px;\n      width: 90px;\n    }\n  `\n\n  @property({ type: Object }) dataOoc?: DataOoc\n\n  render() {\n    const { state } = this.dataOoc || {}\n\n    return html`\n      <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>\n      <ox-data-ooc-badge .state=${state}></ox-data-ooc-badge>\n      <ox-data-ooc-correction-part .dataOoc=${this.dataOoc}></ox-data-ooc-correction-part>\n    `\n  }\n}\n"]}
+{"version":3,"file":"ox-data-ooc-brief-view.js","sourceRoot":"","sources":["../../src/ox-data-ooc-brief-view.ts"],"names":[],"mappings":";AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,+BAA+B,CAAA;AACtC,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAKpD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAqBhD,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAA;QAEpC,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,kBAAkB,EAAE;8CACa,IAAI,CAAC,OAAO;kCACxB,KAAK;8CACO,IAAI,CAAC,OAAO;KACrD,CAAA;IACH,CAAC;IAEO,kBAAkB;;QACxB,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAA;QACrC,MAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA;QACxC,MAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA;QAExC,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,WAAW;gBACd,IAAI,CAAC,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;oBAC9C,OAAO,IAAI,CAAA,oCAAoC,IAAI,CAAC,OAAO,yBAAyB,CAAA;gBACtF,CAAC;qBAAM,IAAI,WAAW,KAAK,WAAW,EAAE,CAAC;oBACvC,OAAO,IAAI,CAAA,yCAAyC,IAAI,CAAC,OAAO,8BAA8B,CAAA;gBAChG,CAAC;qBAAM,CAAC;oBACN,OAAO,IAAI,CAAA,oCAAoC,IAAI,CAAC,OAAO,yBAAyB,CAAA;gBACtF,CAAC;gBACD,MAAK;YACP,KAAK,OAAO;gBACV,MAAK;YACP,KAAK,MAAM;gBACT,MAAK;YACP;gBACE,OAAO,IAAI,CAAA,oCAAoC,IAAI,CAAC,OAAO,yBAAyB,CAAA;gBACpF,MAAK;QACT,CAAC;IACH,CAAC;;AAtDM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;GAgBlB,AAhBY,CAgBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAkB;AAnBlC,kBAAkB;IAD9B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,kBAAkB,CAwD9B","sourcesContent":["import '@operato/input/ox-input-file.js'\nimport './ox-data-sample-view'\nimport './ox-data-ooc-badge'\nimport './ox-data-ooc-correction-part'\nimport '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { DataOoc } from './types.js'\n\n@customElement('ox-data-ooc-brief-view')\nexport class OxDataOocBriefView extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n\n      position: relative;\n    }\n\n    ox-data-ooc-badge {\n      position: absolute;\n\n      margin: 0;\n      padding: 0;\n      right: 10px;\n      width: 90px;\n    }\n  `\n\n  @property({ type: Object }) dataOoc?: DataOoc\n\n  render() {\n    const { state } = this.dataOoc || {}\n\n    return html`\n      ${this.showDataSampleView()}\n      <!-- <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view> -->\n      <ox-data-ooc-badge .state=${state}></ox-data-ooc-badge>\n      <ox-data-ooc-correction-part .dataOoc=${this.dataOoc}></ox-data-ooc-correction-part>\n    `\n  }\n\n  private showDataSampleView() {\n    const dataSet = this.dataOoc?.dataSet\n    const monitorType = dataSet?.monitorType\n    const monitorView = dataSet?.monitorView\n\n    switch (monitorType) {\n      case 'generated':\n        if (!monitorView || monitorView === 'DEFAULT') {\n          return html`<ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>`\n        } else if (monitorView === 'CHECKLIST') {\n          return html`<ox-checklist-sample-view .dataSample=${this.dataOoc}></ox-checklist-sample-view>`\n        } else {\n          return html`<ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>`\n        }\n        break\n      case 'board':\n        break\n      case 'page':\n        break\n      default:\n        return html`<ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>`\n        break\n    }\n  }\n}\n"]}

package/dist/src/types.d.ts

@@ -25,6 +25,7 @@ export type DataItem = {
     sequence: number;
     tag: string;
     group: string;
+    subgroup: string;
     type: string;
     stat: string;
     active: boolean;
@@ -48,6 +49,8 @@ export type DataSet = {
     useCase: string;
     active: boolean;
     dataItems: DataItem[];
+    monitorType?: string;
+    monitorView?: string;
     spec: {
         [dataItem: string]: {
             [useCase: string]: any;
@@ -117,6 +120,7 @@ export type DataSample = {
     collectedAt?: Date;
     reviewActivityInstance?: any;
     dataOoc?: DataOoc;
+    dataSet?: DataSet;
 };
 export type DataOocState = 'ISSUED' | 'REVIEWED' | 'CORRECTED';
 /**
@@ -126,6 +130,7 @@ export type DataOoc = DataSample & {
     state?: DataOocState;
     correctiveInstruction?: string;
     correctiveAction?: string;
+    dataSet?: DataSet;
     reviewer?: {
         id: string;
         name: string;

package/dist/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents a selectable option with a text label and a value.\n */\nexport type SelectOption = {\n  text: string\n  value: string\n}\n/**\n * An array of selectable options.\n */\nexport type SelectOptions = SelectOption[]\n/**\n * Defines the options and additional properties for a type.\n */\nexport type TypeOptions = {\n  options?: SelectOptions\n  [prop: string]: any\n}\n/**\n * Describes the structure and properties of a data item.\n */\nexport type DataItem = {\n  name: string\n  description: string\n  sequence: number\n  tag: string\n  group: string\n  type: string\n  stat: string\n  active: boolean\n  options: TypeOptions\n  unit: string\n  quota: number\n  hidden: boolean\n  spec: {\n    [useCase: string]: {\n      [limit: string]: number | string | string[] | boolean\n    }\n  }\n}\n/**\n * Defines the structure of a dataset, including its name, description, type, use case, and data items.\n */\nexport type DataSet = {\n  name: string\n  description: string\n  type: 'manual' | 'automatic'\n  useCase: string\n  active: boolean\n  dataItems: DataItem[]\n  spec: {\n    [dataItem: string]: {\n      [useCase: string]: any\n    }\n  }\n}\n/**\n * Describes the definition of a data specification, including its type, label, name, and optional properties.\n */\nexport type DataSpecDefinition = {\n  type: string\n  label: string\n  name: string\n  property?: {\n    [option: string]: any\n  }\n}\n/**\n * Describes a use case definition, including its name, description, help text, and specifications.\n */\nexport type UseCaseDefinition = {\n  name: string\n  description: string\n  help: string\n  specs: DataSpecDefinition[]\n}\n/**\n * Represents the limits for a data specification.\n */\nexport type DataSpecLimit = {\n  [limit: string]: number | string | string[] | boolean\n}\n/**\n * A set of data specification limits, keyed by use case.\n */\nexport type DataSpecLimitSet = {\n  [useCase: string]: DataSpecLimit\n}\n/**\n * Represents a collection of data, keyed by a tag.\n */\nexport type DataCollection = {\n  [tag: string]: any\n}\n/**\n * Represents a judgment on data, indicating if it is out of control or out of specification.\n */\nexport type Judgment = {\n  [tag: string]: {\n    ooc: boolean\n    oos: boolean\n  }\n}\n/**\n * Describes a data sample, including its name, description, use case, and associated data and judgments.\n */\nexport type DataSample = {\n  name?: string\n  description?: string\n  useCase?: string\n  data?: DataCollection\n  judgment?: Judgment\n  dataItems?: DataItem[]\n  quota?: number\n  workDate?: string\n  workShift?: string\n  collectedAt?: Date\n  reviewActivityInstance?: any\n  dataOoc?: DataOoc\n}\nexport type DataOocState = 'ISSUED' | 'REVIEWED' | 'CORRECTED'\n/**\n * Extends DataSample with additional fields specific to an out of control state, including state, corrective actions, and review history.\n */\nexport type DataOoc = DataSample & {\n  state?: DataOocState\n  correctiveInstruction?: string\n  correctiveAction?: string\n  reviewer?: {\n    id: string\n    name: string\n  }\n  reviewedAt?: Date\n  corrector?: {\n    id: string\n    name: string\n  }\n  correctedAt?: Date\n  history?: {\n    user: {\n      id: string\n      name: string\n    }\n    state: DataOocState\n    comment: string\n    timestamp: number\n  }[]\n  resolveActivityInstance?: any\n}\n/**\n * Describes a summary of data, including its name, description, relevant data items, and key metrics.\n */\nexport type DataSummary = {\n  name: string\n  description: string\n  dataItems?: DataItem[]\n  date?: string\n  period?: string\n  key01?: string\n  key02?: string\n  key03?: string\n  key04?: string\n  key05?: string\n  count?: number\n  countOoc?: number\n  countOos?: number\n  useCase?: string\n  summary?: {\n    [key: string]: any\n  }\n}\n/**\n * Represents the result of an evaluation, indicating if data is out of specification or out of control.\n */\nexport type EvaluationResult = {\n  oos: boolean\n  ooc: boolean\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents a selectable option with a text label and a value.\n */\nexport type SelectOption = {\n  text: string\n  value: string\n}\n/**\n * An array of selectable options.\n */\nexport type SelectOptions = SelectOption[]\n/**\n * Defines the options and additional properties for a type.\n */\nexport type TypeOptions = {\n  options?: SelectOptions\n  [prop: string]: any\n}\n/**\n * Describes the structure and properties of a data item.\n */\nexport type DataItem = {\n  name: string\n  description: string\n  sequence: number\n  tag: string\n  group: string\n  subgroup: string\n  type: string\n  stat: string\n  active: boolean\n  options: TypeOptions\n  unit: string\n  quota: number\n  hidden: boolean\n  spec: {\n    [useCase: string]: {\n      [limit: string]: number | string | string[] | boolean\n    }\n  }\n}\n/**\n * Defines the structure of a dataset, including its name, description, type, use case, and data items.\n */\nexport type DataSet = {\n  name: string\n  description: string\n  type: 'manual' | 'automatic'\n  useCase: string\n  active: boolean\n  dataItems: DataItem[]\n  monitorType?: string\n  monitorView?: string\n  spec: {\n    [dataItem: string]: {\n      [useCase: string]: any\n    }\n  }\n}\n/**\n * Describes the definition of a data specification, including its type, label, name, and optional properties.\n */\nexport type DataSpecDefinition = {\n  type: string\n  label: string\n  name: string\n  property?: {\n    [option: string]: any\n  }\n}\n/**\n * Describes a use case definition, including its name, description, help text, and specifications.\n */\nexport type UseCaseDefinition = {\n  name: string\n  description: string\n  help: string\n  specs: DataSpecDefinition[]\n}\n/**\n * Represents the limits for a data specification.\n */\nexport type DataSpecLimit = {\n  [limit: string]: number | string | string[] | boolean\n}\n/**\n * A set of data specification limits, keyed by use case.\n */\nexport type DataSpecLimitSet = {\n  [useCase: string]: DataSpecLimit\n}\n/**\n * Represents a collection of data, keyed by a tag.\n */\nexport type DataCollection = {\n  [tag: string]: any\n}\n/**\n * Represents a judgment on data, indicating if it is out of control or out of specification.\n */\nexport type Judgment = {\n  [tag: string]: {\n    ooc: boolean\n    oos: boolean\n  }\n}\n/**\n * Describes a data sample, including its name, description, use case, and associated data and judgments.\n */\nexport type DataSample = {\n  name?: string\n  description?: string\n  useCase?: string\n  data?: DataCollection\n  judgment?: Judgment\n  dataItems?: DataItem[]\n  quota?: number\n  workDate?: string\n  workShift?: string\n  collectedAt?: Date\n  reviewActivityInstance?: any\n  dataOoc?: DataOoc\n  dataSet?: DataSet\n}\nexport type DataOocState = 'ISSUED' | 'REVIEWED' | 'CORRECTED'\n/**\n * Extends DataSample with additional fields specific to an out of control state, including state, corrective actions, and review history.\n */\nexport type DataOoc = DataSample & {\n  state?: DataOocState\n  correctiveInstruction?: string\n  correctiveAction?: string\n  dataSet?: DataSet\n  reviewer?: {\n    id: string\n    name: string\n  }\n  reviewedAt?: Date\n  corrector?: {\n    id: string\n    name: string\n  }\n  correctedAt?: Date\n  history?: {\n    user: {\n      id: string\n      name: string\n    }\n    state: DataOocState\n    comment: string\n    timestamp: number\n  }[]\n  resolveActivityInstance?: any\n}\n/**\n * Describes a summary of data, including its name, description, relevant data items, and key metrics.\n */\nexport type DataSummary = {\n  name: string\n  description: string\n  dataItems?: DataItem[]\n  date?: string\n  period?: string\n  key01?: string\n  key02?: string\n  key03?: string\n  key04?: string\n  key05?: string\n  count?: number\n  countOoc?: number\n  countOos?: number\n  useCase?: string\n  summary?: {\n    [key: string]: any\n  }\n}\n/**\n * Represents the result of an evaluation, indicating if data is out of specification or out of control.\n */\nexport type EvaluationResult = {\n  oos: boolean\n  ooc: boolean\n}\n"]}