@operato/data-grist 1.12.7 → 1.13.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.13.0](https://github.com/hatiolab/operato/compare/v1.12.9...v1.13.0) (2024-01-04)
+
+
+### :rocket: New Features
+
+* accumulator의 태그 추가 ([5321c74](https://github.com/hatiolab/operato/commit/5321c74c413b3f82a6695cc2fafd037df10b0aec))
+
+
+
+### [1.12.8](https://github.com/hatiolab/operato/compare/v1.12.7...v1.12.8) (2024-01-03)
+
+
+### :bug: Bug Fix
+
+* tree-table configurations - childrenProperty, expanded ([4012e12](https://github.com/hatiolab/operato/commit/4012e12bea1c1e4fef8160775a775af5988ebd48))
+
+
+
 ### [1.12.7](https://github.com/hatiolab/operato/compare/v1.12.6...v1.12.7) (2024-01-03)
 
 

package/dist/src/accumulator/accumulator.d.ts

@@ -1,2 +1,2 @@
-import { AccumulatorFunc, ColumnConfig, GristData } from '../types';
-export declare function accumulate(data: GristData, column: ColumnConfig, accumulator: AccumulatorFunc): string | number;
+import { AccumulatorObject, ColumnConfig, GristData } from '../types';
+export declare function accumulate(data: GristData, column: ColumnConfig, accumulator: AccumulatorObject): string | number;

package/dist/src/accumulator/accumulator.js

@@ -32,6 +32,7 @@ const Accumulators = {
     max
 };
 export function accumulate(data, column, accumulator) {
+    accumulator = typeof accumulator === 'object' ? accumulator.type : accumulator;
     var func = accumulator;
     if (typeof accumulator == 'string') {
         func = Accumulators[accumulator];

package/dist/src/accumulator/accumulator.js.map

@@ -1 +1 @@
-{"version":3,"file":"accumulator.js","sourceRoot":"","sources":["../../../src/accumulator/accumulator.ts"],"names":[],"mappings":"AAEA,SAAS,GAAG,CAAC,IAAe,EAAE,MAAoB;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IAExB,OAAO,IAAI,CAAC,OAAO;SAChB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;SAC7C,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACtB,OAAO,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,CAAC,CAAA;AACT,CAAC;AAED,SAAS,GAAG,CAAC,IAAe,EAAE,MAAoB;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IACxB,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAEnF,OAAO,CACL,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACtC,OAAO,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAChC,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,IAAe,EAAE,MAAoB;IAClD,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;AAC5B,CAAC;AAED,SAAS,GAAG,CAAC,IAAe,EAAE,MAAoB;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IAExB,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CACnB,IAAI,EACJ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/F,CAAA;AACH,CAAC;AAED,SAAS,GAAG,CAAC,IAAe,EAAE,MAAoB;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IAExB,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CACnB,IAAI,EACJ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/F,CAAA;AACH,CAAC;AAED,MAAM,YAAY,GAAmF;IACnG,GAAG;IACH,GAAG;IACH,KAAK;IACL,GAAG;IACH,GAAG;CACJ,CAAA;AAED,MAAM,UAAU,UAAU,CAAC,IAAe,EAAE,MAAoB,EAAE,WAA4B;IAC5F,IAAI,IAAI,GAAG,WAAyE,CAAA;IAEpF,IAAI,OAAO,WAAW,IAAI,QAAQ,EAAE,CAAC;QACnC,IAAI,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;AACtC,CAAC","sourcesContent":["import { AccumulatorFunc, ColumnConfig, GristData } from '../types'\n\nfunction sum(data: GristData, column: ColumnConfig): number {\n  const name = column.name\n\n  return data.records\n    .filter(record => !Number.isNaN(record[name]))\n    .reduce((sum, record) => {\n      return sum + Number(record[name])\n    }, 0)\n}\n\nfunction avg(data: GristData, column: ColumnConfig): number {\n  const name = column.name\n  const effectiveRecords = data.records.filter(record => !Number.isNaN(record[name]))\n\n  return (\n    effectiveRecords.reduce((sum, record) => {\n      return sum + Number(record[name])\n    }, 0) / effectiveRecords.length\n  )\n}\n\nfunction count(data: GristData, column: ColumnConfig): number {\n  return data.records.length\n}\n\nfunction min(data: GristData, column: ColumnConfig): number {\n  const name = column.name\n\n  return Math.min.apply(\n    null,\n    data.records.filter(record => !Number.isNaN(record[name])).map(record => Number(record[name]))\n  )\n}\n\nfunction max(data: GristData, column: ColumnConfig): number {\n  const name = column.name\n\n  return Math.max.apply(\n    null,\n    data.records.filter(record => !Number.isNaN(record[name])).map(record => Number(record[name]))\n  )\n}\n\nconst Accumulators: { [name: string]: (data: GristData, column: ColumnConfig) => string | number } = {\n  sum,\n  avg,\n  count,\n  min,\n  max\n}\n\nexport function accumulate(data: GristData, column: ColumnConfig, accumulator: AccumulatorFunc) {\n  var func = accumulator as (data: GristData, column: ColumnConfig) => string | number\n\n  if (typeof accumulator == 'string') {\n    func = Accumulators[accumulator]\n  }\n\n  return func.call(null, data, column)\n}\n"]}
+{"version":3,"file":"accumulator.js","sourceRoot":"","sources":["../../../src/accumulator/accumulator.ts"],"names":[],"mappings":"AAEA,SAAS,GAAG,CAAC,IAAe,EAAE,MAAoB;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IAExB,OAAO,IAAI,CAAC,OAAO;SAChB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;SAC7C,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACtB,OAAO,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,CAAC,CAAA;AACT,CAAC;AAED,SAAS,GAAG,CAAC,IAAe,EAAE,MAAoB;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IACxB,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAEnF,OAAO,CACL,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACtC,OAAO,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAChC,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,IAAe,EAAE,MAAoB;IAClD,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;AAC5B,CAAC;AAED,SAAS,GAAG,CAAC,IAAe,EAAE,MAAoB;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IAExB,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CACnB,IAAI,EACJ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/F,CAAA;AACH,CAAC;AAED,SAAS,GAAG,CAAC,IAAe,EAAE,MAAoB;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IAExB,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CACnB,IAAI,EACJ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/F,CAAA;AACH,CAAC;AAED,MAAM,YAAY,GAAmF;IACnG,GAAG;IACH,GAAG;IACH,KAAK;IACL,GAAG;IACH,GAAG;CACJ,CAAA;AAED,MAAM,UAAU,UAAU,CAAC,IAAe,EAAE,MAAoB,EAAE,WAA8B;IAC9F,WAAW,GAAG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAA;IAC9E,IAAI,IAAI,GAAG,WAAyE,CAAA;IAEpF,IAAI,OAAO,WAAW,IAAI,QAAQ,EAAE,CAAC;QACnC,IAAI,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;AACtC,CAAC","sourcesContent":["import { AccumulatorObject, ColumnConfig, GristData } from '../types'\n\nfunction sum(data: GristData, column: ColumnConfig): number {\n  const name = column.name\n\n  return data.records\n    .filter(record => !Number.isNaN(record[name]))\n    .reduce((sum, record) => {\n      return sum + Number(record[name])\n    }, 0)\n}\n\nfunction avg(data: GristData, column: ColumnConfig): number {\n  const name = column.name\n  const effectiveRecords = data.records.filter(record => !Number.isNaN(record[name]))\n\n  return (\n    effectiveRecords.reduce((sum, record) => {\n      return sum + Number(record[name])\n    }, 0) / effectiveRecords.length\n  )\n}\n\nfunction count(data: GristData, column: ColumnConfig): number {\n  return data.records.length\n}\n\nfunction min(data: GristData, column: ColumnConfig): number {\n  const name = column.name\n\n  return Math.min.apply(\n    null,\n    data.records.filter(record => !Number.isNaN(record[name])).map(record => Number(record[name]))\n  )\n}\n\nfunction max(data: GristData, column: ColumnConfig): number {\n  const name = column.name\n\n  return Math.max.apply(\n    null,\n    data.records.filter(record => !Number.isNaN(record[name])).map(record => Number(record[name]))\n  )\n}\n\nconst Accumulators: { [name: string]: (data: GristData, column: ColumnConfig) => string | number } = {\n  sum,\n  avg,\n  count,\n  min,\n  max\n}\n\nexport function accumulate(data: GristData, column: ColumnConfig, accumulator: AccumulatorObject) {\n  accumulator = typeof accumulator === 'object' ? accumulator.type : accumulator\n  var func = accumulator as (data: GristData, column: ColumnConfig) => string | number\n\n  if (typeof accumulator == 'string') {\n    func = Accumulators[accumulator]\n  }\n\n  return func.call(null, data, column)\n}\n"]}

package/dist/src/configure/config-builder.js

@@ -4,8 +4,23 @@ import { buildListOptions } from './list-option-builder';
 import { buildTreeOptions } from './tree-option-builder';
 import { buildRowsOptions } from './rows-option-builder';
 import { buildFiltersOptions } from './filters-option-builder';
+function findLastIndexWithCondition(arr, condition) {
+    for (let i = arr.length - 1; i >= 0; i--) {
+        if (condition(arr[i])) {
+            return i;
+        }
+    }
+    return -1;
+}
 export const buildConfig = (config) => {
     var { columns = [], rows = {}, pagination, sorters, filters, list, tree, imex } = config;
+    /* 마지막 fixed 컬럼 앞의 모든 컬럼의 fixed를 true로 설정한다. */
+    const lastFixedIndex = findLastIndexWithCondition(columns, x => !!x.fixed);
+    if (lastFixedIndex >= 0) {
+        for (let i = 0; i < lastFixedIndex; i++) {
+            columns[i].fixed = true;
+        }
+    }
     return {
         ...config,
         columns: columns.map((column) => buildColumn(column)),

package/dist/src/configure/config-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-builder.js","sourceRoot":"","sources":["../../../src/configure/config-builder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAW,EAAe,EAAE;IACtD,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;IAExF,OAAO;QACL,GAAG,MAAM;QACT,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC1D,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC5B,UAAU;QACV,OAAO;QACP,OAAO,EAAE,mBAAmB,CAAC,OAAO,CAAC;QACrC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC5B,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC5B,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;KAC7B,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { GristConfig } from '../types'\nimport { buildColumn } from './column-builder'\nimport { buildImexOptions } from './imex-option-builder'\nimport { buildListOptions } from './list-option-builder'\nimport { buildTreeOptions } from './tree-option-builder'\nimport { buildRowsOptions } from './rows-option-builder'\nimport { buildFiltersOptions } from './filters-option-builder'\n\nexport const buildConfig = (config: any): GristConfig => {\n  var { columns = [], rows = {}, pagination, sorters, filters, list, tree, imex } = config\n\n  return {\n    ...config,\n    columns: columns.map((column: any) => buildColumn(column)),\n    rows: buildRowsOptions(rows),\n    pagination,\n    sorters,\n    filters: buildFiltersOptions(filters),\n    list: buildListOptions(list),\n    tree: buildTreeOptions(tree),\n    imex: buildImexOptions(imex)\n  }\n}\n"]}
+{"version":3,"file":"config-builder.js","sourceRoot":"","sources":["../../../src/configure/config-builder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,SAAS,0BAA0B,CAAC,GAAmB,EAAE,SAAuC;IAC9F,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtB,OAAO,CAAC,CAAA;QACV,CAAC;IACH,CAAC;IACD,OAAO,CAAC,CAAC,CAAA;AACX,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAW,EAAe,EAAE;IACtD,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;IAExF,+CAA+C;IAC/C,MAAM,cAAc,GAAG,0BAA0B,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IAC1E,IAAI,cAAc,IAAI,CAAC,EAAE,CAAC;QACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,EAAE,EAAE,CAAC;YACxC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAA;QACzB,CAAC;IACH,CAAC;IAED,OAAO;QACL,GAAG,MAAM;QACT,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC1D,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC5B,UAAU;QACV,OAAO;QACP,OAAO,EAAE,mBAAmB,CAAC,OAAO,CAAC;QACrC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC5B,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC5B,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;KAC7B,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { GristConfig, ColumnConfig } from '../types'\nimport { buildColumn } from './column-builder'\nimport { buildImexOptions } from './imex-option-builder'\nimport { buildListOptions } from './list-option-builder'\nimport { buildTreeOptions } from './tree-option-builder'\nimport { buildRowsOptions } from './rows-option-builder'\nimport { buildFiltersOptions } from './filters-option-builder'\n\nfunction findLastIndexWithCondition(arr: ColumnConfig[], condition: (x: ColumnConfig) => boolean) {\n  for (let i = arr.length - 1; i >= 0; i--) {\n    if (condition(arr[i])) {\n      return i\n    }\n  }\n  return -1\n}\n\nexport const buildConfig = (config: any): GristConfig => {\n  var { columns = [], rows = {}, pagination, sorters, filters, list, tree, imex } = config\n\n  /* 마지막 fixed 컬럼 앞의 모든 컬럼의 fixed를 true로 설정한다. */\n  const lastFixedIndex = findLastIndexWithCondition(columns, x => !!x.fixed)\n  if (lastFixedIndex >= 0) {\n    for (let i = 0; i < lastFixedIndex; i++) {\n      columns[i].fixed = true\n    }\n  }\n\n  return {\n    ...config,\n    columns: columns.map((column: any) => buildColumn(column)),\n    rows: buildRowsOptions(rows),\n    pagination,\n    sorters,\n    filters: buildFiltersOptions(filters),\n    list: buildListOptions(list),\n    tree: buildTreeOptions(tree),\n    imex: buildImexOptions(imex)\n  }\n}\n"]}

package/dist/src/configure/tree-option-builder.js

@@ -1,7 +1,18 @@
+const CollapsedAll = () => false;
+const ExpandedAll = () => true;
 export const buildTreeOptions = (tree) => {
+    var { expanded = CollapsedAll } = tree || {};
+    switch (expanded) {
+        case true:
+            expanded = ExpandedAll;
+            break;
+        case false:
+            expanded = CollapsedAll;
+            break;
+    }
     return {
-        childrenProperty: 'children',
-        ...tree
+        ...tree,
+        expanded
     };
 };
 //# sourceMappingURL=tree-option-builder.js.map

package/dist/src/configure/tree-option-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-option-builder.js","sourceRoot":"","sources":["../../../src/configure/tree-option-builder.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAA4B,EAAc,EAAE;IAC3E,OAAO;QACL,gBAAgB,EAAE,UAAU;QAC5B,GAAG,IAAI;KACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { TreeConfig } from '../types'\n\nexport const buildTreeOptions = (tree: TreeConfig | undefined): TreeConfig => {\n  return {\n    childrenProperty: 'children',\n    ...tree\n  }\n}\n"]}
+{"version":3,"file":"tree-option-builder.js","sourceRoot":"","sources":["../../../src/configure/tree-option-builder.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;AAChC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;AAE9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAA4B,EAAc,EAAE;IAC3E,IAAI,EAAE,QAAQ,GAAG,YAAY,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;IAE5C,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,IAAI;YACP,QAAQ,GAAG,WAAW,CAAA;YACtB,MAAK;QACP,KAAK,KAAK;YACR,QAAQ,GAAG,YAAY,CAAA;YACvB,MAAK;IACT,CAAC;IAED,OAAO;QACL,GAAG,IAAI;QACP,QAAQ;KACT,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { TreeConfig } from '../types'\n\nconst CollapsedAll = () => false\nconst ExpandedAll = () => true\n\nexport const buildTreeOptions = (tree: TreeConfig | undefined): TreeConfig => {\n  var { expanded = CollapsedAll } = tree || {}\n\n  switch (expanded) {\n    case true:\n      expanded = ExpandedAll\n      break\n    case false:\n      expanded = CollapsedAll\n      break\n  }\n\n  return {\n    ...tree,\n    expanded\n  }\n}\n"]}

package/dist/src/configure/zero-config.js

@@ -34,9 +34,7 @@ export const ZERO_LIST = {
     fields: ['name', 'description', 'updatedAt'],
     details: []
 };
-export const ZERO_TREE = {
-    childrenProperty: 'children'
-};
+export const ZERO_TREE = {};
 export const ZERO_CONFIG = {
     columns: ZERO_COLUMNS,
     rows: ZERO_ROWS,

package/dist/src/configure/zero-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"zero-config.js","sourceRoot":"","sources":["../../../src/configure/zero-config.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAE,CAAC,CAAA;AACxE,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAE,CAAC,CAAA;AAEhG,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;CACpB,CAAA;AACD,MAAM,CAAC,MAAM,YAAY,GAAmB,EAAE,CAAA;AAC9C,MAAM,CAAC,MAAM,WAAW,GAAkB,EAAE,CAAA;AAC5C,MAAM,CAAC,MAAM,WAAW,GAAO,EAAE,CAAA;AACjC,MAAM,CAAC,MAAM,UAAU,GAAgB,KAAK,CAAA;AAE5C,MAAM,CAAC,MAAM,WAAW,GAAiB;IACvC,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC,EAAE,GAAE,CAAC;KACvB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,mBAAmB;QAC7B,UAAU,EAAE,eAAe;QAC3B,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,oBAAoB;IAC9B,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,eAAe;IAC3B,QAAQ,EAAE,oBAAoB;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC;IAC5C,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,gBAAgB,EAAE,UAAU;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgB,EAAE,CAAA;AAC1C,MAAM,CAAC,MAAM,YAAY,GAAkB,EAAE,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,OAAO,EAAE,YAAY;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,UAAU;CAClB,CAAA","sourcesContent":["import {\n  ColumnConfig,\n  FieldRenderer,\n  GristClassifier,\n  GristConfig,\n  GristData,\n  GristEventHandlerSet,\n  GristRecord,\n  GroupConfig,\n  LabelConfig,\n  ListConfig,\n  TreeConfig,\n  RowsConfig\n} from '../types'\n\nexport const ZERO_CLASSIFIER: GristClassifier = (record, rowIndex) => {}\nexport const ZERO_FIELD_RENDERER: FieldRenderer = (value, column, record, rowIndex, owner) => {}\n\nexport const ZERO_EVENTHANDLERSET: GristEventHandlerSet = {\n  click: undefined,\n  dblclick: undefined\n}\nexport const ZERO_COLUMNS: ColumnConfig[] = []\nexport const ZERO_GROUPS: GroupConfig[] = []\nexport const ZERO_TOTALS: [] = []\nexport const ZERO_LABEL: LabelConfig = false\n\nexport const ZERO_COLUMN: ColumnConfig = {\n  type: '',\n  name: '',\n  header: {\n    renderer: column => {}\n  },\n  record: {\n    renderer: ZERO_FIELD_RENDERER,\n    classifier: ZERO_CLASSIFIER,\n    options: {}\n  },\n  handlers: ZERO_EVENTHANDLERSET,\n  label: ZERO_LABEL\n}\n\nexport const ZERO_ROWS: RowsConfig = {\n  appendable: false,\n  insertable: false,\n  groups: ZERO_GROUPS,\n  totals: ZERO_TOTALS,\n  classifier: ZERO_CLASSIFIER,\n  handlers: ZERO_EVENTHANDLERSET\n}\n\nexport const ZERO_LIST: ListConfig = {\n  fields: ['name', 'description', 'updatedAt'],\n  details: []\n}\n\nexport const ZERO_TREE: TreeConfig = {\n  childrenProperty: 'children'\n}\n\nexport const ZERO_CONFIG: GristConfig = {\n  columns: ZERO_COLUMNS,\n  rows: ZERO_ROWS,\n  list: ZERO_LIST,\n  tree: ZERO_TREE\n}\n\nexport const ZERO_RECORD: GristRecord = {}\nexport const ZERO_RECORDS: GristRecord[] = []\n\nexport const ZERO_DATA: GristData = {\n  records: ZERO_RECORDS\n}\n\nexport const ZERO_PAGES = [20, 30, 50, 100]\n\nexport const ZERO_PAGINATION = {\n  page: 1,\n  limit: 20,\n  total: 0,\n  pages: ZERO_PAGES\n}\n"]}
+{"version":3,"file":"zero-config.js","sourceRoot":"","sources":["../../../src/configure/zero-config.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAE,CAAC,CAAA;AACxE,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAE,CAAC,CAAA;AAEhG,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;CACpB,CAAA;AACD,MAAM,CAAC,MAAM,YAAY,GAAmB,EAAE,CAAA;AAC9C,MAAM,CAAC,MAAM,WAAW,GAAkB,EAAE,CAAA;AAC5C,MAAM,CAAC,MAAM,WAAW,GAAO,EAAE,CAAA;AACjC,MAAM,CAAC,MAAM,UAAU,GAAgB,KAAK,CAAA;AAE5C,MAAM,CAAC,MAAM,WAAW,GAAiB;IACvC,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC,EAAE,GAAE,CAAC;KACvB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,mBAAmB;QAC7B,UAAU,EAAE,eAAe;QAC3B,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,oBAAoB;IAC9B,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,eAAe;IAC3B,QAAQ,EAAE,oBAAoB;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC;IAC5C,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe,EAAE,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgB,EAAE,CAAA;AAC1C,MAAM,CAAC,MAAM,YAAY,GAAkB,EAAE,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,OAAO,EAAE,YAAY;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,UAAU;CAClB,CAAA","sourcesContent":["import {\n  ColumnConfig,\n  FieldRenderer,\n  GristClassifier,\n  GristConfig,\n  GristData,\n  GristEventHandlerSet,\n  GristRecord,\n  GroupConfig,\n  LabelConfig,\n  ListConfig,\n  TreeConfig,\n  RowsConfig\n} from '../types'\n\nexport const ZERO_CLASSIFIER: GristClassifier = (record, rowIndex) => {}\nexport const ZERO_FIELD_RENDERER: FieldRenderer = (value, column, record, rowIndex, owner) => {}\n\nexport const ZERO_EVENTHANDLERSET: GristEventHandlerSet = {\n  click: undefined,\n  dblclick: undefined\n}\nexport const ZERO_COLUMNS: ColumnConfig[] = []\nexport const ZERO_GROUPS: GroupConfig[] = []\nexport const ZERO_TOTALS: [] = []\nexport const ZERO_LABEL: LabelConfig = false\n\nexport const ZERO_COLUMN: ColumnConfig = {\n  type: '',\n  name: '',\n  header: {\n    renderer: column => {}\n  },\n  record: {\n    renderer: ZERO_FIELD_RENDERER,\n    classifier: ZERO_CLASSIFIER,\n    options: {}\n  },\n  handlers: ZERO_EVENTHANDLERSET,\n  label: ZERO_LABEL\n}\n\nexport const ZERO_ROWS: RowsConfig = {\n  appendable: false,\n  insertable: false,\n  groups: ZERO_GROUPS,\n  totals: ZERO_TOTALS,\n  classifier: ZERO_CLASSIFIER,\n  handlers: ZERO_EVENTHANDLERSET\n}\n\nexport const ZERO_LIST: ListConfig = {\n  fields: ['name', 'description', 'updatedAt'],\n  details: []\n}\n\nexport const ZERO_TREE: TreeConfig = {}\n\nexport const ZERO_CONFIG: GristConfig = {\n  columns: ZERO_COLUMNS,\n  rows: ZERO_ROWS,\n  list: ZERO_LIST,\n  tree: ZERO_TREE\n}\n\nexport const ZERO_RECORD: GristRecord = {}\nexport const ZERO_RECORDS: GristRecord[] = []\n\nexport const ZERO_DATA: GristData = {\n  records: ZERO_RECORDS\n}\n\nexport const ZERO_PAGES = [20, 30, 50, 100]\n\nexport const ZERO_PAGINATION = {\n  page: 1,\n  limit: 20,\n  total: 0,\n  pages: ZERO_PAGES\n}\n"]}

package/dist/src/data-grid/data-grid-accum-field.js

@@ -3,6 +3,7 @@ import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { TooltipStyles } from '@operato/styles';
 import { ZERO_COLUMN } from '../configure/zero-config';
+import { i18next } from '@operato/i18n';
 const DEFAULT_TEXT_ALIGN = 'left';
 let DataGridAccumField = class DataGridAccumField extends LitElement {
     constructor() {
@@ -22,6 +23,11 @@ let DataGridAccumField = class DataGridAccumField extends LitElement {
         }
         var { value, column, record, rowIndex } = this;
         var { renderer } = column.record;
+        // tag가 true이면 value 앞에 (sum) 같은 태그 생성
+        var { accumulator } = column;
+        if (typeof accumulator === 'object' && typeof accumulator.type === 'string' && (accumulator === null || accumulator === void 0 ? void 0 : accumulator.tag)) {
+            value = `(${i18next.t(`label.accumulator_${accumulator.type}`)}) ${value}`;
+        }
         return html `${renderer === null || renderer === void 0 ? void 0 : renderer.call(this, value, column, record, rowIndex, this)}`;
     }
     updated(changes) {

package/dist/src/data-grid/data-grid-accum-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-accum-field.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid-accum-field.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, PropertyValues, TemplateResult, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { TooltipStyles } from '@operato/styles'\n\nimport { ZERO_COLUMN } from '../configure/zero-config'\nimport { ColumnConfig, GristRecord } from '../types'\n\nconst DEFAULT_TEXT_ALIGN = 'left'\n\n@customElement('ox-grid-accum-field')\nexport class DataGridAccumField extends LitElement {\n  static styles = [\n    TooltipStyles,\n    css`\n      :host {\n        display: flex;\n\n        align-items: center;\n        justify-content: var(--data-grid-field-justify-content, flex-start);\n        position: relative;\n\n        white-space: nowrap;\n        background-color: var(--grid-accum-record-background-color, #ccc);\n        border: 1px solid transparent;\n        border-width: 1px 0;\n        border-bottom: var(--grid-record-border-bottom);\n\n        font-size: var(--grid-record-wide-fontsize);\n        min-height: 19px;\n      }\n\n      span,\n      pre {\n        display: block;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n\n      * {\n        margin: 0;\n        text-align: var(--data-grid-field-text-align);\n      }\n\n      *[center] {\n        flex: none;\n        margin: 0 auto;\n      }\n    `\n  ]\n\n  @property({ type: String, attribute: true }) align = DEFAULT_TEXT_ALIGN\n  @property({ type: Object }) record: GristRecord = {}\n  @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n  @property({ type: Number }) rowIndex = -1\n  @property({ type: Number }) columnIndex = 0\n  @property({ type: Boolean }) editing = false\n  @property({ type: Object }) value = {}\n  @property({ attribute: false }) emphasized: any = false\n\n  render(): TemplateResult {\n    if (!this.column || !this.column.accumulator) {\n      return this.columnIndex == 0 ? html`<mwc-icon>functions</mwc-icon>` : html`${nothing}`\n    }\n\n    var { value, column, record, rowIndex } = this\n    var { renderer } = column.record\n\n    return html`${renderer?.call(this, value, column, record, rowIndex, this)}`\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('column')) {\n      var align = this.column.record.align || DEFAULT_TEXT_ALIGN\n      if (align != DEFAULT_TEXT_ALIGN) {\n        let justify = 'center'\n        switch (align) {\n          case 'right':\n            justify = 'flex-end'\n            break\n        }\n        this.style.setProperty('--data-grid-field-justify-content', justify)\n        this.style.setProperty('--data-grid-field-text-align', align)\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"data-grid-accum-field.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid-accum-field.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, PropertyValues, TemplateResult, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { TooltipStyles } from '@operato/styles'\n\nimport { ZERO_COLUMN } from '../configure/zero-config'\nimport { AccumulatorObject, ColumnConfig, GristRecord } from '../types'\nimport { i18next } from '@operato/i18n'\n\nconst DEFAULT_TEXT_ALIGN = 'left'\n\n@customElement('ox-grid-accum-field')\nexport class DataGridAccumField extends LitElement {\n  static styles = [\n    TooltipStyles,\n    css`\n      :host {\n        display: flex;\n\n        align-items: center;\n        justify-content: var(--data-grid-field-justify-content, flex-start);\n        position: relative;\n\n        white-space: nowrap;\n        background-color: var(--grid-accum-record-background-color, #ccc);\n        border: 1px solid transparent;\n        border-width: 1px 0;\n        border-bottom: var(--grid-record-border-bottom);\n\n        font-size: var(--grid-record-wide-fontsize);\n        min-height: 19px;\n      }\n\n      span,\n      pre {\n        display: block;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n\n      * {\n        margin: 0;\n        text-align: var(--data-grid-field-text-align);\n      }\n\n      *[center] {\n        flex: none;\n        margin: 0 auto;\n      }\n    `\n  ]\n\n  @property({ type: String, attribute: true }) align = DEFAULT_TEXT_ALIGN\n  @property({ type: Object }) record: GristRecord = {}\n  @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n  @property({ type: Number }) rowIndex = -1\n  @property({ type: Number }) columnIndex = 0\n  @property({ type: Boolean }) editing = false\n  @property({ type: Object }) value = {}\n  @property({ attribute: false }) emphasized: any = false\n\n  render(): TemplateResult {\n    if (!this.column || !this.column.accumulator) {\n      return this.columnIndex == 0 ? html`<mwc-icon>functions</mwc-icon>` : html`${nothing}`\n    }\n\n    var { value, column, record, rowIndex } = this\n    var { renderer } = column.record\n\n    // tag가 true이면 value 앞에 (sum) 같은 태그 생성\n    var { accumulator } = column\n    if (typeof accumulator === 'object' && typeof accumulator.type === 'string' && accumulator?.tag) {\n      value = `(${i18next.t(`label.accumulator_${accumulator.type}`)}) ${value}`\n    }\n\n    return html`${renderer?.call(this, value, column, record, rowIndex, this)}`\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('column')) {\n      var align = this.column.record.align || DEFAULT_TEXT_ALIGN\n      if (align != DEFAULT_TEXT_ALIGN) {\n        let justify = 'center'\n        switch (align) {\n          case 'right':\n            justify = 'flex-end'\n            break\n        }\n        this.style.setProperty('--data-grid-field-justify-content', justify)\n        this.style.setProperty('--data-grid-field-text-align', align)\n      }\n    }\n  }\n}\n"]}

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

@@ -34,7 +34,6 @@ export declare class DataGrist extends LitElement implements DataConsumer {
     private orginPaddingTop?;
     private originMarginTop?;
     private lastLocation;
-    private childrenProperty?;
     private popstateEventHandler;
     private fetchParamsChangeEventHandler;
     firstUpdated(): Promise<void>;
@@ -46,9 +45,6 @@ export declare class DataGrist extends LitElement implements DataConsumer {
     private setHeadroom;
     render(): import("lit").TemplateResult<1>;
     private onKeydown;
-    private onCollapsed;
-    private onExpanded;
-    private onCheckInTree;
     get state(): string;
     undo(): void;
     redo(): void;
@@ -80,7 +76,6 @@ export declare class DataGrist extends LitElement implements DataConsumer {
     showHeadroom(): void;
     hideHeadroom(): void;
     toggleHeadroom(): void;
-    traverse(record: GristRecord, __depth__?: number): GristRecord[];
     /**
      * 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.
@@ -96,6 +91,8 @@ export declare class DataGrist extends LitElement implements DataConsumer {
      * TODO tree 형태의 데이타로 _data를 만들 때, children, collapsed 등을 감안한다.
      */
     reset(): void;
+    private traverseReset;
+    private traverseExpanded;
     checkDirties(): void;
     cloneSelectedRecords(): void;
     deleteSelectedRecords(dirty?: boolean): void;

package/dist/src/data-grist.js

@@ -122,7 +122,6 @@ let DataGrist = class DataGrist extends LitElement {
             composed: true,
             detail: this.compiledConfig
         }));
-        this.childrenProperty = this.compiledConfig.tree.childrenProperty;
         this.pagination = this.compiledConfig.pagination || {};
         if (!this.urlParamsSensitive) {
             const sorters = (_a = this.compiledConfig) === null || _a === void 0 ? void 0 : _a.sorters;
@@ -181,13 +180,7 @@ let DataGrist = class DataGrist extends LitElement {
     render() {
         const empty = !this._showSpinner && this._data.records.length == 0;
         return html `
-      <div
-        id="wrap"
-        @keydown=${(e) => this.onKeydown(e)}
-        @collapsed=${(e) => this.onCollapsed(e)}
-        @expanded=${(e) => this.onExpanded(e)}
-        @check-in-tree=${(e) => this.onCheckInTree(e)}
-      >
+      <div id="wrap" @keydown=${(e) => this.onKeydown(e)}>
         ${this.mode == 'GRID'
             ? html `
               <ox-grid
@@ -242,68 +235,21 @@ let DataGrist = class DataGrist extends LitElement {
             }
         }
     }
-    onCollapsed(e) {
-        const record = e.detail;
-        record.__expanded__ = false;
-        this.refresh();
-    }
-    onExpanded(e) {
-        const record = e.detail;
-        record.__expanded__ = true;
-        this.refresh();
-    }
-    onCheckInTree(e) {
-        const self = this;
-        function walkTreeCheckedUpdate(record, checked) {
-            const children = record[self.childrenProperty];
-            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 상태를 수정한다. */
-            var children = record[self.childrenProperty];
-            if (!children || children.length == 0) {
-                return;
-            }
-            children.forEach(child => updateCheckedAll(child));
-            var checked;
-            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 ? '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();
-    }
     get state() {
-        return JSON.stringify(this._data);
+        return JSON.stringify(this.dirtyData);
     }
     undo() {
         var _a, _b;
-        if (!((_a = this.timeCapsule) === null || _a === void 0 ? void 0 : _a.backwardable))
+        if (!((_a = this.timeCapsule) === null || _a === void 0 ? void 0 : _a.backwardable)) {
             return;
+        }
         this._data = JSON.parse((_b = this.timeCapsule) === null || _b === void 0 ? void 0 : _b.backward());
     }
     redo() {
         var _a, _b;
-        if (!((_a = this.timeCapsule) === null || _a === void 0 ? void 0 : _a.forwardable))
+        if (!((_a = this.timeCapsule) === null || _a === void 0 ? void 0 : _a.forwardable)) {
             return;
+        }
         this._data = JSON.parse((_b = this.timeCapsule) === null || _b === void 0 ? void 0 : _b.forward());
     }
     async fetch(reset = true) {
@@ -371,7 +317,7 @@ let DataGrist = class DataGrist extends LitElement {
         if (changes.has('selectedRecords')) {
             var { records } = this.data || [];
             var selectedRecords = this.selectedRecords || [];
-            var _records = this._data.records;
+            var _records = this.dirtyData.records;
             /* 원본데이타에서 index를 찾아서, 복사본 데이타의 selected를 설정한다. */
             selectedRecords.forEach(selected => {
                 var index = records.indexOf(selected);
@@ -495,6 +441,7 @@ let DataGrist = class DataGrist extends LitElement {
                 delete copied.__depth__;
                 delete copied.__expanded__;
                 delete copied.__check_in_tree__;
+                delete copied.__children__;
                 delete copied.__typename;
                 return copied;
             })
@@ -519,16 +466,6 @@ let DataGrist = class DataGrist extends LitElement {
             this.setHeadroom();
         }
     }
-    traverse(record, __depth__ = 0) {
-        const children = record[this.childrenProperty];
-        record.__depth__ = __depth__;
-        if (record.__expanded__ && children) {
-            return [record].concat(...children.map(child => this.traverse(child, __depth__ + 1)));
-        }
-        else {
-            return [record];
-        }
-    }
     /**
      * 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.
@@ -536,20 +473,7 @@ let DataGrist = class DataGrist extends LitElement {
      * @method
      */
     refresh() {
-        /*
-        - TODO 여기에서 TREE 형태 데이터의 접고, 펴는 것을 재구성한다.
-        - 동적으로 서브항목을 fetch 하는 기능은 제공하지 않는다.
-    
-        1. 빈배열에서 시작한다.
-        2. 기존 배열을 traverse하면서, collapsed 여부에 따라서, 자식의 포함여부를 결정하고 준비한 배열에 하나씩 추가한다.
-    
-        */
-        const { records } = this._data;
-        const toplevelRecords = records.filter(record => !record.__depth__); /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */
-        this._data = {
-            ...this._data,
-            records: [].concat(...toplevelRecords.map(record => this.traverse(record)))
-        };
+        this.grist.refresh();
     }
     /**
      * This method cancels all changes in the dirty state before being reflected in the data.
@@ -561,15 +485,12 @@ let DataGrist = class DataGrist extends LitElement {
     reset() {
         var _a, _b;
         var { limit = ZERO_PAGINATION.limit, page = ZERO_PAGINATION.page, total = ZERO_PAGINATION.total, records = [] } = this.data || ZERO_PAGINATION;
+        const { childrenProperty, expanded } = this.compiledConfig.tree;
         /* 원본 데이타를 남기고, 복사본(_data)을 사용한다. */
-        records = [].concat(...records.map(record => this.traverse(record)));
-        records = records.map((record, idx) => {
-            return {
-                ...record,
-                __seq__: this.mode == 'GRID' ? (page - 1) * limit + idx + 1 : idx + 1,
-                __origin__: record
-            };
-        });
+        records = [].concat(...records.map((record, idx) => this.traverseReset(record, this.mode == 'GRID' ? (page - 1) * limit + idx + 1 : idx + 1, 0, childrenProperty, expanded)));
+        if (childrenProperty) {
+            records = [].concat(...records.map(record => this.traverseExpanded(record)));
+        }
         this._data = {
             limit,
             page,
@@ -579,6 +500,29 @@ let DataGrist = class DataGrist extends LitElement {
         (_a = this.timeCapsule) === null || _a === void 0 ? void 0 : _a.reset();
         (_b = this.snapshotTaker) === null || _b === void 0 ? void 0 : _b.take(true);
     }
+    traverseReset(record, seq, __depth__, childrenProperty, expanded) {
+        const copied = {
+            ...record,
+            __seq__: seq,
+            __origin__: record
+        };
+        if (childrenProperty) {
+            const children = record[childrenProperty];
+            const __expanded__ = expanded(record);
+            const __children__ = (children || []).map(child => this.traverseReset(child, seq, __depth__ + 1, childrenProperty, expanded));
+            Object.assign(copied, { __depth__, __children__, __expanded__ });
+        }
+        return copied;
+    }
+    traverseExpanded(record) {
+        const { __expanded__, __children__ = [] } = record;
+        if (__expanded__ && __children__.length > 0) {
+            return [record].concat(...__children__.map(child => this.traverseExpanded(child)));
+        }
+        else {
+            return [record];
+        }
+    }
     checkDirties() {
         var _a;
         const records = this.dirtyRecords;
@@ -599,7 +543,7 @@ let DataGrist = class DataGrist extends LitElement {
                 delete record['__dirty__'];
             }
         }
-        this._data = { ...this._data };
+        this._data = { ...this.dirtyData };
         (_a = this.snapshotTaker) === null || _a === void 0 ? void 0 : _a.touch();
     }
     cloneSelectedRecords() {
@@ -613,8 +557,8 @@ let DataGrist = class DataGrist extends LitElement {
                 .forEach(column => {
                 cloned[column.name] = record[column.name];
             });
-            const rowIndex = this._data.records.findIndex(rec => rec === record);
-            this._data.records.splice(rowIndex + 1, 0, cloned);
+            const rowIndex = this.dirtyData.records.findIndex(rec => rec === record);
+            this.dirtyData.records.splice(rowIndex + 1, 0, cloned);
         });
         this.checkDirties();
     }
@@ -624,10 +568,8 @@ let DataGrist = class DataGrist extends LitElement {
             if (dirty) {
                 record.__dirty__ = '-';
             }
-            else {
-            }
-            const rowIndex = this._data.records.findIndex(rec => rec === record);
-            this._data.records.splice(rowIndex, 1);
+            const rowIndex = this.dirtyData.records.findIndex(rec => rec === record);
+            this.dirtyData.records.splice(rowIndex, 1);
         });
         this.checkDirties();
     }