@things-factory/meta-ui 9.0.0-beta.27 → 9.0.0-beta.29

package/dist-client/bootstrap.d.ts

@@ -0,0 +1,7 @@
+import '@material/web/icon/icon.js';
+import './load-components';
+import './pages/history/history-copy-list-popup';
+import './pages/history/history-json-list-popup';
+import './pages/activity/meta-activity-writer-element';
+import './pages/activity/meta-activity-viewer-element';
+export default function bootstrap(module: any): Promise<void>;

package/dist-client/bootstrap.js

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

package/dist-client/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport './load-components'\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 '@things-factory/lite-menu/dist-client'\nimport { GristDefaultValue } from './utils/grist-default-value'\nimport { getDynamicMenus } 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/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  auth.on('profile', async ({ credential, domains, domain }) => {\n    // 2. 메뉴 정보를 서버로 부터 받아서 적용\n    const menuRoutes = await getDynamicMenus()\n    updateMenuTemplate(menuRoutes.menus)\n\n    i18next.on('languageChanged', async () => {\n      updateMenuTemplate((await getDynamicMenus(true)).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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,80 @@
+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>
+  `;
+    openPopup(template, {
+        backdrop: true,
+        size: 'large',
+        title: filter.options.selectorName ? TermsUtil.tMenu(filter.options.selectorName) : 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 { operator = 'eq' } = filter;
+    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) {
+            text = dispCode[0].display;
+        }
+    }
+    return operator === 'eq'
+        ? html `
+        <input name='${filter.name}' .value=${hiddenText} type="text" hidden></input>
+        <input
+          type="text"
+          readonly
+          name='${filter.name}_disp'
+          .value=${text}
+          @click=${e => {
+            e.stopPropagation();
+            const input = e.target;
+            const confirmCallback = selected => {
+                let code = selected ? selected[options.codeField] : '';
+                let disp = code;
+                if (selected && options.dispField) {
+                    let fields = options.dispField.split(',');
+                    disp = selected[fields[0]];
+                    if (fields.length > 1) {
+                        disp += `(${fields
+                            .splice(1)
+                            .map(field => {
+                            return selected[field];
+                        })
+                            .join(',')})`;
+                    }
+                }
+                input.value = disp;
+                let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header'
+                    ? //@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', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        name: filter.name,
+                        operator,
+                        value: code
+                    }
+                }));
+            };
+            openMetaCodeSelector(filter, value, confirmCallback);
+        }}
+        />
+        <md-icon style="--md-icon-size: 18px;margin-left: -24px;">manage_search</md-icon>
+      `
+        : html ``;
+};
+//# sourceMappingURL=filter-form-meta-code-select.js.map

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

@@ -0,0 +1 @@
+{"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`\n    <meta-object-selector-popup .value=${value} .options=${filter.options} .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\nexport const FilterFormMetaCodeSelect: FilterSelectRenderer = (filter, value, owner) => {\n  const options: any = 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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,82 @@
+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 openMetaObjectSelector(filter, value, confirmCallback) {
+    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')
+    });
+}
+export const FilterFormMetaObjectSelect = (filter, value, owner) => {
+    const options = filter.options;
+    const { operator = 'eq' } = filter;
+    const hiddenText = value ? value.id : '';
+    var text = '';
+    if (value) {
+        let fields = options.nameField.split(',');
+        text = value[fields[0]];
+        if (fields.length > 1) {
+            text += `(${fields
+                .splice(1)
+                .map(field => {
+                return value[field];
+            })
+                .join(',')})`;
+        }
+    }
+    return operator === 'eq'
+        ? html `
+        <input name='${filter.name}' .value=${hiddenText} type="text" hidden></input>
+        <input
+          type="text"
+          readonly
+          name='${filter.name}_disp'
+          .value=${text}
+          @click=${e => {
+            e.stopPropagation();
+            const input = e.target;
+            const confirmCallback = selected => {
+                let code = selected ? selected.id : '';
+                let disp = '';
+                if (selected) {
+                    let fields = options.nameField.split(',');
+                    disp = selected[fields[0]];
+                    if (fields.length > 1) {
+                        disp += `(${fields
+                            .splice(1)
+                            .map(field => {
+                            return selected[field];
+                        })
+                            .join(',')})`;
+                    }
+                }
+                input.value = disp;
+                let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header'
+                    ? //@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', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        name: filter.name,
+                        operator,
+                        value: code
+                    }
+                }));
+            };
+            openMetaObjectSelector(filter, value, confirmCallback);
+        }}
+        />
+        <md-icon style="--md-icon-size: 18px;margin-left: -24px;">manage_search</md-icon>
+      `
+        : html ``;
+};
+//# sourceMappingURL=filter-form-meta-object-select.js.map

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

@@ -0,0 +1 @@
+{"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'\nimport { SelectOption, SelectOptionObject } from '@operato/data-grist'\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 ? TermsUtil.tMenu(filter.options.selectorName) : TermsUtil.tTitle('select_item')\n  })\n}\n\nexport const FilterFormMetaObjectSelect: FilterSelectRenderer = (filter, value, owner) => {\n  const options = filter.options as {\n    [key: string]: any\n  }\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

@@ -0,0 +1,3 @@
+import '../popup/meta-object-selector-popup';
+import { FilterSelectRenderer } from '@operato/data-grist';
+export declare const FilterGristMetaCodeSelect: FilterSelectRenderer;

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

@@ -0,0 +1,76 @@
+import '../popup/meta-object-selector-popup';
+import { html } from 'lit-html';
+import { openPopup } from '@operato/layout';
+import { TermsUtil } from '../../utils/terms-util';
+function openMetaCodeSelector(column, value, confirmCallback) {
+    var template = html ` <meta-object-selector-popup .value=${value} .options=${column.record.options} .confirmCallback=${confirmCallback}></meta-object-selector-popup> `;
+    openPopup(template, {
+        backdrop: true,
+        size: 'large',
+        title: column.record.options.selectorName ? TermsUtil.tMenu(column.record.options.selectorName) : TermsUtil.tTitle('select_item')
+    });
+}
+export const FilterGristMetaCodeSelect = (column, value, owner) => {
+    const filter = column.filter;
+    const options = column.record.options;
+    const codes = options.codes && options.codes.length > 0 ? options.codes : undefined;
+    const { operator = 'eq' } = filter;
+    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) {
+            text = dispCode[0].display;
+        }
+    }
+    return operator === 'eq'
+        ? html `
+        <input name='${column.name}' .value=${hiddenText} type="text" hidden></input>
+        <input
+          type="text"
+          readonly
+          name='${column.name}_disp'
+          .value=${text}
+          @click=${e => {
+            e.stopPropagation();
+            const input = e.target;
+            const confirmCallback = selected => {
+                let code = selected ? selected[options.codeField] : '';
+                let disp = code;
+                if (selected && options.dispField) {
+                    let fields = options.dispField.split(',');
+                    disp = selected[fields[0]];
+                    if (fields.length > 1) {
+                        disp += `(${fields
+                            .splice(1)
+                            .map(field => {
+                            return selected[field];
+                        })
+                            .join(',')})`;
+                    }
+                }
+                input.value = disp;
+                let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header'
+                    ? //@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', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        name: column.name,
+                        operator,
+                        value: code
+                    }
+                }));
+            };
+            openMetaCodeSelector(column, value, confirmCallback);
+        }}
+        />
+      `
+        : html ``;
+};
+//# sourceMappingURL=filter-grist-meta-code-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-grist-meta-code-select.js","sourceRoot":"","sources":["../../../client/component/filter/filter-grist-meta-code-select.ts"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,SAAS,oBAAoB,CAAC,MAAM,EAAE,KAAK,EAAE,eAAe;IAC1D,IAAI,QAAQ,GAAG,IAAI,CAAA,uCAAuC,KAAK,aAAa,MAAM,CAAC,MAAM,CAAC,OAAO,qBAAqB,eAAe,iCAAiC,CAAA;IAEtK,SAAS,CAAC,QAAQ,EAAE;QAClB,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;KAClI,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;IAC5B,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;IACrC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IACnF,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,MAA4B,CAAA;IACxD,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAErC,IAAI,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAE7B,IAAI,OAAO,CAAC,SAAS,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;QACxC,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAA;QAElD,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;QAC5B,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,KAAK,IAAI;QACtB,CAAC,CAAC,IAAI,CAAA;uBACa,MAAM,CAAC,IAAI,YAAY,UAAU;;;;kBAItC,MAAM,CAAC,IAAI;mBACV,IAAI;mBACJ,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;YAEtB,MAAM,eAAe,GAAG,QAAQ,CAAC,EAAE;gBACjC,IAAI,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBACtD,IAAI,IAAI,GAAG,IAAI,CAAA;gBAEf,IAAI,QAAQ,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;oBAClC,IAAI,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;oBACzC,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;oBAE1B,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBACtB,IAAI,IAAI,IAAI,MAAM;6BACf,MAAM,CAAC,CAAC,CAAC;6BACT,GAAG,CAAC,KAAK,CAAC,EAAE;4BACX,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;wBACxB,CAAC,CAAC;6BACD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAA;oBACjB,CAAC;gBACH,CAAC;gBAED,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;gBAElB,IAAI,SAAS,GACX,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,gBAAgB;oBAC7C,CAAC,CAAC,gDAAgD;wBAChD,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,MAAM,CAAC,IAAI,IAAI,CAAC;oBAC3D,CAAC,CAAC,gDAAgD;wBAChD,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,MAAM,CAAC,IAAI,IAAI,CAAC,CAAA;gBACpE,SAAS,CAAC,KAAK,GAAG,IAAI,CAAA;gBAEtB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;gBAE3D,KAAK,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,eAAe,EAAE;oBAC/B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;oBACd,MAAM,EAAE;wBACN,IAAI,EAAE,MAAM,CAAC,IAAI;wBACjB,QAAQ;wBACR,KAAK,EAAE,IAAI;qBACZ;iBACF,CAAC,CACH,CAAA;YACH,CAAC,CAAA;YAED,oBAAoB,CAAC,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAA;QACtD,CAAC;;OAEJ;QACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;AACZ,CAAC,CAAA","sourcesContent":["import '../popup/meta-object-selector-popup'\n\nimport { html } from 'lit-html'\n\nimport { openPopup } from '@operato/layout'\nimport { FilterConfigObject, FilterSelectRenderer } from '@operato/data-grist'\nimport { TermsUtil } from '../../utils/terms-util'\n\nfunction openMetaCodeSelector(column, value, confirmCallback) {\n  var template = html` <meta-object-selector-popup .value=${value} .options=${column.record.options} .confirmCallback=${confirmCallback}></meta-object-selector-popup> `\n\n  openPopup(template, {\n    backdrop: true,\n    size: 'large',\n    title: column.record.options.selectorName ? TermsUtil.tMenu(column.record.options.selectorName) : TermsUtil.tTitle('select_item')\n  })\n}\n\nexport const FilterGristMetaCodeSelect: FilterSelectRenderer = (column, value, owner) => {\n  const filter = column.filter\n  const options = column.record.options\n  const codes = options.codes && options.codes.length > 0 ? options.codes : undefined\n  const { operator = 'eq' } = filter as FilterConfigObject\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='${column.name}' .value=${hiddenText} type=\"text\" hidden></input>\n        <input\n          type=\"text\"\n          readonly\n          name='${column.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              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: column.name,\n                    operator,\n                    value: code\n                  }\n                })\n              )\n            }\n\n            openMetaCodeSelector(column, value, confirmCallback)\n          }}\n        />\n      `\n    : html``\n}\n"]}

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

@@ -0,0 +1,3 @@
+import '../popup/meta-object-selector-popup';
+import { FilterSelectRenderer } from '@operato/data-grist';
+export declare const FilterGristMetaObjectSelect: FilterSelectRenderer;

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

@@ -0,0 +1,81 @@
+import '../popup/meta-object-selector-popup';
+import { html } from 'lit-html';
+import { openPopup } from '@operato/layout';
+import { TermsUtil } from '../../utils/terms-util';
+function openMetaObjectSelector(column, value, confirmCallback) {
+    var template = html ` <meta-object-selector-popup .value=${value} .options=${column.record.options} .confirmCallback=${confirmCallback}></meta-object-selector-popup> `;
+    openPopup(template, {
+        backdrop: true,
+        size: 'large',
+        title: column.record.options.selectorName ? TermsUtil.tMenu(column.record.options.selectorName) : TermsUtil.tTitle('select_item')
+    });
+}
+export const FilterGristMetaObjectSelect = (column, value, owner) => {
+    const filter = column.filter;
+    const { operator = 'eq' } = filter;
+    const options = column.record.options;
+    const hiddenText = value ? value.id : '';
+    var text = '';
+    if (value) {
+        let fields = options.nameField.split(',');
+        text = value[fields[0]];
+        if (fields.length > 1) {
+            text += `(${fields
+                .splice(1)
+                .map(field => {
+                return value[field];
+            })
+                .join(',')})`;
+        }
+    }
+    return operator === 'eq'
+        ? html `
+        <input name='${column.name}' .value=${hiddenText} type="text" hidden></input>
+        <input
+          type="text"
+          readonly
+          name='${column.name}_disp'
+          .value=${text}
+          @click=${e => {
+            e.stopPropagation();
+            const input = e.target;
+            const confirmCallback = selected => {
+                let code = selected ? selected.id : '';
+                let disp = '';
+                if (selected) {
+                    let fields = options.nameField.split(',');
+                    disp = selected[fields[0]];
+                    if (fields.length > 1) {
+                        disp += `(${fields
+                            .splice(1)
+                            .map(field => {
+                            return selected[field];
+                        })
+                            .join(',')})`;
+                    }
+                }
+                input.value = disp;
+                let codeInput = owner.tagName.toLowerCase() == 'ox-grid-header'
+                    ? //@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', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        name: column.name,
+                        operator,
+                        value: code
+                    }
+                }));
+            };
+            openMetaObjectSelector(column, value, confirmCallback);
+        }}
+        />
+      `
+        : html ``;
+};
+//# sourceMappingURL=filter-grist-meta-object-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-grist-meta-object-select.js","sourceRoot":"","sources":["../../../client/component/filter/filter-grist-meta-object-select.ts"],"names":[],"mappings":"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","sourcesContent":["import '../popup/meta-object-selector-popup'\n\nimport { html } from 'lit-html'\n\nimport { openPopup } from '@operato/layout'\nimport { FilterConfigObject, FilterSelectRenderer } from '@operato/data-grist'\nimport { TermsUtil } from '../../utils/terms-util'\n\nfunction openMetaObjectSelector(column, value, confirmCallback) {\n  var template = html` <meta-object-selector-popup .value=${value} .options=${column.record.options} .confirmCallback=${confirmCallback}></meta-object-selector-popup> `\n\n  openPopup(template, {\n    backdrop: true,\n    size: 'large',\n    title: column.record.options.selectorName ? TermsUtil.tMenu(column.record.options.selectorName) : TermsUtil.tTitle('select_item')\n  })\n}\n\nexport const FilterGristMetaObjectSelect: FilterSelectRenderer = (column, value, owner) => {\n  const filter = column.filter\n  const { operator = 'eq' } = filter as FilterConfigObject\n  const options = column.record.options\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='${column.name}' .value=${hiddenText} type=\"text\" hidden></input>\n        <input\n          type=\"text\"\n          readonly\n          name='${column.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              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: column.name,\n                    operator,\n                    value: code\n                  }\n                })\n              )\n            }\n\n            openMetaObjectSelector(column, value, confirmCallback)\n          }}\n        />\n      `\n    : html``\n}\n"]}

package/dist-client/component/grist/editor/grist-editor-code-input.d.ts

@@ -0,0 +1,15 @@
+export class GristEditorCodeInput extends OxGristEditor {
+    static get properties(): {
+        value: ObjectConstructor;
+        column: ObjectConstructor;
+        record: ObjectConstructor;
+        rowIndex: NumberConstructor;
+        field: ObjectConstructor;
+        popup: ObjectConstructor;
+    };
+    _onclick(e: any): void;
+    _onkeydown(e: any): void;
+    openEditor(): void;
+    popup: import("@operato/layout").PopupHandle | undefined;
+}
+import { OxGristEditor } from '@operato/data-grist';