npm - @operato/dataset - Versions diffs - 1.0.0-beta.9 → 1.0.6 - Mend

@operato/dataset 1.0.0-beta.9 → 1.0.6

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 (97) hide show

package/CHANGELOG.md +403 -0
package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js +1 -1
package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js.map +1 -1
package/dist/src/grist-editor/ox-popup-data-item-spec.js +3 -2
package/dist/src/grist-editor/ox-popup-data-item-spec.js.map +1 -1
package/dist/src/index.d.ts +1 -5
package/dist/src/index.js +1 -5
package/dist/src/index.js.map +1 -1
package/dist/src/ox-data-entry-form.js +24 -4
package/dist/src/ox-data-entry-form.js.map +1 -1
package/dist/src/ox-data-item-spec.d.ts +2 -2
package/dist/src/ox-data-item-spec.js +71 -14
package/dist/src/ox-data-item-spec.js.map +1 -1
package/dist/src/ox-data-ooc-view.js +73 -14
package/dist/src/ox-data-ooc-view.js.map +1 -1
package/dist/src/ox-data-sample-view.d.ts +1 -3
package/dist/src/ox-data-sample-view.js +40 -38
package/dist/src/ox-data-sample-view.js.map +1 -1
package/dist/src/types.d.ts +25 -6
package/dist/src/types.js.map +1 -1
package/dist/src/usecase/ccp/index.d.ts +1 -0
package/dist/src/usecase/ccp/index.js +8 -0
package/dist/src/usecase/ccp/index.js.map +1 -0
package/dist/src/usecase/ccp/ox-data-use-case-ccp.d.ts +7 -0
package/dist/src/usecase/ccp/ox-data-use-case-ccp.js +102 -0
package/dist/src/usecase/ccp/ox-data-use-case-ccp.js.map +1 -0
package/dist/src/usecase/ccp/ox-input-ccp-limits.d.ts +44 -0
package/dist/src/usecase/ccp/ox-input-ccp-limits.js +171 -0
package/dist/src/usecase/ccp/ox-input-ccp-limits.js.map +1 -0
package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.d.ts +5 -0
package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.js +24 -0
package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.js.map +1 -0
package/dist/src/{ox-data-use-case.d.ts → usecase/ox-data-use-case.d.ts} +5 -5
package/dist/src/{ox-data-use-case.js → usecase/ox-data-use-case.js} +22 -34
package/dist/src/usecase/ox-data-use-case.js.map +1 -0
package/dist/src/usecase/qc/index.d.ts +1 -0
package/dist/src/usecase/qc/index.js +8 -0
package/dist/src/usecase/qc/index.js.map +1 -0
package/dist/src/usecase/qc/ox-data-use-case-qc.d.ts +7 -0
package/dist/src/usecase/qc/ox-data-use-case-qc.js +55 -0
package/dist/src/usecase/qc/ox-data-use-case-qc.js.map +1 -0
package/dist/src/usecase/qc/ox-input-qc-limits.d.ts +44 -0
package/dist/src/usecase/qc/ox-input-qc-limits.js +171 -0
package/dist/src/usecase/qc/ox-input-qc-limits.js.map +1 -0
package/dist/src/usecase/qc/ox-property-editor-qc-limits.d.ts +5 -0
package/dist/src/usecase/qc/ox-property-editor-qc-limits.js +24 -0
package/dist/src/usecase/qc/ox-property-editor-qc-limits.js.map +1 -0
package/dist/stories/ox-data-entry-form.stories.d.ts +19 -0
package/dist/stories/ox-data-entry-form.stories.js +152 -0
package/dist/stories/ox-data-entry-form.stories.js.map +1 -0
package/dist/stories/ox-data-item-spec.stories.d.ts +26 -0
package/dist/stories/ox-data-item-spec.stories.js +102 -0
package/dist/stories/ox-data-item-spec.stories.js.map +1 -0
package/dist/stories/ox-data-ooc-view.stories.d.ts +19 -0
package/dist/stories/ox-data-ooc-view.stories.js +242 -0
package/dist/stories/ox-data-ooc-view.stories.js.map +1 -0
package/dist/stories/ox-data-sample-view.stories.d.ts +19 -0
package/dist/stories/ox-data-sample-view.stories.js +213 -0
package/dist/stories/ox-data-sample-view.stories.js.map +1 -0
package/dist/stories/ox-grist-editor-data-item-spec.stories.d.ts +27 -0
package/dist/stories/ox-grist-editor-data-item-spec.stories.js +389 -0
package/dist/stories/ox-grist-editor-data-item-spec.stories.js.map +1 -0
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +67 -18
package/src/grist-editor/ox-grist-editor-data-item-spec.ts +1 -1
package/src/grist-editor/ox-popup-data-item-spec.ts +3 -2
package/src/index.ts +1 -5
package/src/ox-data-entry-form.ts +24 -4
package/src/ox-data-item-spec.ts +73 -16
package/src/ox-data-ooc-view.ts +73 -14
package/src/ox-data-sample-view.ts +43 -39
package/src/types.ts +31 -6
package/src/usecase/ccp/index.ts +10 -0
package/src/usecase/ccp/ox-data-use-case-ccp.ts +147 -0
package/src/usecase/ccp/ox-input-ccp-limits.ts +161 -0
package/src/usecase/ccp/ox-property-editor-ccp-limits.ts +23 -0
package/src/{ox-data-use-case.ts → usecase/ox-data-use-case.ts} +27 -41
package/src/usecase/qc/index.ts +10 -0
package/src/usecase/qc/ox-data-use-case-qc.ts +72 -0
package/src/usecase/qc/ox-input-qc-limits.ts +161 -0
package/src/usecase/qc/ox-property-editor-qc-limits.ts +23 -0
package/stories/ox-data-entry-form.stories.ts +165 -0
package/stories/ox-data-item-spec.stories.ts +121 -0
package/stories/ox-data-ooc-view.stories.ts +256 -0
package/stories/ox-data-sample-view.stories.ts +227 -0
package/stories/ox-grist-editor-data-item-spec.stories.ts +409 -0
package/translations/en.json +26 -8
package/translations/ko.json +25 -7
package/translations/ms.json +26 -8
package/translations/zh.json +25 -7
package/demo/index.html +0 -28
package/demo/ox-data-entry-form.html +0 -118
package/demo/ox-data-item-spec.html +0 -152
package/demo/ox-data-ooc-view.html +0 -185
package/demo/ox-data-sample-view.html +0 -150
package/demo/ox-grist-editor-data-item-spec.html +0 -476
package/dist/src/ox-data-use-case.js.map +0 -1

package/translations/zh.json CHANGED Viewed

@@ -3,24 +3,28 @@
   "button.reviewed": "reviewed",
   "field.appliance": "appliance",
   "field.collected_at": "collected at",
+  "field.collected-at": "collected at",
+  "field.corrected-at": "corrected at",
+  "field.corrective action": "corrective action",
   "field.corrective-action": "corrective action",
   "field.corrector": "corrector",
-  "field.corrected-at": "corrected at",
-  "field.data": "data",
+  "field.critical control point": "critical control point",
   "field.data-sample": "data sample",
   "field.data-set": "data set",
+  "field.data": "data",
   "field.device-id": "device id",
   "field.entry-role": "entry role",
   "field.entry-type": "entry type",
   "field.entry-view": "entry view",
   "field.hidden": "hidden",
+  "field.item": "item",
   "field.latest-collected-at": "latest collected at",
   "field.monitor-type": "monitor type",
   "field.monitor-view": "monitor view",
   "field.netmask": "network mask",
   "field.next-schedule": "next schedule",
-  "field.oos": "out of critical limit",
   "field.ooc": "out of control limit",
+  "field.oos": "out of critical limit",
   "field.options": "options",
   "field.partition-keys": "partition keys",
   "field.prev-schedule": "previous schedule",
@@ -38,19 +42,33 @@
   "field.use-case": "use case",
   "field.work-date": "work date",
   "field.work-shift": "work shift",
+  "label.acceptables": "acceptables",
+  "label.critical-limits": "critical limits",
+  "label.maximum value": "maximum value",
+  "label.minimum value": "minimum value",
+  "label.pass-limits": "pass limits",
+  "label.target-limits": "target limits",
   "text.automatically collected": "automatically collected",
-  "text.data sample created successfully": "a data sample created successfully",
+  "text.control limit": "control limit",
   "text.data ooc updated successfully": "a data ooc updated successfully",
+  "text.data sample created successfully": "a data sample created successfully",
   "text.manually collected": "manually collected",
+  "text.maximum value": "maximum value",
+  "text.measurement": "measurement",
+  "text.minimum value": "minimum value",
+  "text.observation": "observation",
+  "text.operating limit": "operating limit",
+  "text.target limit": "target limit",
   "title.data-entry-form": "data entry form",
   "title.data-item list": "data item list",
   "title.data-monitor-view": "data monitor view",
-  "title.data-report-view": "data report view",
   "title.data-ooc list": "data OOC list",
   "title.data-ooc view": "data OOC view",
+  "title.data-report-view": "data report view",
   "title.data-sample list": "data sample list",
   "title.data-sample view": "data sample view",
   "title.data-sensor list": "data sensor list",
   "title.data-set list": "data set list",
-  "title.edit code": "edit code"
-}
+  "title.edit code": "edit code",
+  "title.history": "history"
+}

package/demo/index.html DELETED Viewed

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
-    <style>
-      body {
-        --ox-checkbox-size: 12px;
-      }
-      a {
-        display: block;
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="/themes/form-theme.css" rel="stylesheet" />
-  </head>
-  <body>
-    <a href="./ox-data-entry-form.html">ox-data-entry-form</a>
-    <a href="./ox-data-sample-view.html">ox-data-sample-view</a>
-    <a href="./ox-data-ooc-view.html">ox-data-ooc-view</a>
-    <a href="./ox-data-item-spec.html">ox-data-item-spec</a>
-    <a href="./ox-grist-editor-data-item-spec.html">ox-grist-editor-data-item-spec</a>
-  </body>
-</html>

package/demo/ox-data-entry-form.html DELETED Viewed

@@ -1,118 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
-    <style>
-      body {
-        --ox-checkbox-size: 12px;
-      }
-      #demo {
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="/themes/form-theme.css" rel="stylesheet" />
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '../dist/src/ox-data-entry-form.js'
-      const parent = document.querySelector('#demo')
-      const dataSet = {
-        name: 'sample',
-        description: 'sample description',
-        dataItems: [
-          {
-            name: '창고 온도',
-            description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
-            sequence: 1,
-            tag: 'temp',
-            type: 'number',
-            quota: 1,
-            active: true,
-            unit: '℃'
-          },
-          {
-            name: '창고 습도',
-            description: '창고 습도는 30% 이하로 유지되어야 합니다.',
-            sequence: 2,
-            tag: 'humid',
-            type: 'number',
-            quota: 5,
-            active: true,
-            unit: '%'
-          },
-          {
-            name: '육안 검사',
-            description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
-            sequence: 3,
-            tag: 'inspection',
-            type: 'boolean',
-            quota: 3,
-            active: true
-          },
-          {
-            name: '품평',
-            description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
-            sequence: 4,
-            tag: 'evaluation',
-            type: 'select',
-            options: {
-              options: [
-                { text: '최우수', value: '최우수' },
-                { text: '우수', value: '우수' },
-                { text: '보통', value: '보통' },
-                { text: '미달', value: '미달' }
-              ]
-            },
-            quota: 3,
-            active: true
-          },
-          {
-            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 value = {
-        temp: 1000,
-        humid: [20, 23, 21, 26, 27],
-        inspection: [true, false, true],
-        evaluation: ['최우수', '보통', '우수']
-      }
-      render(
-        html`<ox-data-entry-form
-          .dataSet=${dataSet}
-          .value=${value}
-          @change=${e => {
-            value = e.detail
-            console.log('change', value)
-          }}
-        ></ox-data-entry-form>`,
-        parent
-      )
-    </script>
-  </body>
-</html>

package/demo/ox-data-item-spec.html DELETED Viewed

@@ -1,152 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
-    <style>
-      body {
-        --ox-checkbox-size: 12px;
-      }
-      #demo {
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="/themes/form-theme.css" rel="stylesheet" />
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '@operato/property-editor/ox-property-editor-checkbox.js'
-      import '@operato/property-editor/ox-property-editor-number.js'
-      import '@operato/property-editor/ox-property-editor-string.js'
-      import '@operato/property-editor/ox-properties-dynamic-view.js'
-      import { OxPropertyEditor } from '@operato/property-editor'
-      OxPropertyEditor.register({
-        number: 'ox-property-editor-number',
-        string: 'ox-property-editor-string',
-        boolean: 'ox-property-editor-checkbox'
-      })
-      import { OxDataUseCase } from '../dist/src/ox-data-use-case.js'
-      import '../dist/src/ox-data-item-spec.js'
-      const parent = document.querySelector('#demo')
-      const ccpUseCase = {
-        getSpecification: dataItem => {
-          return {
-            name: 'ccp',
-            description: 'ccp specs',
-            specs: [
-              {
-                type: 'number',
-                label: 'critical limits',
-                name: 'criticalLimits',
-                property: dataItem
-              },
-              {
-                type: 'string',
-                label: 'target limits',
-                name: 'targetLimits',
-                property: dataItem
-              }
-            ]
-          }
-        }
-      }
-      const qcUseCase = {
-        getSpecification: dataItem => {
-          return {
-            name: 'qc',
-            description: 'qc specs',
-            specs: [
-              {
-                type: 'number',
-                label: 'critical limits',
-                name: 'criticalLimits',
-                property: dataItem
-              },
-              {
-                type: 'boolean',
-                label: 'target limits',
-                name: 'targetLimits',
-                property: dataItem
-              }
-            ]
-          }
-        }
-      }
-      OxDataUseCase.registerUseCase('ccp', ccpUseCase)
-      OxDataUseCase.registerUseCase('qc', qcUseCase)
-      const dataItemA = {
-        name: '창고 온도',
-        description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
-        sequence: 1,
-        tag: 'temp',
-        unit: '℃',
-        type: 'number',
-        quota: 1
-      }
-      const dataItemB = {
-        name: '품평',
-        description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
-        sequence: 4,
-        tag: 'evaluation',
-        type: 'select',
-        options: {
-          options: [
-            { text: '최우수', value: '최우수' },
-            { text: '우수', value: '우수' },
-            { text: '보통', value: '보통' },
-            { text: '미달', value: '미달' }
-          ]
-        },
-        quota: 3
-      }
-      const dataItemC = {
-        name: '코멘트',
-        description: '특이사항을 기록함.',
-        sequence: 4,
-        tag: 'comment',
-        type: 'string',
-        quota: 1
-      }
-      var specA = {
-        ccp: { criticalLimits: 1000, targetLimits: true },
-        qc: { criticalLimits: 400, targetLimits: false }
-      }
-      var specB = {
-        ccp: { accpetables: ['최우수', '우수'] },
-        qc: { accpetables: ['최우수', '우수'] }
-      }
-      render(
-        html`<ox-data-item-spec
-          .dataItem=${dataItemA}
-          .value=${specA}
-          @change=${e => {
-            specA = e.detail
-            console.log('change', specA)
-          }}
-        ></ox-data-item-spec>`,
-        parent
-      )
-    </script>
-  </body>
-</html>

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

@@ -1,185 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
-    <style>
-      body {
-        --ox-checkbox-size: 12px;
-      }
-      #demo {
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="/themes/form-theme.css" rel="stylesheet" />
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '@operato/ccp'
-      import '@operato/qc'
-      const parent = document.querySelector('#demo')
-      const dataSet = {
-        name: 'sample',
-        description: 'sample description',
-        useCase: 'CCP',
-        dataItems: [
-          {
-            name: '창고 온도',
-            description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
-            sequence: 1,
-            tag: 'temp',
-            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',
-            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',
-            type: 'boolean',
-            quota: 3,
-            active: true
-          },
-          {
-            name: '품평',
-            description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
-            sequence: 4,
-            tag: 'evaluation',
-            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이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',
-        useCase: 'CCP',
-        state: 'CORRECTED',
-        data: {
-          temp: [1000],
-          humid: [20, 23, 21, 26, 27],
-          inspection: [true, false, true],
-          evaluation: ['최우수', '보통', '우수']
-        },
-        collectedAt: Date.now(),
-        history: [
-          {
-            user: {
-              id: 0,
-              name: 'shnam'
-            },
-            state: 'CREATED',
-            timestamp: Date.now()
-          },
-          {
-            user: {
-              id: 0,
-              name: 'shnam'
-            },
-            state: 'REVIEWED',
-            comment: '금일 생산한 제품은 전량 폐기합니다',
-            timestamp: Date.now()
-          },
-          {
-            user: {
-              id: 0,
-              name: 'shnam'
-            },
-            state: 'CORRECTED',
-            timestamp: Date.now()
-          }
-        ]
-      }
-      render(
-        html`<ox-data-ooc-view
-          .dataSet=${dataSet}
-          .dataOoc=${dataOoc}
-          @change=${e => console.log(e.detail)}
-        ></ox-data-ooc-view>`,
-        parent
-      )
-    </script>
-  </body>
-</html>