@things-factory/meta-ui 7.0.1-alpha.33 → 7.0.1-alpha.34

package/client/component/popup/{record-based-code-editor-popup.js → record-based-code-editor-popup.ts}

@@ -1,16 +1,21 @@
 import '@material/web/icon/icon.js'
+import '@operato/input/ox-input-code.js'
 
-import { css, html, LitElement } from 'lit'
+import { css, html, LitElement, PropertyValues } from 'lit'
+import { customElement, query, state } from 'lit/decorators.js'
+import { OxInputCode } from '@operato/input'
+import { closePopup } from '@operato/popup'
 import { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'
+
 import { TermsUtil } from '../../utils/terms-util'
 import { MetaApi } from '../../utils/meta-api'
 import { ServiceUtil } from '../../utils/service-util'
-import '@operato/input/ox-input-code.js'
-import { closePopup } from '@operato/popup'
 
 /**
  * 레코드 기반 코드 편집기 팝업
  */
+
+@customElement('record-based-code-editor-popup')
 export class RecordBasedCodeEditorPopup extends LitElement {
   static styles = [
     CommonGristStyles,
@@ -34,6 +39,13 @@ export class RecordBasedCodeEditorPopup extends LitElement {
     `
   ]
 
+  @state() private config?: any
+  @state() private record?: any
+  @state() private value?: any
+  @state() private codeValue?: any
+
+  @query('ox-input-code') private codeEditor!: OxInputCode
+
   /**
    * 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직
    {
@@ -61,7 +73,7 @@ export class RecordBasedCodeEditorPopup extends LitElement {
     this.value = this.record[this.config.value_field] ? this.record[this.config.value_field] : ''
 
     if (typeof this.value === 'object') {
-      this.codeValue = JSON.stringify(this.value, 0, 2)
+      this.codeValue = JSON.stringify(this.value, null, 2)
     } else {
       this.codeValue = this.value
     }
@@ -69,8 +81,8 @@ export class RecordBasedCodeEditorPopup extends LitElement {
     await super.connectedCallback()
   }
 
-  async firstUpdated() {
-    await super.firstUpdated()
+  async firstUpdated(changes: PropertyValues<this>) {
+    await super.firstUpdated(changes)
   }
 
   render() {
@@ -95,15 +107,6 @@ export class RecordBasedCodeEditorPopup extends LitElement {
     }
   }
 
-  /**
-   * @description 코드편집기 엘리먼트
-   ***************************
-   * @returns
-   */
-  get codeEditor() {
-    return this.shadowRoot.querySelector('ox-input-code')
-  }
-
   /**
    * @description 저장
    ***************************
@@ -111,7 +114,7 @@ export class RecordBasedCodeEditorPopup extends LitElement {
    */
   async clickSave(e) {
     if (this.codeValue === this.codeEditor.value) {
-      MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'))
+      MetaApi.showToast('info', String(TermsUtil.tText('NOTHING_CHANGED')))
     } else {
       let saveAction = this.config.save_action
       let saveFuncName = saveAction.func_name
@@ -133,5 +136,3 @@ export class RecordBasedCodeEditorPopup extends LitElement {
     closePopup(this)
   }
 }
-
-customElements.define('record-based-code-editor-popup', RecordBasedCodeEditorPopup)

package/client/utils/meta-api.js

@@ -252,6 +252,18 @@ export class MetaApi {
     return await ServiceUtil.exportableData(isElement, exportTitle, grist)
   }
 
+  /**
+   * @description 서버 사이드를 통해 그리드 데이터 내보내기
+   ************************************************
+   * @param {String} exportFileName 내보내기 파일명
+   * @param {String} exportQueryName 서버 사이드 GraphQL 쿼리명
+   * @param {Grist} grist 그리드 오브젝트
+   * @returns {Object} { header: headerSetting, data: data } or Not
+   */
+  static async exportableDataByServer(exportFileName, exportQueryName, grist) {
+    return await ServiceUtil.exportableDataByServer(exportFileName, exportQueryName, grist)
+  }
+
   /**
    * @description 데이터 리스트 페이지네이션 조회
    ******************************************
@@ -261,7 +273,7 @@ export class MetaApi {
    * @param {Number} page 현재 페이지
    * @param {Number} limit 페이지 당 표시할 레코드 건수
    * @param {String} selectFields 조회할 필드 리스트
-   * @returns {Array} 조회 결과 { records : [{,...}], total : 100 }
+   * @returns {FetchResult} 조회 결과 { records : [{,...}], total : 100 }
    */
   static async searchByPagination(queryFunc, filters, sortings, page, limit, selectFields) {
     return await ServiceUtil.searchByPagination(queryFunc, filters, sortings, page, limit, selectFields)

package/client/utils/meta-ui-util.js

@@ -1574,7 +1574,7 @@ export class MetaUiUtil {
    */
   static async commonButtonCallService(pageView, action, filterParam, records) {
     // Graphql 서비스 호출
-    let response = await ServiceUtil.callService(action, filterParam, records)
+    let response = await ServiceUtil.callService(pageView, action, filterParam, records)
 
     // 후 처리 액션 처리
     if (!response.errors && action.after && ValueUtil.isNotEmpty(action.after)) {

package/client/utils/service-util.js

@@ -497,6 +497,40 @@ export class ServiceUtil {
     }
   }
 
+  /**
+   * @description 서버 사이드를 거쳐 그리드 데이터 내보내기
+   ************************************************
+   * @param {String} exportFileName 그리드 내보내기 용 타이틀 (파일명)
+   * @param {String} exportQueryName 서버 사이드 GraphQL 쿼리명
+   * @param {Grist} grist 그리드 오브젝트
+   * @returns {Object} { header: headerSetting, data: data } or Not
+   */
+  static async exportableDataByServer(exportFileName, exportQueryName, grist) {
+    // 1. 내보내기 graphQL 요청
+    const response = await client.query({
+      query: gql`
+        query Query($filters: [Filter!]!) {
+          responses: ${exportQueryName}(filters: $filters)
+        }
+      `,
+      variables: {
+        filters: grist.filters
+      }
+    })
+ 
+    // 2. 응답 처리
+    const data = response.data.responses
+    const bufferData = Buffer.from(data, 'base64')
+    const blob = new Blob([bufferData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
+    
+    const a = document.createElement('a')
+    a.href = window.URL.createObjectURL(blob)
+    a.download = `${exportFileName}.xlsx`
+    document.body.appendChild(a)
+    a.click()
+    a.remove()
+  }
+
   /**
    * @description 데이터 리스트 페이지네이션 조회
    ****************************************
@@ -865,14 +899,17 @@ export class ServiceUtil {
   /**
    * @description Graphql 서비스 호출
    ***********************************
+   * @param {Object} pageView 호출 페이지 뷰
    * @param {Object} action 서비스 설정 정보
    * @param {Object} filterParam 필터용 파라미터
    * @param {Object} dataParams 파라미터
    * @returns {Object} 서비스 호출 결과
    */
-  static async callService(action, filterParam, dataParams) {
+  static async callService(pageView, action, filterParam, dataParams) {
     if (action.graphql_type == 'query') {
       return await ServiceUtil.callQueryService(action, filterParam, dataParams)
+    } else if(action.graphql_type == 'export') {
+      return await ServiceUtil.exportableDataByServer(action.export_file_name, action.query_name, pageView.grist)
     } else {
       return await ServiceUtil.callMutationService(action, filterParam, dataParams)
     }
@@ -977,9 +1014,8 @@ export class ServiceUtil {
       throw new Error('mutation type not found!')
     }
 
-    // 1. GraphQL 설정 추출
+    // 2. GraphQL 설정 추출
     let data = action.data
-    // 2. 서비스 호출 파라미터
     let mutationParams = Array.isArray(dataParams) ? [] : {}
 
     if (data) {

package/client/utils/{terms-util.js → terms-util.ts}

@@ -14,8 +14,8 @@ export class TermsUtil {
    * @param {Object} params
    * @returns 번역된 라벨 (필드) 명
    */
-  static tLabel(labelName, params) {
-    let labelValue = TermsUtil.translate('label', labelName, params, null)
+  static tLabel(labelName: string, params?: any) {
+    let labelValue = TermsUtil.translate('label', labelName, params)
     return labelValue ? labelValue : TermsUtil.translate('field', labelName, params, labelName)
   }
 
@@ -26,8 +26,8 @@ export class TermsUtil {
    * @param {Object} params
    * @returns 번역된 필드 명
    */
-  static tField(fieldName, params) {
-    let fieldValue = TermsUtil.translate('field', fieldName, params, null)
+  static tField(fieldName: string, params?: any) {
+    let fieldValue = TermsUtil.translate('field', fieldName, params)
     return fieldValue ? fieldValue : TermsUtil.translate('field', fieldName, params, fieldName)
   }
 
@@ -37,7 +37,7 @@ export class TermsUtil {
    * @param {String} buttonName
    * @returns 번역된 버튼 명
    */
-  static tButton(buttonName) {
+  static tButton(buttonName: string) {
     return TermsUtil.translate('button', buttonName, null, buttonName)
   }
 
@@ -48,8 +48,8 @@ export class TermsUtil {
    * @param {Object} params
    * @returns 번역된 타이틀 명
    */
-  static tTitle(titleName, params) {
-    let titleValue = TermsUtil.translate('title', titleName, params, null)
+  static tTitle(titleName: string, params?: any) {
+    let titleValue = TermsUtil.translate('title', titleName, params)
     return titleValue ? titleValue : TermsUtil.translate('menu', titleName, params, titleName)
   }
 
@@ -59,8 +59,8 @@ export class TermsUtil {
    * @param {String} menuName
    * @returns 번역된 메뉴 명
    */
-  static tMenu(menuName) {
-    let menuValue = TermsUtil.translate('menu', menuName, null, null)
+  static tMenu(menuName: string) {
+    let menuValue = TermsUtil.translate('menu', menuName, null)
     return menuValue ? menuValue : TermsUtil.translate('title', menuName, null, menuName)
   }
 
@@ -71,7 +71,7 @@ export class TermsUtil {
    * @param {Object} params
    * @returns 번역된 텍스트 값
    */
-  static tText(textName, params) {
+  static tText(textName: string, params?: any) {
     return TermsUtil.translate('text', textName, params, textName)
   }
 
@@ -82,7 +82,7 @@ export class TermsUtil {
    * @param {Object} params
    * @returns 번역된 에러 메시지
    */
-  static tError(errorName, params) {
+  static tError(errorName: string, params?: any) {
     return TermsUtil.translate('error', errorName, params, errorName)
   }
 
@@ -95,7 +95,7 @@ export class TermsUtil {
    * @param {String} defaultValue
    * @returns termKey 다국어 변환 값
    */
-  static translate(termCategory, termName, parameters, defaultValue) {
+  static translate(termCategory: string, termName: string, parameters?: any, defaultValue?: string) {
     return i18next.t(`${termCategory}.${termName}`, {
       ...parameters,
       defaultValue: defaultValue || termName
@@ -110,7 +110,7 @@ export class TermsUtil {
    * @param {String} defaultValue
    * @returns termKey 다국어 변환 값
    */
-  static t(termKey, parameters, defaultValue) {
+  static t(termKey: string, parameters: any, defaultValue: string) {
     return i18next.t(termKey, {
       ...parameters,
       defaultValue: defaultValue || termKey

package/dist-client/bootstrap.js

@@ -4,7 +4,7 @@ import { navigate, store } from '@operato/shell';
 import { i18next } from '@operato/i18n';
 import { registerEditor as gristColumnRegisterEditor, registerRenderer as gristColumnRegisterRenderer, registerFilterRenderer as gristRegisterFilterRenderer } from '@operato/data-grist';
 import { registerFilterRenderer as formRegisterFilterRenderer } from '@operato/form';
-import { auth } from '@things-factory/auth-base/dist-client/auth.js';
+import { auth } from '@things-factory/auth-base/dist-client';
 import { ADD_MORENDA } from '@things-factory/more-base/client';
 import { updateMenuTemplate } from './actions/main';
 import metaUI from './reducers/main';

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html } from 'lit-html'\n\nimport { navigate, store } from '@operato/shell'\nimport { i18next } from '@operato/i18n'\nimport {\n  registerEditor as gristColumnRegisterEditor,\n  registerRenderer as gristColumnRegisterRenderer,\n  registerFilterRenderer as gristRegisterFilterRenderer\n} from '@operato/data-grist'\nimport { registerFilterRenderer as formRegisterFilterRenderer } from '@operato/form'\n\nimport { auth } from '@things-factory/auth-base/dist-client/auth.js'\nimport { ADD_MORENDA } from '@things-factory/more-base/client'\n\nimport { updateMenuTemplate } from './actions/main'\nimport metaUI from './reducers/main'\nimport { GristDefaultValue } from './utils/grist-default-value'\nimport { MENUS } from './dynamic-menus'\n\n/** GRIST Renderer Compoment  */\nimport { GristRendererMetaCodeSelector } from './component/grist/renderer/grist-renderer-meta-code-selector'\nimport { GristRendererMetaObjectSelector } from './component/grist/renderer/grist-renderer-meta-object-selector'\nimport { GristRendererCodeInput } from './component/grist/renderer/grist-renderer-code-input'\n\n/** GRIST Editor Component */\nimport { GristEditorMetaCodeSelector } from './component/grist/editor/grist-editor-meta-code-selector'\nimport { GristEditorMetaObjectSelector } from './component/grist/editor/grist-editor-meta-object-selector'\nimport { GristEditorCodeInput } from './component/grist/editor/grist-editor-code-input'\n\n/** Grist Filter Compoment  */\nimport { FilterGristMetaCodeSelect } from './component/filter/filter-grist-meta-code-select'\nimport { FilterGristMetaObjectSelect } from './component/filter/filter-grist-meta-object-select'\n\n/** Filter Form Component  */\nimport { FilterFormMetaCodeSelect } from './component/filter/filter-form-meta-code-select'\nimport { FilterFormMetaObjectSelect } from './component/filter/filter-form-meta-object-select'\n\nimport './pages/personalize/personal-column-selector'\nimport './pages/history/history-copy-list-popup'\nimport './pages/history/history-json-list-popup'\n\nimport './pages/activity/meta-activity-writer-element'\nimport './pages/activity/meta-activity-viewer-element'\n\nexport default async function bootstrap(module) {\n  // GRIST Renderer\n  gristColumnRegisterRenderer('meta-code-selector', GristRendererMetaCodeSelector)\n  gristColumnRegisterRenderer('meta-object-selector', GristRendererMetaObjectSelector)\n  gristColumnRegisterRenderer('code-input', GristRendererCodeInput)\n\n  // GRIST Editor\n  gristColumnRegisterEditor('meta-code-selector', GristEditorMetaCodeSelector)\n  gristColumnRegisterEditor('meta-object-selector', GristEditorMetaObjectSelector)\n  gristColumnRegisterEditor('code-input', GristEditorCodeInput)\n\n  // Grist Filter Renderer\n  gristRegisterFilterRenderer('meta-code-selector', [FilterGristMetaCodeSelect])\n  gristRegisterFilterRenderer('meta-object-selector', [FilterGristMetaObjectSelect])\n\n  // Filter Form Renderer\n  formRegisterFilterRenderer('meta-code-selector', [FilterFormMetaCodeSelect])\n  formRegisterFilterRenderer('meta-object-selector', [FilterFormMetaObjectSelect])\n\n  // Grist Default Registry\n  GristDefaultValue.registry()\n\n  store.addReducers({\n    metaUI\n  })\n\n  auth.on('profile', async ({ credential, domains, domain }) => {\n    // 2. 메뉴 정보를 서버로 부터 받아서 적용\n    const menuRoutes = await MENUS\n    updateMenuTemplate(menuRoutes.menus)\n\n    i18next.on('languageChanged', async () => {\n      updateMenuTemplate(menuRoutes.menus)\n    })\n\n    // 3. 동적 메뉴 관리 화면 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>auto_fix_high</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.dynamic_menu\"></ox-i18n>`,\n        action: () => {\n          navigate('dynamic-menu')\n        }\n      }\n    })\n\n    // 4. 엔티티 관리 화면 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>filter_tilt_shift</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.entity\"></ox-i18n>`,\n        action: () => {\n          navigate('config-entity')\n        }\n      }\n    })\n\n    // 5. 용어 관리 화면 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>speaker_notes</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.terminology\"></ox-i18n>`,\n        action: () => {\n          navigate('config-terminology')\n        }\n      }\n    })\n\n    // 6. 공통 코드 화면 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>code</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.code_management\"></ox-i18n>`,\n        action: () => {\n          navigate('codes')\n        }\n      }\n    })\n\n    // 7. 업무정의 리스트 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>business_center</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.meta_activity_list\"></ox-i18n>`,\n        action: () => {\n          navigate('meta-activity-list')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>margin</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.meta_activity_define\"></ox-i18n>`,\n        action: () => {\n          navigate('meta-activity-define')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>work</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.activity_list\"></ox-i18n>`,\n        action: () => {\n          navigate('activity-list')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>dataset</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.attribute management\"></ox-i18n> `,\n        action: () => {\n          navigate('attributes')\n        }\n      }\n    })\n  })\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html } from 'lit-html'\n\nimport { navigate, store } from '@operato/shell'\nimport { i18next } from '@operato/i18n'\nimport {\n  registerEditor as gristColumnRegisterEditor,\n  registerRenderer as gristColumnRegisterRenderer,\n  registerFilterRenderer as gristRegisterFilterRenderer\n} from '@operato/data-grist'\nimport { registerFilterRenderer as formRegisterFilterRenderer } from '@operato/form'\n\nimport { auth } from '@things-factory/auth-base/dist-client'\nimport { ADD_MORENDA } from '@things-factory/more-base/client'\n\nimport { updateMenuTemplate } from './actions/main'\nimport metaUI from './reducers/main'\nimport { GristDefaultValue } from './utils/grist-default-value'\nimport { MENUS } from './dynamic-menus'\n\n/** GRIST Renderer Compoment  */\nimport { GristRendererMetaCodeSelector } from './component/grist/renderer/grist-renderer-meta-code-selector'\nimport { GristRendererMetaObjectSelector } from './component/grist/renderer/grist-renderer-meta-object-selector'\nimport { GristRendererCodeInput } from './component/grist/renderer/grist-renderer-code-input'\n\n/** GRIST Editor Component */\nimport { GristEditorMetaCodeSelector } from './component/grist/editor/grist-editor-meta-code-selector'\nimport { GristEditorMetaObjectSelector } from './component/grist/editor/grist-editor-meta-object-selector'\nimport { GristEditorCodeInput } from './component/grist/editor/grist-editor-code-input'\n\n/** Grist Filter Compoment  */\nimport { FilterGristMetaCodeSelect } from './component/filter/filter-grist-meta-code-select'\nimport { FilterGristMetaObjectSelect } from './component/filter/filter-grist-meta-object-select'\n\n/** Filter Form Component  */\nimport { FilterFormMetaCodeSelect } from './component/filter/filter-form-meta-code-select'\nimport { FilterFormMetaObjectSelect } from './component/filter/filter-form-meta-object-select'\n\nimport './pages/personalize/personal-column-selector'\nimport './pages/history/history-copy-list-popup'\nimport './pages/history/history-json-list-popup'\n\nimport './pages/activity/meta-activity-writer-element'\nimport './pages/activity/meta-activity-viewer-element'\n\nexport default async function bootstrap(module) {\n  // GRIST Renderer\n  gristColumnRegisterRenderer('meta-code-selector', GristRendererMetaCodeSelector)\n  gristColumnRegisterRenderer('meta-object-selector', GristRendererMetaObjectSelector)\n  gristColumnRegisterRenderer('code-input', GristRendererCodeInput)\n\n  // GRIST Editor\n  gristColumnRegisterEditor('meta-code-selector', GristEditorMetaCodeSelector)\n  gristColumnRegisterEditor('meta-object-selector', GristEditorMetaObjectSelector)\n  gristColumnRegisterEditor('code-input', GristEditorCodeInput)\n\n  // Grist Filter Renderer\n  gristRegisterFilterRenderer('meta-code-selector', [FilterGristMetaCodeSelect])\n  gristRegisterFilterRenderer('meta-object-selector', [FilterGristMetaObjectSelect])\n\n  // Filter Form Renderer\n  formRegisterFilterRenderer('meta-code-selector', [FilterFormMetaCodeSelect])\n  formRegisterFilterRenderer('meta-object-selector', [FilterFormMetaObjectSelect])\n\n  // Grist Default Registry\n  GristDefaultValue.registry()\n\n  store.addReducers({\n    metaUI\n  })\n\n  auth.on('profile', async ({ credential, domains, domain }) => {\n    // 2. 메뉴 정보를 서버로 부터 받아서 적용\n    const menuRoutes = await MENUS\n    updateMenuTemplate(menuRoutes.menus)\n\n    i18next.on('languageChanged', async () => {\n      updateMenuTemplate(menuRoutes.menus)\n    })\n\n    // 3. 동적 메뉴 관리 화면 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>auto_fix_high</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.dynamic_menu\"></ox-i18n>`,\n        action: () => {\n          navigate('dynamic-menu')\n        }\n      }\n    })\n\n    // 4. 엔티티 관리 화면 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>filter_tilt_shift</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.entity\"></ox-i18n>`,\n        action: () => {\n          navigate('config-entity')\n        }\n      }\n    })\n\n    // 5. 용어 관리 화면 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>speaker_notes</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.terminology\"></ox-i18n>`,\n        action: () => {\n          navigate('config-terminology')\n        }\n      }\n    })\n\n    // 6. 공통 코드 화면 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>code</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.code_management\"></ox-i18n>`,\n        action: () => {\n          navigate('codes')\n        }\n      }\n    })\n\n    // 7. 업무정의 리스트 추가\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>business_center</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.meta_activity_list\"></ox-i18n>`,\n        action: () => {\n          navigate('meta-activity-list')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>margin</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.meta_activity_define\"></ox-i18n>`,\n        action: () => {\n          navigate('meta-activity-define')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html`<md-icon>work</md-icon>`,\n        name: html`<ox-i18n msgid=\"title.activity_list\"></ox-i18n>`,\n        action: () => {\n          navigate('activity-list')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>dataset</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.attribute management\"></ox-i18n> `,\n        action: () => {\n          navigate('attributes')\n        }\n      }\n    })\n  })\n}\n"]}

package/dist-client/component/filter/filter-form-meta-code-select.d.ts

@@ -1 +1,4 @@
-export function FilterFormMetaCodeSelect(filter: any, value: any, owner: any): import("lit-html").TemplateResult<1>;
+import '@material/web/icon/icon.js';
+import '../popup/meta-object-selector-popup';
+import { FilterSelectRenderer } from '@operato/form';
+export declare const FilterFormMetaCodeSelect: FilterSelectRenderer;

package/dist-client/component/filter/filter-form-meta-code-select.js

@@ -1,27 +1,22 @@
+import '@material/web/icon/icon.js';
 import '../popup/meta-object-selector-popup';
 import { html } from 'lit-html';
 import { openPopup } from '@operato/layout';
 import { TermsUtil } from './../../utils/terms-util';
 function openMetaCodeSelector(filter, value, confirmCallback) {
-    var template = html `
-    <meta-object-selector-popup
-      .value=${value}
-      .options=${filter.options}
-      .confirmCallback=${confirmCallback}
-    ></meta-object-selector-popup>
-  `;
+    var template = html ` <meta-object-selector-popup .value=${value} .options=${filter.options} .confirmCallback=${confirmCallback}> </meta-object-selector-popup> `;
     openPopup(template, {
         backdrop: true,
         size: 'large',
-        title: filter.options.selectorName ? TermsUtil.tMenu(filter.options.selectorName) : TermsUtil.tTitle('select_item')
+        title: filter.options.selectorName ? String(TermsUtil.tMenu(filter.options.selectorName)) : String(TermsUtil.tTitle('select_item'))
     });
 }
 export const FilterFormMetaCodeSelect = (filter, value, owner) => {
-    const options = filter.options;
-    const codes = (options.codes && options.codes.length > 0) ? options.codes : undefined;
+    const options = filter.options || {};
+    const codes = options.codes && options.codes.length > 0 ? options.codes : undefined;
     const { operator = 'eq' } = filter;
-    let hideText = value ? value : '';
-    let text = value ? value : '';
+    const hiddenText = value ? value : '';
+    var text = value ? value : '';
     if (options.dispField && value && codes) {
         let dispCode = codes.filter(x => x.value == value);
         if (dispCode && dispCode.length > 0) {
@@ -30,29 +25,36 @@ export const FilterFormMetaCodeSelect = (filter, value, owner) => {
     }
     return operator === 'eq'
         ? html `
-        <input name='${filter.name}' .value=${hideText} type="text" hidden></input>
+        <input name='${filter.name}' .value=${hiddenText} type="text" hidden></input>
         <input
           type="text"
           readonly
           name='${filter.name}_disp'
           .value=${text}
-          @click=${(e) => {
+          @click=${e => {
             e.stopPropagation();
             const input = e.target;
-            const confirmCallback = (selected) => {
+            const confirmCallback = selected => {
                 let code = selected ? selected[options.codeField] : '';
                 let disp = code;
                 if (selected && options.dispField) {
-                    let fields = options.dispField.split(",");
+                    let fields = options.dispField.split(',');
                     disp = selected[fields[0]];
                     if (fields.length > 1) {
-                        disp += `(${fields.splice(1).map(field => { return selected[field]; }).join(",")})`;
+                        disp += `(${fields
+                            .splice(1)
+                            .map(field => {
+                            return selected[field];
+                        })
+                            .join(',')})`;
                     }
                 }
                 input.value = disp;
                 let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header'
-                    ? owner.renderRoot.querySelector(`[name="${filter.name}"]`)
-                    : owner.renderRoot.querySelector(`form [name="${filter.name}"]`);
+                    ? //@ts-ignore owner element를 전제하지 않는 방법이 필요할 것이다.
+                        owner.renderRoot.querySelector(`[name="${filter.name}"]`)
+                    : //@ts-ignore owner element를 전제하지 않는 방법이 필요할 것이다.
+                        owner.renderRoot.querySelector(`form [name="${filter.name}"]`);
                 codeInput.value = code;
                 input.dispatchEvent(new Event('change', { bubbles: true }));
                 input.dispatchEvent(new CustomEvent('filter-change', {
@@ -68,6 +70,7 @@ export const FilterFormMetaCodeSelect = (filter, value, owner) => {
             openMetaCodeSelector(filter, value, confirmCallback);
         }}
         />
+        <md-icon style="--md-icon-size: 18px;margin-left: -24px;">manage_search</md-icon>
       `
         : html ``;
 };

package/dist-client/component/filter/filter-form-meta-code-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-form-meta-code-select.js","sourceRoot":"","sources":["../../../client/component/filter/filter-form-meta-code-select.js"],"names":[],"mappings":"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","sourcesContent":["import '../popup/meta-object-selector-popup'\n\nimport { html } from 'lit-html'\nimport { openPopup } from '@operato/layout'\nimport { TermsUtil } from './../../utils/terms-util'\n\nfunction openMetaCodeSelector(filter, value, confirmCallback) {\n\n  var template = html`\n    <meta-object-selector-popup\n      .value=${value}\n      .options=${filter.options}\n      .confirmCallback=${confirmCallback}\n    ></meta-object-selector-popup>\n  `\n\n  openPopup(template, {\n    backdrop: true,\n    size: 'large',\n    title: filter.options.selectorName ? TermsUtil.tMenu(filter.options.selectorName) : TermsUtil.tTitle('select_item')\n  })\n}\n\n\nexport const FilterFormMetaCodeSelect = (filter, value, owner) =>{\n  const options = filter.options;\n  const codes = (options.codes && options.codes.length > 0) ? options.codes : undefined;\n  const { operator = 'eq' } = filter;\n  let hideText = value? value : '';\n  let text = value? value : '';\n\n  if(options.dispField && value && codes){\n    let dispCode = codes.filter(x=> x.value == value);\n\n    if(dispCode && dispCode.length > 0){\n      text = dispCode[0].display;\n    }\n  }\n\n  return operator === 'eq'\n    ? html`\n        <input name='${filter.name}' .value=${hideText} type=\"text\" hidden></input>\n        <input\n          type=\"text\"\n          readonly\n          name='${filter.name}_disp'\n          .value=${text}\n          @click=${(e) => {\n            e.stopPropagation();\n\n            const input = e.target;\n\n            const confirmCallback = (selected) => {\n              let code = selected ? selected[options.codeField] : '';\n              let disp = code;\n\n              if(selected && options.dispField){\n                let fields = options.dispField.split(\",\");\n                disp = selected[fields[0]];\n            \n                if(fields.length > 1){\n                  disp+= `(${fields.splice(1).map(field => { return selected[field]}).join(\",\")})` \n                }\n              }\n\n              input.value = disp;\n\n              let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header' \n                            ? owner.renderRoot.querySelector(`[name=\"${filter.name}\"]`)\n                            : owner.renderRoot.querySelector(`form [name=\"${filter.name}\"]`);\n              \n              codeInput.value = code;\n\n              input.dispatchEvent(new Event('change', { bubbles: true }))              \n\n              input.dispatchEvent(\n                new CustomEvent('filter-change', {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    name: filter.name,\n                    operator,\n                    value: code\n                  }\n                })\n              )\n            }\n\n            openMetaCodeSelector(filter, value, confirmCallback)\n          }}\n        />\n      `\n    : html``\n}\n"]}
+{"version":3,"file":"filter-form-meta-code-select.js","sourceRoot":"","sources":["../../../client/component/filter/filter-form-meta-code-select.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '../popup/meta-object-selector-popup'\n\nimport { html } from 'lit-html'\n\nimport { openPopup } from '@operato/layout'\nimport { FilterSelectRenderer } from '@operato/form'\nimport { TermsUtil } from './../../utils/terms-util'\n\nfunction openMetaCodeSelector(filter, value, confirmCallback) {\n  var template = html` <meta-object-selector-popup .value=${value} .options=${filter.options} .confirmCallback=${confirmCallback}> </meta-object-selector-popup> `\n\n  openPopup(template, {\n    backdrop: true,\n    size: 'large',\n    title: filter.options.selectorName ? String(TermsUtil.tMenu(filter.options.selectorName)) : String(TermsUtil.tTitle('select_item'))\n  })\n}\n\nexport const FilterFormMetaCodeSelect: FilterSelectRenderer = (filter, value, owner) => {\n  const options = filter.options || {}\n  const codes = options.codes && options.codes.length > 0 ? options.codes : undefined\n  const { operator = 'eq' } = filter\n  const hiddenText = value ? value : ''\n\n  var text = value ? value : ''\n\n  if (options.dispField && value && codes) {\n    let dispCode = codes.filter(x => x.value == value)\n\n    if (dispCode && dispCode.length > 0) {\n      text = dispCode[0].display\n    }\n  }\n\n  return operator === 'eq'\n    ? html`\n        <input name='${filter.name}' .value=${hiddenText} type=\"text\" hidden></input>\n        <input\n          type=\"text\"\n          readonly\n          name='${filter.name}_disp'\n          .value=${text}\n          @click=${e => {\n            e.stopPropagation()\n\n            const input = e.target\n\n            const confirmCallback = selected => {\n              let code = selected ? selected[options.codeField] : ''\n              let disp = code\n\n              if (selected && options.dispField) {\n                let fields = options.dispField.split(',')\n                disp = selected[fields[0]]\n\n                if (fields.length > 1) {\n                  disp += `(${fields\n                    .splice(1)\n                    .map(field => {\n                      return selected[field]\n                    })\n                    .join(',')})`\n                }\n              }\n\n              input.value = disp\n\n              let codeInput =\n                owner.tagName.toLowerCase() == 'ox-grid-header'\n                  ? //@ts-ignore owner element를 전제하지 않는 방법이 필요할 것이다.\n                    owner.renderRoot.querySelector(`[name=\"${filter.name}\"]`)\n                  : //@ts-ignore owner element를 전제하지 않는 방법이 필요할 것이다.\n                    owner.renderRoot.querySelector(`form [name=\"${filter.name}\"]`)\n\n              codeInput.value = code\n\n              input.dispatchEvent(new Event('change', { bubbles: true }))\n\n              input.dispatchEvent(\n                new CustomEvent('filter-change', {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    name: filter.name,\n                    operator,\n                    value: code\n                  }\n                })\n              )\n            }\n\n            openMetaCodeSelector(filter, value, confirmCallback)\n          }}\n        />\n        <md-icon style=\"--md-icon-size: 18px;margin-left: -24px;\">manage_search</md-icon>\n      `\n    : html``\n}\n"]}

package/dist-client/component/filter/filter-form-meta-object-select.d.ts

@@ -1 +1,4 @@
-export function FilterFormMetaObjectSelect(filter: any, value: any, owner: any): import("lit-html").TemplateResult<1>;
+import '@material/web/icon/icon.js';
+import '../popup/meta-object-selector-popup';
+import { FilterSelectRenderer } from '@operato/form';
+export declare const FilterFormMetaObjectSelect: FilterSelectRenderer;

package/dist-client/component/filter/filter-form-meta-object-select.js

@@ -1,58 +1,65 @@
+import '@material/web/icon/icon.js';
 import '../popup/meta-object-selector-popup';
 import { html } from 'lit-html';
 import { openPopup } from '@operato/layout';
-import { TermsUtil } from './../../utils/terms-util';
+import { TermsUtil } from '../../utils/terms-util';
 function openMetaObjectSelector(filter, value, confirmCallback) {
-    var template = html `
-    <meta-object-selector-popup
-      .value=${value}
-      .options=${filter.options}
-      .confirmCallback=${confirmCallback}
-    ></meta-object-selector-popup>
-  `;
+    var template = html ` <meta-object-selector-popup .value=${value} .options=${filter.options} .confirmCallback=${confirmCallback}></meta-object-selector-popup> `;
     openPopup(template, {
         backdrop: true,
         size: 'large',
-        title: filter.options.selectorName ? TermsUtil.tMenu(filter.options.selectorName) : TermsUtil.tTitle('select_item')
+        title: filter.options.selectorName ? String(TermsUtil.tMenu(filter.options.selectorName)) : String(TermsUtil.tTitle('select_item'))
     });
 }
 export const FilterFormMetaObjectSelect = (filter, value, owner) => {
     const options = filter.options;
     const { operator = 'eq' } = filter;
-    let hideText = value ? value.id : '';
-    let text = '';
+    const hiddenText = value ? value.id : '';
+    var text = '';
     if (value) {
-        let fields = options.nameField.split(",");
+        let fields = options.nameField.split(',');
         text = value[fields[0]];
         if (fields.length > 1) {
-            text += `(${fields.splice(1).map(field => { return value[field]; }).join(",")})`;
+            text += `(${fields
+                .splice(1)
+                .map(field => {
+                return value[field];
+            })
+                .join(',')})`;
         }
     }
     return operator === 'eq'
         ? html `
-        <input name='${filter.name}' .value=${hideText} type="text" hidden></input>
+        <input name='${filter.name}' .value=${hiddenText} type="text" hidden></input>
         <input
           type="text"
           readonly
           name='${filter.name}_disp'
           .value=${text}
-          @click=${(e) => {
+          @click=${e => {
             e.stopPropagation();
             const input = e.target;
-            const confirmCallback = (selected) => {
+            const confirmCallback = selected => {
                 let code = selected ? selected.id : '';
                 let disp = '';
                 if (selected) {
-                    let fields = options.nameField.split(",");
+                    let fields = options.nameField.split(',');
                     disp = selected[fields[0]];
                     if (fields.length > 1) {
-                        disp += `(${fields.splice(1).map(field => { return selected[field]; }).join(",")})`;
+                        disp += `(${fields
+                            .splice(1)
+                            .map(field => {
+                            return selected[field];
+                        })
+                            .join(',')})`;
                     }
                 }
                 input.value = disp;
                 let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header'
-                    ? owner.renderRoot.querySelector(`[name="${filter.name}"]`)
-                    : owner.renderRoot.querySelector(`form [name="${filter.name}"]`);
+                    ? //@ts-ignore owner element를 전제하지 않는 방법이 필요할 것이다.
+                        owner.renderRoot.querySelector(`[name="${filter.name}"]`)
+                    : //@ts-ignore owner element를 전제하지 않는 방법이 필요할 것이다.
+                        owner.renderRoot.querySelector(`form [name="${filter.name}"]`);
                 codeInput.value = code;
                 input.dispatchEvent(new Event('change', { bubbles: true }));
                 input.dispatchEvent(new CustomEvent('filter-change', {
@@ -68,6 +75,7 @@ export const FilterFormMetaObjectSelect = (filter, value, owner) => {
             openMetaObjectSelector(filter, value, confirmCallback);
         }}
         />
+        <md-icon style="--md-icon-size: 18px;margin-left: -24px;">manage_search</md-icon>
       `
         : html ``;
 };

package/dist-client/component/filter/filter-form-meta-object-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-form-meta-object-select.js","sourceRoot":"","sources":["../../../client/component/filter/filter-form-meta-object-select.js"],"names":[],"mappings":"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","sourcesContent":["import '../popup/meta-object-selector-popup'\n\nimport { html } from 'lit-html'\nimport { openPopup } from '@operato/layout'\nimport { TermsUtil } from './../../utils/terms-util'\n\nfunction openMetaObjectSelector(filter, value, confirmCallback) {\n\n  var template = html`\n    <meta-object-selector-popup\n      .value=${value}\n      .options=${filter.options}\n      .confirmCallback=${confirmCallback}\n    ></meta-object-selector-popup>\n  `\n\n  openPopup(template, {\n    backdrop: true,\n    size: 'large',\n    title: filter.options.selectorName ? TermsUtil.tMenu(filter.options.selectorName) : TermsUtil.tTitle('select_item')\n  })\n}\n\n\nexport const FilterFormMetaObjectSelect = (filter, value, owner) =>{\n  const options = filter.options;\n  const { operator = 'eq' } = filter;\n  let hideText = value ? value.id : '';\n  let text = '';\n\n  if(value){\n    let fields = options.nameField.split(\",\");\n    text = value[fields[0]];\n\n    if(fields.length > 1){\n      text+= `(${fields.splice(1).map(field => { return value[field]}).join(\",\")})` \n    }\n  }\n\n  return operator === 'eq'\n    ? html`\n        <input name='${filter.name}' .value=${hideText} type=\"text\" hidden></input>\n        <input\n          type=\"text\"\n          readonly\n          name='${filter.name}_disp'\n          .value=${text}\n          @click=${(e) => {\n            e.stopPropagation();\n\n            const input = e.target;\n\n            const confirmCallback = (selected) => {\n              let code = selected ? selected.id : '';\n              let disp = '';\n\n              if(selected){\n                let fields = options.nameField.split(\",\");\n                disp = selected[fields[0]];\n            \n                if(fields.length > 1){\n                  disp+= `(${fields.splice(1).map(field => { return selected[field]}).join(\",\")})` \n                }\n              }\n\n              input.value = disp;\n\n              let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header' \n                            ? owner.renderRoot.querySelector(`[name=\"${filter.name}\"]`)\n                            : owner.renderRoot.querySelector(`form [name=\"${filter.name}\"]`);\n              \n              codeInput.value = code;\n\n              input.dispatchEvent(new Event('change', { bubbles: true }))              \n\n              input.dispatchEvent(\n                new CustomEvent('filter-change', {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    name: filter.name,\n                    operator,\n                    value: code\n                  }\n                })\n              )\n            }\n\n            openMetaObjectSelector(filter, value, confirmCallback)\n          }}\n        />\n      `\n    : html``\n}\n"]}
+{"version":3,"file":"filter-form-meta-object-select.js","sourceRoot":"","sources":["../../../client/component/filter/filter-form-meta-object-select.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '../popup/meta-object-selector-popup'\n\nimport { html } from 'lit-html'\n\nimport { openPopup } from '@operato/layout'\nimport { FilterSelectRenderer } from '@operato/form'\nimport { TermsUtil } from '../../utils/terms-util'\n\nfunction openMetaObjectSelector(filter, value, confirmCallback) {\n  var template = html` <meta-object-selector-popup .value=${value} .options=${filter.options} .confirmCallback=${confirmCallback}></meta-object-selector-popup> `\n\n  openPopup(template, {\n    backdrop: true,\n    size: 'large',\n    title: filter.options.selectorName ? String(TermsUtil.tMenu(filter.options.selectorName)) : String(TermsUtil.tTitle('select_item'))\n  })\n}\n\nexport const FilterFormMetaObjectSelect: FilterSelectRenderer = (filter, value, owner) => {\n  const options = filter.options\n  const { operator = 'eq' } = filter\n  const hiddenText = value ? value.id : ''\n\n  var text = ''\n\n  if (value) {\n    let fields = options!.nameField.split(',')\n    text = value[fields[0]]\n\n    if (fields.length > 1) {\n      text += `(${fields\n        .splice(1)\n        .map(field => {\n          return value[field]\n        })\n        .join(',')})`\n    }\n  }\n\n  return operator === 'eq'\n    ? html`\n        <input name='${filter.name}' .value=${hiddenText} type=\"text\" hidden></input>\n        <input\n          type=\"text\"\n          readonly\n          name='${filter.name}_disp'\n          .value=${text}\n          @click=${e => {\n            e.stopPropagation()\n\n            const input = e.target\n\n            const confirmCallback = selected => {\n              let code = selected ? selected.id : ''\n              let disp = ''\n\n              if (selected) {\n                let fields = options!.nameField.split(',')\n                disp = selected[fields[0]]\n\n                if (fields.length > 1) {\n                  disp += `(${fields\n                    .splice(1)\n                    .map(field => {\n                      return selected[field]\n                    })\n                    .join(',')})`\n                }\n              }\n\n              input.value = disp\n\n              let codeInput =\n                owner.tagName.toLowerCase() == 'ox-grid-header'\n                  ? //@ts-ignore owner element를 전제하지 않는 방법이 필요할 것이다.\n                    owner.renderRoot.querySelector(`[name=\"${filter.name}\"]`)\n                  : //@ts-ignore owner element를 전제하지 않는 방법이 필요할 것이다.\n                    owner.renderRoot.querySelector(`form [name=\"${filter.name}\"]`)\n\n              codeInput.value = code\n\n              input.dispatchEvent(new Event('change', { bubbles: true }))\n\n              input.dispatchEvent(\n                new CustomEvent('filter-change', {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    name: filter.name,\n                    operator,\n                    value: code\n                  }\n                })\n              )\n            }\n\n            openMetaObjectSelector(filter, value, confirmCallback)\n          }}\n        />\n        <md-icon style=\"--md-icon-size: 18px;margin-left: -24px;\">manage_search</md-icon>\n      `\n    : html``\n}\n"]}

package/dist-client/component/filter/filter-grist-meta-code-select.d.ts

@@ -1 +1,3 @@
-export function FilterGristMetaCodeSelect(column: any, value: any, owner: any): import("lit-html").TemplateResult<1>;
+import '../popup/meta-object-selector-popup';
+import { FilterSelectRenderer } from '@operato/data-grist';
+export declare const FilterGristMetaCodeSelect: FilterSelectRenderer;