@operato/dataset 1.0.0-beta.8 → 1.0.1

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
  1. package/CHANGELOG.md +378 -0
  2. package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js +1 -1
  3. package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js.map +1 -1
  4. package/dist/src/grist-editor/ox-popup-data-item-spec.js +3 -2
  5. package/dist/src/grist-editor/ox-popup-data-item-spec.js.map +1 -1
  6. package/dist/src/index.d.ts +1 -5
  7. package/dist/src/index.js +1 -5
  8. package/dist/src/index.js.map +1 -1
  9. package/dist/src/ox-data-entry-form.js +24 -4
  10. package/dist/src/ox-data-entry-form.js.map +1 -1
  11. package/dist/src/ox-data-item-spec.d.ts +2 -2
  12. package/dist/src/ox-data-item-spec.js +71 -14
  13. package/dist/src/ox-data-item-spec.js.map +1 -1
  14. package/dist/src/ox-data-ooc-view.js +73 -14
  15. package/dist/src/ox-data-ooc-view.js.map +1 -1
  16. package/dist/src/ox-data-sample-view.d.ts +1 -3
  17. package/dist/src/ox-data-sample-view.js +40 -38
  18. package/dist/src/ox-data-sample-view.js.map +1 -1
  19. package/dist/src/types.d.ts +25 -6
  20. package/dist/src/types.js.map +1 -1
  21. package/dist/src/usecase/ccp/index.d.ts +1 -0
  22. package/dist/src/usecase/ccp/index.js +8 -0
  23. package/dist/src/usecase/ccp/index.js.map +1 -0
  24. package/dist/src/usecase/ccp/ox-data-use-case-ccp.d.ts +7 -0
  25. package/dist/src/usecase/ccp/ox-data-use-case-ccp.js +102 -0
  26. package/dist/src/usecase/ccp/ox-data-use-case-ccp.js.map +1 -0
  27. package/dist/src/usecase/ccp/ox-input-ccp-limits.d.ts +44 -0
  28. package/dist/src/usecase/ccp/ox-input-ccp-limits.js +171 -0
  29. package/dist/src/usecase/ccp/ox-input-ccp-limits.js.map +1 -0
  30. package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.d.ts +5 -0
  31. package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.js +24 -0
  32. package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.js.map +1 -0
  33. package/dist/src/{ox-data-use-case.d.ts → usecase/ox-data-use-case.d.ts} +5 -5
  34. package/dist/src/{ox-data-use-case.js → usecase/ox-data-use-case.js} +22 -34
  35. package/dist/src/usecase/ox-data-use-case.js.map +1 -0
  36. package/dist/src/usecase/qc/index.d.ts +1 -0
  37. package/dist/src/usecase/qc/index.js +8 -0
  38. package/dist/src/usecase/qc/index.js.map +1 -0
  39. package/dist/src/usecase/qc/ox-data-use-case-qc.d.ts +7 -0
  40. package/dist/src/usecase/qc/ox-data-use-case-qc.js +55 -0
  41. package/dist/src/usecase/qc/ox-data-use-case-qc.js.map +1 -0
  42. package/dist/src/usecase/qc/ox-input-qc-limits.d.ts +44 -0
  43. package/dist/src/usecase/qc/ox-input-qc-limits.js +171 -0
  44. package/dist/src/usecase/qc/ox-input-qc-limits.js.map +1 -0
  45. package/dist/src/usecase/qc/ox-property-editor-qc-limits.d.ts +5 -0
  46. package/dist/src/usecase/qc/ox-property-editor-qc-limits.js +24 -0
  47. package/dist/src/usecase/qc/ox-property-editor-qc-limits.js.map +1 -0
  48. package/dist/stories/ox-data-entry-form.stories.d.ts +19 -0
  49. package/dist/stories/ox-data-entry-form.stories.js +152 -0
  50. package/dist/stories/ox-data-entry-form.stories.js.map +1 -0
  51. package/dist/stories/ox-data-item-spec.stories.d.ts +26 -0
  52. package/dist/stories/ox-data-item-spec.stories.js +102 -0
  53. package/dist/stories/ox-data-item-spec.stories.js.map +1 -0
  54. package/dist/stories/ox-data-ooc-view.stories.d.ts +19 -0
  55. package/dist/stories/ox-data-ooc-view.stories.js +242 -0
  56. package/dist/stories/ox-data-ooc-view.stories.js.map +1 -0
  57. package/dist/stories/ox-data-sample-view.stories.d.ts +19 -0
  58. package/dist/stories/ox-data-sample-view.stories.js +213 -0
  59. package/dist/stories/ox-data-sample-view.stories.js.map +1 -0
  60. package/dist/stories/ox-grist-editor-data-item-spec.stories.d.ts +27 -0
  61. package/dist/stories/ox-grist-editor-data-item-spec.stories.js +389 -0
  62. package/dist/stories/ox-grist-editor-data-item-spec.stories.js.map +1 -0
  63. package/dist/tsconfig.tsbuildinfo +1 -1
  64. package/package.json +24 -18
  65. package/src/grist-editor/ox-grist-editor-data-item-spec.ts +1 -1
  66. package/src/grist-editor/ox-popup-data-item-spec.ts +3 -2
  67. package/src/index.ts +1 -5
  68. package/src/ox-data-entry-form.ts +24 -4
  69. package/src/ox-data-item-spec.ts +73 -16
  70. package/src/ox-data-ooc-view.ts +73 -14
  71. package/src/ox-data-sample-view.ts +43 -39
  72. package/src/types.ts +31 -6
  73. package/src/usecase/ccp/index.ts +10 -0
  74. package/src/usecase/ccp/ox-data-use-case-ccp.ts +147 -0
  75. package/src/usecase/ccp/ox-input-ccp-limits.ts +161 -0
  76. package/src/usecase/ccp/ox-property-editor-ccp-limits.ts +23 -0
  77. package/src/{ox-data-use-case.ts → usecase/ox-data-use-case.ts} +27 -41
  78. package/src/usecase/qc/index.ts +10 -0
  79. package/src/usecase/qc/ox-data-use-case-qc.ts +72 -0
  80. package/src/usecase/qc/ox-input-qc-limits.ts +161 -0
  81. package/src/usecase/qc/ox-property-editor-qc-limits.ts +23 -0
  82. package/stories/ox-data-entry-form.stories.ts +165 -0
  83. package/stories/ox-data-item-spec.stories.ts +121 -0
  84. package/stories/ox-data-ooc-view.stories.ts +256 -0
  85. package/stories/ox-data-sample-view.stories.ts +227 -0
  86. package/stories/ox-grist-editor-data-item-spec.stories.ts +409 -0
  87. package/translations/en.json +26 -8
  88. package/translations/ko.json +25 -7
  89. package/translations/ms.json +26 -8
  90. package/translations/zh.json +25 -7
  91. package/demo/index.html +0 -28
  92. package/demo/ox-data-entry-form.html +0 -118
  93. package/demo/ox-data-item-spec.html +0 -152
  94. package/demo/ox-data-ooc-view.html +0 -185
  95. package/demo/ox-data-sample-view.html +0 -150
  96. package/demo/ox-grist-editor-data-item-spec.html +0 -476
  97. package/dist/src/ox-data-use-case.js.map +0 -1
package/demo/ox-data-ooc-view.html DELETED
@@ -1,185 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-GB">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
6
- <style>
7
- body {
8
- --ox-checkbox-size: 12px;
9
- }
10
-
11
- #demo {
12
- }
13
- </style>
14
- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
15
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
16
- <link href="/themes/app-theme.css" rel="stylesheet" />
17
- <link href="/themes/form-theme.css" rel="stylesheet" />
18
- </head>
19
- <body>
20
- <div id="demo"></div>
21
-
22
- <script type="module">
23
- import { html, render } from 'lit'
24
- import '@operato/ccp'
25
- import '@operato/qc'
26
-
27
- const parent = document.querySelector('#demo')
28
- const dataSet = {
29
- name: 'sample',
30
- description: 'sample description',
31
- useCase: 'CCP',
32
- dataItems: [
33
- {
34
- name: '창고 온도',
35
- description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
36
- sequence: 1,
37
- tag: 'temp',
38
- type: 'number',
39
- quota: 1,
40
- active: true,
41
- unit: '℃',
42
- spec: {
43
- CCP: {
44
- criticalLimits: {
45
- minimum: 100,
46
- maximum: 200
47
- },
48
- targetLimits: {
49
- minimum: 120,
50
- maximum: 180
51
- }
52
- }
53
- }
54
- },
55
- {
56
- name: '창고 습도',
57
- description: '창고 습도는 30% 이하로 유지되어야 합니다.',
58
- sequence: 2,
59
- tag: 'humid',
60
- type: 'number',
61
- quota: 5,
62
- active: true,
63
- unit: '%',
64
- spec: {
65
- CCP: {
66
- criticalLimits: {
67
- minimum: 10,
68
- maximum: 50
69
- },
70
- targetLimits: {
71
- minimum: 20,
72
- maximum: 40
73
- }
74
- }
75
- }
76
- },
77
- {
78
- name: '육안 검사',
79
- description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
80
- sequence: 3,
81
- tag: 'inspection',
82
- type: 'boolean',
83
- quota: 3,
84
- active: true
85
- },
86
- {
87
- name: '품평',
88
- description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
89
- sequence: 4,
90
- tag: 'evaluation',
91
- type: 'select',
92
- options: {
93
- options: [
94
- { text: '최우수', value: '최우수' },
95
- { text: '우수', value: '우수' },
96
- { text: '보통', value: '보통' },
97
- { text: '미달', value: '미달' }
98
- ]
99
- },
100
- quota: 3,
101
- active: true,
102
- spec: {
103
- CCP: {
104
- criticalLimits: {
105
- acceptables: ['최우수', '우수', '보통']
106
- },
107
- targetLimits: {
108
- acceptables: ['최우수', '우수']
109
- }
110
- }
111
- }
112
- },
113
- {
114
- name: '코멘트',
115
- description: '특이사항을 기록함.',
116
- sequence: 4,
117
- tag: 'comment',
118
- type: 'string',
119
- quota: 1,
120
- active: true
121
- },
122
- {
123
- name: '첨부파일',
124
- description: '참조 첨부 파일.',
125
- sequence: 4,
126
- tag: 'attachment',
127
- type: 'file',
128
- quota: 1,
129
- active: true
130
- }
131
- ]
132
- }
133
-
134
- var dataOoc = {
135
- name: 'Data Sample Name',
136
- description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',
137
- useCase: 'CCP',
138
- state: 'CORRECTED',
139
- data: {
140
- temp: [1000],
141
- humid: [20, 23, 21, 26, 27],
142
- inspection: [true, false, true],
143
- evaluation: ['최우수', '보통', '우수']
144
- },
145
- collectedAt: Date.now(),
146
- history: [
147
- {
148
- user: {
149
- id: 0,
150
- name: 'shnam'
151
- },
152
- state: 'CREATED',
153
- timestamp: Date.now()
154
- },
155
- {
156
- user: {
157
- id: 0,
158
- name: 'shnam'
159
- },
160
- state: 'REVIEWED',
161
- comment: '금일 생산한 제품은 전량 폐기합니다',
162
- timestamp: Date.now()
163
- },
164
- {
165
- user: {
166
- id: 0,
167
- name: 'shnam'
168
- },
169
- state: 'CORRECTED',
170
- timestamp: Date.now()
171
- }
172
- ]
173
- }
174
-
175
- render(
176
- html`<ox-data-ooc-view
177
- .dataSet=${dataSet}
178
- .dataOoc=${dataOoc}
179
- @change=${e => console.log(e.detail)}
180
- ></ox-data-ooc-view>`,
181
- parent
182
- )
183
- </script>
184
- </body>
185
- </html>
package/demo/ox-data-sample-view.html DELETED
@@ -1,150 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-GB">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
6
- <style>
7
- body {
8
- --ox-checkbox-size: 12px;
9
- }
10
-
11
- #demo {
12
- }
13
- </style>
14
- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
15
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
16
- <link href="/themes/app-theme.css" rel="stylesheet" />
17
- <link href="/themes/form-theme.css" rel="stylesheet" />
18
- </head>
19
- <body>
20
- <div id="demo"></div>
21
-
22
- <script type="module">
23
- import { html, render } from 'lit'
24
- import '@operato/ccp'
25
- import '@operato/qc'
26
-
27
- const parent = document.querySelector('#demo')
28
- const dataSet = {
29
- name: 'sample',
30
- description: 'sample description',
31
- useCase: 'CCP',
32
- dataItems: [
33
- {
34
- name: '창고 온도',
35
- description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
36
- sequence: 1,
37
- tag: 'temp',
38
- type: 'number',
39
- quota: 1,
40
- active: true,
41
- unit: '℃',
42
- spec: {
43
- CCP: {
44
- criticalLimits: {
45
- minimum: 100,
46
- maximum: 200
47
- },
48
- targetLimits: {
49
- minimum: 120,
50
- maximum: 180
51
- }
52
- }
53
- }
54
- },
55
- {
56
- name: '창고 습도',
57
- description: '창고 습도는 30% 이하로 유지되어야 합니다.',
58
- sequence: 2,
59
- tag: 'humid',
60
- type: 'number',
61
- quota: 5,
62
- active: true,
63
- unit: '%',
64
- spec: {
65
- CCP: {
66
- criticalLimits: {
67
- minimum: 10,
68
- maximum: 50
69
- },
70
- targetLimits: {
71
- minimum: 20,
72
- maximum: 40
73
- }
74
- }
75
- }
76
- },
77
- {
78
- name: '육안 검사',
79
- description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
80
- sequence: 3,
81
- tag: 'inspection',
82
- type: 'boolean',
83
- quota: 3,
84
- active: true
85
- },
86
- {
87
- name: '품평',
88
- description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
89
- sequence: 4,
90
- tag: 'evaluation',
91
- type: 'select',
92
- options: {
93
- options: [
94
- { text: '최우수', value: '최우수' },
95
- { text: '우수', value: '우수' },
96
- { text: '보통', value: '보통' },
97
- { text: '미달', value: '미달' }
98
- ]
99
- },
100
- quota: 3,
101
- active: true,
102
- spec: {
103
- CCP: {
104
- criticalLimits: {
105
- acceptables: ['최우수', '우수', '보통']
106
- },
107
- targetLimits: {
108
- acceptables: ['최우수', '우수']
109
- }
110
- }
111
- }
112
- },
113
- {
114
- name: '코멘트',
115
- description: '특이사항을 기록함.',
116
- sequence: 4,
117
- tag: 'comment',
118
- type: 'string',
119
- quota: 1,
120
- active: true
121
- },
122
- {
123
- name: '첨부파일',
124
- description: '참조 첨부 파일.',
125
- sequence: 4,
126
- tag: 'attachment',
127
- type: 'file',
128
- quota: 1,
129
- active: true
130
- }
131
- ]
132
- }
133
-
134
- var dataSample = {
135
- name: 'Data Sample Name',
136
- description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',
137
- useCase: 'CCP',
138
- data: {
139
- temp: [1000],
140
- humid: [20, 23, 21, 26, 27],
141
- inspection: [true, false, true],
142
- evaluation: ['최우수', '보통', '우수']
143
- },
144
- collectedAt: Date.now()
145
- }
146
-
147
- render(html`<ox-data-sample-view .dataSet=${dataSet} .dataSample=${dataSample}></ox-data-sample-view>`, parent)
148
- </script>
149
- </body>
150
- </html>