@operato/data-grist 0.2.26 → 0.2.31

package/src/data-consumer.ts

@@ -1,5 +1,3 @@
-import { GristData } from './configure/config-types'
-
 export type FetchHandler = (param?: { page?: number; limit?: number; sorters?: object[]; options?: object }) => {
   total: number
   records: object[]

package/src/data-grid/data-grid-body.ts

@@ -1,15 +1,15 @@
 import './data-grid-field'
 
-import { html, LitElement, PropertyValues } from 'lit'
+import { LitElement, PropertyValues, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
-import debounce from 'lodash-es/debounce'
 
-import { ColumnConfig, GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
-import { supportsPassive } from '../utils'
-import { dataGridBodyStyle } from './data-grid-body-style'
 import { dataGridBodyClickHandler } from './event-handlers/data-grid-body-click-handler'
 import { dataGridBodyDblclickHandler } from './event-handlers/data-grid-body-dblclick-handler'
 import { dataGridBodyKeydownHandler } from './event-handlers/data-grid-body-keydown-handler'
+import { dataGridBodyStyle } from './data-grid-body-style'
+import debounce from 'lodash-es/debounce'
+import { supportsPassive } from '../utils'
 
 const THRESHOLD = 300
 const DATA_PADDING = 3

package/src/data-grid/data-grid-field.ts

@@ -1,7 +1,7 @@
-import { css, html, LitElement, PropertyValues } from 'lit'
+import { LitElement, PropertyValues, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ColumnConfig, GristRecord, ZERO_COLUMN } from '../configure/config-types'
+import { ZERO_COLUMN } from '../configure/config-types'
 
 const DEFAULT_TEXT_ALIGN = 'left'
 

package/src/data-grid/data-grid-footer.ts

@@ -1,10 +1,9 @@
 import '@material/mwc-icon'
 
-import { css, html, LitElement } from 'lit'
+import { LitElement, css, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
 
-import { GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
-
 const DEFAULT_PAGES = [20, 30, 50, 100]
 const DEFAULT_LIMIT = 30
 

package/src/data-grid/data-grid-header.ts

@@ -1,18 +1,10 @@
 import '@material/mwc-icon'
 
-import { css, html, LitElement, PropertyValues } from 'lit'
+import { LitElement, PropertyValues, css, html } from 'lit'
+import { ZERO_COLUMNS, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { customElement, property, state } from 'lit/decorators.js'
-import throttle from 'lodash-es/throttle'
 
-import {
-  ColumnConfig,
-  GristConfig,
-  GristData,
-  SortersConfig,
-  ZERO_COLUMNS,
-  ZERO_CONFIG,
-  ZERO_DATA
-} from '../configure/config-types'
+import throttle from 'lodash-es/throttle'
 
 @customElement('ox-grid-header')
 export class DataGridHeader extends LitElement {

package/src/data-grid/data-grid.ts

@@ -2,16 +2,8 @@ import './data-grid-header'
 import './data-grid-body'
 import './data-grid-footer'
 
-import {
-  ColumnConfig,
-  GristConfig,
-  GristData,
-  GristRecord,
-  PaginationConfig,
-  ZERO_CONFIG,
-  ZERO_DATA
-} from '../configure/config-types'
 import { LitElement, PropertyValues, css, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { customElement, property, query } from 'lit/decorators.js'
 
 import { DataGridHeader } from './data-grid-header'

package/src/data-grist.ts

@@ -3,22 +3,21 @@ import './data-list/data-list'
 import './data-card/data-card'
 import './empty-note'
 
-import { css, html, LitElement, PropertyValues } from 'lit'
-import { customElement, property, query, queryAsync, state } from 'lit/decorators.js'
-import isEmpty from 'lodash-es/isEmpty'
-import isEqual from 'lodash-es/isEqual'
-
-import Headroom from '@operato/headroom'
-import { pulltorefresh } from '@operato/pull-to-refresh'
+import { DataConsumer, FetchHandler } from './data-consumer'
 import { HeadroomStyles, ScrollbarStyles, SpinnerStyles } from '@operato/styles'
+import { LitElement, PropertyValues, css, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/config-types'
+import { customElement, property, query, queryAsync, state } from 'lit/decorators.js'
 
-import { buildConfig } from './configure/config-builder'
-import { GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/config-types'
 import { DataCard } from './data-card/data-card'
-import { DataConsumer, FetchHandler } from './data-consumer'
 import { DataGrid } from './data-grid/data-grid'
 import { DataList } from './data-list/data-list'
 import { DataProvider } from './data-provider'
+import Headroom from '@operato/headroom'
+import { buildConfig } from './configure/config-builder'
+import isEmpty from 'lodash-es/isEmpty'
+import isEqual from 'lodash-es/isEqual'
+import { pulltorefresh } from '@operato/pull-to-refresh'
 
 @customElement('ox-grist')
 export class DataGrist extends LitElement implements DataConsumer {

package/src/data-list/data-list-field.ts

@@ -1,8 +1,7 @@
-import { css, html, LitElement } from 'lit'
+import { LitElement, css, html } from 'lit'
+import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
-
 @customElement('ox-list-field')
 export class DataListField extends LitElement {
   static styles = [

package/src/data-list/data-list-gutter.ts

@@ -1,8 +1,7 @@
-import { css, html, LitElement, PropertyValues } from 'lit'
+import { LitElement, PropertyValues, css, html } from 'lit'
+import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
-
 const DEFAULT_TEXT_ALIGN = 'left'
 
 @customElement('ox-list-gutter')

package/src/data-list/data-list.ts

@@ -1,8 +1,8 @@
 import '@material/mwc-icon'
 import './record-partial'
 
-import { ColumnConfig, GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { LitElement, PropertyValues, css, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
 
 import { dataListClickHandler } from './event-handlers/data-list-click-handler'

package/src/data-list/event-handlers/record-partial-click-handler.ts

@@ -1,4 +1,3 @@
-import { ColumnConfig, GristRecord } from '../../configure/config-types'
 import { RecordPartial } from '../record-partial'
 
 /**

package/src/data-list/event-handlers/record-partial-dblclick-handler.ts

@@ -1,4 +1,3 @@
-import { ColumnConfig, GristRecord } from '../../configure/config-types'
 import { RecordPartial } from '../record-partial'
 
 /**

package/src/data-list/event-handlers/record-partial-long-press-handler.ts

@@ -1,4 +1,3 @@
-import { ColumnConfig, GristRecord } from '../../configure/config-types'
 import { RecordPartial } from '../record-partial'
 
 /**

package/src/data-list/record-partial.ts

@@ -4,10 +4,10 @@ import './data-list-gutter'
 import './data-list-field'
 import '../record-view'
 
-import { css, html, LitElement, PropertyValues } from 'lit'
+import { LitElement, PropertyValues, css, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA, ZERO_RECORD } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
 
-import { GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA, ZERO_RECORD } from '../configure/config-types'
 import { recordPartialClickHandler } from './event-handlers/record-partial-click-handler'
 import { recordPartialDblClickHandler } from './event-handlers/record-partial-dblclick-handler'
 

package/src/data-provider.ts

@@ -1,8 +1,6 @@
 import { DataConsumer, FetchHandler } from './data-consumer'
-import { GristRecord, SorterConfig, ZERO_RECORDS } from './configure/config-types'
 
-import isEmpty from 'lodash-es/isEmpty'
-import isEqual from 'lodash-es/isEqual'
+import { ZERO_RECORDS } from './configure/config-types'
 
 function EMPTY_FETCHHANDLER() {
   return {

package/src/data-report/data-report-body.ts

@@ -1,13 +1,13 @@
 import './data-report-field'
 
-import { html, LitElement, PropertyValues } from 'lit'
+import { LitElement, PropertyValues, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ColumnConfig, GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
-import { dataReportBodyStyle } from './data-report-body-style'
 import { dataReportBodyClickHandler } from './event-handlers/data-report-body-click-handler'
 import { dataReportBodyDblclickHandler } from './event-handlers/data-report-body-dblclick-handler'
 import { dataReportBodyKeydownHandler } from './event-handlers/data-report-body-keydown-handler'
+import { dataReportBodyStyle } from './data-report-body-style'
 
 function calcScrollPos(parent: DataReportBody, child: Element) {
   /* getBoundingClientRect는 safari에서 스크롤 상태에서 다른 브라우저와는 다른 값을 리턴함 - 사파리는 약간 이상 작동함. */

package/src/data-report/data-report-component.ts

@@ -1,8 +1,8 @@
 import './data-report-header'
 import './data-report-body'
 
-import { ColumnConfig, GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { LitElement, PropertyValues, css, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { customElement, property, query } from 'lit/decorators.js'
 
 import { ScrollbarStyles } from '@operato/styles'

package/src/data-report/data-report-field.ts

@@ -1,8 +1,7 @@
-import { css, html, LitElement, PropertyValues } from 'lit'
+import { LitElement, PropertyValues, css, html } from 'lit'
+import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
-
 const DEFAULT_TEXT_ALIGN = 'left'
 
 @customElement('ox-report-field')

package/src/data-report/data-report-header.ts

@@ -1,9 +1,9 @@
-import { css, html, LitElement } from 'lit'
+import { LitElement, css, html } from 'lit'
+import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { customElement, property } from 'lit/decorators.js'
-import throttle from 'lodash-es/throttle'
 
-import { ColumnConfig, GristConfig, GristData, SortersConfig, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
 import { supportsPassive } from '../utils'
+import throttle from 'lodash-es/throttle'
 
 @customElement('ox-report-header')
 class DataReportHeader extends LitElement {

package/src/data-report.ts

@@ -1,24 +1,16 @@
 import './data-report/data-report-component'
 
-import {
-  GristConfig,
-  GristData,
-  GristRecord,
-  GroupConfig,
-  ZERO_CONFIG,
-  ZERO_DATA,
-  ZERO_PAGINATION
-} from './configure/config-types'
-import { HeadroomStyles, ScrollbarStyles } from '@operato/styles'
 import { LitElement, PropertyValues, css, html } from 'lit'
+import { ScrollbarStyles, SpinnerStyles } from '@operato/styles'
+import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/config-types'
 import { customElement, property, query, queryAsync, state } from 'lit/decorators.js'
 
 import { DataConsumer } from './data-consumer'
 import { DataProvider } from './data-provider'
 import { DataReportComponent } from './data-report/data-report-component'
-import { SpinnerStyles } from '@operato/styles'
 import { buildColumn } from './configure/column-builder'
 import { buildConfig } from './configure/config-builder'
+import i18next from 'i18next'
 import { pulltorefresh } from '@operato/pull-to-refresh'
 
 @customElement('ox-report')
@@ -67,6 +59,7 @@ export class DataReport extends LitElement implements DataConsumer {
   @property() fetchHandler: any
   @property() fetchOptions: any
   @property({ type: Boolean, attribute: 'auto-fetch' }) autoFetch: boolean = false
+
   @state() _data: GristData = ZERO_DATA
   @state() _config: GristConfig = ZERO_CONFIG
   @state() private _showSpinner: boolean = false
@@ -242,7 +235,14 @@ Therefore, it will be deprecated.
 
     var groupFieldsForTotalRecord: GroupConfig[] = [
       /* add a group total record to the front. */
-      { column: '*', title: 'grand total', align: 'right', rowspan: 1 },
+      {
+        column: '*',
+        title: i18next.exists('text.ox-data-report-grand-total')
+          ? i18next.t('text.ox-data-report-grand-total')
+          : 'grand total',
+        align: 'right',
+        rowspan: 1
+      },
       ...groups
     ].map(group => {
       return {
@@ -257,7 +257,7 @@ Therefore, it will be deprecated.
     let lastGroupValues
     let reportRecords = []
     let totalicRecords: { [idx: string]: GroupConfig }[] = sortedRecords[0]
-      ? (function () {
+      ? (() => {
           /* 처음 만드는 total records */
           let record = sortedRecords[0]
           let totalBase = totals.reduce((base, field) => {
@@ -295,7 +295,9 @@ Therefore, it will be deprecated.
           {
             '*': {
               titleColumn: groupFieldsForTotalRecord[0].titleColumn,
-              value: 'grand total',
+              value: i18next.exists('text.ox-data-report-grand-total')
+                ? i18next.t('text.ox-data-report-grand-total')
+                : 'grand total',
               groupName: '*',
               row: 1,
               rowspan: 1,

package/src/editors/input-editors.ts

@@ -1,7 +1,7 @@
-import { css, html, LitElement } from 'lit'
+import { LitElement, css, html } from 'lit'
+import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
 import { customElement, property, query } from 'lit/decorators.js'
 
-import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
 import { DataGridField } from '../data-grid/data-grid-field'
 
 const STYLE = css`

package/src/editors/registry.ts

@@ -15,7 +15,6 @@ import {
   TimeInput,
   WeekInput
 } from './input-editors'
-import { ColumnConfig, FieldEditor, GristRecord } from '../configure/config-types'
 
 import { DataGridField } from '../data-grid/data-grid-field'
 

package/src/empty-note.ts

@@ -1,6 +1,6 @@
 import '@material/mwc-icon'
 
-import { css, html, LitElement } from 'lit-element'
+import { LitElement, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 
 @customElement('ox-empty-note')

package/src/gutters/gutter-button.ts

@@ -1,7 +1,5 @@
 import '@material/mwc-icon'
 
-import { FieldRenderer, HeaderRenderer } from '../configure/config-types'
-
 import { html } from 'lit'
 
 export class GutterButton {

package/src/gutters/gutter-dirty.ts

@@ -1,10 +1,8 @@
 import '@material/mwc-icon'
 
-import { css, html, LitElement } from 'lit'
+import { LitElement, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ColumnConfig, FieldRenderer } from '../configure/config-types'
-
 @customElement('ox-gutter-dirty-element')
 class GutterDirtyElement extends LitElement {
   static styles = css`

package/src/gutters/gutter-row-selector.ts

@@ -1,5 +1,3 @@
-import { FieldRenderer, HeaderRenderer } from '../configure/config-types'
-
 import { DataCard } from '../data-card/data-card'
 import { DataGrid } from '../data-grid/data-grid'
 import { DataList } from '../data-list/data-list'

package/src/gutters/gutter-sequence.ts

@@ -1,5 +1,3 @@
-import { ColumnWidthCallback, FieldRenderer } from '../configure/config-types'
-
 import { DataCard } from '../data-card/data-card'
 import { DataGrid } from '../data-grid/data-grid'
 import { DataList } from '../data-list/data-list'

package/src/gutters/registry.ts

@@ -1,4 +1,3 @@
-import { ColumnConfig } from '../configure/config-types'
 import { GutterButton } from './gutter-button'
 import { GutterDirty } from './gutter-dirty'
 import { GutterRowSelector } from './gutter-row-selector'

package/src/handlers/record-view-handler.ts

@@ -1,9 +1,7 @@
 import '../record-view/record-view'
 
-import { html } from 'lit'
-
-import { ColumnConfig, GristData, GristRecord } from '../configure/config-types'
 import { DataGridField } from '../data-grid/data-grid-field'
+import { html } from 'lit'
 
 /*
  * handler들은 ox-grid-field 로부터 호출되는 것을 전제로 하며,

package/src/handlers/registry.ts

@@ -1,4 +1,3 @@
-import { GristEventHandler } from '../configure/config-types'
 import { RecordViewHandler } from './record-view-handler'
 import { SelectRow } from './select-row'
 import { SelectRowToggle } from './select-row-toggle'

package/src/handlers/select-row-toggle.ts

@@ -1,4 +1,3 @@
-import { ColumnConfig, GristData, GristRecord } from '../configure/config-types'
 import { DataGridField } from '../data-grid/data-grid-field'
 
 /*

package/src/handlers/select-row.ts

@@ -1,4 +1,3 @@
-import { ColumnConfig, GristData, GristRecord } from '../configure/config-types'
 import { DataGridField } from '../data-grid/data-grid-field'
 
 /*

package/src/record-view/record-view-body.ts

@@ -1,11 +1,11 @@
 import '@material/mwc-icon'
 import '../data-grid/data-grid-field'
 
-import { css, html, LitElement } from 'lit'
+import { LitElement, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ColumnConfig, GristRecord, ZERO_RECORD } from '../configure/config-types'
 import { DataGridField } from '../data-grid/data-grid-field'
+import { ZERO_RECORD } from '../configure/config-types'
 
 const KEY_ENTER = 13
 const KEY_ESC = 27

package/src/record-view/record-view.ts

@@ -1,10 +1,10 @@
 import '@material/mwc-icon'
 import './record-view-body'
 
-import { css, html, LitElement } from 'lit'
+import { LitElement, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ColumnConfig, GristRecord, ZERO_RECORD } from '../configure/config-types'
+import { ZERO_RECORD } from '../configure/config-types'
 
 @customElement('ox-record-view')
 export class RecordView extends LitElement {

package/src/renderers/boolean-renderer.ts

@@ -1,4 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
 import { html } from 'lit'
 
 export const BooleanRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {

package/src/renderers/color-renderer.ts

@@ -1,4 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
 import { html } from 'lit'
 
 export const ColorRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {

package/src/renderers/date-renderer.ts

@@ -1,5 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
-
 // TODO 로케일 설정에 따라서 포맷이 바뀌도록 해야한다.
 const DATETIME_OPTIONS = {
   year: 'numeric',

package/src/renderers/image-renderer.ts

@@ -1,4 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
 import { html } from 'lit'
 
 export const ImageRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {

package/src/renderers/json5-renderer.ts

@@ -1,4 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
 import JSON5 from 'json5'
 import { html } from 'lit'
 

package/src/renderers/link-renderer.ts

@@ -1,4 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
 import { html } from 'lit'
 
 export const LinkRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {

package/src/renderers/password-renderer.ts

@@ -1,5 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
-
 export const PasswordRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {
   return Array(String(value).length).fill('*').join('')
 }

package/src/renderers/progress-renderer.ts

@@ -1,8 +1,6 @@
-import { css, html, LitElement } from 'lit'
+import { LitElement, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 
-import { FieldRenderer } from '../configure/config-types'
-
 @customElement('ox-grist-progress-renderer')
 class DataGristProgressRenderer extends LitElement {
   static styles = css`

package/src/renderers/registry.ts

@@ -1,7 +1,6 @@
 import { BooleanRenderer } from './boolean-renderer'
 import { ColorRenderer } from './color-renderer'
 import { DateRenderer } from './date-renderer'
-import { FieldRenderer } from '../configure/config-types'
 import { ImageRenderer } from './image-renderer'
 import { Json5Renderer } from './json5-renderer'
 import { LinkRenderer } from './link-renderer'

package/src/renderers/select-renderer.ts

@@ -1,5 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
-
 export const SelectRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {
   if (!value) {
     return ''

package/src/renderers/text-renderer.ts

@@ -1,4 +1,3 @@
-import { FieldRenderer } from '../configure/config-types'
 import { html } from 'lit'
 
 export const TextRenderer: FieldRenderer = (value, column, record, rowIndex, field) => {