@operato/dataset 1.0.0-alpha.6 → 1.0.0-beta.0

package/dist/src/ox-data-sample-view copy.js

@@ -0,0 +1,214 @@
+import { __decorate } from "tslib";
+import '@operato/input/ox-input-file.js';
+import { LitElement, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { OxDataUseCase } from './ox-data-use-case.js';
+let OxDataSampleView = class OxDataSampleView extends LitElement {
+    render() {
+        var _a, _b, _c, _d, _e;
+        const dataItems = ((_a = this.dataSet) === null || _a === void 0 ? void 0 : _a.dataItems.filter(item => item.active)) || [];
+        const data = ((_b = this.dataSample) === null || _b === void 0 ? void 0 : _b.data) || {};
+        const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' });
+        return html ` <h2>${(_c = this.dataSample) === null || _c === void 0 ? void 0 : _c.name}</h2>
+      <p page-description>
+        ${(_d = this.dataSample) === null || _d === void 0 ? void 0 : _d.description}<br /><br />
+        collected at: ${formatter.format(new Date((_e = this.dataSample) === null || _e === void 0 ? void 0 : _e.collectedAt))}
+      </p>
+
+      <form @change=${(e) => this.onChange(e)}>
+        <table>
+          <tr>
+            <th>item</th>
+            <th>description</th>
+            <th>unit</th>
+            <th>value</th>
+            <th>specification</th>
+            <th>OOC</th>
+            <th>OOS</th>
+          </tr>
+          ${dataItems.map(dataItem => {
+            const { ooc, oos } = this.evaluateOOC(dataItem, data === null || data === void 0 ? void 0 : data[dataItem.tag]) || {};
+            return html `
+              <tr ?ooc=${ooc} ?oos=${oos}>
+                <td name>${dataItem.name}</td>
+                <td>${dataItem.description}</td>
+                <td>${dataItem.unit}</td>
+                <td>${this.buildValue(dataItem)}</td>
+                <td><pre>${this.buildSpec(dataItem)}</pre></td>
+                <td>${ooc ? html `<mwc-icon>done</mwc-icon>` : ''}</td>
+                <td>${oos ? html `<mwc-icon>done</mwc-icon>` : ''}</td>
+              </tr>
+            `;
+        })}
+        </table>
+
+        <label><mwc-icon>build_circle</mwc-icon> correction activity</label>
+        <textarea name="correctionActivity"> </textarea>
+      </form>`;
+    }
+    onChange(e) { }
+    buildSpec(dataItem) {
+        return OxDataUseCase.elaborateDataItemSpec(this.dataSet, dataItem);
+    }
+    buildValue(dataItem) {
+        var _a;
+        const { tag, type } = dataItem;
+        if (!this.dataSample) {
+            return '';
+        }
+        const value = (_a = this.dataSample) === null || _a === void 0 ? void 0 : _a.data[dataItem.tag];
+        if (value === undefined) {
+            return '';
+        }
+        const values = value instanceof Array ? value : [value];
+        const elements = values.map((_, idx) => {
+            const v = value[idx];
+            switch (type) {
+                case 'boolean':
+                    return html ` <input type="checkbox" name=${tag} .checked=${v} disabled />`;
+                    break;
+                case 'select':
+                case 'number':
+                case 'string':
+                default:
+                    return String(v === undefined ? '' : v);
+            }
+        });
+        return type === 'boolean' ? elements : elements.join(', ');
+    }
+    evaluateOOC(dataItem, value) {
+        return OxDataUseCase.evaluateItem(this.dataSet, dataItem, value);
+    }
+};
+OxDataSampleView.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      background-color: var(--main-section-background-color);
+      padding: var(--padding-wide);
+    }
+
+    form {
+      flex: 1;
+
+      display: flex;
+      flex-direction: column;
+    }
+    label {
+      font: var(--label-font);
+      color: var(--label-color);
+    }
+    label * {
+      text-align: middle;
+    }
+    label:nth-child(even) {
+      background-color: var(--main-section-background-color);
+      padding: var(--padding-default) 0;
+    }
+    label mwc-icon {
+      position: relative;
+      top: 4px;
+      font-size: 18px;
+      color: var(--status-danger-color);
+    }
+
+    div[name] {
+      grid-column: span 2 / auto;
+      font: var(--label-font);
+      color: var(--label-color);
+      text-align: right;
+    }
+    div[elements] {
+      grid-column: span 10 / auto;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 10px;
+      padding-right: var(--padding-default);
+    }
+    div[elements] * {
+      flex: 1;
+    }
+    div[elements] input,
+    div[elements] select {
+      border: var(--input-field-border);
+      border-radius: var(--input-field-border-radius);
+      padding: var(--input-field-padding);
+      font: var(--input-field-font);
+    }
+    h2 {
+      margin: var(--title-margin);
+      padding-top: 25px;
+      font: var(--title-font);
+      color: var(--title-text-color);
+    }
+    [page-description] {
+      margin: var(--page-description-margin);
+      font: var(--page-description-font);
+      color: var(--page-description-color);
+    }
+    table {
+      border-collapse: collapse;
+      margin-bottom: var(--margin-default);
+    }
+    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;
+    }
+    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-bottom: var(--td-border-bottom);
+      padding: var(--td-padding);
+      font: var(--td-font);
+      color: var(--td-color);
+    }
+    td[name] {
+      font-weight: bold;
+    }
+    td mwc-icon {
+      color: var(--status-danger-color);
+    }
+    textarea {
+      border: var(--input-field-border);
+      border-radius: var(--input-border-radius);
+      padding: var(--input-field-padding);
+      font: var(--input-field-font);
+    }
+
+    @media only screen and (max-width: 460px) {
+      div[name] {
+        grid-column: span 3 / auto;
+      }
+      div[elements] {
+        grid-column: span 9 / auto;
+      }
+    }
+  `;
+__decorate([
+    property({ type: Object })
+], OxDataSampleView.prototype, "dataSet", void 0);
+__decorate([
+    property({ type: Object })
+], OxDataSampleView.prototype, "dataSample", void 0);
+OxDataSampleView = __decorate([
+    customElement('ox-data-sample-view')
+], OxDataSampleView);
+export { OxDataSampleView };
+//# sourceMappingURL=ox-data-sample-view%20copy.js.map

package/dist/src/ox-data-sample-view copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-data-sample-view copy.js","sourceRoot":"","sources":["../../src/ox-data-sample-view copy.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-file.js'\n\nimport { DataItem, DataSample, DataSet } from './types.js'\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { OxDataUseCase } from './ox-data-use-case.js'\n\n@customElement('ox-data-sample-view')\nexport class OxDataSampleView extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      background-color: var(--main-section-background-color);\n      padding: var(--padding-wide);\n    }\n\n    form {\n      flex: 1;\n\n      display: flex;\n      flex-direction: column;\n    }\n    label {\n      font: var(--label-font);\n      color: var(--label-color);\n    }\n    label * {\n      text-align: middle;\n    }\n    label:nth-child(even) {\n      background-color: var(--main-section-background-color);\n      padding: var(--padding-default) 0;\n    }\n    label mwc-icon {\n      position: relative;\n      top: 4px;\n      font-size: 18px;\n      color: var(--status-danger-color);\n    }\n\n    div[name] {\n      grid-column: span 2 / auto;\n      font: var(--label-font);\n      color: var(--label-color);\n      text-align: right;\n    }\n    div[elements] {\n      grid-column: span 10 / auto;\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding-right: var(--padding-default);\n    }\n    div[elements] * {\n      flex: 1;\n    }\n    div[elements] input,\n    div[elements] 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    h2 {\n      margin: var(--title-margin);\n      padding-top: 25px;\n      font: var(--title-font);\n      color: var(--title-text-color);\n    }\n    [page-description] {\n      margin: var(--page-description-margin);\n      font: var(--page-description-font);\n      color: var(--page-description-color);\n    }\n    table {\n      border-collapse: collapse;\n      margin-bottom: var(--margin-default);\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    }\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-bottom: var(--td-border-bottom);\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 mwc-icon {\n      color: var(--status-danger-color);\n    }\n    textarea {\n      border: var(--input-field-border);\n      border-radius: var(--input-border-radius);\n      padding: var(--input-field-padding);\n      font: var(--input-field-font);\n    }\n\n    @media only screen and (max-width: 460px) {\n      div[name] {\n        grid-column: span 3 / auto;\n      }\n      div[elements] {\n        grid-column: span 9 / auto;\n      }\n    }\n  `\n\n  @property({ type: Object }) dataSet?: DataSet\n  @property({ type: Object }) dataSample?: DataSample\n\n  render() {\n    const dataItems = this.dataSet?.dataItems.filter(item => item.active) || []\n    const data = this.dataSample?.data || {}\n    const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n\n    return html` <h2>${this.dataSample?.name}</h2>\n      <p page-description>\n        ${this.dataSample?.description}<br /><br />\n        collected at: ${formatter.format(new Date(this.dataSample?.collectedAt!))}\n      </p>\n\n      <form @change=${(e: Event) => this.onChange(e)}>\n        <table>\n          <tr>\n            <th>item</th>\n            <th>description</th>\n            <th>unit</th>\n            <th>value</th>\n            <th>specification</th>\n            <th>OOC</th>\n            <th>OOS</th>\n          </tr>\n          ${dataItems.map(dataItem => {\n            const { ooc, oos } = this.evaluateOOC(dataItem, data?.[dataItem.tag]) || {}\n            return html`\n              <tr ?ooc=${ooc} ?oos=${oos}>\n                <td name>${dataItem.name}</td>\n                <td>${dataItem.description}</td>\n                <td>${dataItem.unit}</td>\n                <td>${this.buildValue(dataItem)}</td>\n                <td><pre>${this.buildSpec(dataItem)}</pre></td>\n                <td>${ooc ? html`<mwc-icon>done</mwc-icon>` : ''}</td>\n                <td>${oos ? html`<mwc-icon>done</mwc-icon>` : ''}</td>\n              </tr>\n            `\n          })}\n        </table>\n\n        <label><mwc-icon>build_circle</mwc-icon> correction activity</label>\n        <textarea name=\"correctionActivity\"> </textarea>\n      </form>`\n  }\n\n  private onChange(e: Event) {}\n\n  private buildSpec(dataItem: DataItem) {\n    return OxDataUseCase.elaborateDataItemSpec(this.dataSet!, dataItem)\n  }\n\n  private buildValue(dataItem: DataItem) {\n    const { tag, type } = dataItem\n\n    if (!this.dataSample) {\n      return ''\n    }\n\n    const value = this.dataSample?.data[dataItem.tag]\n    if (value === undefined) {\n      return ''\n    }\n    const values = value instanceof Array ? value : [value]\n\n    const elements = values.map((_: any, idx) => {\n      const v = value[idx]\n\n      switch (type) {\n        case 'boolean':\n          return html` <input type=\"checkbox\" name=${tag} .checked=${v} disabled />`\n          break\n\n        case 'select':\n        case 'number':\n        case 'string':\n        default:\n          return String(v === undefined ? '' : v)\n      }\n    })\n\n    return type === 'boolean' ? elements : elements.join(', ')\n  }\n\n  private evaluateOOC(dataItem: DataItem, value: any) {\n    return OxDataUseCase.evaluateItem(this.dataSet!, dataItem, value)\n  }\n}\n"]}

package/dist/src/ox-data-sample-view.d.ts

@@ -0,0 +1,13 @@
+import '@operato/input/ox-input-file.js';
+import { LitElement } from 'lit';
+import { DataSample, DataSet } from './types.js';
+export declare class OxDataSampleView extends LitElement {
+    static styles: import("lit").CSSResult;
+    dataSet?: DataSet;
+    dataSample?: DataSample;
+    render(): import("lit-html").TemplateResult<1>;
+    private onChange;
+    private buildSpec;
+    private buildValue;
+    private evaluateOOC;
+}

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

@@ -0,0 +1,168 @@
+import { __decorate } from "tslib";
+import '@operato/input/ox-input-file.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { OxDataUseCase } from './ox-data-use-case.js';
+let OxDataSampleView = class OxDataSampleView extends LitElement {
+    render() {
+        var _a, _b;
+        const dataItems = ((_a = this.dataSet) === null || _a === void 0 ? void 0 : _a.dataItems.filter(item => item.active)) || [];
+        const data = ((_b = this.dataSample) === null || _b === void 0 ? void 0 : _b.data) || {};
+        const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' });
+        const { name, description, collectedAt, workDate, workShift } = this.dataSample || {};
+        return html ` <h2>${name}</h2>
+      <p page-description>
+        ${description}<br /><br />
+        work date: ${workDate} ${workShift}<br />
+        collected at: ${formatter.format(new Date(collectedAt))}
+      </p>
+
+      <form @change=${(e) => this.onChange(e)}>
+        <table>
+          <tr>
+            <th item>item</th>
+            <th>description</th>
+            <th>unit</th>
+            <th value>value</th>
+            <th>specification</th>
+            <th>OOC</th>
+            <th>OOS</th>
+          </tr>
+          ${dataItems.map(dataItem => {
+            const { ooc, oos } = this.evaluateOOC(dataItem, data === null || data === void 0 ? void 0 : data[dataItem.tag]) || {};
+            const { name, description, unit } = dataItem;
+            return html `
+              <tr ?ooc=${ooc} ?oos=${oos}>
+                <td name>${name}</td>
+                <td>${description}</td>
+                <td>${unit}</td>
+                <td>${this.buildValue(dataItem)}</td>
+                <td><pre>${this.buildSpec(dataItem)}</pre></td>
+                <td>${ooc ? html `<mwc-icon>done</mwc-icon>` : ''}</td>
+                <td>${oos ? html `<mwc-icon>done</mwc-icon>` : ''}</td>
+              </tr>
+            `;
+        })}
+        </table>
+      </form>`;
+    }
+    onChange(e) { }
+    buildSpec(dataItem) {
+        return OxDataUseCase.elaborateDataItemSpec(this.dataSet, dataItem);
+    }
+    buildValue(dataItem) {
+        var _a;
+        const { tag, type } = dataItem;
+        if (!this.dataSample) {
+            return '';
+        }
+        const value = (_a = this.dataSample) === null || _a === void 0 ? void 0 : _a.data[dataItem.tag];
+        if (value === undefined) {
+            return '';
+        }
+        const values = value instanceof Array ? value : [value];
+        const elements = values.map((_, idx) => {
+            const v = value[idx];
+            switch (type) {
+                case 'boolean':
+                    return html ` <input type="checkbox" name=${tag} .checked=${v} disabled />`;
+                    break;
+                case 'select':
+                case 'number':
+                case 'string':
+                default:
+                    return String(v === undefined ? '' : v);
+            }
+        });
+        return type === 'boolean' ? elements : elements.join(', ');
+    }
+    evaluateOOC(dataItem, value) {
+        return OxDataUseCase.evaluateItem(this.dataSet, dataItem, value);
+    }
+};
+OxDataSampleView.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      background-color: var(--main-section-background-color);
+    }
+
+    form {
+      flex: 1;
+
+      display: flex;
+      flex-direction: column;
+    }
+
+    h2 {
+      margin: var(--title-margin);
+      padding-top: 25px;
+      font: var(--title-font);
+      color: var(--title-text-color);
+    }
+    [page-description] {
+      margin: var(--page-description-margin);
+      font: var(--page-description-font);
+      color: var(--page-description-color);
+    }
+
+    table {
+      border-collapse: collapse;
+      margin-bottom: var(--margin-default);
+    }
+    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;
+    }
+    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-bottom: var(--td-border-bottom);
+      padding: var(--td-padding);
+      font: var(--td-font);
+      color: var(--td-color);
+    }
+    td[name] {
+      font-weight: bold;
+    }
+    td mwc-icon {
+      color: var(--status-danger-color);
+    }
+
+    pre {
+      tab-size: 2;
+    }
+  `;
+__decorate([
+    property({ type: Object })
+], OxDataSampleView.prototype, "dataSet", void 0);
+__decorate([
+    property({ type: Object })
+], OxDataSampleView.prototype, "dataSample", void 0);
+OxDataSampleView = __decorate([
+    customElement('ox-data-sample-view')
+], OxDataSampleView);
+export { OxDataSampleView };
+//# sourceMappingURL=ox-data-sample-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-data-sample-view.js","sourceRoot":"","sources":["../../src/ox-data-sample-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-file.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { OxDataUseCase } from './ox-data-use-case.js'\nimport { DataItem, DataSample, DataSet } from './types.js'\n\n@customElement('ox-data-sample-view')\nexport class OxDataSampleView extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      background-color: var(--main-section-background-color);\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      padding-top: 25px;\n      font: var(--title-font);\n      color: var(--title-text-color);\n    }\n    [page-description] {\n      margin: var(--page-description-margin);\n      font: var(--page-description-font);\n      color: var(--page-description-color);\n    }\n\n    table {\n      border-collapse: collapse;\n      margin-bottom: var(--margin-default);\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    }\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-bottom: var(--td-border-bottom);\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 mwc-icon {\n      color: var(--status-danger-color);\n    }\n\n    pre {\n      tab-size: 2;\n    }\n  `\n\n  @property({ type: Object }) dataSet?: DataSet\n  @property({ type: Object }) dataSample?: DataSample\n\n  render() {\n    const dataItems = this.dataSet?.dataItems.filter(item => item.active) || []\n    const data = this.dataSample?.data || {}\n    const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n\n    const { name, description, collectedAt, workDate, workShift } = this.dataSample || {}\n\n    return html` <h2>${name}</h2>\n      <p page-description>\n        ${description}<br /><br />\n        work date: ${workDate} ${workShift}<br />\n        collected at: ${formatter.format(new Date(collectedAt!))}\n      </p>\n\n      <form @change=${(e: Event) => this.onChange(e)}>\n        <table>\n          <tr>\n            <th item>item</th>\n            <th>description</th>\n            <th>unit</th>\n            <th value>value</th>\n            <th>specification</th>\n            <th>OOC</th>\n            <th>OOS</th>\n          </tr>\n          ${dataItems.map(dataItem => {\n            const { ooc, oos } = this.evaluateOOC(dataItem, data?.[dataItem.tag]) || {}\n            const { name, description, unit } = dataItem\n            return html`\n              <tr ?ooc=${ooc} ?oos=${oos}>\n                <td name>${name}</td>\n                <td>${description}</td>\n                <td>${unit}</td>\n                <td>${this.buildValue(dataItem)}</td>\n                <td><pre>${this.buildSpec(dataItem)}</pre></td>\n                <td>${ooc ? html`<mwc-icon>done</mwc-icon>` : ''}</td>\n                <td>${oos ? html`<mwc-icon>done</mwc-icon>` : ''}</td>\n              </tr>\n            `\n          })}\n        </table>\n      </form>`\n  }\n\n  private onChange(e: Event) {}\n\n  private buildSpec(dataItem: DataItem) {\n    return OxDataUseCase.elaborateDataItemSpec(this.dataSet!, dataItem)\n  }\n\n  private buildValue(dataItem: DataItem) {\n    const { tag, type } = dataItem\n\n    if (!this.dataSample) {\n      return ''\n    }\n\n    const value = this.dataSample?.data[dataItem.tag]\n    if (value === undefined) {\n      return ''\n    }\n    const values = value instanceof Array ? value : [value]\n\n    const elements = values.map((_: any, idx) => {\n      const v = value[idx]\n\n      switch (type) {\n        case 'boolean':\n          return html` <input type=\"checkbox\" name=${tag} .checked=${v} disabled />`\n          break\n\n        case 'select':\n        case 'number':\n        case 'string':\n        default:\n          return String(v === undefined ? '' : v)\n      }\n    })\n\n    return type === 'boolean' ? elements : elements.join(', ')\n  }\n\n  private evaluateOOC(dataItem: DataItem, value: any) {\n    return OxDataUseCase.evaluateItem(this.dataSet!, dataItem, value)\n  }\n}\n"]}

package/dist/src/ox-data-use-case.d.ts

@@ -0,0 +1,16 @@
+import { DataItem, DataItemSpecSet, DataSet, EvaluationResult } from './types';
+export declare abstract class OxDataUseCase {
+    static registry: {
+        [name: string]: OxDataUseCase;
+    };
+    static registerUseCase(name: string, useCase: OxDataUseCase): void;
+    static getUseCaseNames(): string[];
+    static getUseCases(): OxDataUseCase[];
+    static getUseCase(name: string): OxDataUseCase | undefined;
+    static elaborateDataItemSpec(dataSet: DataSet, dataItem: DataItem): string;
+    static evaluate(dataSet: DataSet, dataItems: DataItem[], data: any): EvaluationResult | undefined;
+    static evaluateItem(dataSet: DataSet, dataItem: DataItem, values: any | any[]): EvaluationResult | undefined;
+    abstract evaluate(specs: any, values: any[]): EvaluationResult | undefined;
+    abstract elaborateUseCaseSpec(spec: any): string | undefined;
+    abstract getSpecification(dataItem: DataItem): DataItemSpecSet;
+}

package/dist/src/ox-data-use-case.js

@@ -0,0 +1,111 @@
+export class OxDataUseCase {
+    static registerUseCase(name, useCase) {
+        OxDataUseCase.registry[name] = useCase;
+    }
+    static getUseCaseNames() {
+        return Object.keys(OxDataUseCase.registry);
+    }
+    static getUseCases() {
+        return Object.values(OxDataUseCase.registry);
+    }
+    static getUseCase(name) {
+        return OxDataUseCase.registry[name];
+    }
+    static elaborateDataItemSpec(dataSet, dataItem) {
+        var _a;
+        if (!dataSet.useCase) {
+            return '';
+        }
+        const useCaseNames = dataSet.useCase.split(',').map(useCaseName => useCaseName.trim());
+        const useCases = useCaseNames.map(useCaseName => OxDataUseCase.getUseCase(useCaseName)).filter(useCase => !!useCase);
+        var texts = [];
+        for (let j = 0; j < useCases.length; j++) {
+            const useCase = useCases[j];
+            if (!useCase) {
+                continue;
+            }
+            const specs = (_a = dataItem.spec) === null || _a === void 0 ? void 0 : _a[dataSet.useCase];
+            if (!specs) {
+                continue;
+            }
+            const result = useCase.elaborateUseCaseSpec(dataItem.spec);
+            if (!result) {
+                continue;
+            }
+            texts.push(result);
+        }
+        return texts.join('\n');
+    }
+    static evaluate(dataSet, dataItems, data) {
+        var _a;
+        var ooc = false;
+        var oos = false;
+        if (!dataSet.useCase) {
+            return { ooc, oos };
+        }
+        const useCaseNames = dataSet.useCase.split(',').map(useCaseName => useCaseName.trim());
+        const useCases = useCaseNames.map(useCaseName => OxDataUseCase.getUseCase(useCaseName)).filter(useCase => !!useCase);
+        for (let i = 0; i < dataItems.length; i++) {
+            const dataItem = dataItems[i];
+            const { active, tag } = dataItem;
+            if (!active || !tag) {
+                continue;
+            }
+            let values = data[tag];
+            if (typeof values === 'undefined') {
+                continue; // TODO what if in case no value ?
+            }
+            if (!(values instanceof Array)) {
+                values = [values];
+            }
+            for (let j = 0; j < useCases.length; j++) {
+                const useCase = useCases[j];
+                const specs = (_a = dataItem.spec) === null || _a === void 0 ? void 0 : _a[dataSet.useCase];
+                if (!specs) {
+                    continue;
+                }
+                const result = useCase === null || useCase === void 0 ? void 0 : useCase.evaluate(specs, values);
+                if (result) {
+                    ooc || (ooc = result.ooc);
+                    oos || (oos = result.oos);
+                }
+            }
+        }
+        return { ooc, oos };
+    }
+    static evaluateItem(dataSet, dataItem, values) {
+        var _a;
+        var ooc = false;
+        var oos = false;
+        if (!dataSet.useCase) {
+            return { ooc, oos };
+        }
+        const useCaseNames = dataSet.useCase.split(',').map(useCaseName => useCaseName.trim());
+        const useCases = useCaseNames.map(useCaseName => OxDataUseCase.getUseCase(useCaseName)).filter(useCase => !!useCase);
+        const { active, tag } = dataItem;
+        if (!active || !tag) {
+            return;
+        }
+        if (typeof values === 'undefined') {
+            return; // TODO what if in case no value ?
+        }
+        if (!(values instanceof Array)) {
+            values = [values];
+        }
+        for (let j = 0; j < useCases.length; j++) {
+            const useCase = useCases[j];
+            const specs = (_a = dataItem.spec) === null || _a === void 0 ? void 0 : _a[dataSet.useCase];
+            if (!specs) {
+                return;
+            }
+            const result = useCase === null || useCase === void 0 ? void 0 : useCase.evaluate(specs, values);
+            if (result) {
+                ooc || (ooc = result.ooc);
+                oos || (oos = result.oos);
+            }
+        }
+        return { ooc, oos };
+    }
+}
+OxDataUseCase.registry = {};
+//# sourceMappingURL=ox-data-use-case.js.map

package/dist/src/ox-data-use-case.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-data-use-case.js","sourceRoot":"","sources":["../../src/ox-data-use-case.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataItem, DataItemSpecSet, DataSet, EvaluationResult } from './types'\n\nexport abstract class OxDataUseCase {\n  static registry: { [name: string]: OxDataUseCase } = {}\n\n  public static registerUseCase(name: string, useCase: OxDataUseCase) {\n    OxDataUseCase.registry[name] = useCase\n  }\n\n  public static getUseCaseNames() {\n    return Object.keys(OxDataUseCase.registry)\n  }\n\n  public static getUseCases(): OxDataUseCase[] {\n    return Object.values(OxDataUseCase.registry)\n  }\n\n  public static getUseCase(name: string): OxDataUseCase | undefined {\n    return OxDataUseCase.registry[name]\n  }\n\n  public static elaborateDataItemSpec(dataSet: DataSet, dataItem: DataItem): string {\n    if (!dataSet.useCase) {\n      return ''\n    }\n\n    const useCaseNames = dataSet.useCase.split(',').map(useCaseName => useCaseName.trim())\n    const useCases = useCaseNames.map(useCaseName => OxDataUseCase.getUseCase(useCaseName)).filter(useCase => !!useCase)\n\n    var texts = []\n\n    for (let j = 0; j < useCases.length; j++) {\n      const useCase = useCases[j]\n      if (!useCase) {\n        continue\n      }\n\n      const specs = dataItem.spec?.[dataSet.useCase]\n      if (!specs) {\n        continue\n      }\n\n      const result = useCase.elaborateUseCaseSpec(dataItem.spec)\n      if (!result) {\n        continue\n      }\n\n      texts.push(result)\n    }\n\n    return texts.join('\\n')\n  }\n\n  public static evaluate(dataSet: DataSet, dataItems: DataItem[], data: any): EvaluationResult | undefined {\n    var ooc = false\n    var oos = false\n\n    if (!dataSet.useCase) {\n      return { ooc, oos }\n    }\n\n    const useCaseNames = dataSet.useCase.split(',').map(useCaseName => useCaseName.trim())\n    const useCases = useCaseNames.map(useCaseName => OxDataUseCase.getUseCase(useCaseName)).filter(useCase => !!useCase)\n\n    for (let i = 0; i < dataItems.length; i++) {\n      const dataItem = dataItems[i]\n      const { active, tag } = dataItem\n      if (!active || !tag) {\n        continue\n      }\n\n      let values: any | any[] = data[tag]\n      if (typeof values === 'undefined') {\n        continue // TODO what if in case no value ?\n      }\n\n      if (!(values instanceof Array)) {\n        values = [values]\n      }\n\n      for (let j = 0; j < useCases.length; j++) {\n        const useCase = useCases[j]\n\n        const specs = dataItem.spec?.[dataSet.useCase]\n        if (!specs) {\n          continue\n        }\n\n        const result = useCase?.evaluate(specs, values)\n\n        if (result) {\n          ooc ||= result.ooc\n          oos ||= result.oos\n        }\n      }\n    }\n\n    return { ooc, oos }\n  }\n\n  public static evaluateItem(dataSet: DataSet, dataItem: DataItem, values: any | any[]): EvaluationResult | undefined {\n    var ooc = false\n    var oos = false\n\n    if (!dataSet.useCase) {\n      return { ooc, oos }\n    }\n\n    const useCaseNames = dataSet.useCase.split(',').map(useCaseName => useCaseName.trim())\n    const useCases = useCaseNames.map(useCaseName => OxDataUseCase.getUseCase(useCaseName)).filter(useCase => !!useCase)\n\n    const { active, tag } = dataItem\n    if (!active || !tag) {\n      return\n    }\n\n    if (typeof values === 'undefined') {\n      return // TODO what if in case no value ?\n    }\n\n    if (!(values instanceof Array)) {\n      values = [values]\n    }\n\n    for (let j = 0; j < useCases.length; j++) {\n      const useCase = useCases[j]\n\n      const specs = dataItem.spec?.[dataSet.useCase]\n      if (!specs) {\n        return\n      }\n\n      const result = useCase?.evaluate(specs, values)\n\n      if (result) {\n        ooc ||= result.ooc\n        oos ||= result.oos\n      }\n    }\n\n    return { ooc, oos }\n  }\n\n  public abstract evaluate(specs: any, values: any[]): EvaluationResult | undefined\n  public abstract elaborateUseCaseSpec(spec: any): string | undefined\n  public abstract getSpecification(dataItem: DataItem): DataItemSpecSet\n}\n"]}

package/dist/src/types.d.ts

@@ -0,0 +1,78 @@
+export declare type SelectOption = {
+    text: string;
+    value: string;
+};
+export declare type SelectOptions = SelectOption[];
+export declare type TypeOptions = {
+    options?: SelectOptions;
+    [prop: string]: any;
+};
+export declare type DataItem = {
+    name: string;
+    description: string;
+    sequence: number;
+    tag: string;
+    type: string;
+    active: boolean;
+    options: TypeOptions;
+    unit: string;
+    quota: number;
+    spec: {
+        [useCase: string]: any;
+    };
+};
+export declare type DataSet = {
+    name: string;
+    description: string;
+    type: 'manual' | 'automatic';
+    useCase: string;
+    active: boolean;
+    dataItems: DataItem[];
+    spec: {
+        [dataItem: string]: {
+            [useCase: string]: any;
+        };
+    };
+};
+export declare type DataItemSpec = {
+    type: string;
+    label: string;
+    name: string;
+    property?: {
+        [option: string]: any;
+    };
+};
+export declare type DataItemSpecSet = {
+    name: string;
+    description: string;
+    help: string;
+    specs: DataItemSpec[];
+};
+export declare type DataSample = {
+    name: string;
+    description: string;
+    data: any;
+    spec: any;
+    quota: number;
+    workDate: string;
+    workShift: string;
+    collectedAt: Date;
+};
+export declare type DataOocState = 'CREATED' | 'REVIEWED' | 'CORRECTED';
+export declare type DataOoc = DataSample & {
+    state: DataOocState;
+    correctiveAction: string;
+    history: {
+        user: {
+            id: string;
+            name: string;
+        };
+        state: DataOocState;
+        comment: string;
+        timestamp: number;
+    }[];
+};
+export declare type EvaluationResult = {
+    oos: boolean;
+    ooc: boolean;
+};

package/dist/src/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SelectOption = { text: string; value: string }\nexport type SelectOptions = SelectOption[]\nexport type TypeOptions = {\n  options?: SelectOptions\n  [prop: string]: any\n}\n\nexport type DataItem = {\n  name: string\n  description: string\n  sequence: number\n  tag: string\n  type: string\n  active: boolean\n  options: TypeOptions\n  unit: string\n  quota: number\n  spec: { [useCase: string]: any }\n}\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: { [dataItem: string]: { [useCase: string]: any } }\n}\n\nexport type DataItemSpec = {\n  type: string\n  label: string\n  name: string\n  property?: { [option: string]: any }\n}\n\nexport type DataItemSpecSet = {\n  name: string\n  description: string\n  help: string\n  specs: DataItemSpec[]\n}\n\nexport type DataSample = {\n  name: string\n  description: string\n  data: any\n  spec: any\n  quota: number\n  workDate: string\n  workShift: string\n  collectedAt: Date\n}\n\nexport type DataOocState = 'CREATED' | 'REVIEWED' | 'CORRECTED'\n\nexport type DataOoc = DataSample & {\n  state: DataOocState\n  correctiveAction: string\n  history: {\n    user: {\n      id: string\n      name: string\n    }\n    state: DataOocState\n    comment: string\n    timestamp: number\n  }[]\n}\n\nexport type EvaluationResult = { oos: boolean; ooc: boolean }\n"]}