@operato/dataset 7.1.31 → 7.1.32

package/src/usecase/spc/ox-input-spc-limits.ts

@@ -1,184 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-
-import { css, html, LitElement } from 'lit'
-import { customElement, property, query, queryAll } from 'lit/decorators.js'
-
-import { i18next } from '@operato/i18n'
-
-export enum DataItemType {
-  number = 'number',
-  text = 'text',
-  boolean = 'boolean',
-  select = 'select',
-  radio = 'radio',
-  file = 'file',
-  signature = 'signature'
-}
-
-export type SpcLimitValue = {
-  minimum?: number
-  maximum?: number
-  acceptables?: string[] | boolean[]
-}
-
-/**
- element for SPC limits
- 
- Example:
- 
-   <ox-input-spc-limits
-     .value=${value}
-     .type=${type}>
-   </ox-input-spc-limits>
- */
-@customElement('ox-input-spc-limits')
-export class OxInputSpcLimits extends LitElement {
-  static styles = css`
-    :host {
-      display: flex;
-      flex-direction: column;
-      align-content: center;
-    }
-
-    label {
-      margin: 0 var(--margin-default) var(--margin-default) 0;
-    }
-
-    label div > * {
-      vertical-align: middle;
-    }
-
-    button {
-      width: 20px;
-      text-align: center;
-    }
-
-    div[name],
-    input[type='checkbox'] + span {
-      display: inline-block;
-      font: var(--label-font);
-      color: var(--label-color, var(--md-sys-color-on-surface));
-      text-align: right;
-    }
-    input,
-    select {
-      border: var(--input-field-border);
-      border-radius: var(--input-field-border-radius);
-      padding: var(--input-field-padding);
-      font: var(--input-field-font);
-    }
-
-    input[type='checkbox'] {
-      width: initial;
-    }
-    input[checked] + span {
-      font-weight: bold;
-    }
-    [unit],
-    [value] {
-      display: inline-block;
-      opacity: 0.7;
-      font: var(--form-sublabel-font);
-    }
-    [properties] {
-      font: var(--input-field-font);
-      color: var(--label-color, var(--md-sys-color-on-surface));
-    }
-  `
-
-  @property({ type: Object }) value: SpcLimitValue = {}
-  @property({ type: String }) type: DataItemType = DataItemType.number
-  @property({ type: String }) unit?: string
-  @property({ type: Object }) options: { options?: { text: string; value: string }[] } = {}
-
-  @query('[name=minimum]') minimum!: HTMLInputElement
-  @query('[name=maximum]') maximum!: HTMLInputElement
-  @queryAll('[type=checkbox]:checked') checkedAll!: NodeListOf<HTMLInputElement>
-
-  firstUpdated() {
-    this.renderRoot.addEventListener('change', this.onChange.bind(this))
-  }
-
-  render() {
-    const { minimum, maximum, acceptables = [] } = this.value || {}
-
-    return html`
-      <div>
-        ${this.type === DataItemType.number
-          ? html`
-              <label>
-                <div name>${i18next.t('text.minimum value')}</div>
-                <input type="number" name="minimum" .value=${String(minimum)} />
-                <div unit>${this.unit}</div>
-              </select>
-              </label>
-              <label>
-                <div name>${i18next.t('text.maximum value')}</div>
-                <input type="number" name="maximum" .value=${String(maximum)} />
-                <div unit>${this.unit}</div>
-              </label>
-            `
-          : this.type === DataItemType.select
-            ? html`
-                <!-- <div>Acceptables</div> -->
-                ${this.options?.options?.map(
-                  option => html`
-                    <div>
-                      <input
-                        type="checkbox"
-                        data-value=${option.value}
-                        ?checked=${(acceptables as string[]).includes(option.value)}
-                      />
-                      <span>${option.text}</span>
-                      <span value>(${option.value})</span>
-                    </div>
-                  `
-                )}
-              `
-            : this.type === DataItemType.boolean
-              ? html`
-                  <div>
-                    <input type="checkbox" data-value=${true} ?checked=${(acceptables as boolean[]).includes(true)} />
-                    <span value>true</span>
-                  </div>
-                  <div>
-                    <input type="checkbox" data-value=${false} ?checked=${(acceptables as boolean[]).includes(false)} />
-                    <span value>false</span>
-                  </div>
-                `
-              : html` <div properties>${i18next.t('text.no properties to set')}</div> `}
-      </div>
-    `
-  }
-
-  private onChange(e: Event) {
-    if (this.type === DataItemType.number) {
-      this.value = {
-        minimum: this.minimum.valueAsNumber,
-        maximum: this.maximum.valueAsNumber
-      }
-    } else if (this.type === DataItemType.select) {
-      this.value = {
-        acceptables: Array.from(this.checkedAll).map(checked => {
-          const x = checked.getAttribute('data-value')!
-          console.log(x)
-          return x
-        })
-      }
-    } else if (this.type === DataItemType.boolean) {
-      this.value = {
-        acceptables: Array.from(this.checkedAll).map(checked => {
-          const x = checked.getAttribute('data-value')! === 'true'
-          console.log(x)
-          return x
-        })
-      }
-    } else {
-      this.value = {}
-    }
-
-    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: this.value }))
-  }
-}

package/src/usecase/spc/ox-property-editor-spc-limits.ts

@@ -1,23 +0,0 @@
-import './ox-input-spc-limits.js'
-
-import { html, TemplateResult } from 'lit'
-import { customElement } from 'lit/decorators.js'
-
-import { OxPropertyEditor, PropertySpec } from '@operato/property-editor'
-
-@customElement('ox-property-editor-spc-limits')
-export class OxPropertyEditorSpcLimits extends OxPropertyEditor {
-  editorTemplate(value: any, spec: PropertySpec): TemplateResult {
-    const { type, options, unit } = spec.property || {}
-
-    return html`
-      <ox-input-spc-limits
-        id="editor"
-        .value=${value}
-        .type=${type}
-        .unit=${unit}
-        .options=${options}
-      ></ox-input-spc-limits>
-    `
-  }
-}

package/stories/ox-data-entry-form.stories.ts

@@ -1,253 +0,0 @@
-import '@operato/i18n'
-import '../src/ox-data-entry-form.js'
-import '../src/usecase/ccp' /* register usecase CCP */
-import '@material/web/icon/icon.js'
-
-import { html, TemplateResult } from 'lit'
-
-export default {
-  title: 'ox-data-entry-form',
-  component: 'ox-data-entry-form',
-  argTypes: {}
-}
-
-interface Story<T> {
-  (args: T): TemplateResult
-  args?: Partial<T>
-  argTypes?: Record<string, unknown>
-}
-
-interface ArgTypes {}
-
-const dataSet = {
-  name: 'sample',
-  description: 'sample description',
-  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: '미달' },
-          { text: '등외', value: '등외' }
-        ]
-      },
-      quota: 3,
-      active: true,
-      spec: {
-        CCP: {
-          criticalLimits: {
-            acceptables: ['최우수', '우수', '보통']
-          },
-          targetLimits: {
-            acceptables: ['최우수', '우수']
-          }
-        }
-      }
-    },
-    {
-      name: '서명',
-      description: '품평가 서명.',
-      sequence: 4,
-      tag: 'sign',
-      group: '측정데이타',
-      type: 'signature',
-      quota: 3,
-      active: true
-    },
-    {
-      name: '코멘트',
-      description: '특이사항을 기록함.',
-      sequence: 4,
-      tag: 'comment',
-      type: 'string',
-      quota: 1,
-      active: true
-    },
-    {
-      name: '라디오',
-      description: '라디오 그룹',
-
-      group: '측정데이타',
-      sequence: 5,
-      tag: 'check1',
-      type: 'radio',
-      options: {
-        options: [
-          {
-            text: '예',
-            value: 'Y'
-          },
-          {
-            text: '아니오',
-            value: 'N'
-          }
-        ]
-      },
-      quota: 3,
-      active: true
-    },
-    {
-      name: '라디오2',
-      description: '라디오 그룹2',
-      sequence: 5,
-      tag: 'check2',
-      type: 'radio',
-      options: {
-        options: [
-          {
-            text: '예',
-            value: 'Y'
-          },
-          {
-            text: '아니오',
-            value: 'N'
-          }
-        ]
-      },
-      quota: 1,
-      active: true
-    },
-    {
-      name: '첨부파일',
-      description: '참조 첨부 파일.',
-      sequence: 4,
-      tag: 'attachment',
-      type: 'file',
-      quota: 1,
-      active: true
-    },
-    {
-      name: '서명',
-      description: '서명',
-      sequence: 5,
-      tag: 'signature',
-      type: 'signature',
-      quota: 1,
-      active: true
-    }
-  ]
-}
-
-var value = {
-  temp: 1000,
-  humid: [20, 23, 21, 26, 27],
-  inspection: [true, false, true],
-  evaluation: ['최우수', '보통', '우수'],
-  comment: '이것이 코멘트입니다.',
-  signature:
-    'data:image/png;base64,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'
-}
-
-const Template: Story<ArgTypes> = ({}: ArgTypes) => html`
-  <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"
-  />
-
-  <style>
-    body {
-    }
-  </style>
-
-  <link href="/themes/app-theme.css" rel="stylesheet" />
-  <link href="/themes/light.css" rel="stylesheet" />
-  <link href="/themes/dark.css" rel="stylesheet" />
-  <link href="/themes/spacing.css" rel="stylesheet" />
-  <link href="/themes/grist-theme.css" rel="stylesheet" />
-  <link href="/themes/form-theme.css" rel="stylesheet" />
-
-  <ox-data-entry-form
-    .dataSet=${dataSet}
-    .value=${value}
-    @change=${(e: CustomEvent) => {
-      value = e.detail
-      console.log('change', value)
-    }}
-  ></ox-data-entry-form>
-`
-
-export const Regular = Template.bind({})
-Regular.args = {}