@operato/dataset 1.0.0-alpha.3 → 1.0.0-alpha.30

package/CHANGELOG.md

@@ -3,6 +3,247 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-03-18)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-03-17)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.28) (2022-03-17)
+
+
+### :rocket: New Features
+
+* add ox-grist-editor for partition-keys ([7672a27](https://github.com/hatiolab/operato/commit/7672a2729f78475602733a83779f6a7a96e128fd))
+
+
+
+## [1.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.27) (2022-03-17)
+
+
+### :rocket: New Features
+
+* add ox-grist-editor for partition-keys ([7672a27](https://github.com/hatiolab/operato/commit/7672a2729f78475602733a83779f6a7a96e128fd))
+
+
+
+## [1.0.0-alpha.26](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-03-17)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-03-17)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-03-17)
+
+
+### :bug: Bug Fix
+
+* ccp, dataset, property-editor style ([92b2448](https://github.com/hatiolab/operato/commit/92b2448756604ee0b885949dd193241f319cf147))
+* ox-data-item-spec style ([f963757](https://github.com/hatiolab/operato/commit/f963757ccef0144687ce49493281c25a82a259d3))
+* refactoring grist-editor, property-editor and input ([bdc3197](https://github.com/hatiolab/operato/commit/bdc31977d148c80a3ac0bea4b33160bac277df1e))
+* refactoring grist-editor, property-editor and input ([ea7431a](https://github.com/hatiolab/operato/commit/ea7431a5e2dfd96ef392c1905e9622df7c2ef88c))
+
+
+
+## [1.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-03-17)
+
+
+### :rocket: New Features
+
+* added qc module ([263b679](https://github.com/hatiolab/operato/commit/263b6794b97a635df1a50d013adaef2e83635908))
+
+
+
+## [1.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-03-17)
+
+
+### :bug: Bug Fix
+
+* ccp demo ([67b7d65](https://github.com/hatiolab/operato/commit/67b7d65b48d0ca7b3350684a45a396c0538c4902))
+
+
+### :rocket: New Features
+
+* added data-item-spec-editor for grist ([8376e14](https://github.com/hatiolab/operato/commit/8376e142d894a709e60ed676e917d5a26e01e374))
+
+
+
+## [1.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2022-03-16)
+
+
+### :rocket: New Features
+
+* @operato/ccp module added ([f08ba5a](https://github.com/hatiolab/operato/commit/f08ba5a464c04b7fb132c6f18de975997087846a))
+* ccp spec provider ([d72fe7c](https://github.com/hatiolab/operato/commit/d72fe7c497685e7f033ef04e6a866bd86613f397))
+
+
+### :bug: Bug Fix
+
+* demo ([6fa3eac](https://github.com/hatiolab/operato/commit/6fa3eac612bd98ce25e3ef6d8ce89527d7152fb4))
+* description on ox-data-item-spec view ([47da306](https://github.com/hatiolab/operato/commit/47da306a253a96e0c24c986e4608bfe0713a111a))
+
+
+
+## [1.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-03-15)
+
+
+### :bug: Bug Fix
+
+* ox-data-entry-form in dataset module ([736fe96](https://github.com/hatiolab/operato/commit/736fe968e292059055d18a4c18a5da979bbb4722))
+
+
+
+## [1.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-03-14)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-03-14)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-03-13)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-03-13)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-13)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-03-13)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-13)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-03-13)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-03-12)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-03-12)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-03-12)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.7...v1.0.0-alpha.8) (2022-03-11)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.7](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.6...v1.0.0-alpha.7) (2022-03-11)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [1.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.5...v1.0.0-alpha.6) (2022-03-11)
+
+
+### :bug: Bug Fix
+
+* ox-data-entry-form style ([c94c833](https://github.com/hatiolab/operato/commit/c94c8338aee8cf3e69c286e6af7cb2b5f081bbc7))
+
+
+
+## [1.0.0-alpha.5](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.4...v1.0.0-alpha.5) (2022-03-11)
+
+
+### :bug: Bug Fix
+
+* data entry style ([d3dc3a6](https://github.com/hatiolab/operato/commit/d3dc3a6612c75597162621bd22421fa8d808cb13))
+
+
+
+## [1.0.0-alpha.4](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.3...v1.0.0-alpha.4) (2022-03-11)
+
+
+### :bug: Bug Fix
+
+* ox-data-entry-form options and inputs layout ([56987c6](https://github.com/hatiolab/operato/commit/56987c664000d558427ba8dbf77730130061cb1a))
+
+
+
 ## [1.0.0-alpha.3](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.2...v1.0.0-alpha.3) (2022-03-10)
 
 

package/demo/index.html

@@ -2,111 +2,25 @@
 <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 {
-        background: #fafafa;
         --ox-checkbox-size: 12px;
       }
 
-      #demo {
-        position: relative;
-        height: 300px;
-        background-color: lightgray;
-        vertical-align: middle;
+      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>
-    <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
-          },
-          {
-            name: '창고 습도',
-            description: '창고 습도는 30% 이하로 유지되어야 합니다.',
-            sequence: 2,
-            tag: 'humid',
-            type: 'number',
-            quota: 5
-          },
-          {
-            name: '육안 검사',
-            description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
-            sequence: 3,
-            tag: 'inspection',
-            type: 'boolean',
-            quota: 3
-          },
-          {
-            name: '품평',
-            description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
-            sequence: 4,
-            tag: 'evaluation',
-            type: 'select',
-            options: {
-              options: [
-                { text: '최우수', value: '최우수' },
-                { text: '우수', value: '우수' },
-                { text: '보통', value: '보통' },
-                { text: '미달', value: '미달' }
-              ]
-            },
-            quota: 3
-          },
-          {
-            name: '코멘트',
-            description: '특이사항을 기록함.',
-            sequence: 4,
-            tag: 'comment',
-            type: 'string',
-            quota: 1
-          },
-          {
-            name: '첨부파일',
-            description: '참조 첨부 파일.',
-            sequence: 4,
-            tag: 'attachment',
-            type: 'file',
-            quota: 1
-          }
-        ]
-      }
-
-      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>
+    <a href="./ox-data-entry-form.html">ox-data-entry-form</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

@@ -0,0 +1,110 @@
+<!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
+          },
+          {
+            name: '창고 습도',
+            description: '창고 습도는 30% 이하로 유지되어야 합니다.',
+            sequence: 2,
+            tag: 'humid',
+            type: 'number',
+            quota: 5
+          },
+          {
+            name: '육안 검사',
+            description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
+            sequence: 3,
+            tag: 'inspection',
+            type: 'boolean',
+            quota: 3
+          },
+          {
+            name: '품평',
+            description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
+            sequence: 4,
+            tag: 'evaluation',
+            type: 'select',
+            options: {
+              options: [
+                { text: '최우수', value: '최우수' },
+                { text: '우수', value: '우수' },
+                { text: '보통', value: '보통' },
+                { text: '미달', value: '미달' }
+              ]
+            },
+            quota: 3
+          },
+          {
+            name: '코멘트',
+            description: '특이사항을 기록함.',
+            sequence: 4,
+            tag: 'comment',
+            type: 'string',
+            quota: 1
+          },
+          {
+            name: '첨부파일',
+            description: '참조 첨부 파일.',
+            sequence: 4,
+            tag: 'attachment',
+            type: 'file',
+            quota: 1
+          }
+        ]
+      }
+
+      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

@@ -0,0 +1,148 @@
+<!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 { OxDataItemSpec } from '../dist/src/ox-data-item-spec.js'
+      import '../dist/src/ox-data-item-spec.js'
+
+      const parent = document.querySelector('#demo')
+
+      const ccpProvider = 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 qcProvider = 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
+            }
+          ]
+        }
+      }
+
+      OxDataItemSpec.registerProvider('ccp', ccpProvider)
+      OxDataItemSpec.registerProvider('qc', qcProvider)
+
+      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>