@things-factory/dataset 8.0.0-beta.1 → 8.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/dataset",
-  "version": "8.0.0-beta.1",
+  "version": "8.0.0-beta.4",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -40,21 +40,21 @@
     "@operato/shell": "^8.0.0-beta",
     "@operato/styles": "^8.0.0-beta",
     "@operato/utils": "^8.0.0-beta",
-    "@things-factory/auth-base": "^8.0.0-beta.1",
-    "@things-factory/aws-base": "^8.0.0-beta.1",
-    "@things-factory/board-service": "^8.0.0-beta.1",
-    "@things-factory/env": "^8.0.0-beta.1",
-    "@things-factory/integration-base": "^8.0.0-beta.1",
-    "@things-factory/organization": "^8.0.0-beta.1",
-    "@things-factory/personalization": "^8.0.0-beta.1",
-    "@things-factory/scheduler-client": "^8.0.0-beta.1",
-    "@things-factory/shell": "^8.0.0-beta.1",
-    "@things-factory/work-shift": "^8.0.0-beta.1",
-    "@things-factory/worklist": "^8.0.0-beta.1",
+    "@things-factory/auth-base": "^8.0.0-beta.4",
+    "@things-factory/aws-base": "^8.0.0-beta.4",
+    "@things-factory/board-service": "^8.0.0-beta.4",
+    "@things-factory/env": "^8.0.0-beta.4",
+    "@things-factory/integration-base": "^8.0.0-beta.4",
+    "@things-factory/organization": "^8.0.0-beta.4",
+    "@things-factory/personalization": "^8.0.0-beta.4",
+    "@things-factory/scheduler-client": "^8.0.0-beta.4",
+    "@things-factory/shell": "^8.0.0-beta.4",
+    "@things-factory/work-shift": "^8.0.0-beta.4",
+    "@things-factory/worklist": "^8.0.0-beta.4",
     "cron-parser": "^4.3.0",
     "moment-timezone": "^0.5.45",
     "simple-statistics": "^7.8.3",
     "statistics": "^3.3.0"
   },
-  "gitHead": "36c494e587640c1490318ef7b95adab02606e0c2"
+  "gitHead": "d83d12ed4ba07177dff1dac26e37be347d156b43"
 }

package/client/activities/activity-data-collect-edit.ts

@@ -1,105 +0,0 @@
-import '@operato/dataset/ox-data-entry-form.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-import { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js'
-import { DataSet } from '@operato/dataset'
-
-@customElement('activity-data-collect-edit')
-export class DataCollectActivityEdit extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      ox-data-entry-form {
-        flex: 1;
-        padding: 10px;
-        overflow: auto;
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() dataSet?: DataSet & { id: string }
-
-  @query('ox-data-entry-form') entryForm!: OxDataEntryForm
-
-  render() {
-    return html`
-      <ox-data-entry-form
-        .dataSet=${this.dataSet}
-        .value=${this.output}
-        @change=${this._updateDataItems}
-      ></ox-data-entry-form>
-    `
-  }
-
-  async _updateDataItems(e: CustomEvent) {
-    e.stopPropagation()
-
-    this.output = this.entryForm.value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchDataSet()
-    }
-  }
-
-  async fetchDataSet() {
-    const id = this.input.dataSetId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            dataSet(id: $id) {
-              id
-              name
-              description
-              useCase
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      this.dataSet = response.data.dataSet
-    }
-  }
-}

package/client/activities/activity-data-collect-view.ts

@@ -1,91 +0,0 @@
-import '@operato/dataset/ox-data-entry-view.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-import { DataSet } from '@operato/dataset'
-
-@customElement('activity-data-collect-view')
-export class DataCollectActivityView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      ox-data-entry-view {
-        flex: 1;
-        padding: 10px;
-        overflow: auto;
-      }
-
-      @media print {
-        :host {
-          display: block;
-          overflow: visible;
-        }
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() dataSet?: DataSet & { id: string }
-
-  render() {
-    return html` <ox-data-entry-view .dataSet=${this.dataSet} .value=${this.output}></ox-data-entry-view>`
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchDataSet()
-    }
-  }
-
-  async fetchDataSet() {
-    const id = this.input.dataSetId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            dataSet(id: $id) {
-              id
-              name
-              description
-              useCase
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      this.dataSet = response.data.dataSet
-    }
-  }
-}

package/client/activities/activity-data-review-edit.ts

@@ -1,133 +0,0 @@
-import '@operato/dataset/ox-data-entry-form.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-import { client } from '@operato/graphql'
-
-@customElement('activity-data-review-edit')
-export class DataReviewActivityEdit extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      div[content] {
-        flex: 1;
-        flex-direction: column;
-
-        display: flex;
-        overflow: auto;
-      }
-
-      ox-data-sample-view {
-        flex: 1;
-        padding: var(--spacing-large);
-        overflow: auto;
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() dataSample?: any
-
-  render() {
-    return html`
-      <div content>
-        <ox-data-sample-view .dataSample=${this.dataSample}></ox-data-sample-view>
-      </div>
-    `
-  }
-
-  onChangeInstruction(e: Event) {
-    this.output ||= {}
-    this.output.instruction = (e.target as HTMLTextAreaElement).value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchDataAssign()
-    }
-  }
-
-  async fetchDataAssign() {
-    const { dataSampleId, dataSample } = this.input || {}
-
-    if (dataSample) {
-      /* only for backwards compatibility - should be deleted later */
-      this.dataSample = dataSample
-    } else if (dataSampleId) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            dataSample(id: $id) {
-              id
-              name
-              description
-              useCase
-              key01
-              key02
-              key03
-              key04
-              key05
-              data
-              ooc
-              oos
-              dataSet {
-                id
-                name
-                description
-              }
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-              judgment
-              workDate
-              workShift
-              updater {
-                id
-                name
-              }
-              updatedAt
-              collectedAt
-            }
-          }
-        `,
-        variables: {
-          id: dataSampleId
-        }
-      })
-
-      this.dataSample = {
-        ...response.data.dataSample
-      }
-    }
-  }
-}

package/client/activities/activity-data-review-view.ts

@@ -1,145 +0,0 @@
-import '@operato/dataset/ox-data-entry-form.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-import { client } from '@operato/graphql'
-
-@customElement('activity-data-review-view')
-export class DataReviewActivityView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      div[content] {
-        flex: 1;
-        flex-direction: column;
-
-        display: flex;
-        overflow: auto;
-      }
-
-      ox-data-sample-view {
-        flex: 1;
-        padding: var(--spacing-large);
-        overflow: auto;
-      }
-
-      @media print {
-        :host {
-          display: block;
-          overflow: visible;
-        }
-
-        div[content] {
-          display: block;
-          overflow: visible;
-        }
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() dataSample?: any
-
-  render() {
-    return html`
-      <div content>
-        <ox-data-sample-view .dataSample=${this.dataSample}></ox-data-sample-view>
-      </div>
-    `
-  }
-
-  onChangeInstruction(e: Event) {
-    this.output ||= {}
-    this.output.instruction = (e.target as HTMLTextAreaElement).value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchDataAssign()
-    }
-  }
-
-  async fetchDataAssign() {
-    const { dataSampleId, dataSample } = this.input || {}
-
-    if (dataSample) {
-      /* only for backwards compatibility - should be deleted later */
-      this.dataSample = dataSample
-    } else if (dataSampleId) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            dataSample(id: $id) {
-              id
-              name
-              description
-              useCase
-              key01
-              key02
-              key03
-              key04
-              key05
-              data
-              ooc
-              oos
-              dataSet {
-                id
-                name
-                description
-              }
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-              judgment
-              workDate
-              workShift
-              updater {
-                id
-                name
-              }
-              updatedAt
-              collectedAt
-            }
-          }
-        `,
-        variables: {
-          id: dataSampleId
-        }
-      })
-
-      this.dataSample = {
-        ...response.data.dataSample
-      }
-    }
-  }
-}

package/client/activities/activity-ooc-resolve-edit.ts

@@ -1,195 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@operato/dataset/ox-data-ooc-brief-view.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement, nothing } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-
-@customElement('activity-ooc-resolve-edit')
-class OocResolveActivityEdit extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      div[content] {
-        flex: 1;
-        flex-direction: column;
-
-        display: flex;
-        overflow: auto;
-      }
-
-      ox-data-ooc-brief-view {
-        flex: 1;
-        padding: var(--spacing-large);
-        overflow: auto;
-      }
-
-      label[action] {
-        display: flex;
-        flex-direction: column;
-
-        padding: var(--spacing-large);
-      }
-
-      label[action] h2 {
-        display: flex;
-
-        color: var(--title-text-color);
-        text-transform: capitalize;
-        margin: var(--title-margin);
-        align-items: center;
-      }
-
-      md-icon {
-        color: var(--status-danger-color);
-      }
-
-      textarea {
-        border: var(--input-field-border);
-        border-radius: var(--spacing-small);
-        margin: var(--spacing-medium);
-        padding: var(--spacing-medium);
-        font: var(--input-field-font);
-        color: var(--md-sys-color-on-surface);
-        background: var(--md-sys-color-surface-variant);
-
-        resize: none;
-        outline: none;
-        min-height: 200px;
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-  @property({ type: Object }) activityThread?: any
-
-  @state() dataOoc?: any
-
-  @query('textarea') actionTextArea!: HTMLTextAreaElement
-
-  render() {
-    const action = this.output?.action
-    const state = this.activityThread?.state
-    const editable = state == 'unassigned' || state == 'assigned' || state == 'started'
-
-    return html`
-      <div content>
-        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>
-      </div>
-
-      <!-- <ox-data-ooc-correction-part .dataOoc=${this.dataOoc}></ox-data-ooc-correction-part> -->
-
-      ${editable
-        ? html`
-            <label action>
-              <h2><md-icon>build_circle</md-icon>&nbsp;<span>${i18next.t('label.corrective action')}</span></h2>
-              <textarea
-                placeholder=${String(i18next.t('text.corrective action placeholder'))}
-                .value=${action || ''}
-                @change=${this.onChangeAction}
-              ></textarea>
-            </label>
-          `
-        : nothing}
-    `
-  }
-
-  onChangeAction(e: Event) {
-    this.output ||= {}
-    this.output.action = (e.target as HTMLTextAreaElement).value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchDataOoc()
-    }
-  }
-
-  async fetchDataOoc() {
-    const id = this.input.dataOocId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            dataOoc(id: $id) {
-              id
-              name
-              description
-              ooc
-              oos
-              state
-              type
-              useCase
-              data
-              judgment
-              history
-              correctiveAction
-              correctiveInstruction
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-              workDate
-              workShift
-              reviewer {
-                id
-                name
-              }
-              corrector {
-                id
-                name
-              }
-              collectedAt
-              reviewedAt
-              correctedAt
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      const dataOoc = {
-        ...response.data.dataOoc
-      }
-
-      if (this.activityThread?.output) {
-        dataOoc.correctiveAction = this.activityThread.output.action
-        dataOoc.correctedAt = this.activityThread.updatedAt
-        dataOoc.corrector = this.activityThread.assignee
-      }
-
-      this.dataOoc = dataOoc
-    }
-  }
-}