@operato/data-grist 9.0.0-beta.62 → 9.0.0-beta.64

package/dist/src/data-manipulator.js

@@ -0,0 +1,324 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ZERO_CONFIG, ZERO_DATA } from './configure/zero-config.js';
+export class DataManipulator extends LitElement {
+    constructor() {
+        super();
+        this.config = ZERO_CONFIG;
+        this.data = ZERO_DATA;
+        this.sorters = [];
+        this.filters = [];
+        this.pagination = {};
+        this.addEventListener('select-record-change', async (e) => {
+            var { records: selectedRecords, added = [], removed = [] } = e.detail;
+            this.onSelectRecordChanged({
+                selectedRecords,
+                added,
+                removed
+            });
+        });
+        /* field change processing */
+        this.addEventListener('field-change', async (e) => {
+            var { after, before, column, record, row } = e.detail;
+            await this.onFieldChange({ after, before, column, record, row });
+        });
+        /* record reset processing */
+        this.addEventListener('record-reset', e => {
+            var { record, row } = e.detail;
+            this.onRecordChanged(record['__origin__'], row, null);
+        });
+        /* tree processing */
+        this.addEventListener('collapse-all', (e) => this.collapseAll());
+        this.addEventListener('expand-all', (e) => this.expandAll());
+        this.addEventListener('collapse-node', (e) => this.collapseNode(e.detail));
+        this.addEventListener('expand-node', (e) => this.expandNode(e.detail));
+        this.addEventListener('check-in-tree', (e) => this.onCheckInTree(e));
+        this.addEventListener('add-sibling-node', (e) => this.addSiblingNode(e.detail));
+        this.addEventListener('add-child-node', (e) => this.addChildNode(e.detail));
+    }
+    async onFieldChange({ after, before, column, record, row }) {
+        /* compare changes */
+        if (after === before) {
+            return;
+        }
+        var validation = column.validation;
+        if (validation && typeof validation == 'function') {
+            if (!(await validation.call(this, after, before, record, column))) {
+                return;
+            }
+        }
+        this.onRecordChanged({ [column.name]: after }, row, column);
+    }
+    onSelectRecordChanged({ selectedRecords, added = [], removed = [] }) {
+        var { records } = this.data || {};
+        var { selectable = false } = this.config.rows || {};
+        if (!records || !selectable) {
+            return;
+        }
+        if (selectable && !selectable.multiple) {
+            records.forEach(record => (record['__selected__'] = false));
+        }
+        if (selectedRecords) {
+            records.forEach(record => (record['__selected__'] = false));
+            selectedRecords.forEach(record => (record['__selected__'] = true));
+        }
+        else {
+            removed.forEach(record => (record['__selected__'] = false));
+            added.forEach(record => (record['__selected__'] = true));
+        }
+        this.requestUpdate();
+    }
+    onRecordChanged(recordData, row, column /* TODO column should be removed */) {
+        // TODO 오브젝트나 배열 타입인 경우 deepCompare 후에 변경 적용 여부를 결정한다.
+        /* 빈 그리드로 시작한 경우, data 설정이 되어있지 않을 수 있다. */
+        var records = this.data.records;
+        var beforeRecord = records[row];
+        var afterRecord;
+        var wantToDelete = false;
+        var wantToAppend = false;
+        if (!recordData) {
+            if (!beforeRecord) {
+                /* recordData가 없고, beforeRecord도 없다면, 레코드 생성 중에 리셋된 경우이므로 아무것도 하지 않는다. */
+                this.requestUpdate();
+                return;
+            }
+            else {
+                /*
+                 * beforeRecord가 있는데, 빈데이타로 업데이트하고자 한다면,
+                 * 삭제하고자 하는 의도로 이해된다. (주의 필요)
+                 */
+                if (beforeRecord['__dirty__'] == '+') {
+                    wantToDelete = true;
+                }
+                else {
+                    afterRecord = {
+                        ...beforeRecord,
+                        __dirty__: '-'
+                    };
+                }
+            }
+        }
+        else {
+            if (!beforeRecord) {
+                /* 기존 레코드가 없는 경우에는 새로운 레코드가 생성된다 */
+                afterRecord = {
+                    ...recordData,
+                    __dirty__: '+'
+                };
+                wantToAppend = true;
+            }
+            else {
+                let beforeDirty = beforeRecord['__dirty__'];
+                if (beforeDirty == '+') {
+                    /* 기존에 새로 생성된 레코드가 있었으며 계속 수정중이다.(레코드 레퍼런스를 유지해야한다) */
+                    afterRecord = Object.assign(beforeRecord, recordData, { __dirty__: '+' });
+                }
+                else {
+                    /* 기존에 레코드가 있었으며 계속 수정중이다.(레코드 레퍼런스를 유지해야한다) */
+                    afterRecord = Object.assign(beforeRecord, recordData, { __dirty__: 'M' });
+                }
+            }
+        }
+        if (wantToAppend) {
+            records.push(afterRecord);
+        }
+        else if (wantToDelete) {
+            records.splice(row, 1);
+        }
+        else {
+            records.splice(row, 1, afterRecord);
+        }
+        this.dispatchEvent(new CustomEvent('record-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                before: beforeRecord,
+                after: afterRecord,
+                column,
+                row
+            }
+        }));
+        this.requestUpdate();
+    }
+    collapseAll() {
+        this.refresh(false);
+    }
+    expandAll() {
+        this.refresh(true);
+    }
+    collapseNode(record) {
+        record.__expanded__ = false;
+        this.refresh();
+    }
+    expandNode(record) {
+        record.__expanded__ = true;
+        this.refresh();
+    }
+    // onCollapse(e: CustomEvent) {
+    //   const record = e.detail as GristRecord
+    //   record.__expanded__ = false
+    //   this.refresh()
+    // }
+    // onExpand(e: CustomEvent) {
+    //   const record = e.detail as GristRecord
+    //   record.__expanded__ = true
+    //   this.refresh()
+    // }
+    addSiblingNode(record) {
+        const { records } = this.data;
+        const toplevelRecords = records.filter(record => !record.__depth__); /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */
+        const { __depth__ } = record;
+        function findParent(record, parent) {
+            var children = (parent ? parent.__children__ || [] : toplevelRecords);
+            if (children.find(child => child === record)) {
+                return parent;
+            }
+            else {
+                for (let child of children) {
+                    const found = findParent(record, child);
+                    if (found) {
+                        return found;
+                    }
+                }
+            }
+        }
+        const parent = findParent(record);
+        const sibling = {
+            __depth__,
+            __dirty__: '+'
+        };
+        if (parent) {
+            const { id } = parent;
+            sibling.parent = { id };
+            if (!parent.__children__) {
+                parent.__children__ = [sibling];
+            }
+            else {
+                let index = parent.__children__.indexOf(record);
+                if (index !== -1) {
+                    parent.__children__ = [
+                        ...parent.__children__.slice(0, index + 1),
+                        sibling,
+                        ...parent.__children__.slice(index + 1)
+                    ];
+                }
+                else {
+                    parent.__children__ = [...parent.__children__, sibling];
+                }
+            }
+            parent.__expanded__ = true;
+        }
+        else {
+            this.data.records = [...toplevelRecords, sibling];
+        }
+        this.refresh();
+    }
+    addChildNode(record) {
+        const { id: parentId, __children__, __depth__ } = record;
+        const child = {
+            parent: {
+                id: parentId
+            },
+            __depth__: (__depth__ || 0) + 1,
+            __dirty__: '+'
+        };
+        if (!record.__children__) {
+            record.__children__ = [child];
+        }
+        else {
+            record.__children__.unshift(child);
+        }
+        record.__expanded__ = true;
+        // this.requestUpdate()
+        this.refresh();
+    }
+    onCheckInTree(e) {
+        function walkTreeCheckedUpdate(record, checked) {
+            const children = record.__children__;
+            children === null || children === void 0 ? void 0 : children.forEach(child => walkTreeCheckedUpdate(child, checked));
+            record.__check_in_tree__ = checked;
+            record.__selected__ = checked == 'checked';
+        }
+        function updateCheckedAll(record) {
+            /* 자식들의 checked 상태로 record의 checked 상태를 수정한다. */
+            const children = record.__children__;
+            if (!children || children.length == 0) {
+                return;
+            }
+            children.forEach(child => updateCheckedAll(child));
+            var checked = record.__check_in_tree__ == 'checked' ? 'checked' : undefined;
+            children.forEach(child => {
+                const { __check_in_tree__ } = child;
+                if (__check_in_tree__ == 'half-checked') {
+                    checked = 'half-checked';
+                }
+                else if (__check_in_tree__ == 'checked') {
+                    checked = checked == 'checked' ? 'checked' : 'half-checked';
+                }
+                else {
+                    checked = checked == 'unchecked' || !checked ? 'unchecked' : 'half-checked';
+                }
+            });
+            record.__check_in_tree__ = checked;
+            record.__selected__ = checked == 'checked';
+        }
+        e.stopPropagation();
+        const record = e.detail;
+        var checked = record.__check_in_tree__;
+        walkTreeCheckedUpdate(record, !checked || checked == 'unchecked' ? 'checked' : 'unchecked');
+        const toplevelRecords = this.data.records.filter(record => !record.__depth__); /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */
+        toplevelRecords.forEach(record => updateCheckedAll(record));
+        this.refresh();
+    }
+    /**
+     * Forced internal data to be reflected on the screen
+     * Data changing through a normal method is automatically reflected on the screen, so it is a method that does not need to be used in general.
+     * Therefore, it will be deprecated.
+     * @method
+     */
+    refresh(forceExpandOrCollapse) {
+        /*
+        - TODO 여기에서 TREE 형태 데이터의 접고, 펴는 것을 재구성한다.
+        - 동적으로 서브항목을 fetch 하는 기능은 제공하지 않는다.
+    
+        1. 빈배열에서 시작한다.
+        2. 기존 배열을 traverseRefresh하면서, collapsed 여부에 따라서, 자식의 포함여부를 결정하고 준비한 배열에 하나씩 추가한다.
+    
+        */
+        const { records } = this.data;
+        const toplevelRecords = records.filter(record => !record.__depth__); /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */
+        this.data = {
+            ...this.data,
+            records: [].concat(...toplevelRecords.map(record => this.traverseRefresh(record, forceExpandOrCollapse)))
+        };
+    }
+    traverseRefresh(record, forceExpandOrCollapse) {
+        if (forceExpandOrCollapse !== undefined) {
+            record.__expanded__ = forceExpandOrCollapse;
+        }
+        const { __expanded__, __children__ = [] } = record;
+        if (__expanded__ && __children__.length > 0) {
+            return [record].concat(...__children__.map(child => this.traverseRefresh(child, forceExpandOrCollapse)));
+        }
+        else {
+            return [record];
+        }
+    }
+}
+__decorate([
+    property({ type: Object })
+], DataManipulator.prototype, "config", void 0);
+__decorate([
+    property({ type: Object })
+], DataManipulator.prototype, "data", void 0);
+__decorate([
+    property({ type: Array })
+], DataManipulator.prototype, "sorters", void 0);
+__decorate([
+    property({ type: Array })
+], DataManipulator.prototype, "filters", void 0);
+__decorate([
+    property({ type: Object })
+], DataManipulator.prototype, "pagination", void 0);
+//# sourceMappingURL=data-manipulator.js.map

package/dist/src/data-manipulator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-manipulator.js","sourceRoot":"","sources":["../../src/data-manipulator.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { ZERO_CONFIG, ZERO_DATA } from './configure/zero-config.js'\nimport {\n  ColumnConfig,\n  FilterValue,\n  GristConfig,\n  GristData,\n  GristRecord,\n  PaginationConfig,\n  SortersConfig\n} from './types.js'\n\nexport class DataManipulator extends LitElement {\n  @property({ type: Object }) config: GristConfig = ZERO_CONFIG\n  @property({ type: Object }) data: GristData = ZERO_DATA\n  @property({ type: Array }) sorters: SortersConfig = []\n  @property({ type: Array }) filters: FilterValue[] = []\n  @property({ type: Object }) pagination: PaginationConfig = {}\n\n  constructor() {\n    super()\n\n    this.addEventListener('select-record-change', async e => {\n      var {\n        records: selectedRecords,\n        added = [],\n        removed = []\n      } = (e as CustomEvent).detail as {\n        records: GristRecord[]\n        added: GristRecord[]\n        removed: GristRecord[]\n      }\n\n      this.onSelectRecordChanged({\n        selectedRecords,\n        added,\n        removed\n      })\n    })\n\n    /* field change processing */\n    this.addEventListener('field-change', async e => {\n      var { after, before, column, record, row } = (e as CustomEvent).detail as {\n        after: any\n        before: any\n        column: ColumnConfig\n        record: GristRecord\n        row: number\n      }\n\n      await this.onFieldChange({ after, before, column, record, row })\n    })\n\n    /* record reset processing */\n    this.addEventListener('record-reset', e => {\n      var { record, row } = (e as CustomEvent).detail as {\n        record: GristRecord\n        row: number\n      }\n\n      this.onRecordChanged(record['__origin__'], row, null)\n    })\n\n    /* tree processing */\n    this.addEventListener('collapse-all', (e: Event) => this.collapseAll())\n    this.addEventListener('expand-all', (e: Event) => this.expandAll())\n    this.addEventListener('collapse-node', (e: Event) => this.collapseNode((e as CustomEvent).detail as GristRecord))\n    this.addEventListener('expand-node', (e: Event) => this.expandNode((e as CustomEvent).detail as GristRecord))\n    this.addEventListener('check-in-tree', (e: Event) => this.onCheckInTree(e as CustomEvent))\n\n    this.addEventListener('add-sibling-node', (e: Event) =>\n      this.addSiblingNode((e as CustomEvent).detail as GristRecord)\n    )\n    this.addEventListener('add-child-node', (e: Event) => this.addChildNode((e as CustomEvent).detail as GristRecord))\n  }\n\n  async onFieldChange({\n    after,\n    before,\n    column,\n    record,\n    row\n  }: {\n    after: any\n    before: any\n    column: ColumnConfig\n    record: GristRecord\n    row: number\n  }) {\n    /* compare changes */\n    if (after === before) {\n      return\n    }\n\n    var validation = column.validation\n    if (validation && typeof validation == 'function') {\n      if (!(await validation.call(this, after, before, record, column))) {\n        return\n      }\n    }\n\n    this.onRecordChanged({ [column.name]: after }, row, column)\n  }\n\n  onSelectRecordChanged({\n    selectedRecords,\n    added = [],\n    removed = []\n  }: {\n    selectedRecords: GristRecord[]\n    added: GristRecord[]\n    removed: GristRecord[]\n  }) {\n    var { records } = this.data || {}\n    var { selectable = false } = this.config.rows || {}\n\n    if (!records || !selectable) {\n      return\n    }\n\n    if (selectable && !selectable.multiple) {\n      records.forEach(record => (record['__selected__'] = false))\n    }\n\n    if (selectedRecords) {\n      records.forEach(record => (record['__selected__'] = false))\n      selectedRecords.forEach(record => (record['__selected__'] = true))\n    } else {\n      removed.forEach(record => (record['__selected__'] = false))\n      added.forEach(record => (record['__selected__'] = true))\n    }\n\n    this.requestUpdate()\n  }\n\n  onRecordChanged(\n    recordData: GristRecord,\n    row: number,\n    column: ColumnConfig | null /* TODO column should be removed */\n  ) {\n    // TODO 오브젝트나 배열 타입인 경우 deepCompare 후에 변경 적용 여부를 결정한다.\n\n    /* 빈 그리드로 시작한 경우, data 설정이 되어있지 않을 수 있다. */\n    var records = this.data.records\n\n    var beforeRecord = records[row]\n    var afterRecord: GristRecord\n    var wantToDelete = false\n    var wantToAppend = false\n\n    if (!recordData) {\n      if (!beforeRecord) {\n        /* recordData가 없고, beforeRecord도 없다면, 레코드 생성 중에 리셋된 경우이므로 아무것도 하지 않는다. */\n        this.requestUpdate()\n        return\n      } else {\n        /*\n         * beforeRecord가 있는데, 빈데이타로 업데이트하고자 한다면,\n         * 삭제하고자 하는 의도로 이해된다. (주의 필요)\n         */\n        if (beforeRecord['__dirty__'] == '+') {\n          wantToDelete = true\n        } else {\n          afterRecord = {\n            ...beforeRecord,\n            __dirty__: '-'\n          }\n        }\n      }\n    } else {\n      if (!beforeRecord) {\n        /* 기존 레코드가 없는 경우에는 새로운 레코드가 생성된다 */\n        afterRecord = {\n          ...recordData,\n          __dirty__: '+'\n        }\n\n        wantToAppend = true\n      } else {\n        let beforeDirty = beforeRecord['__dirty__']\n        if (beforeDirty == '+') {\n          /* 기존에 새로 생성된 레코드가 있었으며 계속 수정중이다.(레코드 레퍼런스를 유지해야한다) */\n          afterRecord = Object.assign(beforeRecord, recordData, { __dirty__: '+' })\n        } else {\n          /* 기존에 레코드가 있었으며 계속 수정중이다.(레코드 레퍼런스를 유지해야한다) */\n          afterRecord = Object.assign(beforeRecord, recordData, { __dirty__: 'M' })\n        }\n      }\n    }\n\n    if (wantToAppend) {\n      records.push(afterRecord!)\n    } else if (wantToDelete) {\n      records.splice(row, 1)\n    } else {\n      records.splice(row, 1, afterRecord!)\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('record-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          before: beforeRecord,\n          after: afterRecord!,\n          column,\n          row\n        }\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  collapseAll() {\n    this.refresh(false)\n  }\n\n  expandAll() {\n    this.refresh(true)\n  }\n\n  collapseNode(record: GristRecord) {\n    record.__expanded__ = false\n\n    this.refresh()\n  }\n\n  expandNode(record: GristRecord) {\n    record.__expanded__ = true\n\n    this.refresh()\n  }\n\n  // onCollapse(e: CustomEvent) {\n  //   const record = e.detail as GristRecord\n  //   record.__expanded__ = false\n\n  //   this.refresh()\n  // }\n\n  // onExpand(e: CustomEvent) {\n  //   const record = e.detail as GristRecord\n  //   record.__expanded__ = true\n\n  //   this.refresh()\n  // }\n\n  addSiblingNode(record: GristRecord) {\n    const { records } = this.data\n    const toplevelRecords = records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n\n    const { __depth__ } = record as GristRecord\n\n    function findParent(record: GristRecord, parent?: GristRecord): GristRecord | undefined {\n      var children = (parent ? parent.__children__ || [] : toplevelRecords) as GristRecord[]\n\n      if (children.find(child => child === record)) {\n        return parent\n      } else {\n        for (let child of children) {\n          const found = findParent(record, child)\n          if (found) {\n            return found\n          }\n        }\n      }\n    }\n\n    const parent = findParent(record)\n\n    const sibling = {\n      __depth__,\n      __dirty__: '+'\n    } as GristRecord\n\n    if (parent) {\n      const { id } = parent as GristRecord\n\n      sibling.parent = { id }\n\n      if (!parent.__children__) {\n        parent.__children__ = [sibling]\n      } else {\n        let index = parent.__children__.indexOf(record)\n\n        if (index !== -1) {\n          parent.__children__ = [\n            ...parent.__children__.slice(0, index + 1),\n            sibling,\n            ...parent.__children__.slice(index + 1)\n          ]\n        } else {\n          parent.__children__ = [...parent.__children__, sibling]\n        }\n      }\n\n      parent.__expanded__ = true\n    } else {\n      this.data.records = [...toplevelRecords, sibling]\n    }\n\n    this.refresh()\n  }\n\n  addChildNode(record: GristRecord) {\n    const { id: parentId, __children__, __depth__ } = record as GristRecord\n    const child = {\n      parent: {\n        id: parentId\n      },\n      __depth__: (__depth__ || 0) + 1,\n      __dirty__: '+'\n    }\n\n    if (!record.__children__) {\n      record.__children__ = [child]\n    } else {\n      record.__children__.unshift(child)\n    }\n\n    record.__expanded__ = true\n\n    // this.requestUpdate()\n\n    this.refresh()\n  }\n\n  onCheckInTree(e: CustomEvent) {\n    function walkTreeCheckedUpdate(record: GristRecord, checked: 'checked' | 'unchecked') {\n      const children = record.__children__\n\n      children?.forEach(child => walkTreeCheckedUpdate(child, checked))\n      record.__check_in_tree__ = checked\n      record.__selected__ = checked == 'checked'\n    }\n\n    function updateCheckedAll(record: GristRecord) {\n      /* 자식들의 checked 상태로 record의 checked 상태를 수정한다. */\n      const children = record.__children__\n\n      if (!children || children.length == 0) {\n        return\n      }\n\n      children.forEach(child => updateCheckedAll(child))\n\n      var checked: 'checked' | 'half-checked' | 'unchecked' | undefined =\n        record.__check_in_tree__ == 'checked' ? 'checked' : undefined\n\n      children.forEach(child => {\n        const { __check_in_tree__ } = child\n\n        if (__check_in_tree__ == 'half-checked') {\n          checked = 'half-checked'\n        } else if (__check_in_tree__ == 'checked') {\n          checked = checked == 'checked' ? 'checked' : 'half-checked'\n        } else {\n          checked = checked == 'unchecked' || !checked ? 'unchecked' : 'half-checked'\n        }\n      })\n\n      record.__check_in_tree__ = checked\n      record.__selected__ = checked == 'checked'\n    }\n\n    e.stopPropagation()\n\n    const record = e.detail\n    var checked = record.__check_in_tree__\n\n    walkTreeCheckedUpdate(record, !checked || checked == 'unchecked' ? 'checked' : 'unchecked')\n    const toplevelRecords = this.data.records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n\n    toplevelRecords.forEach(record => updateCheckedAll(record))\n\n    this.refresh()\n  }\n\n  /**\n   * Forced internal data to be reflected on the screen\n   * Data changing through a normal method is automatically reflected on the screen, so it is a method that does not need to be used in general.\n   * Therefore, it will be deprecated.\n   * @method\n   */\n  refresh(forceExpandOrCollapse?: boolean) {\n    /*\n    - TODO 여기에서 TREE 형태 데이터의 접고, 펴는 것을 재구성한다.\n    - 동적으로 서브항목을 fetch 하는 기능은 제공하지 않는다.\n\n    1. 빈배열에서 시작한다.\n    2. 기존 배열을 traverseRefresh하면서, collapsed 여부에 따라서, 자식의 포함여부를 결정하고 준비한 배열에 하나씩 추가한다.\n\n    */\n    const { records } = this.data\n    const toplevelRecords = records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n    this.data = {\n      ...this.data,\n      records: ([] as GristRecord[]).concat(\n        ...toplevelRecords.map(record => this.traverseRefresh(record, forceExpandOrCollapse))\n      )\n    }\n  }\n\n  private traverseRefresh(record: GristRecord, forceExpandOrCollapse?: boolean): GristRecord[] {\n    if (forceExpandOrCollapse !== undefined) {\n      record.__expanded__ = forceExpandOrCollapse\n    }\n\n    const { __expanded__, __children__ = [] } = record\n\n    if (__expanded__ && __children__.length > 0) {\n      return [record].concat(...__children__.map(child => this.traverseRefresh(child, forceExpandOrCollapse)))\n    } else {\n      return [record]\n    }\n  }\n}\n"]}

package/dist/src/data-provider.d.ts

@@ -0,0 +1,50 @@
+import { DataConsumer } from './data-consumer.js';
+import { FilterValue, GristRecord, SorterConfig, SortersConfig } from './types.js';
+export declare class DataProvider {
+    page: number;
+    limit: number;
+    total: number;
+    records: GristRecord[];
+    private consumer?;
+    private _fetchHandler?;
+    private _sorters?;
+    private _filters?;
+    private _pageChangeHandler;
+    private _limitChangeHandler;
+    private _fetchParamsChangeHandler;
+    private _recordChangeHandler;
+    private _attachPageHandler;
+    private _fetchHandlerWrap;
+    private _fetchOptions;
+    constructor(consumer: DataConsumer);
+    dispose(): void;
+    onAttachPage(): void;
+    onPageChange(e: Event): void;
+    onLimitChange(e: Event): void;
+    onFetchParamsChange(e: Event): void;
+    onRecordChange(e: Event): void;
+    get fetchOptions(): any;
+    set fetchOptions(fetchOptions: any);
+    get fetchHandler(): any;
+    set fetchHandler(fetchHandler: any);
+    get sorters(): SorterConfig[] | undefined;
+    set sorters(sorters: SorterConfig[] | undefined);
+    get sortings(): SorterConfig[] | undefined;
+    set sortings(sorters: SorterConfig[] | undefined);
+    get filters(): FilterValue[] | undefined;
+    set filters(filters: FilterValue[] | undefined);
+    attach(reset?: boolean): Promise<void>;
+    fetch({ page, limit, sorters, sortings, filters }?: {
+        page?: number;
+        limit?: number;
+        sorters?: SortersConfig;
+        sortings?: SortersConfig;
+        filters?: FilterValue[];
+    }): Promise<void>;
+    _update({ page, limit, total, records }: {
+        page: number;
+        limit: number;
+        total: number;
+        records: GristRecord[];
+    }, reset?: boolean): Promise<void>;
+}

package/dist/src/data-provider.js

@@ -0,0 +1,200 @@
+import { ZERO_RECORDS } from './configure/zero-config.js';
+function EMPTY_FETCHHANDLER() {
+    return {
+        total: 0,
+        records: []
+    };
+}
+function _calculateTotalPage(limit, total) {
+    /*
+     * total page는 1이상이어야 한다.
+     * 즉, 레코드가 하나도 없어도, 페이지 갯수는 1이 되어야 한다.
+     */
+    return Math.max(1, Math.ceil(total / limit));
+}
+export class DataProvider {
+    constructor(consumer) {
+        this.page = 1;
+        this.limit = 20;
+        this.total = 0;
+        this.records = [];
+        this._pageChangeHandler = this.onPageChange.bind(this);
+        this._limitChangeHandler = this.onLimitChange.bind(this);
+        this._fetchParamsChangeHandler = this.onFetchParamsChange.bind(this);
+        this._recordChangeHandler = this.onRecordChange.bind(this);
+        this._attachPageHandler = this.onAttachPage.bind(this);
+        this.consumer = consumer;
+        this.fetchHandler = consumer.fetchHandler;
+        this.consumer.addEventListener('attach-page', this._attachPageHandler);
+        this.consumer.addEventListener('page-change', this._pageChangeHandler);
+        this.consumer.addEventListener('limit-change', this._limitChangeHandler);
+        this.consumer.addEventListener('fetch-params-change', this._fetchParamsChangeHandler);
+        this.consumer.addEventListener('record-change', this._recordChangeHandler);
+    }
+    dispose() {
+        var _a, _b, _c, _d, _e;
+        (_a = this.consumer) === null || _a === void 0 ? void 0 : _a.removeEventListener('attach-page', this._attachPageHandler);
+        (_b = this.consumer) === null || _b === void 0 ? void 0 : _b.removeEventListener('page-change', this._pageChangeHandler);
+        (_c = this.consumer) === null || _c === void 0 ? void 0 : _c.removeEventListener('limit-change', this._limitChangeHandler);
+        (_d = this.consumer) === null || _d === void 0 ? void 0 : _d.removeEventListener('fetch-params-change', this._fetchParamsChangeHandler);
+        (_e = this.consumer) === null || _e === void 0 ? void 0 : _e.removeEventListener('record-change', this._recordChangeHandler);
+    }
+    onAttachPage() {
+        this.attach();
+    }
+    onPageChange(e) {
+        var page = e.detail;
+        this.fetch({ page });
+    }
+    onLimitChange(e) {
+        var limit = e.detail;
+        this.fetch({ limit });
+    }
+    onFetchParamsChange(e) {
+        var _a;
+        const { sorters, filters, from } = e.detail || {};
+        sorters && (this.sorters = sorters);
+        filters && (this.filters = filters);
+        if (((_a = this.consumer) === null || _a === void 0 ? void 0 : _a.mode) !== 'GRID') {
+            this.page = 0;
+        }
+        from !== 'config' && this.fetch();
+    }
+    onRecordChange(e) {
+        var _a;
+        (_a = this.consumer) === null || _a === void 0 ? void 0 : _a.checkDirties();
+    }
+    get fetchOptions() {
+        return this._fetchOptions;
+    }
+    set fetchOptions(fetchOptions) {
+        this._fetchOptions = fetchOptions;
+        this.fetch();
+    }
+    get fetchHandler() {
+        if (!this._fetchHandlerWrap) {
+            this._fetchHandlerWrap = async (options) => {
+                var _a, _b;
+                if (!this._fetchHandler) {
+                    return;
+                }
+                try {
+                    (_a = this.consumer) === null || _a === void 0 ? void 0 : _a.showSpinner();
+                    return await (this._fetchHandler || EMPTY_FETCHHANDLER)(options);
+                }
+                finally {
+                    (_b = this.consumer) === null || _b === void 0 ? void 0 : _b.hideSpinner();
+                }
+            };
+        }
+        return this._fetchHandlerWrap;
+    }
+    set fetchHandler(fetchHandler) {
+        this._fetchHandler = fetchHandler;
+        delete this._fetchHandlerWrap;
+    }
+    get sorters() {
+        return this._sorters;
+    }
+    set sorters(sorters) {
+        this._sorters = sorters;
+    }
+    /* alias for sorters */
+    get sortings() {
+        return this._sorters;
+    }
+    set sortings(sorters) {
+        this._sorters = sorters;
+    }
+    get filters() {
+        return this._filters;
+    }
+    set filters(filters) {
+        this._filters = filters;
+    }
+    async attach(reset = false) {
+        var _a;
+        var { page = 0, limit = 20 } = this;
+        /*
+         * page는 0 based index가 아님에 주의한다.
+         * 즉, page 값이 1 은 첫페이지를 의미한다.
+         */
+        if (reset) {
+            this.records = ZERO_RECORDS;
+            page = 1;
+        }
+        else {
+            /* attach의 경우는 grist data의 변경상태를 유지하기 위해서, grist._data 를 기반으로 한다. */
+            this.records = ((_a = this.consumer) === null || _a === void 0 ? void 0 : _a._data) ? this.consumer._data.records : ZERO_RECORDS;
+            page = page + 1;
+        }
+        return this._update({
+            /* fetch에서 limit과 page를 제공하지 않는 경우를 대비함. */
+            limit,
+            page,
+            ...(await this.fetchHandler.call(null, {
+                page,
+                limit,
+                sorters: this.sorters,
+                sortings: this.sorters,
+                filters: this.filters,
+                options: this.fetchOptions
+            }))
+        }, reset);
+    }
+    async fetch({ page = this.page, limit = this.limit, sorters, sortings, filters } = {}) {
+        /* sortings property is only for things-factory server-side list parameter convention */
+        /* fetchHandler should reture { page, limit, total, records } */
+        this.records = ZERO_RECORDS;
+        sorters = sorters || sortings || this.sorters;
+        filters = filters || this.filters;
+        this.sorters = sorters;
+        return this._update({
+            /* fetch에서 limit과 page를 제공하지 않는 경우를 대비함. */
+            limit,
+            page,
+            ...(await this.fetchHandler.call(null, {
+                page,
+                limit,
+                sorters,
+                sortings: sorters,
+                filters,
+                options: this.fetchOptions
+            }))
+        });
+    }
+    async _update({ page, limit, total, records }, reset) {
+        // total을 감안해서 page가 최대값을 넘지 않도록 한다.
+        var maxpage = _calculateTotalPage(limit, total);
+        if (maxpage < page) {
+            return await this.fetch({ page: maxpage, limit });
+        }
+        // page와 limit이 없는 경우 records 검사 전에 초기화
+        this.page = this.page || page;
+        this.limit = this.limit || limit;
+        if (!records) {
+            return;
+        }
+        if (this.records === ZERO_RECORDS) {
+            this.records = records;
+        }
+        else if (this.page < page) {
+            // attach인 경우에는 records를 append한다.
+            this.records = [...this.records, ...records];
+        }
+        else {
+            return;
+        }
+        this.limit = limit;
+        this.total = total;
+        this.page = page;
+        this.consumer &&
+            (this.consumer.data = {
+                page: this.page,
+                limit: this.limit,
+                total: this.total,
+                records: this.records
+            });
+    }
+}
+//# sourceMappingURL=data-provider.js.map

package/dist/src/data-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-provider.js","sourceRoot":"","sources":["../../src/data-provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { ZERO_RECORDS } from './configure/zero-config.js'\nimport { DataConsumer } from './data-consumer.js'\nimport { FetchHandler, FetchOption, FilterValue, GristRecord, SorterConfig, SortersConfig } from './types.js'\n\nfunction EMPTY_FETCHHANDLER() {\n  return {\n    total: 0,\n    records: []\n  }\n}\n\nfunction _calculateTotalPage(limit: number, total: number) {\n  /*\n   * total page는 1이상이어야 한다.\n   * 즉, 레코드가 하나도 없어도, 페이지 갯수는 1이 되어야 한다.\n   */\n  return Math.max(1, Math.ceil(total / limit))\n}\n\nexport class DataProvider {\n  page: number = 1\n  limit: number = 20\n  total: number = 0\n  records: GristRecord[] = []\n\n  private consumer?: DataConsumer\n  private _fetchHandler?: FetchHandler\n  private _sorters?: SorterConfig[]\n  private _filters?: FilterValue[]\n\n  private _pageChangeHandler: EventListener = this.onPageChange.bind(this)\n  private _limitChangeHandler = this.onLimitChange.bind(this)\n  private _fetchParamsChangeHandler = this.onFetchParamsChange.bind(this)\n  private _recordChangeHandler = this.onRecordChange.bind(this)\n  private _attachPageHandler: EventListener = this.onAttachPage.bind(this)\n\n  private _fetchHandlerWrap: any\n  private _fetchOptions: any\n\n  constructor(consumer: DataConsumer) {\n    this.consumer = consumer\n\n    this.fetchHandler = consumer.fetchHandler\n\n    this.consumer.addEventListener('attach-page', this._attachPageHandler)\n    this.consumer.addEventListener('page-change', this._pageChangeHandler)\n    this.consumer.addEventListener('limit-change', this._limitChangeHandler)\n    this.consumer.addEventListener('fetch-params-change', this._fetchParamsChangeHandler)\n    this.consumer.addEventListener('record-change', this._recordChangeHandler)\n  }\n\n  dispose() {\n    this.consumer?.removeEventListener('attach-page', this._attachPageHandler)\n    this.consumer?.removeEventListener('page-change', this._pageChangeHandler)\n    this.consumer?.removeEventListener('limit-change', this._limitChangeHandler)\n    this.consumer?.removeEventListener('fetch-params-change', this._fetchParamsChangeHandler)\n    this.consumer?.removeEventListener('record-change', this._recordChangeHandler)\n  }\n\n  onAttachPage() {\n    this.attach()\n  }\n\n  onPageChange(e: Event) {\n    var page = (e as CustomEvent).detail\n    this.fetch({ page })\n  }\n\n  onLimitChange(e: Event) {\n    var limit = (e as CustomEvent).detail\n    this.fetch({ limit })\n  }\n\n  onFetchParamsChange(e: Event) {\n    const { sorters, filters, from } = (e as CustomEvent).detail || {}\n\n    sorters && (this.sorters = sorters)\n    filters && (this.filters = filters)\n\n    if (this.consumer?.mode !== 'GRID') {\n      this.page = 0\n    }\n\n    from !== 'config' && this.fetch()\n  }\n\n  onRecordChange(e: Event) {\n    this.consumer?.checkDirties()\n  }\n\n  get fetchOptions() {\n    return this._fetchOptions\n  }\n\n  set fetchOptions(fetchOptions) {\n    this._fetchOptions = fetchOptions\n\n    this.fetch()\n  }\n\n  get fetchHandler() {\n    if (!this._fetchHandlerWrap) {\n      this._fetchHandlerWrap = async (options: FetchOption) => {\n        if (!this._fetchHandler) {\n          return\n        }\n\n        try {\n          this.consumer?.showSpinner()\n          return await (this._fetchHandler || EMPTY_FETCHHANDLER)(options)\n        } finally {\n          this.consumer?.hideSpinner()\n        }\n      }\n    }\n\n    return this._fetchHandlerWrap\n  }\n\n  set fetchHandler(fetchHandler) {\n    this._fetchHandler = fetchHandler\n    delete this._fetchHandlerWrap\n  }\n\n  get sorters() {\n    return this._sorters\n  }\n\n  set sorters(sorters) {\n    this._sorters = sorters\n  }\n\n  /* alias for sorters */\n  get sortings() {\n    return this._sorters\n  }\n\n  set sortings(sorters) {\n    this._sorters = sorters\n  }\n\n  get filters() {\n    return this._filters\n  }\n\n  set filters(filters) {\n    this._filters = filters\n  }\n\n  async attach(reset = false) {\n    var { page = 0, limit = 20 } = this\n\n    /*\n     * page는 0 based index가 아님에 주의한다.\n     * 즉, page 값이 1 은 첫페이지를 의미한다.\n     */\n    if (reset) {\n      this.records = ZERO_RECORDS\n      page = 1\n    } else {\n      /* attach의 경우는 grist data의 변경상태를 유지하기 위해서, grist._data 를 기반으로 한다. */\n      this.records = this.consumer?._data ? this.consumer._data.records : ZERO_RECORDS\n      page = page + 1\n    }\n\n    return this._update(\n      {\n        /* fetch에서 limit과 page를 제공하지 않는 경우를 대비함. */\n        limit,\n        page,\n        ...(await this.fetchHandler.call(null, {\n          page,\n          limit,\n          sorters: this.sorters,\n          sortings: this.sorters,\n          filters: this.filters,\n          options: this.fetchOptions\n        }))\n      },\n      reset\n    )\n  }\n\n  async fetch({\n    page = this.page,\n    limit = this.limit,\n    sorters,\n    sortings,\n    filters\n  }: {\n    page?: number\n    limit?: number\n    sorters?: SortersConfig\n    sortings?: SortersConfig\n    filters?: FilterValue[]\n  } = {}) {\n    /* sortings property is only for things-factory server-side list parameter convention */\n    /* fetchHandler should reture { page, limit, total, records } */\n    this.records = ZERO_RECORDS\n\n    sorters = sorters || sortings || this.sorters\n    filters = filters || this.filters\n\n    this.sorters = sorters\n\n    return this._update({\n      /* fetch에서 limit과 page를 제공하지 않는 경우를 대비함. */\n      limit,\n      page,\n      ...(await this.fetchHandler.call(null, {\n        page,\n        limit,\n        sorters,\n        sortings: sorters,\n        filters,\n        options: this.fetchOptions\n      }))\n    })\n  }\n\n  async _update(\n    {\n      page,\n      limit,\n      total,\n      records\n    }: {\n      page: number\n      limit: number\n      total: number\n      records: GristRecord[]\n    },\n    reset?: boolean\n  ): Promise<void> {\n    // total을 감안해서 page가 최대값을 넘지 않도록 한다.\n    var maxpage = _calculateTotalPage(limit, total)\n    if (maxpage < page) {\n      return await this.fetch({ page: maxpage, limit })\n    }\n\n    // page와 limit이 없는 경우 records 검사 전에 초기화\n    this.page = this.page || page\n    this.limit = this.limit || limit\n\n    if (!records) {\n      return\n    }\n\n    if (this.records === ZERO_RECORDS) {\n      this.records = records\n    } else if (this.page < page) {\n      // attach인 경우에는 records를 append한다.\n      this.records = [...this.records, ...records]\n    } else {\n      return\n    }\n\n    this.limit = limit\n    this.total = total\n    this.page = page\n\n    this.consumer &&\n      (this.consumer.data = {\n        page: this.page,\n        limit: this.limit,\n        total: this.total,\n\n        records: this.records\n      })\n  }\n}\n"]}

package/dist/src/data-report/data-report-body-style.d.ts

@@ -0,0 +1 @@
+export declare const dataReportBodyStyle: import("lit").CSSResult;