@operato/app 1.0.0-alpha.21 → 1.0.0-alpha.24

package/src/grist/id-input.ts

@@ -1,135 +0,0 @@
-import '@material/mwc-icon'
-import './id-selector.js'
-
-import { ColumnConfig, GristRecord, InputEditor } from '@operato/data-grist'
-import { TemplateResult, css, html } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
-
-import { openPopup } from '@operato/layout'
-
-@customElement('ox-id-input')
-export class IdInput extends InputEditor {
-  static 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;
-    }
-  `
-
-  @property({ type: Object }) value?: { id?: string; [propany: string]: any }
-  @property({ type: Object }) column!: ColumnConfig
-  @property({ type: Object }) record!: GristRecord
-  @property({ type: Number }) row!: number
-
-  private popup?: {
-    name: string
-    close: () => void
-    closed: boolean
-    onclosed?: (() => void) | undefined
-  }
-
-  private template?: TemplateResult
-
-  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: (record: GristRecord | undefined) => void = 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'
-    })
-  }
-}

package/src/grist/index.ts

@@ -1,13 +0,0 @@
-import { registerEditor, registerRenderer } from '@operato/data-grist'
-
-import { CodeEditor } from './code-editor'
-import { IdInput } from './id-input.js'
-import { IdRenderer } from './id-renderer.js'
-import { ObjectEditor } from './object-editor'
-
-/* register grist renderer/editor for id */
-registerEditor('id', IdInput)
-registerEditor('object', ObjectEditor as any)
-registerEditor('code', CodeEditor)
-
-registerRenderer('id', IdRenderer)