@things-factory/integration-ui 6.1.66 → 6.1.71

package/dist-client/editors/things-editor-http-parameters.js

@@ -0,0 +1,160 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+http parameters editor element
+
+Example:
+
+  <things-editor-http-parameters value=${map}>
+  </things-editor-http-parameters>
+*/
+let ThingsEditorHttpParameters = class ThingsEditorHttpParameters extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = {};
+        this._changingNow = false;
+    }
+    firstUpdated() {
+        this.renderRoot.addEventListener('change', this._onChange.bind(this));
+    }
+    render() {
+        return html `
+      ${this._toArray(this.value).map(item => html `
+          <div data-record>
+            <input type="text" data-key placeholder="key" .value=${item.key} />
+            <input type="text" data-value placeholder="value" .value=${item.value} />
+            <button class="record-action" @click=${e => this._delete(e)} tabindex="-1">x</button>
+          </div>
+        `)}
+
+      <div data-record-new>
+        <input type="text" data-key placeholder="key" value="" />
+        <input type="text" data-value placeholder="value" value="" />
+        <button class="record-action" @click=${e => this._add()} tabindex="-1">+</button>
+      </div>
+    `;
+    }
+    _onChange(e) {
+        if (this._changingNow) {
+            return;
+        }
+        this._changingNow = true;
+        var input = e.target;
+        var value = input.value;
+        var div = input.parentElement;
+        if (div.hasAttribute('data-record')) {
+            var dataList = div.querySelectorAll('[data-value]:not([hidden])');
+            for (var i = 0; i < dataList.length; i++) {
+                if (dataList[i] !== input) {
+                    dataList[i].value = value || '';
+                }
+            }
+        }
+        if (div.hasAttribute('data-record')) {
+            this._build();
+        }
+        else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {
+            this._add();
+        }
+        this._changingNow = false;
+    }
+    _build(includeNewRecord) {
+        if (includeNewRecord)
+            var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]');
+        else
+            var records = this.renderRoot.querySelectorAll('[data-record]');
+        var newmap = {};
+        for (var i = 0; i < records.length; i++) {
+            var record = records[i];
+            var key = record.querySelector('[data-key]').value;
+            var inputs = record.querySelectorAll('[data-value]:not([style*="display: none"])');
+            if (!inputs || inputs.length == 0)
+                continue;
+            var input = inputs[inputs.length - 1];
+            var value = input.value;
+            if (key)
+                newmap[key] = value || '';
+        }
+        this.value = newmap;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+    }
+    /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */
+    _toArray(map) {
+        var array = [];
+        for (var key in map) {
+            array.push({
+                key: key,
+                value: map[key]
+            });
+        }
+        return array;
+    }
+    _add() {
+        this._build(true);
+        var inputs = this.renderRoot.querySelectorAll('[data-record-new] input:not([style*="display: none"])');
+        for (var i = 0; i < inputs.length; i++) {
+            let input = inputs[i];
+            input.value = '';
+        }
+        ;
+        inputs[0].focus();
+    }
+    _delete(e) {
+        var record = e.target.parentElement;
+        record.querySelector('[data-key]').value = '';
+        this._build();
+    }
+};
+ThingsEditorHttpParameters.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        align-content: center;
+
+        width: 100%;
+        overflow: hidden;
+        border: 1px solid #ccc;
+        margin: 5px 0;
+
+        background-color: #ddd;
+      }
+
+      div {
+        display: flex;
+        flex-flow: row nowrap;
+        align-items: center;
+      }
+
+      div > * {
+        min-width: 0px;
+        min-height: 20px;
+        margin: 2px;
+        padding: 0;
+      }
+
+      button {
+        width: 20px;
+        text-align: center;
+        border-radius: 50%;
+        font-size: 1em;
+      }
+
+      input {
+        flex: 1;
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], ThingsEditorHttpParameters.prototype, "value", void 0);
+ThingsEditorHttpParameters = __decorate([
+    customElement('things-editor-http-parameters')
+], ThingsEditorHttpParameters);
+export default ThingsEditorHttpParameters;
+//# sourceMappingURL=things-editor-http-parameters.js.map

package/dist-client/editors/things-editor-http-parameters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"things-editor-http-parameters.js","sourceRoot":"","sources":["../../client/editors/things-editor-http-parameters.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\nhttp parameters editor element\n\nExample:\n\n  <things-editor-http-parameters value=${map}>\n  </things-editor-http-parameters>\n*/\n@customElement('things-editor-http-parameters')\nexport default class ThingsEditorHttpParameters extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        align-content: center;\n\n        width: 100%;\n        overflow: hidden;\n        border: 1px solid #ccc;\n        margin: 5px 0;\n\n        background-color: #ddd;\n      }\n\n      div {\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n      }\n\n      div > * {\n        min-width: 0px;\n        min-height: 20px;\n        margin: 2px;\n        padding: 0;\n      }\n\n      button {\n        width: 20px;\n        text-align: center;\n        border-radius: 50%;\n        font-size: 1em;\n      }\n\n      input {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: { [key: string]: string } = {}\n\n  _changingNow: boolean = false\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onChange.bind(this))\n  }\n\n  render() {\n    return html`\n      ${this._toArray(this.value).map(\n        item => html`\n          <div data-record>\n            <input type=\"text\" data-key placeholder=\"key\" .value=${item.key} />\n            <input type=\"text\" data-value placeholder=\"value\" .value=${item.value} />\n            <button class=\"record-action\" @click=${e => this._delete(e)} tabindex=\"-1\">x</button>\n          </div>\n        `\n      )}\n\n      <div data-record-new>\n        <input type=\"text\" data-key placeholder=\"key\" value=\"\" />\n        <input type=\"text\" data-value placeholder=\"value\" value=\"\" />\n        <button class=\"record-action\" @click=${e => this._add()} tabindex=\"-1\">+</button>\n      </div>\n    `\n  }\n\n  _onChange(e) {\n    if (this._changingNow) {\n      return\n    }\n\n    this._changingNow = true\n\n    var input = e.target\n    var value = input.value\n\n    var div = input.parentElement\n\n    if (div.hasAttribute('data-record')) {\n      var dataList = div.querySelectorAll('[data-value]:not([hidden])')\n      for (var i = 0; i < dataList.length; i++) {\n        if (dataList[i] !== input) {\n          dataList[i].value = value || ''\n        }\n      }\n    }\n\n    if (div.hasAttribute('data-record')) {\n      this._build()\n    } else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {\n      this._add()\n    }\n\n    this._changingNow = false\n  }\n\n  _build(includeNewRecord?) {\n    if (includeNewRecord) var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]')\n    else var records = this.renderRoot.querySelectorAll('[data-record]')\n\n    var newmap = {}\n\n    for (var i = 0; i < records.length; i++) {\n      var record = records[i]\n\n      var key = (record.querySelector('[data-key]') as HTMLInputElement).value\n      var inputs = record.querySelectorAll('[data-value]:not([style*=\"display: none\"])')\n      if (!inputs || inputs.length == 0) continue\n\n      var input = inputs[inputs.length - 1] as HTMLInputElement\n\n      var value = input.value\n\n      if (key) newmap[key] = value || ''\n    }\n\n    this.value = newmap\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n\n  /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */\n  _toArray(map) {\n    var array: { key: any; value: any }[] = []\n\n    for (var key in map) {\n      array.push({\n        key: key,\n        value: map[key]\n      })\n    }\n\n    return array\n  }\n\n  _add() {\n    this._build(true)\n\n    var inputs = this.renderRoot.querySelectorAll('[data-record-new] input:not([style*=\"display: none\"])')\n\n    for (var i = 0; i < inputs.length; i++) {\n      let input = inputs[i] as HTMLInputElement\n      input.value = ''\n    }\n\n    ;(inputs[0] as HTMLInputElement).focus()\n  }\n\n  _delete(e) {\n    var record = e.target.parentElement\n    record.querySelector('[data-key]').value = ''\n    this._build()\n  }\n}\n"]}

package/dist-client/grist/connection-selector.d.ts

@@ -0,0 +1,5 @@
+import '@material/mwc-icon';
+import { DynamicSelector } from './dynamic-selector';
+export declare class ConnectionSelector extends DynamicSelector {
+    getOptions(): Promise<any>;
+}

package/dist-client/grist/connection-selector.js

@@ -0,0 +1,31 @@
+import { __decorate } from "tslib";
+import '@material/mwc-icon';
+import gql from 'graphql-tag';
+import { customElement } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { DynamicSelector } from './dynamic-selector';
+const FETCH_CONNECTIONS_GQL = gql `
+  {
+    connections {
+      items {
+        name
+        description
+      }
+
+      total
+    }
+  }
+`;
+let ConnectionSelector = class ConnectionSelector extends DynamicSelector {
+    async getOptions() {
+        var response = await client.query({
+            query: FETCH_CONNECTIONS_GQL
+        });
+        return (response && response.data && response.data.connections.items) || [];
+    }
+};
+ConnectionSelector = __decorate([
+    customElement('connection-selector')
+], ConnectionSelector);
+export { ConnectionSelector };
+//# sourceMappingURL=connection-selector.js.map

package/dist-client/grist/connection-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-selector.js","sourceRoot":"","sources":["../../client/grist/connection-selector.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAA;AAGM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,eAAe;IACrD,KAAK,CAAC,UAAU;QACd,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAChC,KAAK,EAAE,qBAAqB;SAC7B,CAAC,CAAA;QAEF,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;IAC7E,CAAC;CACF,CAAA;AARY,kBAAkB;IAD9B,aAAa,CAAC,qBAAqB,CAAC;GACxB,kBAAkB,CAQ9B;SARY,kBAAkB","sourcesContent":["import '@material/mwc-icon'\n\nimport gql from 'graphql-tag'\nimport { customElement } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\n\nimport { DynamicSelector } from './dynamic-selector'\n\nconst FETCH_CONNECTIONS_GQL = gql`\n  {\n    connections {\n      items {\n        name\n        description\n      }\n\n      total\n    }\n  }\n`\n\n@customElement('connection-selector')\nexport class ConnectionSelector extends DynamicSelector {\n  async getOptions() {\n    var response = await client.query({\n      query: FETCH_CONNECTIONS_GQL\n    })\n\n    return (response && response.data && response.data.connections.items) || []\n  }\n}\n"]}

package/dist-client/grist/connector-selector.d.ts

@@ -0,0 +1,5 @@
+import '@material/mwc-icon';
+import { DynamicSelector } from './dynamic-selector';
+export declare class ConnectorSelector extends DynamicSelector {
+    getOptions(): Promise<any>;
+}

package/dist-client/grist/connector-selector.js

@@ -0,0 +1,31 @@
+import { __decorate } from "tslib";
+import '@material/mwc-icon';
+import gql from 'graphql-tag';
+import { customElement } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { DynamicSelector } from './dynamic-selector';
+const FETCH_CONNECTORS_GQL = gql `
+  {
+    connectors {
+      items {
+        name
+        description
+      }
+
+      total
+    }
+  }
+`;
+let ConnectorSelector = class ConnectorSelector extends DynamicSelector {
+    async getOptions() {
+        var response = await client.query({
+            query: FETCH_CONNECTORS_GQL
+        });
+        return (response && response.data && response.data.connectors.items) || [];
+    }
+};
+ConnectorSelector = __decorate([
+    customElement('connector-selector')
+], ConnectorSelector);
+export { ConnectorSelector };
+//# sourceMappingURL=connector-selector.js.map

package/dist-client/grist/connector-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector-selector.js","sourceRoot":"","sources":["../../client/grist/connector-selector.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;CAW/B,CAAA;AAGM,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,eAAe;IACpD,KAAK,CAAC,UAAU;QACd,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAChC,KAAK,EAAE,oBAAoB;SAC5B,CAAC,CAAA;QAEF,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;IAC5E,CAAC;CACF,CAAA;AARY,iBAAiB;IAD7B,aAAa,CAAC,oBAAoB,CAAC;GACvB,iBAAiB,CAQ7B;SARY,iBAAiB","sourcesContent":["import '@material/mwc-icon'\n\nimport gql from 'graphql-tag'\nimport { customElement } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\n\nimport { DynamicSelector } from './dynamic-selector'\n\nconst FETCH_CONNECTORS_GQL = gql`\n  {\n    connectors {\n      items {\n        name\n        description\n      }\n\n      total\n    }\n  }\n`\n\n@customElement('connector-selector')\nexport class ConnectorSelector extends DynamicSelector {\n  async getOptions() {\n    var response = await client.query({\n      query: FETCH_CONNECTORS_GQL\n    })\n\n    return (response && response.data && response.data.connectors.items) || []\n  }\n}\n"]}

package/dist-client/grist/dynamic-selector.d.ts

@@ -0,0 +1,8 @@
+import '@material/mwc-icon';
+import { OxGristEditor } from '@operato/data-grist';
+export declare class DynamicSelector extends OxGristEditor {
+    options: any;
+    getOptions(): Promise<never[]>;
+    firstUpdated(): Promise<void>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/grist/dynamic-selector.js

@@ -0,0 +1,33 @@
+import '@material/mwc-icon';
+import { OxGristEditor } from '@operato/data-grist';
+import { html } from 'lit';
+const EMPTY_OPTION = { name: '', value: '' };
+export class DynamicSelector extends OxGristEditor {
+    async getOptions() {
+        return [];
+    }
+    async firstUpdated() {
+        super.firstUpdated();
+        var { options } = this.column.record || [];
+        if (!options) {
+            var dynamic = await this.getOptions();
+            if (dynamic.unshift) {
+                dynamic.unshift(EMPTY_OPTION);
+            }
+            else {
+                dynamic = [EMPTY_OPTION];
+            }
+            this.column.record.options = dynamic;
+            this.requestUpdate();
+        }
+    }
+    get editorTemplate() {
+        var { options = [EMPTY_OPTION] } = this.column.record || {};
+        return html `
+      <select>
+        ${options.map(option => html ` <option ?selected=${option.name == this.value} value=${option.name}>${option.name}</option> `)}
+      </select>
+    `;
+    }
+}
+//# sourceMappingURL=dynamic-selector.js.map

package/dist-client/grist/dynamic-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-selector.js","sourceRoot":"","sources":["../../client/grist/dynamic-selector.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;AAE5C,MAAM,OAAO,eAAgB,SAAQ,aAAa;IAGhD,KAAK,CAAC,UAAU;QACd,OAAO,EAAE,CAAA;IACX,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,KAAK,CAAC,YAAY,EAAE,CAAA;QAEpB,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;QAE1C,IAAI,CAAC,OAAO,EAAE;YACZ,IAAI,OAAO,GAAQ,MAAM,IAAI,CAAC,UAAU,EAAE,CAAA;YAC1C,IAAI,OAAO,CAAC,OAAO,EAAE;gBACnB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;aAC9B;iBAAM;gBACL,OAAO,GAAG,CAAC,YAAY,CAAC,CAAA;aACzB;YAED,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;YACpC,IAAI,CAAC,aAAa,EAAE,CAAA;SACrB;IACH,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,EAAE,OAAO,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;QAE3D,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CACX,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA,sBAAsB,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,UAAU,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,YAAY,CAC9G;;KAEJ,CAAA;IACH,CAAC;CACF","sourcesContent":["import '@material/mwc-icon'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { html } from 'lit'\n\nconst EMPTY_OPTION = { name: '', value: '' }\n\nexport class DynamicSelector extends OxGristEditor {\n  options: any\n\n  async getOptions() {\n    return []\n  }\n\n  async firstUpdated() {\n    super.firstUpdated()\n\n    var { options } = this.column.record || []\n\n    if (!options) {\n      var dynamic: any = await this.getOptions()\n      if (dynamic.unshift) {\n        dynamic.unshift(EMPTY_OPTION)\n      } else {\n        dynamic = [EMPTY_OPTION]\n      }\n\n      this.column.record.options = dynamic\n      this.requestUpdate()\n    }\n  }\n\n  get editorTemplate() {\n    var { options = [EMPTY_OPTION] } = this.column.record || {}\n\n    return html`\n      <select>\n        ${options.map(\n          option => html` <option ?selected=${option.name == this.value} value=${option.name}>${option.name}</option> `\n        )}\n      </select>\n    `\n  }\n}\n"]}

package/dist-client/grist/task-type-selector.d.ts

@@ -0,0 +1,7 @@
+import { OxGristEditor } from '@operato/data-grist';
+export declare class TaskTypeSelector extends OxGristEditor {
+    options: any;
+    getOptions(): Promise<any>;
+    firstUpdated(): Promise<void>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/grist/task-type-selector.js

@@ -0,0 +1,58 @@
+import { __decorate } from "tslib";
+import { OxGristEditor } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+const FETCH_TASK_TYPES_GQL = gql `
+  query ($connectionName: String!) {
+    taskTypesByConnection(connectionName: $connectionName) {
+      items {
+        name
+      }
+    }
+  }
+`;
+const EMPTY_OPTION = { name: '', value: '' };
+let TaskTypeSelector = class TaskTypeSelector extends OxGristEditor {
+    async getOptions() {
+        var _a, _b;
+        var { connectionName = '' } = this.column.record;
+        if (typeof connectionName === 'function') {
+            connectionName =
+                (await connectionName.call(this, this.value, this.column, this.record, this.row, this.field)) || '';
+        }
+        const response = await client.query({
+            query: FETCH_TASK_TYPES_GQL,
+            variables: {
+                connectionName
+            }
+        });
+        return ((_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.taskTypesByConnection) === null || _b === void 0 ? void 0 : _b.items) || [];
+    }
+    async firstUpdated() {
+        super.firstUpdated();
+        var options = await this.getOptions();
+        if (options.unshift) {
+            options.unshift(EMPTY_OPTION);
+        }
+        else {
+            options = [EMPTY_OPTION];
+        }
+        this.options = options;
+        this.requestUpdate();
+    }
+    get editorTemplate() {
+        var options = this.options || [EMPTY_OPTION];
+        return html `
+      <select>
+        ${options.map(option => html ` <option ?selected=${option.name == this.value} value=${option.name}>${option.name}</option> `)}
+      </select>
+    `;
+    }
+};
+TaskTypeSelector = __decorate([
+    customElement('task-type-selector')
+], TaskTypeSelector);
+export { TaskTypeSelector };
+//# sourceMappingURL=task-type-selector.js.map

package/dist-client/grist/task-type-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-type-selector.js","sourceRoot":"","sources":["../../client/grist/task-type-selector.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;CAQ/B,CAAA;AAED,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;AAGrC,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,aAAa;IAGjD,KAAK,CAAC,UAAU;;QACd,IAAI,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA;QAChD,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACxC,cAAc;gBACZ,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAA;SACtG;QAED,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE;gBACT,cAAc;aACf;SACF,CAAC,CAAA;QAEF,OAAO,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,qBAAqB,0CAAE,KAAK,KAAI,EAAE,CAAA;IAC3D,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,KAAK,CAAC,YAAY,EAAE,CAAA;QAEpB,IAAI,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAA;QACrC,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;SAC9B;aAAM;YACL,OAAO,GAAG,CAAC,YAAY,CAAC,CAAA;SACzB;QAED,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,CAAA;QAE5C,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CACX,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA,sBAAsB,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,UAAU,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,YAAY,CAC9G;;KAEJ,CAAA;IACH,CAAC;CACF,CAAA;AA7CY,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CA6C5B;SA7CY,gBAAgB","sourcesContent":["import { OxGristEditor } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nconst FETCH_TASK_TYPES_GQL = gql`\n  query ($connectionName: String!) {\n    taskTypesByConnection(connectionName: $connectionName) {\n      items {\n        name\n      }\n    }\n  }\n`\n\nconst EMPTY_OPTION = { name: '', value: '' }\n\n@customElement('task-type-selector')\nexport class TaskTypeSelector extends OxGristEditor {\n  options: any\n\n  async getOptions() {\n    var { connectionName = '' } = this.column.record\n    if (typeof connectionName === 'function') {\n      connectionName =\n        (await connectionName.call(this, this.value, this.column, this.record, this.row, this.field)) || ''\n    }\n\n    const response = await client.query({\n      query: FETCH_TASK_TYPES_GQL,\n      variables: {\n        connectionName\n      }\n    })\n\n    return response?.data?.taskTypesByConnection?.items || []\n  }\n\n  async firstUpdated() {\n    super.firstUpdated()\n\n    var options = await this.getOptions()\n    if (options.unshift) {\n      options.unshift(EMPTY_OPTION)\n    } else {\n      options = [EMPTY_OPTION]\n    }\n\n    this.options = options\n    this.requestUpdate()\n  }\n\n  get editorTemplate() {\n    var options = this.options || [EMPTY_OPTION]\n\n    return html`\n      <select>\n        ${options.map(\n          option => html` <option ?selected=${option.name == this.value} value=${option.name}>${option.name}</option> `\n        )}\n      </select>\n    `\n  }\n}\n"]}

package/dist-client/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pages/scenario.js';
+export * from './pages/connection.js';

package/dist-client/index.js

@@ -0,0 +1,3 @@
+export * from './pages/scenario.js';
+export * from './pages/connection.js';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA","sourcesContent":["export * from './pages/scenario.js'\nexport * from './pages/connection.js'\n"]}

package/dist-client/pages/connection.d.ts

@@ -0,0 +1,53 @@
+import '@operato/data-grist/ox-grist.js';
+import { DataGrist } from '@operato/data-grist/ox-grist.js';
+import { PageView } from '@operato/shell';
+declare const Connection_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export declare class Connection extends Connection_base {
+    static styles: import("lit").CSSResult[];
+    active: boolean;
+    gristConfig: any;
+    connectors: any;
+    grist: DataGrist;
+    get context(): {
+        search: {
+            handler: (search: any) => void;
+            placeholder: string;
+            value: string;
+        };
+        help: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: (name: any) => Promise<void>;
+        }[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: {
+        page: any;
+        limit: any;
+        sortings?: never[] | undefined;
+        filters?: never[] | undefined;
+    }): Promise<{
+        total: any;
+        records: any;
+    }>;
+    fetchConnectors(): Promise<void>;
+    _deleteConnections(name: any): Promise<void>;
+    _updateConnectionManager(): Promise<void>;
+    connect(record: any): Promise<void>;
+    disconnect(record: any): Promise<void>;
+}
+export {};