@things-factory/worklist 6.0.36 → 6.0.39

package/client/pages/todo/assigned-list-page.ts

@@ -6,7 +6,7 @@ import { css, html } from 'lit'
 import { customElement, property, query, state } from 'lit/decorators.js'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
-import { DataGrist, getRenderer } from '@operato/data-grist'
+import { DataGrist, FetchOption, getRenderer } from '@operato/data-grist'
 import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { PageView, store } from '@operato/shell'
@@ -215,7 +215,7 @@ export class AssignedListPage extends connect(store)(localize(i18next)(PageView)
     }
   }
 
-  async fetchHandler({ page, limit, sortings = [], filters = [] }) {
+  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {
     const response = await client.query({
       query: gql`
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {

package/client/pages/todo/done-list-page.ts

@@ -6,29 +6,14 @@ import { css, html } from 'lit'
 import { customElement, property, query, state } from 'lit/decorators.js'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
-import { DataGrist, getRenderer } from '@operato/data-grist'
+import { DataGrist, FetchOption, getRenderer } from '@operato/data-grist'
 import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { navigate, PageView, store } from '@operato/shell'
 import { CommonGristStyles, ScrollbarStyles } from '@operato/styles'
-import { isMobileDevice, sleep } from '@operato/utils'
+import { adjustFilters, isMobileDevice } from '@operato/utils'
 
-import { Priorities } from '../../types/types.js'
-
-const FILTERS = [
-  {
-    display: 'Important',
-    value: 'Important'
-  },
-  {
-    display: 'Imminent',
-    value: 'Imminent'
-  },
-  {
-    display: 'Disapproved',
-    value: 'Disapproved'
-  }
-]
+import { ActivityThreadStatus } from '../../types/activity-thread'
 
 @customElement('done-list-page')
 export class DoneListPage extends connect(store)(localize(i18next)(PageView)) {
@@ -86,9 +71,23 @@ export class DoneListPage extends connect(store)(localize(i18next)(PageView)) {
           <div id="filters">
             <ox-input-select-buttons
               .value=${this.filters}
-              .options=${FILTERS}
+              .options=${[
+                {
+                  display: i18next.t('label.filter-important'),
+                  value: 'important'
+                },
+                {
+                  display: i18next.t('label.filter-recent'),
+                  value: 'recent'
+                },
+                {
+                  display: i18next.t('label.filter-aborted'),
+                  value: 'aborted'
+                }
+              ]}
               @change=${(e: CustomEvent) => {
                 this.filters = (e.currentTarget as any)?.value
+                this.grist.fetch()
               }}
               multiple
             ></ox-input-select-buttons>
@@ -116,8 +115,9 @@ export class DoneListPage extends connect(store)(localize(i18next)(PageView)) {
         {
           type: 'gutter',
           gutterName: 'button',
-          name: 'start',
-          icon: 'play_arrow',
+          name: 'view',
+          icon: 'pageview',
+          title: i18next.t('title.view page'),
           handlers: {
             click: (columns, data, column, record, rowIndex) => {
               const { id } = record
@@ -162,14 +162,17 @@ export class DoneListPage extends connect(store)(localize(i18next)(PageView)) {
           hidden: true
         },
         {
-          type: 'select',
+          type: 'number',
           name: 'priority',
           header: i18next.t('field.priority'),
           record: {
             editable: false,
-            options: Priorities
+            renderer: function (value, column, record, rowIndex, field) {
+              const color = ['', 'gray', 'yellow', 'orange', 'red'][value || 0]
+              const count = new Array(value > 4 ? 4 : value || 0).fill('')
+              return html`${count.map(() => html`<mwc-icon style="color:${color};">star</mwc-icon>`)}`
+            }
           },
-          // filter: true,
           width: 60
         },
         {
@@ -179,19 +182,18 @@ export class DoneListPage extends connect(store)(localize(i18next)(PageView)) {
           record: {
             editable: false,
             options: [
-              { display: 'Draft', value: 'draft' },
-              { display: 'Posted', value: 'posted' },
-              { display: 'WaitingAssignment', value: 'waiting-assignment' },
-              { display: 'Assigned', value: 'assigned' },
-              { display: 'Started', value: 'started' },
-              { display: 'Pending', value: 'pending' },
-              { display: 'Escalated', value: 'escalated' },
-              { display: 'Ended', value: 'ended' },
-              { display: 'Aborted', value: 'aborted' }
+              { display: i18next.t('label.activity-state-draft'), value: 'draft' },
+              { display: i18next.t('label.activity-state-posted'), value: 'posted' },
+              { display: i18next.t('label.activity-state-waiting-assignment'), value: 'waiting-assignment' },
+              { display: i18next.t('label.activity-state-assigned'), value: 'assigned' },
+              { display: i18next.t('label.activity-state-started'), value: 'started' },
+              { display: i18next.t('label.activity-state-pending'), value: 'pending' },
+              { display: i18next.t('label.activity-state-escalated'), value: 'escalated' },
+              { display: i18next.t('label.activity-state-ended'), value: 'ended' },
+              { display: i18next.t('label.activity-state-aborted'), value: 'aborted' }
             ]
           },
-          filter: false,
-          width: 60
+          width: 80
         },
         {
           type: 'datetime',
@@ -275,7 +277,21 @@ export class DoneListPage extends connect(store)(localize(i18next)(PageView)) {
     }
   }
 
-  async fetchHandler({ page, limit, sortings = [], filters = [] }) {
+  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {
+    if (this.filters?.includes('important')) {
+      filters = adjustFilters(filters, [{ name: 'priority', operator: 'gte', value: 2 }])
+    }
+
+    if (this.filters?.includes('recent')) {
+      /* 최근 24시간 이내에 완료한 작업 */
+      let tomorrow = new Date(Date.now() - 24 * 3600 * 1000).toISOString().replace('T', ' ')
+      filters = adjustFilters(filters, [{ name: 'terminatedAt', operator: 'gte', value: tomorrow }])
+    }
+
+    if (this.filters?.includes('aborted')) {
+      filters = adjustFilters(filters, [{ name: 'state', operator: 'eq', value: ActivityThreadStatus.Aborted }])
+    }
+
     const response = await client.query({
       query: gql`
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {

package/client/pages/todo/draft-list-page.ts

@@ -178,14 +178,17 @@ export class DraftListPage extends connect(store)(localize(i18next)(PageView)) {
           hidden: true
         },
         {
-          type: 'select',
+          type: 'number',
           name: 'priority',
           header: i18next.t('field.priority'),
           record: {
             editable: false,
-            options: Priorities
+            renderer: function (value, column, record, rowIndex, field) {
+              const color = ['', 'gray', 'yellow', 'orange', 'red'][value || 0]
+              const count = new Array(value > 4 ? 4 : value || 0).fill('')
+              return html`${count.map(() => html`<mwc-icon style="color:${color};">star</mwc-icon>`)}`
+            }
           },
-          // filter: true,
           width: 60
         },
         {
@@ -195,19 +198,18 @@ export class DraftListPage extends connect(store)(localize(i18next)(PageView)) {
           record: {
             editable: false,
             options: [
-              { display: 'Draft', value: 'draft' },
-              { display: 'Posted', value: 'posted' },
-              { display: 'WaitingAssignment', value: 'waiting-assignment' },
-              { display: 'Assigned', value: 'assigned' },
-              { display: 'Started', value: 'started' },
-              { display: 'Pending', value: 'pending' },
-              { display: 'Escalated', value: 'escalated' },
-              { display: 'Ended', value: 'ended' },
-              { display: 'Aborted', value: 'aborted' }
+              { display: i18next.t('label.activity-state-draft'), value: 'draft' },
+              { display: i18next.t('label.activity-state-posted'), value: 'posted' },
+              { display: i18next.t('label.activity-state-waiting-assignment'), value: 'waiting-assignment' },
+              { display: i18next.t('label.activity-state-assigned'), value: 'assigned' },
+              { display: i18next.t('label.activity-state-started'), value: 'started' },
+              { display: i18next.t('label.activity-state-pending'), value: 'pending' },
+              { display: i18next.t('label.activity-state-escalated'), value: 'escalated' },
+              { display: i18next.t('label.activity-state-ended'), value: 'ended' },
+              { display: i18next.t('label.activity-state-aborted'), value: 'aborted' }
             ]
           },
-          // filter: true,
-          width: 60
+          width: 80
         },
         {
           type: 'datetime',

package/client/pages/todo/pickable-list-page.ts

@@ -7,7 +7,7 @@ import { css, html } from 'lit'
 import { customElement, property, query, state } from 'lit/decorators.js'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
-import { DataGrist, getRenderer } from '@operato/data-grist'
+import { DataGrist, FetchOption, getRenderer } from '@operato/data-grist'
 import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/popup'
@@ -244,7 +244,7 @@ export class PickableListPage extends connect(store)(localize(i18next)(PageView)
     }
   }
 
-  async fetchHandler({ page, limit, sortings = [], filters = [] }) {
+  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {
     const response = await client.query({
       query: gql`
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {

package/client/pages/todo/todo-list-page.ts

@@ -7,35 +7,19 @@ import { customElement, property, query, state } from 'lit/decorators.js'
 import { asyncReplace } from 'lit/directives/async-replace.js'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
-import { DataGrist, getRenderer } from '@operato/data-grist'
+import { DataGrist, FetchOption, getRenderer } from '@operato/data-grist'
 import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { navigate, PageView, store } from '@operato/shell'
 import { CommonGristStyles, ScrollbarStyles } from '@operato/styles'
-import { isMobileDevice, sleep } from '@operato/utils'
+import { adjustFilters, isMobileDevice, sleep } from '@operato/utils'
 
-import { ActivityInstanceStatus } from '../../types/activity-instance'
-import { Priorities } from '../../types/types.js'
+import { ActivityThreadStatus } from '../../types/activity-thread'
 
 const MIN = 60
 const HOUR = 60 * MIN
 const DAY = 24 * HOUR
 
-const FILTERS = [
-  {
-    display: 'Important',
-    value: 'Important'
-  },
-  {
-    display: 'Imminent',
-    value: 'Imminent'
-  },
-  {
-    display: 'Disapproved',
-    value: 'Disapproved'
-  }
-]
-
 @customElement('todo-list-page')
 export class TodoListPage extends connect(store)(localize(i18next)(PageView)) {
   static styles = [
@@ -92,9 +76,27 @@ export class TodoListPage extends connect(store)(localize(i18next)(PageView)) {
           <div id="filters">
             <ox-input-select-buttons
               .value=${this.filters}
-              .options=${FILTERS}
+              .options=${[
+                {
+                  display: i18next.t('label.filter-important'),
+                  value: 'important'
+                },
+                {
+                  display: i18next.t('label.filter-due'),
+                  value: 'due'
+                },
+                {
+                  display: i18next.t('label.filter-rejected'),
+                  value: 'rejected'
+                },
+                {
+                  display: i18next.t('label.filter-proceeding'),
+                  value: 'proceeding'
+                }
+              ]}
               @change=${(e: CustomEvent) => {
                 this.filters = (e.currentTarget as any)?.value
+                this.grist.fetch()
               }}
               multiple
             ></ox-input-select-buttons>
@@ -168,14 +170,17 @@ export class TodoListPage extends connect(store)(localize(i18next)(PageView)) {
           hidden: true
         },
         {
-          type: 'select',
+          type: 'number',
           name: 'priority',
           header: i18next.t('field.priority'),
           record: {
             editable: false,
-            options: Priorities
+            renderer: function (value, column, record, rowIndex, field) {
+              const color = ['', 'gray', 'yellow', 'orange', 'red'][value || 0]
+              const count = new Array(value > 4 ? 4 : value || 0).fill('')
+              return html`${count.map(() => html`<mwc-icon style="color:${color};">star</mwc-icon>`)}`
+            }
           },
-          // filter: true,
           width: 60
         },
         {
@@ -185,18 +190,17 @@ export class TodoListPage extends connect(store)(localize(i18next)(PageView)) {
           record: {
             editable: false,
             options: [
-              { display: 'Assigned', value: 'assigned' },
-              { display: 'Started', value: 'started' },
-              { display: 'Delegated', value: 'delegated' },
-              { display: 'Submitted', value: 'submitted' },
-              { display: 'Escalated', value: 'escalated' },
-              { display: 'Rejected', value: 'rejected' },
-              { display: 'Ended', value: 'ended' },
-              { display: 'Aborted', value: 'aborted' }
+              { display: i18next.t('label.activity-state-assigned'), value: 'assigned' },
+              { display: i18next.t('label.activity-state-started'), value: 'started' },
+              { display: i18next.t('label.activity-state-delegated'), value: 'delegated' },
+              { display: i18next.t('label.activity-state-submitted'), value: 'submitted' },
+              { display: i18next.t('label.activity-state-escalated'), value: 'escalated' },
+              { display: i18next.t('label.activity-state-rejected'), value: 'rejected' },
+              { display: i18next.t('label.activity-state-ended'), value: 'ended' },
+              { display: i18next.t('label.activity-state-aborted'), value: 'aborted' }
             ]
           },
-          filter: false,
-          width: 60
+          width: 80
         },
         {
           type: 'datetime',
@@ -211,31 +215,6 @@ export class TodoListPage extends connect(store)(localize(i18next)(PageView)) {
             }
           },
           sortable: true,
-          // filter: {
-          //   type: 'date',
-          //   operator: 'between'
-          // },
-          // filter: {
-          //   type: 'select',
-          //   operator: 'between',
-          //   options: (column, owner) => {
-          //     const now = Date.now()
-          //     return [
-          //       {
-          //         display: '1일 이내 처리',
-          //         value: [now, Date.now() + 60 * 60 * 3600 * 1000]
-          //       },
-          //       {
-          //         display: '2일 이내 처리',
-          //         value: [now, Date.now() + 2 * 60 * 60 * 3600 * 1000]
-          //       },
-          //       {
-          //         display: '3일 이내 처리',
-          //         value: [now, Date.now() + 3 * 60 * 60 * 3600 * 1000]
-          //       }
-          //     ]
-          //   }
-          // },
           width: 100
         },
         {
@@ -298,7 +277,26 @@ export class TodoListPage extends connect(store)(localize(i18next)(PageView)) {
     }
   }
 
-  async fetchHandler({ page, limit, sortings = [], filters = [] }) {
+  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {
+    if (this.filters?.includes('important')) {
+      filters = adjustFilters(filters, [{ name: 'priority', operator: 'gte', value: 2 }])
+    }
+
+    if (this.filters?.includes('due')) {
+      /* 24시간 이내에 만기가 도래하는 작업 */
+      let tomorrow = new Date(Date.now() + 24 * 3600 * 1000).toISOString().replace('T', ' ')
+      filters = adjustFilters(filters, [{ name: 'dueAt', operator: 'lte', value: tomorrow }])
+    }
+
+    const status = [
+      this.filters?.includes('rejected') && ActivityThreadStatus.Rejected,
+      this.filters?.includes('proceeding') && ActivityThreadStatus.Started
+    ].filter(Boolean)
+
+    if (status.length > 0) {
+      filters = adjustFilters(filters, [{ name: 'state', operator: 'in', value: status }])
+    }
+
     const response = await client.query({
       query: gql`
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {

package/client/types/activity.ts

@@ -61,12 +61,6 @@ export class Activity {
 
   standardTime?: number
 
-  cycleTime?: number
-
-  tactTime?: number
-
-  leadTime?: number
-
   issuerRole?: Role
 
   assigneeRole?: Role

package/dist-client/bootstrap.js

@@ -5,12 +5,13 @@ import { html } from 'lit-html';
 import { store } from '@operato/shell';
 import { openOverlay, TOOL_POSITION } from '@operato/layout';
 import { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui';
-import { OxGristRendererJson5, registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist';
+import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist';
 import { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js';
 import { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js';
 import { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js';
 import { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js';
 import { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js';
+import { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js';
 export default function bootstrap() {
     ;
     [
@@ -46,6 +47,6 @@ export default function bootstrap() {
     registerGristEditor('quantifier', OxGristEditorQuantifier);
     registerGristRenderer('quantifier', OxGristRendererQuantifier);
     registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys);
-    registerGristRenderer('activity-search-keys', OxGristRendererJson5);
+    registerGristRenderer('activity-search-keys', GristRendererActivitySearchKeys);
 }
 //# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,mDAAmD,CAAA;AAC1D,OAAO,iDAAiD,CAAA;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EACL,oBAAoB,EACpB,cAAc,IAAI,mBAAmB,EACrC,gBAAgB,IAAI,qBAAqB,EAC1C,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAA;AACjG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAElG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,CAAC;IAAA;QACC;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,yEAAyE;YACvF,OAAO,EAAE,gBAAgB;SAC1B;KACF,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,QAAQ,EAAE,aAAa,CAAC,KAAK;gBAC7B,QAAQ,EAAE,IAAI,CAAA;;qBAED,KAAK,EAAC,CAAC,EAAC,EAAE;oBACjB,WAAW,CAAC,yBAAyB,EAAE;wBACrC,QAAQ;qBACT,CAAC,CAAA;gBACJ,CAAC;;;SAGJ;gBACD,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,qBAAqB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE9D,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;IAC1E,qBAAqB,CAAC,sBAAsB,EAAE,oBAAoB,CAAC,CAAA;AACrE,CAAC","sourcesContent":["import '@material/mwc-icon'\nimport './templates/activity-approval-context-template.js'\nimport './templates/activity-thread-context-template.js'\n\nimport { html } from 'lit-html'\nimport { store } from '@operato/shell'\nimport { openOverlay, TOOL_POSITION } from '@operato/layout'\nimport { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui'\n\nimport {\n  OxGristRendererJson5,\n  registerEditor as registerGristEditor,\n  registerRenderer as registerGristRenderer\n} from '@operato/data-grist'\nimport { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js'\nimport { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js'\nimport { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js'\nimport { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js'\nimport { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js'\n\nexport default function bootstrap() {\n  ;[\n    {\n      template: html` <activity-approval-context-template></activity-approval-context-template> `,\n      context: 'activityApproval'\n    },\n    {\n      template: html` <activity-thread-context-template></activity-thread-context-template> `,\n      context: 'activityThread'\n    }\n  ].forEach(({ template, context }) => {\n    store.dispatch({\n      type: APPEND_CONTEXT_TOOL,\n      tool: {\n        position: TOOL_POSITION.FRONT,\n        template: html`\n          <mwc-icon\n            @click=${async e => {\n              openOverlay('context-toolbar-overlay', {\n                template\n              })\n            }}\n            >info</mwc-icon\n          >\n        `,\n        context\n      }\n    })\n  })\n\n  registerGristEditor('duration', OxGristEditorDuration)\n  registerGristRenderer('duration', OxGristRendererDuration)\n  registerGristEditor('quantifier', OxGristEditorQuantifier)\n  registerGristRenderer('quantifier', OxGristRendererQuantifier)\n\n  registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys)\n  registerGristRenderer('activity-search-keys', OxGristRendererJson5)\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,mDAAmD,CAAA;AAC1D,OAAO,iDAAiD,CAAA;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAA;AACjG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAA;AAEtG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,CAAC;IAAA;QACC;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,yEAAyE;YACvF,OAAO,EAAE,gBAAgB;SAC1B;KACF,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,QAAQ,EAAE,aAAa,CAAC,KAAK;gBAC7B,QAAQ,EAAE,IAAI,CAAA;;qBAED,KAAK,EAAC,CAAC,EAAC,EAAE;oBACjB,WAAW,CAAC,yBAAyB,EAAE;wBACrC,QAAQ;qBACT,CAAC,CAAA;gBACJ,CAAC;;;SAGJ;gBACD,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,qBAAqB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE9D,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;IAC1E,qBAAqB,CAAC,sBAAsB,EAAE,+BAA+B,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import '@material/mwc-icon'\nimport './templates/activity-approval-context-template.js'\nimport './templates/activity-thread-context-template.js'\n\nimport { html } from 'lit-html'\nimport { store } from '@operato/shell'\nimport { openOverlay, TOOL_POSITION } from '@operato/layout'\nimport { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui'\n\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\nimport { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js'\nimport { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js'\nimport { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js'\nimport { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js'\nimport { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js'\nimport { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js'\n\nexport default function bootstrap() {\n  ;[\n    {\n      template: html` <activity-approval-context-template></activity-approval-context-template> `,\n      context: 'activityApproval'\n    },\n    {\n      template: html` <activity-thread-context-template></activity-thread-context-template> `,\n      context: 'activityThread'\n    }\n  ].forEach(({ template, context }) => {\n    store.dispatch({\n      type: APPEND_CONTEXT_TOOL,\n      tool: {\n        position: TOOL_POSITION.FRONT,\n        template: html`\n          <mwc-icon\n            @click=${async e => {\n              openOverlay('context-toolbar-overlay', {\n                template\n              })\n            }}\n            >info</mwc-icon\n          >\n        `,\n        context\n      }\n    })\n  })\n\n  registerGristEditor('duration', OxGristEditorDuration)\n  registerGristRenderer('duration', OxGristRendererDuration)\n  registerGristEditor('quantifier', OxGristEditorQuantifier)\n  registerGristRenderer('quantifier', OxGristRendererQuantifier)\n\n  registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys)\n  registerGristRenderer('activity-search-keys', GristRendererActivitySearchKeys)\n}\n"]}

package/dist-client/grist-editor/grist-editor-activity-search-key.js

@@ -10,8 +10,9 @@ import { i18next } from '@operato/i18n';
 import { openPopup } from '@operato/popup';
 let GristEditorActivitySearchKeys = class GristEditorActivitySearchKeys extends OxGristEditor {
     get editorTemplate() {
-        const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value;
-        return html ` <div tabindex="0">${value || ''}</div> `;
+        return this.value && this.value instanceof Array && this.value.length > 0
+            ? html `<mwc-icon style="--mdc-icon-size:1.3em">key</mwc-icon>`
+            : html ``;
     }
     _onclick(e) {
         e.stopPropagation();

package/dist-client/grist-editor/grist-editor-activity-search-key.js.map

@@ -1 +1 @@
-{"version":3,"file":"grist-editor-activity-search-key.js","sourceRoot":"","sources":["../../client/grist-editor/grist-editor-activity-search-key.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,qDAAqD,CAAA;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAe,MAAM,gBAAgB,CAAA;AAGhD,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,aAAa;IAG9D,IAAI,cAAc;QAChB,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QACtF,OAAO,IAAI,CAAA,sBAAsB,KAAK,IAAI,EAAE,SAAS,CAAA;IACvD,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAA;QACjB,IAAI,GAAG,IAAI,OAAO,EAAE;YAClB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,IAAI,CAAC,eAAe,EAAE,CAAA;SACvB;IACH,CAAC;IAED,KAAK,CAAC,eAAe;;QACnB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,KAAK,CAAA;SAClB;QAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,CAAC,MAAM,0CAAE,OAAO,KAAI,EAAE,CAAA;QAExD,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED;;;;;;;UAOE;QACF,IAAI,QAAQ,GAAG,IAAI,CAAA;iDAC0B,IAAI,CAAC,KAAK,qBAAqB,eAAe;;KAE1F,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,KAAI,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,GAAG;YAClE,IAAI;SACL,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAhEY,6BAA6B;IADzC,aAAa,CAAC,mCAAmC,CAAC;GACtC,6BAA6B,CAgEzC;SAhEY,6BAA6B","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '../grist-editor/popup-activity-search-keys-input.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/popup'\n\n@customElement('grist-editor-activity-search-keys')\nexport class GristEditorActivitySearchKeys extends OxGristEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value\n    return html` <div tabindex=\"0\">${value || ''}</div> `\n  }\n\n  _onclick(e: Event): void {\n    e.stopPropagation()\n    this.openEditorPopup()\n  }\n\n  _onkeydown(e: KeyboardEvent): void {\n    const key = e.key\n    if (key == 'Enter') {\n      e.stopPropagation()\n      this.openEditorPopup()\n    }\n  }\n\n  async openEditorPopup() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const { name, help } = this.column.record?.options || {}\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n    */\n    var template = html`\n      <popup-activity-search-keys-input .value=${this.value} .confirmCallback=${confirmCallback}>\n      </popup-activity-search-keys-input>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: `${name?.toUpperCase() || i18next.t('field.search-keys')} `,\n      help\n    })\n  }\n}\n"]}
+{"version":3,"file":"grist-editor-activity-search-key.js","sourceRoot":"","sources":["../../client/grist-editor/grist-editor-activity-search-key.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,qDAAqD,CAAA;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAe,MAAM,gBAAgB,CAAA;AAGhD,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,aAAa;IAG9D,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,YAAY,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACvE,CAAC,CAAC,IAAI,CAAA,wDAAwD;YAC9D,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAA;QACjB,IAAI,GAAG,IAAI,OAAO,EAAE;YAClB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,IAAI,CAAC,eAAe,EAAE,CAAA;SACvB;IACH,CAAC;IAED,KAAK,CAAC,eAAe;;QACnB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,KAAK,CAAA;SAClB;QAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,CAAC,MAAM,0CAAE,OAAO,KAAI,EAAE,CAAA;QAExD,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED;;;;;;;UAOE;QACF,IAAI,QAAQ,GAAG,IAAI,CAAA;iDAC0B,IAAI,CAAC,KAAK,qBAAqB,eAAe;;KAE1F,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,KAAI,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,GAAG;YAClE,IAAI;SACL,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAjEY,6BAA6B;IADzC,aAAa,CAAC,mCAAmC,CAAC;GACtC,6BAA6B,CAiEzC;SAjEY,6BAA6B","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '../grist-editor/popup-activity-search-keys-input.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/popup'\n\n@customElement('grist-editor-activity-search-keys')\nexport class GristEditorActivitySearchKeys extends OxGristEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    return this.value && this.value instanceof Array && this.value.length > 0\n      ? html`<mwc-icon style=\"--mdc-icon-size:1.3em\">key</mwc-icon>`\n      : html``\n  }\n\n  _onclick(e: Event): void {\n    e.stopPropagation()\n    this.openEditorPopup()\n  }\n\n  _onkeydown(e: KeyboardEvent): void {\n    const key = e.key\n    if (key == 'Enter') {\n      e.stopPropagation()\n      this.openEditorPopup()\n    }\n  }\n\n  async openEditorPopup() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const { name, help } = this.column.record?.options || {}\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n    */\n    var template = html`\n      <popup-activity-search-keys-input .value=${this.value} .confirmCallback=${confirmCallback}>\n      </popup-activity-search-keys-input>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: `${name?.toUpperCase() || i18next.t('field.search-keys')} `,\n      help\n    })\n  }\n}\n"]}

package/dist-client/grist-editor/grist-renderer-activity-search-key.d.ts

@@ -0,0 +1,3 @@
+import '@material/mwc-icon';
+import { FieldRenderer } from '@operato/data-grist';
+export declare const GristRendererActivitySearchKeys: FieldRenderer;

package/dist-client/grist-editor/grist-renderer-activity-search-key.js

@@ -0,0 +1,22 @@
+import '@material/mwc-icon';
+import { html } from 'lit';
+function onmouseover(e, value) {
+    const element = e.target;
+    const tooltip = value.map(key => key.name).join(',');
+    element.setAttribute('data-tooltip', tooltip);
+}
+function onmouseout(e) {
+    const element = e.target;
+    element.removeAttribute('data-tooltip');
+}
+export const GristRendererActivitySearchKeys = (value, column, record, rowIndex, field) => {
+    return value && value instanceof Array && value.length > 0
+        ? html `<mwc-icon
+        style="--mdc-icon-size:1.3em"
+        @mouseover=${(e) => onmouseover(e, value)}
+        @mouseout=${onmouseout}
+        >key</mwc-icon
+      >`
+        : html ``;
+};
+//# sourceMappingURL=grist-renderer-activity-search-key.js.map

package/dist-client/grist-editor/grist-renderer-activity-search-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-renderer-activity-search-key.js","sourceRoot":"","sources":["../../client/grist-editor/grist-renderer-activity-search-key.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG1B,SAAS,WAAW,CAAC,CAAa,EAAE,KAAY;IAC9C,MAAM,OAAO,GAAG,CAAC,CAAC,MAAwB,CAAA;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACpD,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;AAC/C,CAAC;AAED,SAAS,UAAU,CAAC,CAAa;IAC/B,MAAM,OAAO,GAAG,CAAC,CAAC,MAAwB,CAAA;IAC1C,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;AACzC,CAAC;AAED,MAAM,CAAC,MAAM,+BAA+B,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACvG,OAAO,KAAK,IAAI,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QACxD,CAAC,CAAC,IAAI,CAAA;;qBAEW,CAAC,CAAa,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC;oBACzC,UAAU;;QAEtB;QACJ,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;AACZ,CAAC,CAAA","sourcesContent":["import '@material/mwc-icon'\nimport { html } from 'lit'\nimport { FieldRenderer } from '@operato/data-grist'\n\nfunction onmouseover(e: MouseEvent, value: any[]) {\n  const element = e.target as HTMLPreElement\n  const tooltip = value.map(key => key.name).join(',')\n  element.setAttribute('data-tooltip', tooltip)\n}\n\nfunction onmouseout(e: MouseEvent) {\n  const element = e.target as HTMLPreElement\n  element.removeAttribute('data-tooltip')\n}\n\nexport const GristRendererActivitySearchKeys: FieldRenderer = (value, column, record, rowIndex, field) => {\n  return value && value instanceof Array && value.length > 0\n    ? html`<mwc-icon\n        style=\"--mdc-icon-size:1.3em\"\n        @mouseover=${(e: MouseEvent) => onmouseover(e, value)}\n        @mouseout=${onmouseout}\n        >key</mwc-icon\n      >`\n    : html``\n}\n"]}

package/dist-client/grist-editor/popup-activity-search-keys-input.d.ts

@@ -8,7 +8,7 @@ export declare class PopupActivitySearchKeysInput extends LitElement {
     gristConfig: any;
     private grist;
     render(): import("lit-html").TemplateResult<1>;
-    fetchHandler({ filters, page, limit, sortings }: FetchOption): Promise<{
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
         total: number;
         records: ActivitySearchKeyItem[];
     }>;

package/dist-client/grist-editor/popup-activity-search-keys-input.js

@@ -106,7 +106,7 @@ let PopupActivitySearchKeysInput = class PopupActivitySearchKeysInput extends Li
       </div>
     `;
     }
-    async fetchHandler({ filters, page, limit, sortings = [] }) {
+    async fetchHandler({ page, limit, sortings = [], filters = [] }) {
         const records = this.value || [];
         return {
             total: records.length,

package/dist-client/grist-editor/popup-activity-search-keys-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-activity-search-keys-input.js","sourceRoot":"","sources":["../../client/grist-editor/popup-activity-search-keys-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAwC,SAAS,EAA+B,MAAM,qBAAqB,CAAA;AAI3G,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU;IAArD;;QA0BsB,UAAK,GAA4B,EAAE,CAAA;QAGrD,gBAAW,GAAQ;YAC1B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE;YACnD,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE;gBAC1C;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,KAAK;oBACX,QAAQ,EAAE;wBACR,KAAK,EAAE,aAAa;qBACrB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE;wBACR,KAAK,EAAE,eAAe;qBACvB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,cAAc;oBACpB,QAAQ,EAAE;wBACR,KAAK,EAAE,SAAS;qBACjB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE;wBACR,KAAK,EAAE,WAAW;qBACnB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC;oBACpC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;oBAChC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;aACF;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE,KAAK;aAClB;YACD,UAAU,EAAE;gBACV,QAAQ,EAAE,IAAI;aACf;YACD,OAAO,EAAE,EAAE;SACZ,CAAA;IA8CH,CAAC;IA1CC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,WAAW;wBACV,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;;;6BAIvB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;6BACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAEhF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAe;QACrE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAChC,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,MAAM;YACrB,OAAO;SACR,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;YACjF,OAAO;gBACL,IAAI;gBACJ,WAAW;gBACX,QAAQ;gBACR,IAAI;aACL,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AAzJM,mCAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoBF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;2DAAoC;AAC9D;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qEAAwC;AAEnE;IAAC,KAAK,EAAE;;iEAgFP;AAED;IAAC,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;2DAAA;AA/GjC,4BAA4B;IADxC,aAAa,CAAC,kCAAkC,CAAC;GACrC,4BAA4B,CA2JxC;SA3JY,4BAA4B","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { getEditor, getRenderer, ColumnConfig, DataGrist, FetchOption, SortersControl } from '@operato/data-grist'\nimport { ActivitySearchKeyItem } from '../types/activity-search-key-item-type'\n\n@customElement('popup-activity-search-keys-input')\nexport class PopupActivitySearchKeysInput extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n    `\n  ]\n\n  @property({ type: Array }) value: ActivitySearchKeyItem[] = []\n  @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n  @state() gristConfig: any = {\n    list: { fields: ['name', 'description', 'active'] },\n    columns: [\n      { type: 'gutter', gutterName: 'sequence' },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'add',\n        handlers: {\n          click: 'record-copy'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'delete',\n        handlers: {\n          click: 'record-delete'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'arrow_upward',\n        handlers: {\n          click: 'move-up'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'arrow_downward',\n        handlers: {\n          click: 'move-down'\n        }\n      },\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        record: {\n          editable: true\n        },\n        width: 140\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: i18next.t('field.description'),\n        record: {\n          editable: true\n        },\n        width: 180\n      },\n      {\n        type: 'string',\n        name: 'inputKey',\n        header: i18next.t('field.input-key'),\n        record: {\n          editable: true\n        },\n        width: 180\n      },\n      {\n        type: 'string',\n        name: 'tKey',\n        header: i18next.t('field.t-key'),\n        record: {\n          editable: true\n        },\n        width: 180\n      }\n    ],\n    rows: {\n      selectable: false\n    },\n    pagination: {\n      infinite: true\n    },\n    sorters: []\n  }\n\n  @query('ox-grist') private grist!: DataGrist\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      ></ox-grist>\n\n      <div class=\"button-container\">\n        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>\n        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>\n      </div>\n    `\n  }\n\n  async fetchHandler({ filters, page, limit, sortings = [] }: FetchOption) {\n    const records = this.value || []\n    return {\n      total: records.length,\n      records\n    }\n  }\n\n  private onCancel(e: Event) {\n    closePopup(this)\n  }\n\n  private onConfirm(e: Event) {\n    this.grist.commit()\n\n    this.value = this.grist.data.records.map(({ name, description, inputKey, tKey }) => {\n      return {\n        name,\n        description,\n        inputKey,\n        tKey\n      }\n    })\n\n    this.confirmCallback && this.confirmCallback(this.value)\n    closePopup(this)\n  }\n}\n"]}
+{"version":3,"file":"popup-activity-search-keys-input.js","sourceRoot":"","sources":["../../client/grist-editor/popup-activity-search-keys-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAwC,SAAS,EAA+B,MAAM,qBAAqB,CAAA;AAI3G,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU;IAArD;;QA0BsB,UAAK,GAA4B,EAAE,CAAA;QAGrD,gBAAW,GAAQ;YAC1B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE;YACnD,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE;gBAC1C;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,KAAK;oBACX,QAAQ,EAAE;wBACR,KAAK,EAAE,aAAa;qBACrB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE;wBACR,KAAK,EAAE,eAAe;qBACvB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,cAAc;oBACpB,QAAQ,EAAE;wBACR,KAAK,EAAE,SAAS;qBACjB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE;wBACR,KAAK,EAAE,WAAW;qBACnB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC;oBACpC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;oBAChC,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;aACF;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE,KAAK;aAClB;YACD,UAAU,EAAE;gBACV,QAAQ,EAAE,IAAI;aACf;YACD,OAAO,EAAE,EAAE;SACZ,CAAA;IA8CH,CAAC;IA1CC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,WAAW;wBACV,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;;;6BAIvB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;6BACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAEhF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAe;QAC1E,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAChC,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,MAAM;YACrB,OAAO;SACR,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;YACjF,OAAO;gBACL,IAAI;gBACJ,WAAW;gBACX,QAAQ;gBACR,IAAI;aACL,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AAzJM,mCAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoBF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;2DAAoC;AAC9D;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qEAAwC;AAEnE;IAAC,KAAK,EAAE;;iEAgFP;AAED;IAAC,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;2DAAA;AA/GjC,4BAA4B;IADxC,aAAa,CAAC,kCAAkC,CAAC;GACrC,4BAA4B,CA2JxC;SA3JY,4BAA4B","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { getEditor, getRenderer, ColumnConfig, DataGrist, FetchOption, SortersControl } from '@operato/data-grist'\nimport { ActivitySearchKeyItem } from '../types/activity-search-key-item-type'\n\n@customElement('popup-activity-search-keys-input')\nexport class PopupActivitySearchKeysInput extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n    `\n  ]\n\n  @property({ type: Array }) value: ActivitySearchKeyItem[] = []\n  @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n  @state() gristConfig: any = {\n    list: { fields: ['name', 'description', 'active'] },\n    columns: [\n      { type: 'gutter', gutterName: 'sequence' },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'add',\n        handlers: {\n          click: 'record-copy'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'delete',\n        handlers: {\n          click: 'record-delete'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'arrow_upward',\n        handlers: {\n          click: 'move-up'\n        }\n      },\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        icon: 'arrow_downward',\n        handlers: {\n          click: 'move-down'\n        }\n      },\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        record: {\n          editable: true\n        },\n        width: 140\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: i18next.t('field.description'),\n        record: {\n          editable: true\n        },\n        width: 180\n      },\n      {\n        type: 'string',\n        name: 'inputKey',\n        header: i18next.t('field.input-key'),\n        record: {\n          editable: true\n        },\n        width: 180\n      },\n      {\n        type: 'string',\n        name: 'tKey',\n        header: i18next.t('field.t-key'),\n        record: {\n          editable: true\n        },\n        width: 180\n      }\n    ],\n    rows: {\n      selectable: false\n    },\n    pagination: {\n      infinite: true\n    },\n    sorters: []\n  }\n\n  @query('ox-grist') private grist!: DataGrist\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      ></ox-grist>\n\n      <div class=\"button-container\">\n        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>\n        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>\n      </div>\n    `\n  }\n\n  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {\n    const records = this.value || []\n    return {\n      total: records.length,\n      records\n    }\n  }\n\n  private onCancel(e: Event) {\n    closePopup(this)\n  }\n\n  private onConfirm(e: Event) {\n    this.grist.commit()\n\n    this.value = this.grist.data.records.map(({ name, description, inputKey, tKey }) => {\n      return {\n        name,\n        description,\n        inputKey,\n        tKey\n      }\n    })\n\n    this.confirmCallback && this.confirmCallback(this.value)\n    closePopup(this)\n  }\n}\n"]}

package/dist-client/pages/activity/activity-list-page.d.ts

@@ -1,6 +1,6 @@
 import '@operato/data-grist';
 import './activity-model-item-list.js';
-import { DataGrist } from '@operato/data-grist';
+import { DataGrist, FetchOption } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
 export declare const ActivityStatus: {
     display: string;
@@ -43,12 +43,7 @@ export declare class ActivityListPage extends ActivityListPage_base {
     };
     render(): import("lit-html").TemplateResult<1>;
     pageInitialized(lifecycle: any): Promise<void>;
-    fetchHandler({ page, limit, sortings, filters }: {
-        page: any;
-        limit: any;
-        sortings?: never[] | undefined;
-        filters?: never[] | undefined;
-    }): Promise<{
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
         total: any;
         records: any;
     }>;