@things-factory/meta-ui 6.0.125 → 6.0.129

package/client/component/filter/filter-form-resource-code-select.ts

@@ -1,94 +0,0 @@
-import '@operato/input/ox-checkbox.js'
-import '../grist/selector/ox-resource-code-selector-popup'
-
-import { html } from 'lit-html'
-
-import { FilterConfig, FilterSelectRenderer } from '@operato/form'
-import { i18next } from '@operato/i18n'
-import { openPopup } from '@operato/layout'
-
-type SelectedCallback = (value: { id: string; name: string; description: string }) => void
-
-function openResourceCodeSelector(filter: FilterConfig, value: any, confirmCallback: SelectedCallback) {
-  const { queryName, select, list, basicArgs, valueField = 'id' } = filter.options || {}
-
-  var actualValue
-  if (typeof valueField === 'function') {
-    actualValue = valueField(value)
-  } else {
-    actualValue = value?.[valueField]
-  }
-
-  var template = html`
-    <ox-resource-code-selector-popup
-      .value=${actualValue}
-      .confirmCallback=${confirmCallback}
-      .queryName=${queryName}
-      .select=${select}
-      .list=${list}
-      .basicArgs=${basicArgs}
-      .valueField=${valueField}
-    ></ox-resource-code-selector-popup>
-  `
-
-  const popup = openPopup(template, {
-    backdrop: true,
-    size: 'large',
-    title: i18next.t('title.select_item')
-  })
-}
-
-export const FilterFormResourceCodeSelect: FilterSelectRenderer = (filter, value, owner) => {
-  const { name, operator = 'like' } = filter
-
-  return operator === 'like'
-    ? html` <input
-        type="text"
-        name=${name}
-        .value=${value}
-        @change=${(e: CustomEvent) => {
-          const input = e.target as HTMLInputElement
-          input.dispatchEvent(
-            new CustomEvent('filter-change', {
-              bubbles: true,
-              composed: true,
-              detail: {
-                name,
-                operator,
-                value: input.value
-              }
-            })
-          )
-        }}
-      />`
-    : operator == 'in'
-    ? html``
-    : operator === 'eq'
-    ? html`
-        <input
-          style="min-width: 100px; min-height: 24px"
-          type="text"
-          name=${name}
-          .value=${value}
-          readonly
-          @click=${(e: Event) => {
-            e.stopPropagation()
-
-            const confirmCallback = (selected?: { [field: string]: any }) => {
-              var { idField = 'id', nameField = 'name', descriptionField = 'description' } = filter.options || {}
-
-              owner.dispatchEvent(
-                new CustomEvent('filter-change', {
-                  bubbles: true,
-                  composed: true,
-                  detail: selected ? selected[idField] : ''
-                })
-              )
-            }
-
-            openResourceCodeSelector(filter, value, confirmCallback)
-          }}
-        />
-      `
-    : html``
-}

package/client/component/filter/filter-grist-resource-code-select.ts

@@ -1,95 +0,0 @@
-import '@operato/input/ox-checkbox.js'
-import '../grist/selector/ox-resource-code-selector-popup'
-
-import { html } from 'lit-html'
-
-import { ColumnConfig, FilterConfigObject, FilterSelectRenderer } from '@operato/data-grist'
-import { i18next } from '@operato/i18n'
-import { openPopup } from '@operato/layout'
-
-type SelectedCallback = (value: { id: string; name: string; description: string }) => void
-
-function openResourceCodeSelector(column: ColumnConfig, value: any, confirmCallback: SelectedCallback) {
-  const { queryName, select, list, basicArgs, valueField = 'id' } = column.record.options
-
-  var actualValue
-  if (typeof valueField === 'function') {
-    actualValue = valueField(value)
-  } else {
-    actualValue = value?.[valueField]
-  }
-
-  var template = html`
-    <ox-resource-code-selector-popup
-      .value=${actualValue}
-      .confirmCallback=${confirmCallback}
-      .queryName=${queryName}
-      .select=${select}
-      .list=${list}
-      .basicArgs=${basicArgs}
-      .valueField=${valueField}
-    ></ox-resource-code-selector-popup>
-  `
-
-  const popup = openPopup(template, {
-    backdrop: true,
-    size: 'large',
-    title: i18next.t('title.select_item')
-  })
-}
-
-export const FilterGristResourceCodeSelect: FilterSelectRenderer = (column, value, owner) => {
-  const filter = column.filter as FilterConfigObject
-  const { operator = 'like' } = filter
-
-  return operator === 'like'
-    ? html` <input
-        type="text"
-        name=${column.name}
-        .value=${value}
-        @change=${(e: CustomEvent) => {
-          const input = e.target as HTMLInputElement
-          input.dispatchEvent(
-            new CustomEvent('filter-change', {
-              bubbles: true,
-              composed: true,
-              detail: {
-                name: column.name,
-                operator,
-                value: input.value
-              }
-            })
-          )
-        }}
-      />`
-    : operator == 'in'
-    ? html``
-    : operator === 'eq'
-    ? html`
-        <input
-          style="min-width: 100px; min-height: 24px"
-          type="text"
-          name=${column.name}
-          .value=${value}
-          readonly
-          @click=${(e: Event) => {
-            e.stopPropagation()
-
-            const confirmCallback = (selected?: { [field: string]: any }) => {
-              var { idField = 'id', nameField = 'name', descriptionField = 'description' } = column.record.options || {}
-
-              owner.dispatchEvent(
-                new CustomEvent('filter-change', {
-                  bubbles: true,
-                  composed: true,
-                  detail: selected ? selected[idField] : ''
-                })
-              )
-            }
-
-            openResourceCodeSelector(column, value, confirmCallback)
-          }}
-        />
-      `
-    : html``
-}