npm - @operato/dataset - Versions diffs - 7.1.30 → 7.1.32 - Mend

@operato/dataset 7.1.30 → 7.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/CHANGELOG.md +18 -0
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +12 -12
package/.editorconfig +0 -29
package/.storybook/main.js +0 -3
package/.storybook/preview.js +0 -52
package/.storybook/server.mjs +0 -8
package/demo/favicon.ico +0 -0
package/demo/index.html +0 -349
package/demo/ox-data-ooc-brief-view-test.html +0 -349
package/src/grist-editor/index.ts +0 -10
package/src/grist-editor/ox-grist-editor-data-item-spec.ts +0 -93
package/src/grist-editor/ox-popup-data-item-spec.ts +0 -93
package/src/index.ts +0 -2
package/src/ox-data-entry-form.ts +0 -303
package/src/ox-data-entry-subgroup-form.ts +0 -157
package/src/ox-data-entry-subgroup-view.ts +0 -221
package/src/ox-data-entry-view.ts +0 -241
package/src/ox-data-item-spec.ts +0 -131
package/src/ox-data-ooc-badge.ts +0 -73
package/src/ox-data-ooc-brief-view.ts +0 -43
package/src/ox-data-ooc-correction-part.ts +0 -107
package/src/ox-data-ooc-history.ts +0 -74
package/src/ox-data-ooc-view.ts +0 -51
package/src/ox-data-sample-subgroup-view.ts +0 -210
package/src/ox-data-sample-view.ts +0 -271
package/src/ox-data-summary-view.ts +0 -198
package/src/types.ts +0 -178
package/src/usecase/ccp/index.ts +0 -10
package/src/usecase/ccp/ox-data-use-case-ccp.ts +0 -147
package/src/usecase/ccp/ox-input-ccp-limits.ts +0 -184
package/src/usecase/ccp/ox-property-editor-ccp-limits.ts +0 -23
package/src/usecase/ox-data-use-case.ts +0 -178
package/src/usecase/qc/index.ts +0 -10
package/src/usecase/qc/ox-data-use-case-qc.ts +0 -76
package/src/usecase/qc/ox-input-qc-limits.ts +0 -183
package/src/usecase/qc/ox-property-editor-qc-limits.ts +0 -23
package/src/usecase/spc/index.ts +0 -10
package/src/usecase/spc/ox-data-use-case-spc.ts +0 -147
package/src/usecase/spc/ox-input-spc-limits.ts +0 -184
package/src/usecase/spc/ox-property-editor-spc-limits.ts +0 -23
package/stories/ox-data-entry-form.stories.ts +0 -253
package/stories/ox-data-item-spec.stories.ts +0 -257
package/stories/ox-data-ooc-brief-view.stories.ts +0 -333
package/stories/ox-data-ooc-view.stories.ts +0 -327
package/stories/ox-data-sample-view.stories.ts +0 -313
package/stories/ox-grist-editor-data-item-spec.stories.ts +0 -412
package/tsconfig.json +0 -24
package/web-dev-server.config.mjs +0 -27
package/web-test-runner.config.mjs +0 -41

package/demo/ox-data-ooc-brief-view-test.html DELETED Viewed

@@ -1,349 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <style>
-      body {
-        /* box-sizing: border-box; */
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-        /* This is a font-stack that tries to use the system-default sans-serifs first */
-        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-      }
-      #app {
-        width: 100vw;
-        height: 100dvh;
-        overflow: auto;
-        display: flex;
-        flex-direction: column;
-      }
-      #demo {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-      }
-      @media print {
-        #app {
-          height: unset;
-        }
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="/themes/oops-theme.css" rel="stylesheet" />
-  </head>
-  <body>
-    <script type="module">
-      import { LitElement, html, css, render } from 'lit'
-      import '../dist/src/index.js'
-      import '../dist/src/usecase/ccp/index.js'
-      import '../dist/src/ox-data-ooc-brief-view.js'
-      const dataSet = {
-        name: 'sample',
-        description: 'sample description',
-        type: 'manual',
-        useCase: 'CCP',
-        dataItems: [
-          {
-            name: '창고 온도',
-            description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
-            sequence: 1,
-            tag: 'temp',
-            group: '측정데이타',
-            type: 'number',
-            quota: 1,
-            active: true,
-            unit: '℃',
-            spec: {
-              CCP: {
-                criticalLimits: {
-                  minimum: 100,
-                  maximum: 200
-                },
-                targetLimits: {
-                  minimum: 120,
-                  maximum: 180
-                }
-              }
-            }
-          },
-          {
-            name: '창고 습도',
-            description: '창고 습도는 30% 이하로 유지되어야 합니다.',
-            sequence: 2,
-            tag: 'humid',
-            group: '측정데이타',
-            type: 'number',
-            quota: 5,
-            active: true,
-            unit: '%',
-            spec: {
-              CCP: {
-                criticalLimits: {
-                  minimum: 10,
-                  maximum: 50
-                },
-                targetLimits: {
-                  minimum: 20,
-                  maximum: 40
-                }
-              }
-            }
-          },
-          {
-            name: '육안 검사',
-            description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
-            sequence: 3,
-            tag: 'inspection',
-            group: '측정데이타',
-            type: 'boolean',
-            quota: 3,
-            active: true,
-            spec: {
-              CCP: {
-                criticalLimits: {
-                  acceptables: true
-                },
-                targetLimits: {
-                  acceptables: true
-                }
-              }
-            }
-          },
-          {
-            name: '품평',
-            description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
-            sequence: 4,
-            tag: 'evaluation',
-            group: '측정데이타',
-            type: 'select',
-            options: {
-              options: [
-                { text: '최우수', value: '최우수' },
-                { text: '우수', value: '우수' },
-                { text: '보통', value: '보통' },
-                { text: '미달', value: '미달' }
-              ]
-            },
-            quota: 3,
-            active: true,
-            spec: {
-              CCP: {
-                criticalLimits: {
-                  acceptables: ['최우수', '우수', '보통']
-                },
-                targetLimits: {
-                  acceptables: ['최우수', '우수']
-                }
-              }
-            }
-          },
-          {
-            name: '코멘트',
-            description: '특이사항을 기록함.',
-            sequence: 4,
-            tag: 'comment',
-            type: 'string',
-            quota: 1,
-            active: true
-          },
-          {
-            name: '첨부파일',
-            description: '참조 첨부 파일.',
-            sequence: 4,
-            tag: 'attachment',
-            type: 'file',
-            quota: 1,
-            active: true
-          }
-        ]
-      }
-      var dataOoc = {
-        name: 'Data Sample Name',
-        description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',
-        state: 'CORRECTED',
-        useCase: 'CCP',
-        judgment: {
-          temp: {
-            ooc: true,
-            oos: false
-          },
-          humid: {
-            ooc: false,
-            oos: true
-          }
-        },
-        data: {
-          temp: [1000, 1023, 1027, 997, 981],
-          humid: [20, 23, 21, 26, 27],
-          inspection: [true, false, true, false, false],
-          evaluation: ['최우수', '보통', '우수', '보통', '최우수'],
-          comment: '이것은 코멘트입니다.'
-        },
-        dataItems: dataSet.dataItems,
-        spec: {
-          temp: {
-            name: '창고 온도',
-            description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
-            spec: {
-              CCP: {
-                criticalLimits: {
-                  minimum: 100,
-                  maximum: 200
-                },
-                targetLimits: {
-                  minimum: 120,
-                  maximum: 180
-                }
-              }
-            }
-          },
-          humid: {
-            name: '창고 습도',
-            description: '창고 습도는 30% 이하로 유지되어야 합니다.',
-            spec: {
-              CCP: {
-                criticalLimits: {
-                  minimum: 10,
-                  maximum: 50
-                },
-                targetLimits: {
-                  minimum: 20,
-                  maximum: 40
-                }
-              }
-            }
-          },
-          inspection: {
-            name: '육안 검사',
-            description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.'
-          },
-          evaluation: {
-            name: '품평',
-            description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
-            spec: {
-              CCP: {
-                criticalLimits: {
-                  acceptables: ['최우수', '우수', '보통']
-                },
-                targetLimits: {
-                  acceptables: ['최우수', '우수']
-                }
-              }
-            }
-          },
-          comment: {
-            name: '코멘트',
-            description: '특이사항을 기록함.'
-          },
-          attachment: {
-            name: '첨부파일',
-            description: '참조 첨부 파일.'
-          }
-        },
-        collectedAt: Date.now(),
-        reviewer: {
-          name: '남상혁'
-        },
-        reviewedAt: Date.now(),
-        correctiveInstruction: '바지틀고서 만나오리오. 쿠투추파',
-        corrector: {
-          name: '남상혁'
-        },
-        correctedAt: Date.now(),
-        correctiveAction: '바지틀고서 만나오리오. 쿠투추파',
-        history: [
-          {
-            user: {
-              id: 0,
-              name: 'shnam'
-            },
-            state: 'ISSUED',
-            timestamp: Date.now()
-          },
-          {
-            user: {
-              id: 0,
-              name: 'shnam'
-            },
-            state: 'REVIEWED',
-            comment: '금일 생산한 제품은 전량 폐기합니다',
-            timestamp: Date.now()
-          },
-          {
-            user: {
-              id: 0,
-              name: 'shnam'
-            },
-            state: 'CORRECTED',
-            timestamp: Date.now()
-          }
-        ]
-      }
-      class OxDataOocViewDemo extends LitElement {
-        static styles = [
-          css`
-            :host {
-              display: block;
-            }
-            ox-data-ooc-brief-view {
-              page-break-after: always;
-            }
-          `
-        ]
-        render() {
-          return Array(10)
-            .fill(null)
-            .map(
-              () => html`
-                <ox-data-ooc-brief-view
-                  .dataSet=${dataSet}
-                  .dataOoc=${dataOoc}
-                  @change=${e => console.log(e.detail)}
-                ></ox-data-ooc-brief-view>
-              `
-            )
-        }
-      }
-      customElements.define('ox-data-ooc-brief-view-demo', OxDataOocViewDemo)
-      setTimeout(() => {
-        render(html` <ox-data-ooc-brief-view-demo></ox-data-ooc-brief-view-demo> `, document.querySelector('#demo'))
-      })
-    </script>
-    <div id="app">
-      <div id="demo"></div>
-    </div>
-  </body>
-</html>

package/src/grist-editor/index.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import { OxGristRendererJson5, registerEditor, registerRenderer } from '@operato/data-grist'
-import { OxGristEditorDataItemSpec } from './ox-grist-editor-data-item-spec'
-/* register grist renderer/editor for id */
-registerEditor('data-item-spec', OxGristEditorDataItemSpec)
-registerRenderer('data-item-spec', OxGristRendererJson5)
-export * from './ox-grist-editor-data-item-spec'

package/src/grist-editor/ox-grist-editor-data-item-spec.ts DELETED Viewed

@@ -1,93 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import './ox-popup-data-item-spec.js'
-import { html } from 'lit'
-import { customElement } from 'lit/decorators.js'
-import { cloneDeep } from 'lodash-es'
-import { OxGristEditor } from '@operato/data-grist'
-import { i18next } from '@operato/i18n'
-import { openPopup, PopupHandle } from '@operato/popup'
-@customElement('ox-grist-editor-data-item-spec')
-export class OxGristEditorDataItemSpec extends OxGristEditor {
-  private popup?: PopupHandle
-  get editorTemplate() {
-    const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value
-    return html`<div tabindex="0">${value || ''}</div> `
-  }
-  _onclick(e: Event): void {
-    e.stopPropagation()
-    this.openSelector()
-  }
-  _onkeydown(e: KeyboardEvent): void {
-    const key = e.key
-    if (key == 'Enter') {
-      e.stopPropagation()
-      this.openSelector()
-    }
-  }
-  async openSelector() {
-    if (this.popup) {
-      delete this.popup
-    }
-    var { options } = this.column.record
-    if (typeof options === 'function') {
-      options = await options.call(this, this.value, this.column, this.record, this.row, this.field)
-    }
-    const { name, help, objectified = false } = options
-    const confirmCallback = (newval: any) => {
-      this.dispatchEvent(
-        new CustomEvent('field-change', {
-          bubbles: true,
-          composed: true,
-          detail: {
-            before: this.value,
-            after: !objectified ? JSON.stringify(newval) : newval,
-            record: this.record,
-            column: this.column,
-            row: this.row
-          }
-        })
-      )
-    }
-    try {
-      var value: any =
-        !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {})
-    } catch (e) {
-      var value: any = {}
-    }
-    /*
-      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
-      layout의 구성에 변화가 발생하면, 다시 render된다.
-      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
-      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
-      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
-      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
-    */
-    var template = html`
-      <ox-popup-data-item-spec .value=${value} .dataItem=${this.record} .confirmCallback=${confirmCallback}>
-      </ox-popup-data-item-spec>
-    `
-    this.popup = openPopup(template, {
-      backdrop: true,
-      size: 'large',
-      title: `${name?.toUpperCase() || ''} ${i18next.t('field.spec')}`,
-      help
-    })
-  }
-}

package/src/grist-editor/ox-popup-data-item-spec.ts DELETED Viewed

@@ -1,93 +0,0 @@
-import '@material/web/icon/icon.js'
-import '../ox-data-item-spec.js'
-import { css, html, LitElement } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
-import { i18next } from '@operato/i18n'
-import { closePopup } from '@operato/popup'
-import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
-import { DataItem } from '../types.js'
-@customElement('ox-popup-data-item-spec')
-export class OxPopupDataItemSpec extends LitElement {
-  static styles = [
-    CommonHeaderStyles,
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--md-sys-color-surface);
-        width: var(--overlay-center-normal-width, 50%);
-        height: var(--overlay-center-normal-height, 50%);
-      }
-      ox-data-item-spec {
-        flex: 1;
-        overflow-y: auto;
-        padding: var(--spacing-large);
-      }
-      span {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: var(--md-sys-color-on-primary-container);
-      }
-    `
-  ]
-  @property({ type: Object }) value: any
-  @property({ type: Object }) dataItem?: DataItem
-  @property({ type: Object }) confirmCallback!: (newval: any) => void
-  render() {
-    var dataItem = this.dataItem || {}
-    return html`
-      <ox-data-item-spec .value=${this.value} .dataItem=${dataItem as any} @change=${this.onChange.bind(this)}>
-      </ox-data-item-spec>
-      <div class="footer">
-        <div filler></div>
-        <button @click=${this.onCancel.bind(this)} danger>
-          <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
-        </button>
-        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
-      </div>
-    `
-  }
-  private onChange(e: CustomEvent) {
-    e.stopPropagation()
-    /*
-      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
-      layout의 구성에 변화가 발생하면, 다시 render된다.
-      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
-      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
-      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
-      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
-      (이 팝업 클래스를 템플릿으로 사용한 곳의 코드를 참조하세요.)
-      =>
-      이런 이유로, Object.assign(...)을 사용하였다.
-    */
-    this.value = e.detail
-  }
-  private onCancel(e: Event) {
-    closePopup(this)
-  }
-  private onConfirm(e: Event) {
-    this.confirmCallback && this.confirmCallback(this.value)
-    closePopup(this)
-  }
-}

package/src/index.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * from './types.js'
2	- export * from './usecase/ox-data-use-case.js'