@operato/dataset 2.0.0-alpha.2 → 2.0.0-alpha.20

package/CHANGELOG.md

@@ -3,6 +3,158 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2024-02-05)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.18...v2.0.0-alpha.19) (2024-02-05)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.17...v2.0.0-alpha.18) (2024-02-04)
+
+
+### :bug: Bug Fix
+
+* export spc chart components ([64c7524](https://github.com/hatiolab/operato/commit/64c752427cffa27f7d43e25a1d73b4be4e9bc28a))
+
+
+
+## [2.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.16...v2.0.0-alpha.17) (2024-02-04)
+
+
+### :bug: Bug Fix
+
+* styling for printing ([c8557a6](https://github.com/hatiolab/operato/commit/c8557a69880bafe5a6a152b07b367946e584c6fb))
+
+
+
+## [2.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.15...v2.0.0-alpha.16) (2024-02-03)
+
+
+### :bug: Bug Fix
+
+* dataset components for mobile ([f434288](https://github.com/hatiolab/operato/commit/f434288f8724c983b6ebed863a67a315efc9a7ce))
+
+
+
+## [2.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.14...v2.0.0-alpha.15) (2024-02-03)
+
+
+### :bug: Bug Fix
+
+* rewrite spc module ([2311e10](https://github.com/hatiolab/operato/commit/2311e10ae19f5c512a71aae84743aca2bba12efd))
+
+
+
+## [2.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.13...v2.0.0-alpha.14) (2024-01-29)
+
+
+### :bug: Bug Fix
+
+* simplify dataset component ([b88d5b4](https://github.com/hatiolab/operato/commit/b88d5b4778807fbecef11dcab4de40b3cf397de3))
+* typo for dataset ox-data-ooc-view ([b2e68d5](https://github.com/hatiolab/operato/commit/b2e68d57017bde6dc609621620e45d4f78979835))
+
+
+
+## [2.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.12...v2.0.0-alpha.13) (2024-01-28)
+
+
+### :bug: Bug Fix
+
+* css-variable --grid-record-padding ([b057312](https://github.com/hatiolab/operato/commit/b0573120fcb46c71b6b283065f08ae926e9f826f))
+
+
+
+## [2.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2024-01-24)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2024-01-24)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2024-01-22)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.8...v2.0.0-alpha.9) (2024-01-20)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.7...v2.0.0-alpha.8) (2024-01-20)
+
+
+### :bug: Bug Fix
+
+* stat-function => finalizing-function 마감함수 ([38d66d3](https://github.com/hatiolab/operato/commit/38d66d3a14ce9974bc72570f31f6b4e6bc39fca0))
+
+
+
+## [2.0.0-alpha.7](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.6...v2.0.0-alpha.7) (2024-01-15)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.5...v2.0.0-alpha.6) (2024-01-15)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.5](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.4...v2.0.0-alpha.5) (2024-01-15)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.4](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.3...v2.0.0-alpha.4) (2024-01-15)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [2.0.0-alpha.3](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.2...v2.0.0-alpha.3) (2024-01-14)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
 ## [2.0.0-alpha.2](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.1...v2.0.0-alpha.2) (2024-01-09)
 
 

package/demo/index.html

@@ -0,0 +1,338 @@
+<!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/css?family=Material+Icons&display=block" 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-sample-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 dataSample = {
+        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 OxDataSampleViewDemo extends LitElement {
+        static styles = [
+          css`
+            :host {
+              display: block;
+            }
+
+            ox-data-sample-view {
+              page-break-after: always;
+            }
+          `
+        ]
+
+        render() {
+          return Array(10)
+            .fill(null)
+            .map(
+              () => html`
+                <ox-data-sample-view
+                  .dataSet=${dataSet}
+                  .dataSample=${dataSample}
+                  @change=${e => console.log(e.detail)}
+                ></ox-data-sample-view>
+              `
+            )
+        }
+      }
+
+      customElements.define('ox-data-sample-view-demo', OxDataSampleViewDemo)
+
+      setTimeout(() => {
+        render(html` <ox-data-sample-view-demo></ox-data-sample-view-demo> `, document.querySelector('#demo'))
+      })
+    </script>
+
+    <div id="app">
+      <div id="demo"></div>
+    </div>
+  </body>
+</html>