@operato/dataset 1.0.0-beta.7 → 1.0.0

package/dist/stories/ox-data-ooc-view.stories.js

@@ -0,0 +1,242 @@
+import '@operato/i18n';
+import '../src/ox-data-ooc-view.js';
+import '../src/usecase/ccp'; /* register usecase CCP */
+import '@material/mwc-icon';
+import { html } from 'lit';
+export default {
+    title: 'ox-data-ooc-view',
+    component: 'ox-data-ooc-view',
+    argTypes: {}
+};
+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,
+            spec: {
+                CCP: {
+                    criticalLimits: {
+                        acceptables: true
+                    },
+                    targetLimits: {
+                        acceptables: 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',
+    data: {
+        temp: [1000],
+        humid: [20, 23, 21, 26, 27],
+        inspection: [true, false, true],
+        evaluation: ['최우수', '보통', '우수'],
+        comment: '이것은 코멘트입니다.'
+    },
+    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(),
+    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()
+        }
+    ]
+};
+const Template = ({}) => html `
+    <link href="/themes/app-theme.css" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+    <style>
+      body {
+      }
+    </style>
+
+    <ox-data-ooc-view
+      .dataSet=${dataSet}
+      .dataOoc=${dataOoc}
+      @change=${(e) => console.log(e.detail)}
+    ></ox-data-ooc-view>
+  `;
+export const Regular = Template.bind({});
+Regular.args = {};
+//# sourceMappingURL=ox-data-ooc-view.stories.js.map

package/dist/stories/ox-data-ooc-view.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-data-ooc-view.stories.js","sourceRoot":"","sources":["../../stories/ox-data-ooc-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '../src/ox-data-ooc-view.js'\nimport '../src/usecase/ccp' /* register usecase CCP */\nimport '@material/mwc-icon'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-data-ooc-view',\n  component: 'ox-data-ooc-view',\n  argTypes: {}\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {}\n\nconst dataSet = {\n  name: 'sample',\n  description: 'sample description',\n  useCase: 'CCP',\n  dataItems: [\n    {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\n      sequence: 1,\n      tag: 'temp',\n      type: 'number',\n      quota: 1,\n      active: true,\n      unit: '℃',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 100,\n            maximum: 200\n          },\n          targetLimits: {\n            minimum: 120,\n            maximum: 180\n          }\n        }\n      }\n    },\n    {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      type: 'number',\n      quota: 5,\n      active: true,\n      unit: '%',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 10,\n            maximum: 50\n          },\n          targetLimits: {\n            minimum: 20,\n            maximum: 40\n          }\n        }\n      }\n    },\n    {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',\n      sequence: 3,\n      tag: 'inspection',\n      type: 'boolean',\n      quota: 3,\n      active: true,\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: true\n          },\n          targetLimits: {\n            acceptables: true\n          }\n        }\n      }\n    },\n    {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      sequence: 4,\n      tag: 'evaluation',\n      type: 'select',\n      options: {\n        options: [\n          { text: '최우수', value: '최우수' },\n          { text: '우수', value: '우수' },\n          { text: '보통', value: '보통' },\n          { text: '미달', value: '미달' }\n        ]\n      },\n      quota: 3,\n      active: true,\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    {\n      name: '코멘트',\n      description: '특이사항을 기록함.',\n      sequence: 4,\n      tag: 'comment',\n      type: 'string',\n      quota: 1,\n      active: true\n    },\n    {\n      name: '첨부파일',\n      description: '참조 첨부 파일.',\n      sequence: 4,\n      tag: 'attachment',\n      type: 'file',\n      quota: 1,\n      active: true\n    }\n  ]\n}\n\nvar dataOoc = {\n  name: 'Data Sample Name',\n  description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',\n  useCase: 'CCP',\n  data: {\n    temp: [1000],\n    humid: [20, 23, 21, 26, 27],\n    inspection: [true, false, true],\n    evaluation: ['최우수', '보통', '우수'],\n    comment: '이것은 코멘트입니다.'\n  },\n  spec: {\n    temp: {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 100,\n            maximum: 200\n          },\n          targetLimits: {\n            minimum: 120,\n            maximum: 180\n          }\n        }\n      }\n    },\n    humid: {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 10,\n            maximum: 50\n          },\n          targetLimits: {\n            minimum: 20,\n            maximum: 40\n          }\n        }\n      }\n    },\n    inspection: {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.'\n    },\n    evaluation: {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    comment: {\n      name: '코멘트',\n      description: '특이사항을 기록함.'\n    },\n    attachment: {\n      name: '첨부파일',\n      description: '참조 첨부 파일.'\n    }\n  },\n  collectedAt: Date.now(),\n  history: [\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'CREATED',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'REVIEWED',\n      comment: '금일 생산한 제품은 전량 폐기합니다',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'CORRECTED',\n      timestamp: Date.now()\n    }\n  ]\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) =>\n  html`\n    <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n    <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n    <style>\n      body {\n      }\n    </style>\n\n    <ox-data-ooc-view\n      .dataSet=${dataSet}\n      .dataOoc=${dataOoc}\n      @change=${(e: CustomEvent) => console.log(e.detail)}\n    ></ox-data-ooc-view>\n  `\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}

package/dist/stories/ox-data-sample-view.stories.d.ts

@@ -0,0 +1,19 @@
+import '@operato/i18n';
+import '../src/ox-data-sample-view.js';
+import '../src/usecase/ccp';
+import '@material/mwc-icon';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {};
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-data-sample-view.stories.js

@@ -0,0 +1,213 @@
+import '@operato/i18n';
+import '../src/ox-data-sample-view.js';
+import '../src/usecase/ccp'; /* register usecase CCP */
+import '@material/mwc-icon';
+import { html } from 'lit';
+export default {
+    title: 'ox-data-sample-view',
+    component: 'ox-data-sample-view',
+    argTypes: {}
+};
+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,
+            spec: {
+                CCP: {
+                    criticalLimits: {
+                        acceptables: true
+                    },
+                    targetLimits: {
+                        acceptables: 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 dataSample = {
+    name: 'Data Sample Name',
+    description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',
+    useCase: 'CCP',
+    data: {
+        temp: [1000],
+        humid: [20, 23, 21, 26, 27],
+        inspection: [true, false, true],
+        evaluation: ['최우수', '보통', '우수'],
+        comment: '이것은 코멘트입니다.'
+    },
+    spec: {
+        temp: {
+            name: '창고 온도',
+            description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
+            unit: '℃',
+            spec: {
+                CCP: {
+                    criticalLimits: {
+                        minimum: 100,
+                        maximum: 200
+                    },
+                    targetLimits: {
+                        minimum: 120,
+                        maximum: 180
+                    }
+                }
+            }
+        },
+        humid: {
+            name: '창고 습도',
+            description: '창고 습도는 30% 이하로 유지되어야 합니다.',
+            unit: '%',
+            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()
+};
+const Template = ({}) => html `
+    <link href="/themes/app-theme.css" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+    <style>
+      body {
+      }
+    </style>
+
+    <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view>
+  `;
+export const Regular = Template.bind({});
+Regular.args = {};
+//# sourceMappingURL=ox-data-sample-view.stories.js.map

package/dist/stories/ox-data-sample-view.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-data-sample-view.stories.js","sourceRoot":"","sources":["../../stories/ox-data-sample-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '../src/ox-data-sample-view.js'\nimport '../src/usecase/ccp' /* register usecase CCP */\nimport '@material/mwc-icon'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-data-sample-view',\n  component: 'ox-data-sample-view',\n  argTypes: {}\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {}\n\nconst dataSet = {\n  name: 'sample',\n  description: 'sample description',\n  useCase: 'CCP',\n  dataItems: [\n    {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\n      sequence: 1,\n      tag: 'temp',\n      type: 'number',\n      quota: 1,\n      active: true,\n      unit: '℃',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 100,\n            maximum: 200\n          },\n          targetLimits: {\n            minimum: 120,\n            maximum: 180\n          }\n        }\n      }\n    },\n    {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      type: 'number',\n      quota: 5,\n      active: true,\n      unit: '%',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 10,\n            maximum: 50\n          },\n          targetLimits: {\n            minimum: 20,\n            maximum: 40\n          }\n        }\n      }\n    },\n    {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',\n      sequence: 3,\n      tag: 'inspection',\n      type: 'boolean',\n      quota: 3,\n      active: true,\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: true\n          },\n          targetLimits: {\n            acceptables: true\n          }\n        }\n      }\n    },\n    {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      sequence: 4,\n      tag: 'evaluation',\n      type: 'select',\n      options: {\n        options: [\n          { text: '최우수', value: '최우수' },\n          { text: '우수', value: '우수' },\n          { text: '보통', value: '보통' },\n          { text: '미달', value: '미달' }\n        ]\n      },\n      quota: 3,\n      active: true,\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    {\n      name: '코멘트',\n      description: '특이사항을 기록함.',\n      sequence: 4,\n      tag: 'comment',\n      type: 'string',\n      quota: 1,\n      active: true\n    },\n    {\n      name: '첨부파일',\n      description: '참조 첨부 파일.',\n      sequence: 4,\n      tag: 'attachment',\n      type: 'file',\n      quota: 1,\n      active: true\n    }\n  ]\n}\n\nvar dataSample = {\n  name: 'Data Sample Name',\n  description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',\n  useCase: 'CCP',\n  data: {\n    temp: [1000],\n    humid: [20, 23, 21, 26, 27],\n    inspection: [true, false, true],\n    evaluation: ['최우수', '보통', '우수'],\n    comment: '이것은 코멘트입니다.'\n  },\n  spec: {\n    temp: {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\n      unit: '℃',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 100,\n            maximum: 200\n          },\n          targetLimits: {\n            minimum: 120,\n            maximum: 180\n          }\n        }\n      }\n    },\n    humid: {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      unit: '%',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 10,\n            maximum: 50\n          },\n          targetLimits: {\n            minimum: 20,\n            maximum: 40\n          }\n        }\n      }\n    },\n    inspection: {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.'\n    },\n    evaluation: {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    comment: {\n      name: '코멘트',\n      description: '특이사항을 기록함.'\n    },\n    attachment: {\n      name: '첨부파일',\n      description: '참조 첨부 파일.'\n    }\n  },\n  collectedAt: Date.now()\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) =>\n  html`\n    <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n    <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n    <style>\n      body {\n      }\n    </style>\n\n    <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view>\n  `\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}

package/dist/stories/ox-grist-editor-data-item-spec.stories.d.ts

@@ -0,0 +1,27 @@
+import '@material/mwc-icon';
+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-property-editor-options.js';
+import '@operato/property-editor/ox-properties-dynamic-view.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/data-grist/ox-sorters-control.js';
+import '@operato/grist-editor';
+import '../src/grist-editor/index.js';
+import '../src/usecase/ccp';
+import '../src/usecase/qc';
+import { TemplateResult } from 'lit';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {};
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+}
+export declare const Regular: Story<ArgTypes>;