@operato/dataset 1.0.0-beta.7 → 1.0.0

package/dist/src/ox-data-item-spec.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import '@operato/property-editor/ox-properties-dynamic-view.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property, queryAll, state } from 'lit/decorators.js';
-import { OxDataUseCase } from './ox-data-use-case.js';
+import { OxDataUseCase } from './usecase/ox-data-use-case.js';
 let OxDataItemSpec = class OxDataItemSpec extends LitElement {
     constructor() {
         super(...arguments);
@@ -12,10 +12,12 @@ let OxDataItemSpec = class OxDataItemSpec extends LitElement {
         return html `<form @property-change=${(e) => this.onChange(e)}>
       ${this.dataItemSpecSets.map(({ name, description, specs }) => {
             var _a;
-            return html ` <div specName>${name}</div>
-          <div description>${description}</div>
+            return html ` <label
+          ><div name>${name}</div>
+          <div description><mwc-icon>info_outline</mwc-icon> ${description}</div>
           <ox-properties-dynamic-view data-name=${name} .props=${specs} .value=${(_a = this.value) === null || _a === void 0 ? void 0 : _a[name]}>
-          </ox-properties-dynamic-view>`;
+          </ox-properties-dynamic-view
+        ></label>`;
         })}
     </form>`;
     }
@@ -42,20 +44,75 @@ OxDataItemSpec.styles = css `
     :host {
       display: flex;
       flex-direction: row;
-      border-bottom: var(--border-dark-color);
-      padding: var(--margin-default) 0;
-    }
-    [specName] {
-      font: var(--legend-font);
-      color: var(--legend-text-color);
-    }
-    [description] {
-      font: var(--form-sublabel-font);
-      opacity: 0.8;
+      --item-description-font: normal 0.8rem/1rem var(--theme-font);
+      --item-description-color: var(--page-description-color);
     }
 
     form {
       flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+    label {
+      display: grid;
+
+      grid-template-rows: auto 1fr;
+      grid-template-columns: 1fr 5fr;
+      grid-template-areas: 'name description' 'empty inputs';
+
+      grid-gap: 9px;
+      align-items: center;
+      margin-bottom: var(--margin-default);
+    }
+    label:nth-child(odd) {
+      background-color: var(--main-section-background-color);
+      padding: var(--padding-default) 0;
+    }
+    div[name] {
+      grid-area: name;
+      font: var(--label-font);
+      color: var(--label-color);
+      text-align: right;
+    }
+    div[description] {
+      grid-area: description;
+      opacity: 0.7;
+      font: var(--item-description-font);
+      color: var(--item-description-color);
+      text-align: left;
+    }
+    div[description] * {
+      vertical-align: middle;
+    }
+    div[description] mwc-icon {
+      margin-top: -3px;
+      font-size: 0.9rem;
+    }
+    ox-properties-dynamic-view {
+      grid-area: inputs;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 10px;
+      padding-right: var(--padding-default);
+    }
+
+    @media only screen and (max-width: 460px) {
+      label {
+        display: grid;
+
+        grid-template-rows: auto auto 1fr;
+        grid-template-columns: 1fr;
+        grid-template-areas: 'name' 'description' 'inputs';
+
+        grid-gap: 9px;
+        align-items: center;
+        margin-bottom: var(--margin-default);
+      }
+
+      div[name] {
+        text-align: left;
+      }
     }
   `;
 __decorate([

package/dist/src/ox-data-item-spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-data-item-spec.js","sourceRoot":"","sources":["../../src/ox-data-item-spec.ts"],"names":[],"mappings":";AAAA,OAAO,wDAAwD,CAAA;AAE/D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAIrD,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,UAAU;IAA9C;;QAyBW,qBAAgB,GAAsB,EAAE,CAAA;IAuCnD,CAAC;IAnCC,MAAM;QACJ,OAAO,IAAI,CAAA,0BAA0B,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,gBAAgB,CAAC,GAAG,CACzB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;;YAAC,OAAA,IAAI,CAAA,kBAAkB,IAAI;6BACvC,WAAW;kDACU,IAAI,WAAW,KAAK,WAAW,MAAA,IAAI,CAAC,KAAK,0CAAG,IAAI,CAAC;wCAC3D,CAAA;SAAA,CACjC;YACK,CAAA;IACV,CAAC;IAED,OAAO,CAAC,OAA6B;QACnC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YAC3B,IAAI,CAAC,gBAAgB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAS,CAAC,CAAC,CAAA;SAC7G;IACH,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;QAE9B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;SAC1B,CAAC,CACH,CAAA;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,KAAK,GAAG,EAAS,CAAA;QACrB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;QAExF,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA;AA/DQ,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;GAmBlB,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAuC;AACtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAoB;AAEtC;IAAR,KAAK,EAAE;wDAAyC;AAET;IAAvC,QAAQ,CAAC,4BAA4B,CAAC;oDAAwD;AA3BpF,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAgE1B;SAhEY,cAAc","sourcesContent":["import '@operato/property-editor/ox-properties-dynamic-view.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, queryAll, state } from 'lit/decorators.js'\n\nimport { OxDataUseCase } from './ox-data-use-case.js'\nimport { DataItem, DataItemSpecSet } from './types.js'\n\n@customElement('ox-data-item-spec')\nexport class OxDataItemSpec extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: row;\n      border-bottom: var(--border-dark-color);\n      padding: var(--margin-default) 0;\n    }\n    [specName] {\n      font: var(--legend-font);\n      color: var(--legend-text-color);\n    }\n    [description] {\n      font: var(--form-sublabel-font);\n      opacity: 0.8;\n    }\n\n    form {\n      flex: 1;\n    }\n  `\n\n  @property({ type: Object }) value?: { [specSetName: string]: any }\n  @property({ type: Object }) dataItem?: DataItem\n\n  @state() dataItemSpecSets: DataItemSpecSet[] = []\n\n  @queryAll('ox-properties-dynamic-view') specSetViews!: NodeListOf<HTMLElement & { value: any }>\n\n  render() {\n    return html`<form @property-change=${(e: Event) => this.onChange(e)}>\n      ${this.dataItemSpecSets.map(\n        ({ name, description, specs }) => html` <div specName>${name}</div>\n          <div description>${description}</div>\n          <ox-properties-dynamic-view data-name=${name} .props=${specs} .value=${this.value?.[name]}>\n          </ox-properties-dynamic-view>`\n      )}\n    </form>`\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('dataItem')) {\n      this.dataItemSpecSets = OxDataUseCase.getUseCases().map(useCase => useCase.getSpecification(this.dataItem!))\n    }\n  }\n\n  private onChange(e: Event) {\n    this.value = this.buildValue()\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        composed: true,\n        detail: { ...this.value }\n      })\n    )\n  }\n\n  private buildValue() {\n    var value = {} as any\n    this.specSetViews.forEach(view => (value[view.getAttribute('data-name')!] = view.value))\n\n    return value\n  }\n}\n"]}
+{"version":3,"file":"ox-data-item-spec.js","sourceRoot":"","sources":["../../src/ox-data-item-spec.ts"],"names":[],"mappings":";AAAA,OAAO,wDAAwD,CAAA;AAE/D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG5E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAG7D,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,UAAU;IAA9C;;QAgFW,qBAAgB,GAAwB,EAAE,CAAA;IAyCrD,CAAC;IArCC,MAAM;QACJ,OAAO,IAAI,CAAA,0BAA0B,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,gBAAgB,CAAC,GAAG,CACzB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;;YAAC,OAAA,IAAI,CAAA;uBACvB,IAAI;+DACoC,WAAW;kDACxB,IAAI,WAAW,KAAK,WAAW,MAAA,IAAI,CAAC,KAAK,0CAAG,IAAI,CAAC;;kBAEjF,CAAA;SAAA,CACX;YACK,CAAA;IACV,CAAC;IAED,OAAO,CAAC,OAA6B;QACnC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YAC3B,IAAI,CAAC,gBAAgB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAS,CAAC,CAAC,CAAA;SAC7G;IACH,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;QAE9B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;SAC1B,CAAC,CACH,CAAA;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,KAAK,GAAG,EAAS,CAAA;QACrB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;QAExF,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA;AAxHQ,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0ElB,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAuC;AACtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAoB;AAEtC;IAAR,KAAK,EAAE;wDAA2C;AAEX;IAAvC,QAAQ,CAAC,4BAA4B,CAAC;oDAAwD;AAlFpF,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAyH1B;SAzHY,cAAc","sourcesContent":["import '@operato/property-editor/ox-properties-dynamic-view.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, queryAll, state } from 'lit/decorators.js'\n\nimport { DataItem, UseCaseDefinition } from './types.js'\nimport { OxDataUseCase } from './usecase/ox-data-use-case.js'\n\n@customElement('ox-data-item-spec')\nexport class OxDataItemSpec extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: row;\n      --item-description-font: normal 0.8rem/1rem var(--theme-font);\n      --item-description-color: var(--page-description-color);\n    }\n\n    form {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }\n    label {\n      display: grid;\n\n      grid-template-rows: auto 1fr;\n      grid-template-columns: 1fr 5fr;\n      grid-template-areas: 'name description' 'empty inputs';\n\n      grid-gap: 9px;\n      align-items: center;\n      margin-bottom: var(--margin-default);\n    }\n    label:nth-child(odd) {\n      background-color: var(--main-section-background-color);\n      padding: var(--padding-default) 0;\n    }\n    div[name] {\n      grid-area: name;\n      font: var(--label-font);\n      color: var(--label-color);\n      text-align: right;\n    }\n    div[description] {\n      grid-area: description;\n      opacity: 0.7;\n      font: var(--item-description-font);\n      color: var(--item-description-color);\n      text-align: left;\n    }\n    div[description] * {\n      vertical-align: middle;\n    }\n    div[description] mwc-icon {\n      margin-top: -3px;\n      font-size: 0.9rem;\n    }\n    ox-properties-dynamic-view {\n      grid-area: inputs;\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding-right: var(--padding-default);\n    }\n\n    @media only screen and (max-width: 460px) {\n      label {\n        display: grid;\n\n        grid-template-rows: auto auto 1fr;\n        grid-template-columns: 1fr;\n        grid-template-areas: 'name' 'description' 'inputs';\n\n        grid-gap: 9px;\n        align-items: center;\n        margin-bottom: var(--margin-default);\n      }\n\n      div[name] {\n        text-align: left;\n      }\n    }\n  `\n\n  @property({ type: Object }) value?: { [specSetName: string]: any }\n  @property({ type: Object }) dataItem?: DataItem\n\n  @state() dataItemSpecSets: UseCaseDefinition[] = []\n\n  @queryAll('ox-properties-dynamic-view') specSetViews!: NodeListOf<HTMLElement & { value: any }>\n\n  render() {\n    return html`<form @property-change=${(e: Event) => this.onChange(e)}>\n      ${this.dataItemSpecSets.map(\n        ({ name, description, specs }) => html` <label\n          ><div name>${name}</div>\n          <div description><mwc-icon>info_outline</mwc-icon> ${description}</div>\n          <ox-properties-dynamic-view data-name=${name} .props=${specs} .value=${this.value?.[name]}>\n          </ox-properties-dynamic-view\n        ></label>`\n      )}\n    </form>`\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('dataItem')) {\n      this.dataItemSpecSets = OxDataUseCase.getUseCases().map(useCase => useCase.getSpecification(this.dataItem!))\n    }\n  }\n\n  private onChange(e: Event) {\n    this.value = this.buildValue()\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        composed: true,\n        detail: { ...this.value }\n      })\n    )\n  }\n\n  private buildValue() {\n    var value = {} as any\n    this.specSetViews.forEach(view => (value[view.getAttribute('data-name')!] = view.value))\n\n    return value\n  }\n}\n"]}

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

@@ -11,18 +11,23 @@ let OxDataOocView = class OxDataOocView extends LitElement {
         const history = ((_a = this.dataOoc) === null || _a === void 0 ? void 0 : _a.history) || [];
         const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' });
         return html `
-      <ox-data-sample-view .dataSample=${this.dataOoc} .dataSet=${this.dataSet}></ox-data-sample-view>
+      <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>
 
-      <h3 state>${((_b = this.dataOoc) === null || _b === void 0 ? void 0 : _b.state) || ''}</h3>
+      <h3 state>
+        <!--상태에 따라 추가로 danger, complate를 어트리뷰트로 추가시 배경컬러 변경되도록 해두었습니다-->
+        <mwc-icon>shield</mwc-icon>
+        <div>${name} <span field-state>${((_b = this.dataOoc) === null || _b === void 0 ? void 0 : _b.state) || ''}</span></div>
+      </h3>
 
       <h3>${i18next.t('title.history')}</h3>
       ${history.map(({ user, state, comment, timestamp }) => html `
-          <p page-description>
-            ${formatter.format(new Date(timestamp))}
-            <br />
-            ${state} <mwc-icon>account_circle</mwc-icon> ${user.name}
-            <br />
-            ${comment}
+          <p page-history>
+            <!--상태에 따라 추가로 danger, complate를 어트리뷰트로 추가시 배경컬러 변경되도록 해두었습니다-->
+            <span field-info
+              >${formatter.format(new Date(timestamp))} <mwc-icon>account_circle</mwc-icon>${user.name}</span
+            >
+            <span field-state>${state}</span>
+            <strong>${comment}</strong>
           </p>
         `)}
     `;
@@ -33,7 +38,6 @@ OxDataOocView.styles = css `
       display: flex;
       flex-direction: column;
       background-color: var(--main-section-background-color);
-      padding: var(--padding-wide);
 
       position: relative;
     }
@@ -47,19 +51,74 @@ OxDataOocView.styles = css `
 
     h3[state] {
       position: absolute;
-
-      right: 20px;
-      top: 25px;
+      margin: 0;
+      padding: 0;
+      right: 10px;
+      width: 90px;
+      text-align: center;
     }
 
     mwc-icon {
       font-size: 16px;
     }
+    [state] mwc-icon {
+      font-size: 80px;
+      opacity: 0.4;
+      color: var(--primary-background-color);
+    }
 
-    [page-description] {
+    [state] div {
+      position: absolute;
+      top: 22px;
+      left: 0;
+      right: 0;
+      font-size: 10px;
+      color: var(--theme-white-color);
+    }
+    [state] [field-state] {
+      display: block;
+      border-radius: 4px;
+      background-color: var(--primary-color);
+      box-shadow: var(--box-shadow);
+      margin-top: var(--margin-narrow);
+      padding: 1px 3px;
+      font-size: 0.8rem;
+    }
+    [danger] [field-state] {
+      background-color: var(--status-danger-color);
+    }
+    [complate] [field-state] {
+      background-color: var(--status-info-color);
+    }
+    [page-history] [field-state] {
+      border-radius: 2px;
+      background-color: var(--primary-color);
+      margin-left: var(--margin-default);
+      padding: 1px 2px;
+      font-size: 0.7rem;
+      color: var(--theme-white-color);
+    }
+    [page-history] {
+      background-color: var(--theme-white-color);
+      box-shadow: var(--box-shadow);
+      border-radius: var(--border-radius);
       margin: var(--page-description-margin);
+      padding: var(--padding-default);
       font: var(--page-description-font);
-      color: var(--page-description-color);
+      color: var(--secondary-color);
+    }
+    [page-history] mwc-icon {
+      position: relative;
+      top: 3px;
+      margin: 0 2px 0 10px;
+    }
+    [field-info] {
+      opacity: 0.7;
+    }
+    [page-history] strong {
+      display: block;
+      font-weight: bold;
+      font-size: 0.9rem;
     }
   `;
 __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"ox-data-ooc-view.js","sourceRoot":"","sources":["../../src/ox-data-ooc-view.ts"],"names":[],"mappings":";AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAKvC,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,UAAU;IAuC3C,MAAM;;QACJ,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAI,EAAE,CAAA;QAC3C,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAA;QAExG,OAAO,IAAI,CAAA;yCAC0B,IAAI,CAAC,OAAO,aAAa,IAAI,CAAC,OAAO;;kBAE5D,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,KAAI,EAAE;;YAE/B,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;QAC9B,OAAO,CAAC,GAAG,CACX,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;cAEvC,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;;cAErC,KAAK,wCAAwC,IAAI,CAAC,IAAI;;cAEtD,OAAO;;SAEZ,CACF;KACF,CAAA;IACH,CAAC;CACF,CAAA;AA7DQ,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiClB,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAkB;AArClC,aAAa;IADzB,aAAa,CAAC,kBAAkB,CAAC;GACrB,aAAa,CA8DzB;SA9DY,aAAa","sourcesContent":["import '@operato/input/ox-input-file.js'\nimport './ox-data-sample-view'\nimport '@material/mwc-icon'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { DataOoc, DataSet } from './types.js'\n\n@customElement('ox-data-ooc-view')\nexport class OxDataOocView 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      position: relative;\n    }\n\n    h3 {\n      margin: var(--title-margin);\n      padding-top: 12px;\n      font: var(--title-font);\n      color: var(--title-text-color);\n    }\n\n    h3[state] {\n      position: absolute;\n\n      right: 20px;\n      top: 25px;\n    }\n\n    mwc-icon {\n      font-size: 16px;\n    }\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\n  @property({ type: Object }) dataSet?: DataSet\n  @property({ type: Object }) dataOoc?: DataOoc\n\n  render() {\n    const history = this.dataOoc?.history || []\n    const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n\n    return html`\n      <ox-data-sample-view .dataSample=${this.dataOoc} .dataSet=${this.dataSet}></ox-data-sample-view>\n\n      <h3 state>${this.dataOoc?.state || ''}</h3>\n\n      <h3>${i18next.t('title.history')}</h3>\n      ${history.map(\n        ({ user, state, comment, timestamp }) => html`\n          <p page-description>\n            ${formatter.format(new Date(timestamp))}\n            <br />\n            ${state} <mwc-icon>account_circle</mwc-icon> ${user.name}\n            <br />\n            ${comment}\n          </p>\n        `\n      )}\n    `\n  }\n}\n"]}
+{"version":3,"file":"ox-data-ooc-view.js","sourceRoot":"","sources":["../../src/ox-data-ooc-view.ts"],"names":[],"mappings":";AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAKvC,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,UAAU;IA6F3C,MAAM;;QACJ,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAI,EAAE,CAAA;QAC3C,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAA;QAExG,OAAO,IAAI,CAAA;yCAC0B,IAAI,CAAC,OAAO;;;;;eAKtC,IAAI,sBAAsB,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,KAAI,EAAE;;;YAGtD,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;QAC9B,OAAO,CAAC,GAAG,CACX,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;;;iBAIpC,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,uCAAuC,IAAI,CAAC,IAAI;;gCAEtE,KAAK;sBACf,OAAO;;SAEpB,CACF;KACF,CAAA;IACH,CAAC;CACF,CAAA;AAxHQ,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuFlB,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAkB;AA3FlC,aAAa;IADzB,aAAa,CAAC,kBAAkB,CAAC;GACrB,aAAa,CAyHzB;SAzHY,aAAa","sourcesContent":["import '@operato/input/ox-input-file.js'\nimport './ox-data-sample-view'\nimport '@material/mwc-icon'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { DataOoc, DataSet } from './types.js'\n\n@customElement('ox-data-ooc-view')\nexport class OxDataOocView 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      position: relative;\n    }\n\n    h3 {\n      margin: var(--title-margin);\n      padding-top: 12px;\n      font: var(--title-font);\n      color: var(--title-text-color);\n    }\n\n    h3[state] {\n      position: absolute;\n      margin: 0;\n      padding: 0;\n      right: 10px;\n      width: 90px;\n      text-align: center;\n    }\n\n    mwc-icon {\n      font-size: 16px;\n    }\n    [state] mwc-icon {\n      font-size: 80px;\n      opacity: 0.4;\n      color: var(--primary-background-color);\n    }\n\n    [state] div {\n      position: absolute;\n      top: 22px;\n      left: 0;\n      right: 0;\n      font-size: 10px;\n      color: var(--theme-white-color);\n    }\n    [state] [field-state] {\n      display: block;\n      border-radius: 4px;\n      background-color: var(--primary-color);\n      box-shadow: var(--box-shadow);\n      margin-top: var(--margin-narrow);\n      padding: 1px 3px;\n      font-size: 0.8rem;\n    }\n    [danger] [field-state] {\n      background-color: var(--status-danger-color);\n    }\n    [complate] [field-state] {\n      background-color: var(--status-info-color);\n    }\n    [page-history] [field-state] {\n      border-radius: 2px;\n      background-color: var(--primary-color);\n      margin-left: var(--margin-default);\n      padding: 1px 2px;\n      font-size: 0.7rem;\n      color: var(--theme-white-color);\n    }\n    [page-history] {\n      background-color: var(--theme-white-color);\n      box-shadow: var(--box-shadow);\n      border-radius: var(--border-radius);\n      margin: var(--page-description-margin);\n      padding: var(--padding-default);\n      font: var(--page-description-font);\n      color: var(--secondary-color);\n    }\n    [page-history] mwc-icon {\n      position: relative;\n      top: 3px;\n      margin: 0 2px 0 10px;\n    }\n    [field-info] {\n      opacity: 0.7;\n    }\n    [page-history] strong {\n      display: block;\n      font-weight: bold;\n      font-size: 0.9rem;\n    }\n  `\n\n  @property({ type: Object }) dataSet?: DataSet\n  @property({ type: Object }) dataOoc?: DataOoc\n\n  render() {\n    const history = this.dataOoc?.history || []\n    const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n\n    return html`\n      <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>\n\n      <h3 state>\n        <!--상태에 따라 추가로 danger, complate를 어트리뷰트로 추가시 배경컬러 변경되도록 해두었습니다-->\n        <mwc-icon>shield</mwc-icon>\n        <div>${name} <span field-state>${this.dataOoc?.state || ''}</span></div>\n      </h3>\n\n      <h3>${i18next.t('title.history')}</h3>\n      ${history.map(\n        ({ user, state, comment, timestamp }) => html`\n          <p page-history>\n            <!--상태에 따라 추가로 danger, complate를 어트리뷰트로 추가시 배경컬러 변경되도록 해두었습니다-->\n            <span field-info\n              >${formatter.format(new Date(timestamp))} <mwc-icon>account_circle</mwc-icon>${user.name}</span\n            >\n            <span field-state>${state}</span>\n            <strong>${comment}</strong>\n          </p>\n        `\n      )}\n    `\n  }\n}\n"]}

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

@@ -1,13 +1,11 @@
 import '@operato/input/ox-input-file.js';
 import { LitElement } from 'lit';
-import { DataSample, DataSet } from './types.js';
+import { DataSample } 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

@@ -3,19 +3,27 @@ import '@operato/input/ox-input-file.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { i18next } from '@operato/i18n';
-import { OxDataUseCase } from './ox-data-use-case.js';
+import { OxDataUseCase } from './usecase/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) || {};
+        var { 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 { name, description, collectedAt, workDate, workShift } = this.dataSample || {};
-        return html ` <h2>${i18next.t('field.name')}</h2>
+        /* TODO below converting logic should be removed after dataset migration */
+        if (!(dataItems instanceof Array)) {
+            dataItems = Object.keys(dataItems).map(tag => {
+                var dataItem = dataItems[tag];
+                dataItem.tag = tag;
+                return dataItem;
+            });
+        }
+        return html ` <h2>${name}</h2>
       <p page-description>
-        ${i18next.t('field.description')}<br /><br />
-        ${i18next.t('field.work-date')}: ${workDate} ${workShift}<br />
-        ${i18next.t('field.collected-at')}: ${formatter.format(new Date(collectedAt))}
+        <mwc-icon>info_outline</mwc-icon> ${description}<br />
+        <mwc-icon>alarm</mwc-icon> ${i18next.t('field.work-date')}: ${workDate} ${workShift} |
+        <mwc-icon>pending_actions</mwc-icon> ${i18next.t('field.collected-at')}:
+        ${formatter.format(new Date(collectedAt))}
       </p>
 
       <form @change=${(e) => this.onChange(e)}>
@@ -30,15 +38,16 @@ let OxDataSampleView = class OxDataSampleView extends LitElement {
             <th>${i18next.t('field.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;
+            const { name = '', tag = '', description = '', unit = '', spec = {} } = dataItem;
+            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>${name}</td>
                 <td>${description}</td>
                 <td>${unit}</td>
-                <td>${this.buildValue(dataItem)}</td>
-                <td><pre>${this.buildSpec(dataItem)}</pre></td>
+                <td>${this.buildValue(value)}</td>
+                <td><pre>${this.buildSpec(useCaseNames, spec)}</pre></td>
                 <td>${ooc ? html `<mwc-icon>done</mwc-icon>` : ''}</td>
                 <td>${oos ? html `<mwc-icon>done</mwc-icon>` : ''}</td>
               </tr>
@@ -48,44 +57,30 @@ let OxDataSampleView = class OxDataSampleView extends LitElement {
       </form>`;
     }
     onChange(e) { }
-    buildSpec(dataItem) {
-        return OxDataUseCase.elaborateDataItemSpec(this.dataSet, dataItem);
+    buildSpec(useCaseNames, spec) {
+        return OxDataUseCase.elaborateDataItemSpec(useCaseNames, spec);
     }
-    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];
+    buildValue(value) {
         if (value === undefined) {
             return '';
         }
         const values = value instanceof Array ? value : [value];
-        const elements = values.map((_, idx) => {
-            const v = value[idx];
-            switch (type) {
+        const elements = values.map((v, idx) => {
+            switch (typeof v) {
                 case 'boolean':
-                    return html ` <input type="checkbox" name=${tag} .checked=${v} disabled />`;
+                    return html ` <input type="checkbox" .checked=${v} disabled />`;
                     break;
-                case 'select':
-                case 'number':
-                case 'string':
                 default:
-                    return String(v === undefined ? '' : v);
+                    return v === undefined ? '' : v;
             }
         });
-        return type === 'boolean' ? elements : elements.join(', ');
-    }
-    evaluateOOC(dataItem, value) {
-        return OxDataUseCase.evaluateItem(this.dataSet, dataItem, value);
+        return typeof values[0] === 'boolean' ? elements : elements.join(', ');
     }
 };
 OxDataSampleView.styles = css `
     :host {
       display: flex;
       flex-direction: column;
-      background-color: var(--main-section-background-color);
     }
 
     form {
@@ -97,13 +92,23 @@ OxDataSampleView.styles = css `
 
     h2 {
       margin: var(--title-margin);
-      padding-top: 25px;
       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(--secondary-color);
+      text-transform: capitalize;
+    }
+    [page-description] * {
+      vertical-align: middle;
+    }
+    [page-description] mwc-icon {
+      margin-top: -2px;
+      font-size: 0.9rem;
       color: var(--page-description-color);
     }
 
@@ -156,9 +161,6 @@ OxDataSampleView.styles = css `
       tab-size: 2;
     }
   `;
-__decorate([
-    property({ type: Object })
-], OxDataSampleView.prototype, "dataSet", void 0);
 __decorate([
     property({ type: Object })
 ], OxDataSampleView.prototype, "dataSample", void 0);

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

@@ -1 +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 { i18next } from '@operato/i18n'\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>${i18next.t('field.name')}</h2>\n      <p page-description>\n        ${i18next.t('field.description')}<br /><br />\n        ${i18next.t('field.work-date')}: ${workDate} ${workShift}<br />\n        ${i18next.t('field.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>${i18next.t('field.item')}</th>\n            <th>${i18next.t('field.description')}</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          ${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"]}
+{"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 { i18next } from '@operato/i18n'\n\nimport { DataSample, DataSpecLimitSet } from './types.js'\nimport { OxDataUseCase } from './usecase/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    }\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(--secondary-color);\n      text-transform: capitalize;\n    }\n    [page-description] * {\n      vertical-align: middle;\n    }\n    [page-description] mwc-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(--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 }) dataSample?: DataSample\n\n  render() {\n    var { useCase, data = {}, judgment, dataItems = [] } = this.dataSample || {}\n    const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n    const useCaseNames = useCase?.split(',').filter(useCase => useCase.trim()) || []\n\n    const { name, description, collectedAt, workDate, workShift } = this.dataSample || {}\n\n    /* TODO below converting logic should be removed after dataset migration */\n    if (!(dataItems instanceof Array)) {\n      dataItems = Object.keys(dataItems).map(tag => {\n        var dataItem = (dataItems as any)[tag]\n        dataItem.tag = tag\n        return dataItem\n      })\n    }\n\n    return html` <h2>${name}</h2>\n      <p page-description>\n        <mwc-icon>info_outline</mwc-icon> ${description}<br />\n        <mwc-icon>alarm</mwc-icon> ${i18next.t('field.work-date')}: ${workDate} ${workShift} |\n        <mwc-icon>pending_actions</mwc-icon> ${i18next.t('field.collected-at')}:\n        ${formatter.format(new Date(collectedAt!))}\n      </p>\n\n      <form @change=${(e: Event) => this.onChange(e)}>\n        <table>\n          <tr>\n            <th item>${i18next.t('field.item')}</th>\n            <th>${i18next.t('field.description')}</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          ${dataItems.map(dataItem => {\n            const { name = '', tag = '', description = '', unit = '', spec = {} } = dataItem\n            const value = data[tag]\n            const { ooc, oos } = judgment?.[tag] || {}\n\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(value)}</td>\n                <td><pre>${this.buildSpec(useCaseNames, spec)}</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(useCaseNames: string[], spec: DataSpecLimitSet): string {\n    return OxDataUseCase.elaborateDataItemSpec(useCaseNames, spec)\n  }\n\n  private buildValue(value: any | any[]) {\n    if (value === undefined) {\n      return ''\n    }\n    const values = value instanceof Array ? value : [value]\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          return v === undefined ? '' : v\n      }\n    })\n\n    return typeof values[0] === 'boolean' ? elements : elements.join(', ')\n  }\n}\n"]}

package/dist/src/types.d.ts

@@ -18,7 +18,9 @@ export declare type DataItem = {
     unit: string;
     quota: number;
     spec: {
-        [useCase: string]: any;
+        [useCase: string]: {
+            [limit: string]: number | string | string[] | boolean;
+        };
     };
 };
 export declare type DataSet = {
@@ -34,7 +36,7 @@ export declare type DataSet = {
         };
     };
 };
-export declare type DataItemSpec = {
+export declare type DataSpecDefinition = {
     type: string;
     label: string;
     name: string;
@@ -42,17 +44,34 @@ export declare type DataItemSpec = {
         [option: string]: any;
     };
 };
-export declare type DataItemSpecSet = {
+export declare type UseCaseDefinition = {
     name: string;
     description: string;
     help: string;
-    specs: DataItemSpec[];
+    specs: DataSpecDefinition[];
+};
+export declare type DataSpecLimit = {
+    [limit: string]: number | string | string[] | boolean;
+};
+export declare type DataSpecLimitSet = {
+    [useCase: string]: DataSpecLimit;
+};
+export declare type DataCollection = {
+    [tag: string]: any;
+};
+export declare type Judgment = {
+    [tag: string]: {
+        ooc: boolean;
+        oos: boolean;
+    };
 };
 export declare type DataSample = {
     name: string;
     description: string;
-    data: any;
-    spec: any;
+    useCase: string;
+    data?: DataCollection;
+    judgment?: Judgment;
+    dataItems?: DataItem[];
     quota: number;
     workDate: string;
     workShift: string;

package/dist/src/types.js.map

@@ -1 +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"]}
+{"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: {\n    [useCase: string]: {\n      [limit: string]: number | string | string[] | boolean\n    }\n  }\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 DataSpecDefinition = {\n  type: string\n  label: string\n  name: string\n  property?: { [option: string]: any }\n}\n\nexport type UseCaseDefinition = {\n  name: string\n  description: string\n  help: string\n  specs: DataSpecDefinition[]\n}\n\nexport type DataSpecLimit = {\n  [limit: string]: number | string | string[] | boolean\n}\n\nexport type DataSpecLimitSet = {\n  [useCase: string]: DataSpecLimit\n}\n\nexport type DataCollection = {\n  [tag: string]: any\n}\n\nexport type Judgment = {\n  [tag: string]: {\n    ooc: boolean\n    oos: boolean\n  }\n}\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}\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"]}

package/dist/src/usecase/ccp/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/usecase/ccp/index.js

@@ -0,0 +1,8 @@
+/* Here, only the common module of client and server is imported/exported. Be careful not to use a module dedicated to client or server. */
+import { OxDataUseCase } from '../ox-data-use-case';
+import { OxDataUseCaseCCP } from './ox-data-use-case-ccp';
+// OxPropertyEditor.register({
+//   'ccp-limits': 'ox-property-editor-ccp-limits'
+// })
+OxDataUseCase.registerUseCase('CCP', new OxDataUseCaseCCP());
+//# sourceMappingURL=index.js.map

package/dist/src/usecase/ccp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/usecase/ccp/index.ts"],"names":[],"mappings":"AAAA,2IAA2I;AAE3I,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,8BAA8B;AAC9B,kDAAkD;AAClD,KAAK;AAEL,aAAa,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,gBAAgB,EAAE,CAAC,CAAA","sourcesContent":["/* Here, only the common module of client and server is imported/exported. Be careful not to use a module dedicated to client or server. */\n\nimport { OxDataUseCase } from '../ox-data-use-case'\nimport { OxDataUseCaseCCP } from './ox-data-use-case-ccp'\n\n// OxPropertyEditor.register({\n//   'ccp-limits': 'ox-property-editor-ccp-limits'\n// })\n\nOxDataUseCase.registerUseCase('CCP', new OxDataUseCaseCCP())\n"]}

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

@@ -0,0 +1,7 @@
+import { DataItem, EvaluationResult, UseCaseDefinition } from '../../types';
+import { OxDataUseCase } from '../ox-data-use-case.js';
+export declare class OxDataUseCaseCCP extends OxDataUseCase {
+    getSpecification(dataItem: DataItem): UseCaseDefinition;
+    evaluate(spec: any, values: any | any[]): EvaluationResult | undefined;
+    elaborateUseCaseSpec(limits: any): string | undefined;
+}