@operato/app 2.0.0-alpha.13 → 2.0.0-alpha.131

package/dist/stories/graphql-client.stories.js

@@ -0,0 +1,55 @@
+import { setClientLink, createMockLink } from '@operato/graphql/graphql-env.js';
+import '@operato/graphql/graphql-client.js';
+import '../src/input/ox-input-graphql.js';
+// TODO cm6-graphql에서 사용하는 nullthrows 관련 모듈 오류로 스토리북 테스트가 안됨.
+import { html } from 'lit';
+setClientLink(createMockLink({
+    request: {
+        query: ''
+    },
+    result: {
+        data: {
+            viewer: null
+        }
+    }
+}));
+export default {
+    title: 'graphql-client',
+    component: 'graphql-client',
+    argTypes: {
+        value: { control: 'text' },
+        name: { control: 'text' }
+    }
+};
+const Template = ({ name = 'code', value = '' }) => html `
+  <style>
+    body {
+    }
+  </style>
+
+  <ox-input-graphql
+    @change=${(e) => {
+    console.log(e.target.value);
+}}
+    name=${name}
+    .value=${value}
+  >
+  </ox-input-graphql>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    name: 'code',
+    value: `
+query privileges {
+  privileges {
+    items {
+      privilege
+      category
+      description
+    }
+    total
+  }
+}
+`
+};
+//# sourceMappingURL=graphql-client.stories.js.map

package/dist/stories/graphql-client.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql-client.stories.js","sourceRoot":"","sources":["../../stories/graphql-client.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC/E,OAAO,oCAAoC,CAAA;AAC3C,OAAO,kCAAkC,CAAA;AAEzC,6DAA6D;AAE7D,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,aAAa,CACX,cAAc,CAAC;IACb,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,MAAM,EAAE,IAAI;SACb;KACF;CACF,CAAC,CACH,CAAA;AAED,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC1B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,GAAG,EAAE,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;cAOrE,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;;;CAGjB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;;;;;;;;;;;CAWR;CACA,CAAA","sourcesContent":["import { setClientLink, createMockLink } from '@operato/graphql/graphql-env.js'\nimport '@operato/graphql/graphql-client.js'\nimport '../src/input/ox-input-graphql.js'\n\n// TODO cm6-graphql에서 사용하는 nullthrows 관련 모듈 오류로 스토리북 테스트가 안됨.\n\nimport { html, TemplateResult } from 'lit'\n\nsetClientLink(\n  createMockLink({\n    request: {\n      query: ''\n    },\n    result: {\n      data: {\n        viewer: null\n      }\n    }\n  })\n)\n\nexport default {\n  title: 'graphql-client',\n  component: 'graphql-client',\n  argTypes: {\n    value: { control: 'text' },\n    name: { control: 'text' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: string\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'code', value = '' }: ArgTypes) => html`\n  <style>\n    body {\n    }\n  </style>\n\n  <ox-input-graphql\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n  >\n  </ox-input-graphql>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'code',\n  value: `\nquery privileges {\n  privileges {\n    items {\n      privilege\n      category\n      description\n    }\n    total\n  }\n}\n`\n}\n"]}

package/dist/stories/ox-input-graphql.stories.js

@@ -10,7 +10,19 @@ export default {
 };
 const Template = ({ name = 'code', value = '' }) => html `
   <link href="/themes/app-theme.css" rel="stylesheet" />
-  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
+    rel="stylesheet"
+  />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
+    rel="stylesheet"
+  />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
+    rel="stylesheet"
+  />
+
   <style>
     body {
     }

package/dist/stories/ox-input-graphql.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-input-graphql.stories.js","sourceRoot":"","sources":["../../stories/ox-input-graphql.stories.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC1B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,GAAG,EAAE,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;cASrE,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;;;CAGjB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;;;;;;;;;;;CAWR;CACA,CAAA","sourcesContent":["import '../src/input/ox-input-graphql.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-graphql',\n  component: 'ox-input-graphql',\n  argTypes: {\n    value: { control: 'text' },\n    name: { control: 'text' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: string\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'code', value = '' }: ArgTypes) => 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-input-graphql\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n  >\n  </ox-input-graphql>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'code',\n  value: `\nquery privileges {\n  privileges {\n    items {\n      privilege\n      category\n      description\n    }\n    total\n  }\n}\n`\n}\n"]}
+{"version":3,"file":"ox-input-graphql.stories.js","sourceRoot":"","sources":["../../stories/ox-input-graphql.stories.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC1B;CACF,CAAA;AAaD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,GAAG,EAAE,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;cAqBrE,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;aACF,KAAK;;;CAGjB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;;;;;;;;;;;CAWR;CACA,CAAA","sourcesContent":["import '../src/input/ox-input-graphql.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-input-graphql',\n  component: 'ox-input-graphql',\n  argTypes: {\n    value: { control: 'text' },\n    name: { control: 'text' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  name?: string\n  value?: string\n}\n\nconst Template: Story<ArgTypes> = ({ name = 'code', value = '' }: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n\n  <style>\n    body {\n    }\n  </style>\n\n  <ox-input-graphql\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    .value=${value}\n  >\n  </ox-input-graphql>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  name: 'code',\n  value: `\nquery privileges {\n  privileges {\n    items {\n      privilege\n      category\n      description\n    }\n    total\n  }\n}\n`\n}\n"]}

package/dist/stories/ox-selector-resource-object.stories.d.ts

@@ -0,0 +1,29 @@
+import { TemplateResult } from 'lit';
+import '../src/selector/ox-selector-resource-object';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        queryName: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        valueField: {
+            control: string;
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    queryName: string;
+    value?: string;
+    valueField?: string;
+}
+export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-selector-resource-object.stories.js

@@ -0,0 +1,80 @@
+import { html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { setClientLink, createMockLink } from '@operato/graphql/graphql-env.js';
+import '../src/selector/ox-selector-resource-object';
+setClientLink(createMockLink({
+    request: {
+        query: ''
+    },
+    result: {
+        data: {
+            viewer: null
+        }
+    }
+}));
+export default {
+    title: 'ox-selector-resource-object',
+    component: 'ox-selector-resource-object',
+    argTypes: {
+        queryName: { control: 'string' },
+        value: { control: 'string' },
+        valueField: { control: 'string' }
+    }
+};
+const Template = ({ value = '', queryName, valueField }) => html `
+  <style>
+    body {
+    }
+  </style>
+
+  <script>
+    const select = ['name', 'description']
+  </script>
+
+  <ox-selector-resource-object
+    @change=${(e) => {
+    console.log(e.target.value);
+}}
+    name=${name}
+    value=${ifDefined(value)}
+    valueField=${ifDefined(valueField)}
+    .queryName=${queryName}
+    .confirmCallback=${(record) => console.log('confirm', record)}
+    .columns=${[
+    {
+        type: 'string',
+        name: 'id',
+        header: 'id',
+        hidden: true,
+        width: 100,
+        queryName: ''
+    },
+    {
+        type: 'string',
+        name: 'name',
+        header: 'name',
+        hidden: false,
+        width: 150,
+        queryName: ''
+    },
+    {
+        type: 'string',
+        name: 'description',
+        header: 'description',
+        hidden: false,
+        width: 150,
+        queryName: ''
+    }
+]}
+    .list=${['name', 'description']}
+    .basicArgs=${''}
+  >
+  </ox-selector-resource-object>
+`;
+export const Regular = Template.bind({});
+Regular.args = {
+    value: '',
+    queryName: 'entity',
+    valueField: 'id'
+};
+//# sourceMappingURL=ox-selector-resource-object.stories.js.map

package/dist/stories/ox-selector-resource-object.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-selector-resource-object.stories.js","sourceRoot":"","sources":["../../stories/ox-selector-resource-object.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC/E,OAAO,6CAA6C,CAAA;AAEpD,aAAa,CACX,cAAc,CAAC;IACb,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,MAAM,EAAE,IAAI;SACb;KACF;CACF,CAAC,CACH,CAAA;AAED,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,6BAA6B;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAClC;CACF,CAAA;AAcD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,UAAU,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;cAW7E,CAAC,CAAQ,EAAE,EAAE;IACrB,OAAO,CAAC,GAAG,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;AACnD,CAAC;WACM,IAAI;YACH,SAAS,CAAC,KAAK,CAAC;iBACX,SAAS,CAAC,UAAU,CAAC;iBACrB,SAAS;uBACH,CAAC,MAAW,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC;eACvD;IACT;QACE,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,EAAE;KACd;IACD;QACE,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,EAAE;KACd;IACD;QACE,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,EAAE;KACd;CACF;YACO,CAAC,MAAM,EAAE,aAAa,CAAC;iBAClB,EAAE;;;CAGlB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,IAAI;CACjB,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { setClientLink, createMockLink } from '@operato/graphql/graphql-env.js'\nimport '../src/selector/ox-selector-resource-object'\n\nsetClientLink(\n  createMockLink({\n    request: {\n      query: ''\n    },\n    result: {\n      data: {\n        viewer: null\n      }\n    }\n  })\n)\n\nexport default {\n  title: 'ox-selector-resource-object',\n  component: 'ox-selector-resource-object',\n  argTypes: {\n    queryName: { control: 'string' },\n    value: { control: 'string' },\n    valueField: { control: 'string' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  queryName: string\n  value?: string\n  valueField?: string\n}\n\nconst Template: Story<ArgTypes> = ({ value = '', queryName, valueField }: ArgTypes) => html`\n  <style>\n    body {\n    }\n  </style>\n\n  <script>\n    const select = ['name', 'description']\n  </script>\n\n  <ox-selector-resource-object\n    @change=${(e: Event) => {\n      console.log((e.target as HTMLInputElement).value)\n    }}\n    name=${name}\n    value=${ifDefined(value)}\n    valueField=${ifDefined(valueField)}\n    .queryName=${queryName}\n    .confirmCallback=${(record: any) => console.log('confirm', record)}\n    .columns=${[\n      {\n        type: 'string',\n        name: 'id',\n        header: 'id',\n        hidden: true,\n        width: 100,\n        queryName: ''\n      },\n      {\n        type: 'string',\n        name: 'name',\n        header: 'name',\n        hidden: false,\n        width: 150,\n        queryName: ''\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: 'description',\n        hidden: false,\n        width: 150,\n        queryName: ''\n      }\n    ]}\n    .list=${['name', 'description']}\n    .basicArgs=${''}\n  >\n  </ox-selector-resource-object>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  value: '',\n  queryName: 'entity',\n  valueField: 'id'\n}\n"]}