@things-factory/lite-menu 7.0.1-alpha.73 → 7.0.1-alpha.76

package/client/pages/addon-menu-setting.ts

@@ -18,15 +18,14 @@ import { CommonGristStyles, ScrollbarStyles, CommonHeaderStyles } from '@operato
 import { isMobileDevice } from '@operato/utils'
 
 import { getLanguages } from '@things-factory/auth-base/dist-client'
-import { PagePreferenceProviderImpl } from '@things-factory/personalization/dist-client/page-preference-provider-impl.js'
-import { PagePreferenceProvider } from '@things-factory/personalization/dist-client/types.js'
+import { p13n } from '@things-factory/personalization/dist-client'
 
 import { fetchAddonMenus } from '../actions/lite-menu'
 
 const applicationName = (document.querySelector('meta[name="application-name"]') as HTMLMetaElement)?.content
 
 @customElement('addon-menu-setting')
-class AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {
+class AddonMenuSetting extends connect(store)(p13n(localize(i18next)(PageView))) {
   static styles = [
     ScrollbarStyles,
     CommonGristStyles,
@@ -49,7 +48,7 @@ class AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {
 
   @state() config: any
   @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'
-  @state() personalConfigProvider?: PagePreferenceProvider
+
   @state() menus: any[] = []
 
   @query('ox-grist') private grist!: DataGrist
@@ -100,7 +99,7 @@ class AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {
         .mode=${this.mode}
         .config=${this.config}
         .fetchHandler=${this.fetchHandler}
-        .personalConfigProvider=${this.personalConfigProvider}
+        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')}
       >
         <div slot="headroom" class="header">
           <div class="title">${i18next.t('text.addon-menu management')}</div>
@@ -234,8 +233,6 @@ class AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {
   }
 
   async pageInitialized(lifecycle) {
-    this.personalConfigProvider = new PagePreferenceProviderImpl(lifecycle.page, 'ox-grist')
-
     this.config = {
       list: {
         thumbnail: 'value',

package/dist-client/pages/addon-menu-setting.js

@@ -17,10 +17,10 @@ import { PageView, store } from '@operato/shell';
 import { CommonGristStyles, ScrollbarStyles, CommonHeaderStyles } from '@operato/styles';
 import { isMobileDevice } from '@operato/utils';
 import { getLanguages } from '@things-factory/auth-base/dist-client';
-import { PagePreferenceProviderImpl } from '@things-factory/personalization/dist-client/page-preference-provider-impl.js';
+import { p13n } from '@things-factory/personalization/dist-client';
 import { fetchAddonMenus } from '../actions/lite-menu';
 const applicationName = (_a = document.querySelector('meta[name="application-name"]')) === null || _a === void 0 ? void 0 : _a.content;
-let AddonMenuSetting = class AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {
+let AddonMenuSetting = class AddonMenuSetting extends connect(store)(p13n(localize(i18next)(PageView))) {
     constructor() {
         super(...arguments);
         this.mode = isMobileDevice() ? 'CARD' : 'GRID';
@@ -71,7 +71,7 @@ let AddonMenuSetting = class AddonMenuSetting extends connect(store)(localize(i1
         .mode=${this.mode}
         .config=${this.config}
         .fetchHandler=${this.fetchHandler}
-        .personalConfigProvider=${this.personalConfigProvider}
+        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')}
       >
         <div slot="headroom" class="header">
           <div class="title">${i18next.t('text.addon-menu management')}</div>
@@ -181,7 +181,6 @@ let AddonMenuSetting = class AddonMenuSetting extends connect(store)(localize(i1
         fetchAddonMenus(); /* update menu-system */
     }
     async pageInitialized(lifecycle) {
-        this.personalConfigProvider = new PagePreferenceProviderImpl(lifecycle.page, 'ox-grist');
         this.config = {
             list: {
                 thumbnail: 'value',
@@ -497,10 +496,6 @@ __decorate([
     state(),
     __metadata("design:type", String)
 ], AddonMenuSetting.prototype, "mode", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], AddonMenuSetting.prototype, "personalConfigProvider", void 0);
 __decorate([
     state(),
     __metadata("design:type", Array)

package/dist-client/pages/addon-menu-setting.js.map

@@ -1 +1 @@
-{"version":3,"file":"addon-menu-setting.js","sourceRoot":"","sources":["../../client/pages/addon-menu-setting.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-sorters-control.js'\nimport '@operato/data-grist/ox-record-creator.js'\nimport '@operato/popup/ox-popup.js'\nimport '@operato/context/ox-context-page-toolbar.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { DataGrist, getEditor, getRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView, store } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles, CommonHeaderStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { getLanguages } from '@things-factory/auth-base/dist-client'\nimport { PagePreferenceProviderImpl } from '@things-factory/personalization/dist-client/page-preference-provider-impl.js'\nimport { PagePreferenceProvider } from '@things-factory/personalization/dist-client/types.js'\n\nimport { fetchAddonMenus } from '../actions/lite-menu'\n\nconst applicationName = (document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement)?.content\n\n@customElement('addon-menu-setting')\nclass AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        overflow-x: hidden;\n        flex-direction: column;\n\n        width: 100%;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  @state() config: any\n  @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n  @state() personalConfigProvider?: PagePreferenceProvider\n  @state() menus: any[] = []\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('text.addon-menu management'),\n      actions: [\n        {\n          title: i18next.t('button.refresh'),\n          action: () => {\n            this.onReload()\n          },\n          icon: 'refresh'\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: () => {\n            this.onDelete()\n          },\n          icon: 'delete',\n          emphasis: {\n            danger: true\n          }\n        },\n        {\n          title: i18next.t('button.save'),\n          action: () => {\n            this.onCommit()\n          },\n          icon: 'save'\n        }\n      ],\n      exportable: {\n        accept: ['json'],\n        name: 'lite-menu-list',\n        data: () => {\n          return this.grist.data\n        }\n      },\n      toolbar: false\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${this.mode}\n        .config=${this.config}\n        .fetchHandler=${this.fetchHandler}\n        .personalConfigProvider=${this.personalConfigProvider}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"title\">${i18next.t('text.addon-menu management')}</div>\n\n          <div class=\"filters\">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}> </ox-context-page-toolbar>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n  }\n\n  stateChanged(state) {\n    this.menus = state.liteMenu?.menus\n  }\n\n  async onCommit() {\n    var grist = this.grist\n\n    var modifiedList = grist.dirtyRecords.filter(record => record['__dirty__'] == 'M')\n    var addedList = grist.dirtyRecords.filter(record => record['__dirty__'] == '+')\n\n    await Promise.all(\n      modifiedList.map(async record => {\n        var id = record.__origin__.id\n        var patch = {\n          name: record.name,\n          description: record.description,\n          appName: record.appName,\n          parent: record.parent,\n          rank: record.rank,\n          active: record.active,\n          privilege: record.privilege,\n          labels: record.labels,\n          type: record.type,\n          value: record.value,\n          icon: record.icon\n        }\n\n        if (record.type == 'group') {\n          patch = {\n            ...patch,\n            parent: ''\n          }\n        }\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($id: String!, $patch: LiteMenuPatch!) {\n              updateLiteMenu(id: $id, patch: $patch) {\n                id\n                name\n              }\n            }\n          `,\n          variables: {\n            id,\n            patch: patch\n          }\n        })\n      })\n    )\n\n    await Promise.all(\n      addedList.map(async record => {\n        var liteMenu = {\n          name: record.name,\n          description: record.description,\n          appName: record.appName,\n          parent: record.parent,\n          rank: record.rank,\n          active: record.active,\n          privilege: record.privilege,\n          type: record.type,\n          value: record.value,\n          icon: record.icon\n        }\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($liteMenu: NewLiteMenu!) {\n              createLiteMenu(liteMenu: $liteMenu) {\n                id\n                name\n              }\n            }\n          `,\n          variables: {\n            liteMenu\n          }\n        })\n      })\n    )\n\n    grist.fetch()\n    fetchAddonMenus() /* update menu-system */\n  }\n\n  onReload() {\n    this.grist.fetch()\n  }\n\n  async onDelete() {\n    var grist = this.grist\n\n    var deletedList = grist.selected\n\n    await Promise.all(\n      deletedList.map(async record => {\n        var id = record.id\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($id: String!) {\n              deleteLiteMenu(id: $id)\n            }\n          `,\n          variables: {\n            id\n          }\n        })\n      })\n    )\n\n    grist.fetch()\n    fetchAddonMenus() /* update menu-system */\n  }\n\n  async pageInitialized(lifecycle) {\n    this.personalConfigProvider = new PagePreferenceProviderImpl(lifecycle.page, 'ox-grist')\n\n    this.config = {\n      list: {\n        thumbnail: 'value',\n        fields: ['name', 'description'],\n        details: ['type', 'parent', 'rank', 'updatedAt']\n      },\n      columns: [\n        {\n          type: 'gutter',\n          gutterName: 'dirty',\n          fixed: true\n        },\n        {\n          type: 'gutter',\n          gutterName: 'sequence',\n          fixed: true\n        },\n        {\n          type: 'gutter',\n          gutterName: 'row-selector',\n          multiple: true,\n          fixed: true\n        },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          fixed: true,\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'i18n-label',\n          name: 'labels',\n          record: {\n            align: 'left',\n            editable: true,\n            renderer: (value, column, record, rowIndex, field) =>\n              html`<span>${value && typeof value == 'object' ? value[i18next.language] : record['name']}</span>`,\n            options: {\n              objectified: true,\n              languages: await getLanguages(),\n              displayColumn: 'label'\n            }\n          },\n          header: i18next.t('field.i18n-label'),\n          sortable: true,\n          filter: 'search',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {\n            align: 'left',\n            editable: true\n          },\n          filter: 'search',\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'appName',\n          header: i18next.t('field.app-name'),\n          label: true,\n          record: {\n            align: 'left',\n            editable: true,\n            options: ['', applicationName]\n          },\n          filter: {\n            options: ['', applicationName],\n            multiple: false,\n            operator: 'eq'\n          },\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'parent',\n          label: true,\n          header: i18next.t('field.parent-menu'),\n          record: {\n            editable: true,\n            options: () => {\n              const menus = this.menus.filter(menu => menu.type !== 'group')\n              return ['', ...menus.map(menu => menu.name)]\n            }\n          },\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'number',\n          name: 'rank',\n          label: true,\n          header: i18next.t('field.rank'),\n          record: {\n            align: 'right',\n            editable: true\n          },\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'select',\n          name: 'type',\n          label: true,\n          header: i18next.t('field.type'),\n          record: {\n            editable: true,\n            options: ['', 'group', 'page', 'board', 'interactive-board']\n          },\n          filter: {\n            options: ['', 'group', 'page', 'board', 'interactive-board'],\n            multiple: false,\n            operator: 'eq'\n          },\n          width: 80\n        },\n        {\n          type: 'string',\n          name: 'value',\n          header: i18next.t('field.value'),\n          record: {\n            editable: true,\n            editor: function (value, column, record, rowIndex, field) {\n              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n            }\n          },\n          width: 140\n        },\n        {\n          type: 'string',\n          name: 'icon',\n          header: i18next.t('field.icon'),\n          record: {\n            editable: true\n          },\n          sortable: false,\n          width: 120\n        },\n        {\n          type: 'boolean',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          record: {\n            editable: true\n          },\n          filter: true,\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'privilege',\n          name: 'privilege',\n          label: true,\n          header: i18next.t('field.required privilege'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          width: 200\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          width: 180\n        },\n        {\n          type: 'datetime',\n          name: 'createdAt',\n          header: i18next.t('field.created_at'),\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        handlers: {\n          click: 'select-row-toggle'\n        }\n      },\n      sorters: [\n        {\n          name: 'parent',\n          desc: false\n        },\n        {\n          name: 'rank',\n          desc: false\n        }\n      ],\n      pagination: {\n        pages: [20, 30, 50, 100, 200]\n      }\n    }\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      await this.updateComplete\n\n      this.grist.fetch()\n    }\n  }\n\n  async fetchHandler({ filters = [], page, limit, sortings = [] }) {\n    const response = (\n      await client.query({\n        query: gql`\n          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n            responses: liteMenus(filters: $filters, pagination: $pagination, sortings: $sortings) {\n              items {\n                id\n                name\n                label\n                description\n                appName\n                parent\n                rank\n                type\n                value\n                board {\n                  id\n                  name\n                  description\n                  thumbnail\n                }\n                icon\n                active\n                privilege {\n                  category\n                  privilege\n                  owner\n                  super\n                }\n                labels\n                createdAt\n                updatedAt\n                creator {\n                  id\n                  name\n                }\n                updater {\n                  id\n                  name\n                }\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          filters: [\n            ...filters,\n            {\n              name: 'appName',\n              operator: 'in',\n              value: ['', applicationName]\n            }\n          ],\n          pagination: { page, limit },\n          sortings\n        }\n      })\n    ).data.responses\n\n    return {\n      records: response.items,\n      total: response.total\n    }\n  }\n\n  liteMenuCreationCallback(liteMenu) {\n    console.warn('not implemented yet.')\n  }\n}\n"]}
+{"version":3,"file":"addon-menu-setting.js","sourceRoot":"","sources":["../../client/pages/addon-menu-setting.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-sorters-control.js'\nimport '@operato/data-grist/ox-record-creator.js'\nimport '@operato/popup/ox-popup.js'\nimport '@operato/context/ox-context-page-toolbar.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { DataGrist, getEditor, getRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView, store } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles, CommonHeaderStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { getLanguages } from '@things-factory/auth-base/dist-client'\nimport { p13n } from '@things-factory/personalization/dist-client'\n\nimport { fetchAddonMenus } from '../actions/lite-menu'\n\nconst applicationName = (document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement)?.content\n\n@customElement('addon-menu-setting')\nclass AddonMenuSetting extends connect(store)(p13n(localize(i18next)(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        overflow-x: hidden;\n        flex-direction: column;\n\n        width: 100%;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  @state() config: any\n  @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @state() menus: any[] = []\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('text.addon-menu management'),\n      actions: [\n        {\n          title: i18next.t('button.refresh'),\n          action: () => {\n            this.onReload()\n          },\n          icon: 'refresh'\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: () => {\n            this.onDelete()\n          },\n          icon: 'delete',\n          emphasis: {\n            danger: true\n          }\n        },\n        {\n          title: i18next.t('button.save'),\n          action: () => {\n            this.onCommit()\n          },\n          icon: 'save'\n        }\n      ],\n      exportable: {\n        accept: ['json'],\n        name: 'lite-menu-list',\n        data: () => {\n          return this.grist.data\n        }\n      },\n      toolbar: false\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${this.mode}\n        .config=${this.config}\n        .fetchHandler=${this.fetchHandler}\n        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"title\">${i18next.t('text.addon-menu management')}</div>\n\n          <div class=\"filters\">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}> </ox-context-page-toolbar>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n  }\n\n  stateChanged(state) {\n    this.menus = state.liteMenu?.menus\n  }\n\n  async onCommit() {\n    var grist = this.grist\n\n    var modifiedList = grist.dirtyRecords.filter(record => record['__dirty__'] == 'M')\n    var addedList = grist.dirtyRecords.filter(record => record['__dirty__'] == '+')\n\n    await Promise.all(\n      modifiedList.map(async record => {\n        var id = record.__origin__.id\n        var patch = {\n          name: record.name,\n          description: record.description,\n          appName: record.appName,\n          parent: record.parent,\n          rank: record.rank,\n          active: record.active,\n          privilege: record.privilege,\n          labels: record.labels,\n          type: record.type,\n          value: record.value,\n          icon: record.icon\n        }\n\n        if (record.type == 'group') {\n          patch = {\n            ...patch,\n            parent: ''\n          }\n        }\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($id: String!, $patch: LiteMenuPatch!) {\n              updateLiteMenu(id: $id, patch: $patch) {\n                id\n                name\n              }\n            }\n          `,\n          variables: {\n            id,\n            patch: patch\n          }\n        })\n      })\n    )\n\n    await Promise.all(\n      addedList.map(async record => {\n        var liteMenu = {\n          name: record.name,\n          description: record.description,\n          appName: record.appName,\n          parent: record.parent,\n          rank: record.rank,\n          active: record.active,\n          privilege: record.privilege,\n          type: record.type,\n          value: record.value,\n          icon: record.icon\n        }\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($liteMenu: NewLiteMenu!) {\n              createLiteMenu(liteMenu: $liteMenu) {\n                id\n                name\n              }\n            }\n          `,\n          variables: {\n            liteMenu\n          }\n        })\n      })\n    )\n\n    grist.fetch()\n    fetchAddonMenus() /* update menu-system */\n  }\n\n  onReload() {\n    this.grist.fetch()\n  }\n\n  async onDelete() {\n    var grist = this.grist\n\n    var deletedList = grist.selected\n\n    await Promise.all(\n      deletedList.map(async record => {\n        var id = record.id\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($id: String!) {\n              deleteLiteMenu(id: $id)\n            }\n          `,\n          variables: {\n            id\n          }\n        })\n      })\n    )\n\n    grist.fetch()\n    fetchAddonMenus() /* update menu-system */\n  }\n\n  async pageInitialized(lifecycle) {\n    this.config = {\n      list: {\n        thumbnail: 'value',\n        fields: ['name', 'description'],\n        details: ['type', 'parent', 'rank', 'updatedAt']\n      },\n      columns: [\n        {\n          type: 'gutter',\n          gutterName: 'dirty',\n          fixed: true\n        },\n        {\n          type: 'gutter',\n          gutterName: 'sequence',\n          fixed: true\n        },\n        {\n          type: 'gutter',\n          gutterName: 'row-selector',\n          multiple: true,\n          fixed: true\n        },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          fixed: true,\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'i18n-label',\n          name: 'labels',\n          record: {\n            align: 'left',\n            editable: true,\n            renderer: (value, column, record, rowIndex, field) =>\n              html`<span>${value && typeof value == 'object' ? value[i18next.language] : record['name']}</span>`,\n            options: {\n              objectified: true,\n              languages: await getLanguages(),\n              displayColumn: 'label'\n            }\n          },\n          header: i18next.t('field.i18n-label'),\n          sortable: true,\n          filter: 'search',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {\n            align: 'left',\n            editable: true\n          },\n          filter: 'search',\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'appName',\n          header: i18next.t('field.app-name'),\n          label: true,\n          record: {\n            align: 'left',\n            editable: true,\n            options: ['', applicationName]\n          },\n          filter: {\n            options: ['', applicationName],\n            multiple: false,\n            operator: 'eq'\n          },\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'parent',\n          label: true,\n          header: i18next.t('field.parent-menu'),\n          record: {\n            editable: true,\n            options: () => {\n              const menus = this.menus.filter(menu => menu.type !== 'group')\n              return ['', ...menus.map(menu => menu.name)]\n            }\n          },\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'number',\n          name: 'rank',\n          label: true,\n          header: i18next.t('field.rank'),\n          record: {\n            align: 'right',\n            editable: true\n          },\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'select',\n          name: 'type',\n          label: true,\n          header: i18next.t('field.type'),\n          record: {\n            editable: true,\n            options: ['', 'group', 'page', 'board', 'interactive-board']\n          },\n          filter: {\n            options: ['', 'group', 'page', 'board', 'interactive-board'],\n            multiple: false,\n            operator: 'eq'\n          },\n          width: 80\n        },\n        {\n          type: 'string',\n          name: 'value',\n          header: i18next.t('field.value'),\n          record: {\n            editable: true,\n            editor: function (value, column, record, rowIndex, field) {\n              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n            }\n          },\n          width: 140\n        },\n        {\n          type: 'string',\n          name: 'icon',\n          header: i18next.t('field.icon'),\n          record: {\n            editable: true\n          },\n          sortable: false,\n          width: 120\n        },\n        {\n          type: 'boolean',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          record: {\n            editable: true\n          },\n          filter: true,\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'privilege',\n          name: 'privilege',\n          label: true,\n          header: i18next.t('field.required privilege'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          width: 200\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          width: 180\n        },\n        {\n          type: 'datetime',\n          name: 'createdAt',\n          header: i18next.t('field.created_at'),\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        handlers: {\n          click: 'select-row-toggle'\n        }\n      },\n      sorters: [\n        {\n          name: 'parent',\n          desc: false\n        },\n        {\n          name: 'rank',\n          desc: false\n        }\n      ],\n      pagination: {\n        pages: [20, 30, 50, 100, 200]\n      }\n    }\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      await this.updateComplete\n\n      this.grist.fetch()\n    }\n  }\n\n  async fetchHandler({ filters = [], page, limit, sortings = [] }) {\n    const response = (\n      await client.query({\n        query: gql`\n          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n            responses: liteMenus(filters: $filters, pagination: $pagination, sortings: $sortings) {\n              items {\n                id\n                name\n                label\n                description\n                appName\n                parent\n                rank\n                type\n                value\n                board {\n                  id\n                  name\n                  description\n                  thumbnail\n                }\n                icon\n                active\n                privilege {\n                  category\n                  privilege\n                  owner\n                  super\n                }\n                labels\n                createdAt\n                updatedAt\n                creator {\n                  id\n                  name\n                }\n                updater {\n                  id\n                  name\n                }\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          filters: [\n            ...filters,\n            {\n              name: 'appName',\n              operator: 'in',\n              value: ['', applicationName]\n            }\n          ],\n          pagination: { page, limit },\n          sortings\n        }\n      })\n    ).data.responses\n\n    return {\n      records: response.items,\n      total: response.total\n    }\n  }\n\n  liteMenuCreationCallback(liteMenu) {\n    console.warn('not implemented yet.')\n  }\n}\n"]}