@operato/app 1.0.0-beta.5 → 1.0.0-beta.8

package/CHANGELOG.md

@@ -3,6 +3,273 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0-beta.8](https://github.com/hatiolab/operato/compare/v1.0.0-beta.7...v1.0.0-beta.8) (2022-04-27)
+
+**Note:** Version bump only for package @operato/app
+
+
+
+
+
+## [1.0.0-beta.7](https://github.com/hatiolab/operato/compare/v1.0.0-beta.6...v1.0.0-beta.7) (2022-04-24)
+
+**Note:** Version bump only for package @operato/app
+
+
+
+
+
+## [1.0.0-beta.6](https://github.com/hatiolab/operato/compare/v0.4.5...v1.0.0-beta.6) (2022-04-22)
+
+## [1.0.0-beta.5](https://github.com/hatiolab/operato/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2022-04-18)
+
+## [1.0.0-beta.4](https://github.com/hatiolab/operato/compare/v1.0.0-beta.3...v1.0.0-beta.4) (2022-04-14)
+
+
+### :rocket: New Features
+
+* resource-object filter ([c70a727](https://github.com/hatiolab/operato/commit/c70a7270d9b28e51d78d3831bd2f563160d010ef))
+* search for relation fields ([7dc99fd](https://github.com/hatiolab/operato/commit/7dc99fd6df1a96faab4f44ea65c3837934fabc5b))
+
+## [1.0.0-beta.3](https://github.com/hatiolab/operato/compare/v1.0.0-beta.2...v1.0.0-beta.3) (2022-04-12)
+
+## [1.0.0-beta.2](https://github.com/hatiolab/operato/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2022-04-12)
+
+
+### :rocket: New Features
+
+* add 'empty' button into ox-grist-editor-resource-object ([d739d23](https://github.com/hatiolab/operato/commit/d739d23686ea9487e2b9d887c451290638d3633e))
+
+## [1.0.0-beta.1](https://github.com/hatiolab/operato/compare/v1.0.0-beta.0...v1.0.0-beta.1) (2022-04-11)
+
+## [1.0.0-beta.0](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.53...v1.0.0-beta.0) (2022-04-10)
+
+## [1.0.0-alpha.53](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.52...v1.0.0-alpha.53) (2022-04-08)
+
+## [1.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.51...v1.0.0-alpha.52) (2022-04-08)
+
+## [1.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.50...v1.0.0-alpha.51) (2022-04-05)
+
+
+### :bug: Bug Fix
+
+* crontab translation ([e87b431](https://github.com/hatiolab/operato/commit/e87b43145f5d01c4b71c4498578b4b172c50ae03))
+* export ox-grist-renderer-crontab.js ([3615720](https://github.com/hatiolab/operato/commit/3615720d119526a17272db2369bd80340b6cbc31))
+
+## [1.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.49...v1.0.0-alpha.50) (2022-04-04)
+
+## [1.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.48...v1.0.0-alpha.49) (2022-04-04)
+
+
+### :bug: Bug Fix
+
+* lit@2.2.1 ([6707752](https://github.com/hatiolab/operato/commit/6707752907d24f7ecbe248cba18a4b18cfda282f))
+
+
+### :rocket: New Features
+
+* translation crontab for ox-grist-renderer-crontab ([c13d6ef](https://github.com/hatiolab/operato/commit/c13d6efab9ff02ceb4b4d244455a480070a80a3e))
+
+## [1.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.47...v1.0.0-alpha.48) (2022-04-03)
+
+
+### :rocket: New Features
+
+* support copy and paste in data-grid ([9dd686f](https://github.com/hatiolab/operato/commit/9dd686f6817500863a1c36140ef01b39fcafef9f))
+
+## [1.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.46...v1.0.0-alpha.47) (2022-04-02)
+
+## [1.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.45...v1.0.0-alpha.46) (2022-04-02)
+
+## [1.0.0-alpha.45](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.44...v1.0.0-alpha.45) (2022-03-31)
+
+## [1.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.43...v1.0.0-alpha.44) (2022-03-31)
+
+## [1.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.42...v1.0.0-alpha.43) (2022-03-30)
+
+## [1.0.0-alpha.42](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.41...v1.0.0-alpha.42) (2022-03-29)
+
+## [1.0.0-alpha.41](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.40...v1.0.0-alpha.41) (2022-03-27)
+
+## [1.0.0-alpha.40](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-03-26)
+
+## [1.0.0-alpha.39](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.38...v1.0.0-alpha.39) (2022-03-25)
+
+## [1.0.0-alpha.38](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.37...v1.0.0-alpha.38) (2022-03-25)
+
+## [1.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.36...v1.0.0-alpha.37) (2022-03-25)
+
+## [1.0.0-alpha.36](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2022-03-21)
+
+## [1.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2022-03-21)
+
+
+### :bug: Bug Fix
+
+* prevent text overflow of grist-renderers ([73e7538](https://github.com/hatiolab/operato/commit/73e7538f9a0c8941689fefd3d4212529a75c413d))
+
+## [1.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-03-20)
+
+## [1.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-03-19)
+
+## [1.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-03-19)
+
+
+### :bug: Bug Fix
+
+* typo ([2f2e3fc](https://github.com/hatiolab/operato/commit/2f2e3fcce771dcbfe2f1d09cbd25638094a6dc99))
+
+## [1.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-03-19)
+
+
+### :bug: Bug Fix
+
+* ox-grist-renderer support class type renderer (refer ox-grist-renderer-progress) ([ad7c8e1](https://github.com/hatiolab/operato/commit/ad7c8e1b453d19af9daa13ae4eb7c2059d85dfbb))
+* partition-keys related ui components ([c21b4d2](https://github.com/hatiolab/operato/commit/c21b4d292ca4a6d6b4bf774a570dbabd349528fc))
+
+## [1.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-03-18)
+
+## [1.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-03-17)
+
+
+### :bug: Bug Fix
+
+* datalist in ox-input-partition-keys ([a25e3a6](https://github.com/hatiolab/operato/commit/a25e3a66cf5f7a25bca057be90ef336b29e915a7))
+* typo ([1f8f2da](https://github.com/hatiolab/operato/commit/1f8f2da3b4780df9f747065a457f6cafb5d9e9cf))
+
+## [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.26](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-03-17)
+
+## [1.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-03-17)
+
+
+### :bug: Bug Fix
+
+* typo ([907aceb](https://github.com/hatiolab/operato/commit/907acebaf882613991bce064efea435c2d148543))
+
+## [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
+
+* 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)
+
+## [1.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-03-17)
+
+## [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))
+
+## [1.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-03-15)
+
+## [1.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-03-14)
+
+
+### :bug: Bug Fix
+
+* image-selector in ox-input-background-pattern ([b88c6e1](https://github.com/hatiolab/operato/commit/b88c6e141d5d636bff4b29fbae3c790d80b641bc))
+
+## [1.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-03-14)
+
+
+### :bug: Bug Fix
+
+* missing font module import ([a5348cf](https://github.com/hatiolab/operato/commit/a5348cf0d567927f18bf31bba09994f3fbf742f6))
+
+## [1.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-03-13)
+
+
+### :bug: Bug Fix
+
+* some missings in font module ([6c1ba6d](https://github.com/hatiolab/operato/commit/6c1ba6d89b8ff75b03c6b4ce813f5d3d09c7437b))
+
+## [1.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-03-13)
+
+
+### :bug: Bug Fix
+
+* downgrad graphql related libraries ([d26b80f](https://github.com/hatiolab/operato/commit/d26b80fc31b10bfd3bf31b6473151af52f857c66))
+
+## [1.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-13)
+
+
+### :rocket: New Features
+
+* migrate input, property-editor from things-factory ([dbd5e73](https://github.com/hatiolab/operato/commit/dbd5e73eac328e72c4bb7abd113a819532bc894d))
+
+## [1.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-03-13)
+
+## [1.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-13)
+
+## [1.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-03-13)
+
+
+### :rocket: New Features
+
+* migrate input, property-editor from things-factory ([4800d85](https://github.com/hatiolab/operato/commit/4800d859473bf623325233a7f2af851e5d093dcb))
+
+## [1.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-03-12)
+
+
+### :bug: Bug Fix
+
+* code-editor for grist ([cb80692](https://github.com/hatiolab/operato/commit/cb80692039e41d7b94b98ac1845822563e179e24))
+* ox-property-editor-attachment-selector ([a1a2d20](https://github.com/hatiolab/operato/commit/a1a2d20640746c891248fdb729097614676c9cff))
+
+## [1.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-03-12)
+
+## [1.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-03-12)
+
+
+### :rocket: New Features
+
+* settled concept for input, property-editor, grist-editor, so on ([0c9e1d0](https://github.com/hatiolab/operato/commit/0c9e1d054c7aef5d965868242cf471667af7a3c3))
+
+## [1.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.7...v1.0.0-alpha.8) (2022-03-11)
+
+## [1.0.0-alpha.7](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.6...v1.0.0-alpha.7) (2022-03-11)
+
+## [1.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.5...v1.0.0-alpha.6) (2022-03-11)
+
+## [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
+
+* migrate parameter-editor from things-factory ([019a30d](https://github.com/hatiolab/operato/commit/019a30df6fd4c8a273d4194d13f5784ed6f8d956))
+
+## [1.0.0-alpha.4](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.3...v1.0.0-alpha.4) (2022-03-11)
+
+
+### :rocket: New Features
+
+* start migration grist editors from things-factory ([8b31c7f](https://github.com/hatiolab/operato/commit/8b31c7f00ae9b32e68f6860c559a768c3d456704))
+
+## [1.0.0-alpha.3](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.2...v1.0.0-alpha.3) (2022-03-10)
+
+## [1.0.0-alpha.2](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2022-03-10)
+
+## [1.0.0-alpha.1](https://github.com/hatiolab/operato/compare/v0.4.3...v1.0.0-alpha.1) (2022-03-09)
+
+
+### :rocket: New Features
+
+* 1.0-alpha ([42f87cf](https://github.com/hatiolab/operato/commit/42f87cf6a3cef0381db91ecb1179e63c64c01370))
+
+
+
 ## [1.0.0-beta.5](https://github.com/hatiolab/operato/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2022-04-18)
 
 **Note:** Version bump only for package @operato/app

package/dist/src/grist/id-input.d.ts

@@ -0,0 +1,19 @@
+import '@material/mwc-icon';
+import './id-selector.js';
+import { ColumnConfig, GristRecord, InputEditor } from '@operato/data-grist';
+import { TemplateResult } from 'lit';
+export declare class IdInput extends InputEditor {
+    static styles: import("lit").CSSResult;
+    value?: {
+        id?: string;
+        [propany: string]: any;
+    };
+    column: ColumnConfig;
+    record: GristRecord;
+    row: number;
+    private popup?;
+    private template?;
+    render(): TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    openSelector(): void;
+}

package/dist/src/grist/id-input.js

@@ -0,0 +1,119 @@
+import { __decorate } from "tslib";
+import '@material/mwc-icon';
+import './id-selector.js';
+import { InputEditor } from '@operato/data-grist';
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { openPopup } from '@operato/layout';
+let IdInput = class IdInput extends InputEditor {
+    render() {
+        var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {};
+        var value = this.value;
+        return html `
+      ${!value ? html `` : html ` <span>${value[nameField]} (${value[descriptionField]})</span> `}
+      <mwc-icon>arrow_drop_down</mwc-icon>
+    `;
+    }
+    async firstUpdated() {
+        this.value = this.record[this.column.name];
+        this.template = ((this.column.record || {}).options || {}).template;
+        await this.updateComplete;
+        this.renderRoot.addEventListener('click', e => {
+            e.stopPropagation();
+            this.openSelector();
+        });
+        this.openSelector();
+    }
+    openSelector() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        const confirmCallback = selected => {
+            if (!selected) {
+                return;
+            }
+            var { idField = 'id', nameField = 'name', descriptionField = 'description' } = this.column.record.options || {};
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: {
+                        [idField]: selected[idField],
+                        [nameField]: selected[nameField],
+                        [descriptionField]: selected[descriptionField]
+                    },
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+        };
+        var value = this.value || {};
+        var template = this.template ||
+            html `
+        <ox-id-selector
+          .value=${value.id}
+          .confirmCallback=${confirmCallback.bind(this)}
+          .queryName=${this.column.record.options.queryName}
+          .basicArgs=${this.column.record.options.basicArgs}
+        ></ox-id-selector>
+      `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: 'select item'
+        });
+    }
+};
+IdInput.styles = css `
+    :host {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+
+      padding: 7px 0px;
+      box-sizing: border-box;
+
+      width: 100%;
+      height: 100%;
+
+      border: 0;
+      background-color: transparent;
+
+      font: var(--grist-object-editor-font);
+      color: var(--grist-object-editor-color);
+
+      justify-content: inherit;
+    }
+
+    span {
+      display: flex;
+      flex: auto;
+
+      justify-content: inherit;
+    }
+
+    mwc-icon {
+      width: 20px;
+      font-size: 1.5em;
+      margin-left: auto;
+    }
+  `;
+__decorate([
+    property({ type: Object })
+], IdInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Object })
+], IdInput.prototype, "column", void 0);
+__decorate([
+    property({ type: Object })
+], IdInput.prototype, "record", void 0);
+__decorate([
+    property({ type: Number })
+], IdInput.prototype, "row", void 0);
+IdInput = __decorate([
+    customElement('ox-id-input')
+], IdInput);
+export { IdInput };
+//# sourceMappingURL=id-input.js.map

package/dist/src/grist/id-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-input.js","sourceRoot":"","sources":["../../../src/grist/id-input.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport './id-selector.js'\n\nimport { ColumnConfig, GristRecord, InputEditor } from '@operato/data-grist'\nimport { TemplateResult, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { openPopup } from '@operato/layout'\n\n@customElement('ox-id-input')\nexport class IdInput extends InputEditor {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-flow: row nowrap;\n      align-items: center;\n\n      padding: 7px 0px;\n      box-sizing: border-box;\n\n      width: 100%;\n      height: 100%;\n\n      border: 0;\n      background-color: transparent;\n\n      font: var(--grist-object-editor-font);\n      color: var(--grist-object-editor-color);\n\n      justify-content: inherit;\n    }\n\n    span {\n      display: flex;\n      flex: auto;\n\n      justify-content: inherit;\n    }\n\n    mwc-icon {\n      width: 20px;\n      font-size: 1.5em;\n      margin-left: auto;\n    }\n  `\n\n  @property({ type: Object }) value?: { id?: string; [propany: string]: any }\n  @property({ type: Object }) column!: ColumnConfig\n  @property({ type: Object }) record!: GristRecord\n  @property({ type: Number }) row!: number\n\n  private popup?: {\n    name: string\n    close: () => void\n    closed: boolean\n    onclosed?: (() => void) | undefined\n  }\n\n  private template?: TemplateResult\n\n  render() {\n    var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {}\n    var value = this.value\n\n    return html`\n      ${!value ? html`` : html` <span>${value[nameField]} (${value[descriptionField]})</span> `}\n      <mwc-icon>arrow_drop_down</mwc-icon>\n    `\n  }\n\n  async firstUpdated() {\n    this.value = this.record[this.column.name]\n    this.template = ((this.column.record || {}).options || {}).template\n\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.openSelector()\n    })\n\n    this.openSelector()\n  }\n\n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const confirmCallback: (record: GristRecord | undefined) => void = selected => {\n      if (!selected) {\n        return\n      }\n\n      var { idField = 'id', nameField = 'name', descriptionField = 'description' } = this.column.record.options || {}\n\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: {\n              [idField]: selected[idField],\n              [nameField]: selected[nameField],\n              [descriptionField]: selected[descriptionField]\n            },\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    var value = this.value || {}\n    var template =\n      this.template ||\n      html`\n        <ox-id-selector\n          .value=${value.id}\n          .confirmCallback=${confirmCallback.bind(this)}\n          .queryName=${this.column.record.options.queryName}\n          .basicArgs=${this.column.record.options.basicArgs}\n        ></ox-id-selector>\n      `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: 'select item'\n    })\n  }\n}\n"]}

package/dist/src/grist/id-renderer.d.ts

@@ -0,0 +1,2 @@
+import { FieldRenderer } from '@operato/data-grist';
+export declare const IdRenderer: FieldRenderer;

package/dist/src/grist/id-renderer.js

@@ -0,0 +1,9 @@
+import { html } from 'lit';
+export const IdRenderer = (value, column, record, rowIndex, field) => {
+    if (!value) {
+        return '';
+    }
+    var { nameField = 'name', descriptionField = 'description' } = column.record.options || {};
+    return html ` ${value[nameField] || ''}(${value[descriptionField] || ''}) `;
+};
+//# sourceMappingURL=id-renderer.js.map

package/dist/src/grist/id-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-renderer.js","sourceRoot":"","sources":["../../../src/grist/id-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAClF,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAA;KACV;IAED,IAAI,EAAE,SAAS,GAAG,MAAM,EAAE,gBAAgB,GAAG,aAAa,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAE1F,OAAO,IAAI,CAAA,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAA;AAC5E,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '@operato/data-grist'\nimport { html } from 'lit'\n\nexport const IdRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {\n  if (!value) {\n    return ''\n  }\n\n  var { nameField = 'name', descriptionField = 'description' } = column.record.options || {}\n\n  return html` ${value[nameField] || ''}(${value[descriptionField] || ''}) `\n}\n"]}

package/dist/src/grist/id-selector.d.ts

@@ -0,0 +1,23 @@
+import '@operato/data-grist';
+import { DataGrist, FetchOption, GristData, GristRecord } from '@operato/data-grist';
+import { LitElement } from 'lit';
+export declare class IdSelector extends LitElement {
+    static styles: import("lit").CSSResult;
+    value?: string;
+    config: any;
+    data: GristData;
+    queryName: string;
+    basicArgs: any;
+    confirmCallback?: (record: GristRecord | undefined) => void;
+    selectedRecords: GristRecord[];
+    grist: DataGrist;
+    render(): import("lit-html").TemplateResult<1>;
+    oncancel(): void;
+    onconfirm(): void;
+    firstUpdated(): Promise<void>;
+    fetchHandler({ page, limit, sorters, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    get selected(): GristRecord | undefined;
+}

package/dist/src/grist/id-selector.js

@@ -0,0 +1,197 @@
+import { __decorate } from "tslib";
+import '@operato/data-grist';
+import { ZERO_DATA } from '@operato/data-grist';
+import { LitElement, css, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+import { i18next } from '@operato/i18n';
+import { isMobileDevice } from '@operato/utils';
+let IdSelector = class IdSelector extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.data = ZERO_DATA;
+        this.selectedRecords = [];
+    }
+    render() {
+        return html `
+      <ox-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.config}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+        .selectedRecords=${this.selectedRecords}
+      >
+        <div id="filters" slot="headless">
+          <ox-filters-form></ox-filters-form>
+        </div>
+      </ox-grist>
+
+      <div class="button-container">
+        <mwc-button @click=${this.oncancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>
+        <mwc-button @click=${this.onconfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>
+      </div>
+    `;
+    }
+    oncancel() {
+        history.back();
+    }
+    onconfirm() {
+        this.confirmCallback && this.confirmCallback(this.selected);
+        history.back();
+    }
+    async firstUpdated() {
+        this.config = {
+            columns: [
+                {
+                    type: 'gutter',
+                    gutterName: 'sequence'
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'row-selector',
+                    multiple: false
+                },
+                {
+                    type: 'string',
+                    name: 'id',
+                    header: i18next.t('field.id'),
+                    hidden: true
+                },
+                {
+                    type: 'string',
+                    name: 'name',
+                    header: i18next.t('field.name'),
+                    record: {
+                        align: 'left'
+                    },
+                    filter: 'search',
+                    sortable: true,
+                    width: 160
+                },
+                {
+                    type: 'string',
+                    name: 'description',
+                    header: i18next.t('field.description'),
+                    record: {
+                        align: 'left'
+                    },
+                    filter: 'search',
+                    sortable: true,
+                    width: 300
+                }
+            ],
+            rows: {
+                selectable: {
+                    multiple: false
+                },
+                handlers: {
+                    click: 'select-row'
+                }
+            },
+            pagination: {
+                infinite: true
+            }
+        };
+        await this.updateComplete;
+        /* TODO config가 설정될 때, fetch() 가 동작하므로, fetch 완료 이벤트를 받아서, selected를 설정해주는 것이 좋겠다.
+           현재는 fetch() 가 두번 일어난다.
+           */
+        await this.grist.fetch();
+        var selected = this.grist.data.records.find(item => this.value == item.id);
+        if (selected) {
+            this.selectedRecords = [selected];
+        }
+        /* TODO config가 설정될 때, fetch() 가 동작하므로, fetch 완료 이벤트를 받아서, selected를 설정해주는 것이 좋겠다. */
+        await this.updateComplete;
+        this.grist.focus();
+    }
+    async fetchHandler({ page = 1, limit = 100, sorters = [], filters = [] }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+          q: ${this.queryName}(filters: $filters, pagination: $pagination, sortings: $sortings) {
+            items {
+              id
+              name
+              description
+            }
+            total
+          }
+        }
+      `,
+            variables: {
+                filters,
+                pagination: { page, limit },
+                sortings: sorters
+            }
+        });
+        return {
+            total: response.data.q.total || 0,
+            records: response.data.q.items || []
+        };
+    }
+    get selected() {
+        var grist = this.renderRoot.querySelector('ox-grist');
+        var selected = grist.selected;
+        return selected && selected.length > 0 ? selected[0] : undefined;
+    }
+};
+IdSelector.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+
+      background-color: #fff;
+
+      width: var(--overlay-center-normal-width, 50%);
+      height: var(--overlay-center-normal-height, 50%);
+    }
+
+    ox-grist {
+      flex: 1;
+    }
+
+    #filters {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+    }
+
+    #filters > * {
+      padding: var(--padding-default) var(--padding-wide);
+    }
+
+    .button-container {
+      display: flex;
+      margin-left: auto;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], IdSelector.prototype, "value", void 0);
+__decorate([
+    property({ type: Object })
+], IdSelector.prototype, "config", void 0);
+__decorate([
+    property({ type: Object })
+], IdSelector.prototype, "data", void 0);
+__decorate([
+    property({ type: String })
+], IdSelector.prototype, "queryName", void 0);
+__decorate([
+    property({ type: Object })
+], IdSelector.prototype, "basicArgs", void 0);
+__decorate([
+    property({ type: Object })
+], IdSelector.prototype, "confirmCallback", void 0);
+__decorate([
+    property({ type: Array })
+], IdSelector.prototype, "selectedRecords", void 0);
+__decorate([
+    query('ox-grist')
+], IdSelector.prototype, "grist", void 0);
+IdSelector = __decorate([
+    customElement('ox-id-selector')
+], IdSelector);
+export { IdSelector };
+//# sourceMappingURL=id-selector.js.map