@operato/data-grist 0.2.30 → 0.2.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (189) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/custom-elements.json +6 -0
  3. package/dist/src/configure/column-builder.d.ts +0 -1
  4. package/dist/src/configure/column-builder.js.map +1 -1
  5. package/dist/src/configure/config-builder.d.ts +0 -1
  6. package/dist/src/configure/config-builder.js.map +1 -1
  7. package/dist/src/configure/config-types.d.ts +0 -121
  8. package/dist/src/configure/config-types.js.map +1 -1
  9. package/dist/src/configure/imex-option-builder.d.ts +0 -1
  10. package/dist/src/configure/imex-option-builder.js.map +1 -1
  11. package/dist/src/configure/list-option-builder.d.ts +0 -1
  12. package/dist/src/configure/list-option-builder.js.map +1 -1
  13. package/dist/src/configure/rows-option-builder.d.ts +0 -1
  14. package/dist/src/configure/rows-option-builder.js.map +1 -1
  15. package/dist/src/data-card/data-card-field.d.ts +0 -1
  16. package/dist/src/data-card/data-card-field.js +2 -2
  17. package/dist/src/data-card/data-card-field.js.map +1 -1
  18. package/dist/src/data-card/data-card-gutter-menu.js +1 -1
  19. package/dist/src/data-card/data-card-gutter-menu.js.map +1 -1
  20. package/dist/src/data-card/data-card-gutter.js +2 -2
  21. package/dist/src/data-card/data-card-gutter.js.map +1 -1
  22. package/dist/src/data-card/data-card.d.ts +0 -1
  23. package/dist/src/data-card/data-card.js +2 -2
  24. package/dist/src/data-card/data-card.js.map +1 -1
  25. package/dist/src/data-card/event-handlers/record-card-click-handler.js.map +1 -1
  26. package/dist/src/data-card/event-handlers/record-card-dblclick-handler.js.map +1 -1
  27. package/dist/src/data-card/record-card.d.ts +0 -1
  28. package/dist/src/data-card/record-card.js +2 -2
  29. package/dist/src/data-card/record-card.js.map +1 -1
  30. package/dist/src/data-consumer.d.ts +0 -1
  31. package/dist/src/data-consumer.js.map +1 -1
  32. package/dist/src/data-grid/data-grid-body.d.ts +0 -1
  33. package/dist/src/data-grid/data-grid-body.js +5 -5
  34. package/dist/src/data-grid/data-grid-body.js.map +1 -1
  35. package/dist/src/data-grid/data-grid-field.d.ts +0 -1
  36. package/dist/src/data-grid/data-grid-field.js +1 -1
  37. package/dist/src/data-grid/data-grid-field.js.map +1 -1
  38. package/dist/src/data-grid/data-grid-footer.d.ts +0 -1
  39. package/dist/src/data-grid/data-grid-footer.js +2 -2
  40. package/dist/src/data-grid/data-grid-footer.js.map +1 -1
  41. package/dist/src/data-grid/data-grid-header.d.ts +0 -1
  42. package/dist/src/data-grid/data-grid-header.js +2 -2
  43. package/dist/src/data-grid/data-grid-header.js.map +1 -1
  44. package/dist/src/data-grid/data-grid.d.ts +0 -1
  45. package/dist/src/data-grid/data-grid.js +1 -1
  46. package/dist/src/data-grid/data-grid.js.map +1 -1
  47. package/dist/src/data-grist.d.ts +1 -2
  48. package/dist/src/data-grist.js +6 -6
  49. package/dist/src/data-grist.js.map +1 -1
  50. package/dist/src/data-list/data-list-field.d.ts +0 -1
  51. package/dist/src/data-list/data-list-field.js +2 -2
  52. package/dist/src/data-list/data-list-field.js.map +1 -1
  53. package/dist/src/data-list/data-list-gutter.js +2 -2
  54. package/dist/src/data-list/data-list-gutter.js.map +1 -1
  55. package/dist/src/data-list/data-list.d.ts +0 -1
  56. package/dist/src/data-list/data-list.js +1 -1
  57. package/dist/src/data-list/data-list.js.map +1 -1
  58. package/dist/src/data-list/event-handlers/record-partial-click-handler.js.map +1 -1
  59. package/dist/src/data-list/event-handlers/record-partial-dblclick-handler.js.map +1 -1
  60. package/dist/src/data-list/event-handlers/record-partial-long-press-handler.js.map +1 -1
  61. package/dist/src/data-list/record-partial.d.ts +0 -1
  62. package/dist/src/data-list/record-partial.js +2 -2
  63. package/dist/src/data-list/record-partial.js.map +1 -1
  64. package/dist/src/data-provider.d.ts +0 -1
  65. package/dist/src/data-provider.js.map +1 -1
  66. package/dist/src/data-report/data-report-body.d.ts +0 -1
  67. package/dist/src/data-report/data-report-body.js +3 -3
  68. package/dist/src/data-report/data-report-body.js.map +1 -1
  69. package/dist/src/data-report/data-report-component.d.ts +0 -1
  70. package/dist/src/data-report/data-report-component.js +1 -1
  71. package/dist/src/data-report/data-report-component.js.map +1 -1
  72. package/dist/src/data-report/data-report-field.d.ts +0 -1
  73. package/dist/src/data-report/data-report-field.js +2 -2
  74. package/dist/src/data-report/data-report-field.js.map +1 -1
  75. package/dist/src/data-report/data-report-header.js +3 -3
  76. package/dist/src/data-report/data-report-header.js.map +1 -1
  77. package/dist/src/data-report.d.ts +0 -1
  78. package/dist/src/data-report.js +1 -1
  79. package/dist/src/data-report.js.map +1 -1
  80. package/dist/src/editors/input-editors.d.ts +0 -1
  81. package/dist/src/editors/input-editors.js +2 -2
  82. package/dist/src/editors/input-editors.js.map +1 -1
  83. package/dist/src/editors/registry.d.ts +0 -1
  84. package/dist/src/editors/registry.js.map +1 -1
  85. package/dist/src/gutters/gutter-button.js.map +1 -1
  86. package/dist/src/gutters/gutter-dirty.d.ts +0 -1
  87. package/dist/src/gutters/gutter-dirty.js +1 -1
  88. package/dist/src/gutters/gutter-dirty.js.map +1 -1
  89. package/dist/src/gutters/gutter-row-selector.js.map +1 -1
  90. package/dist/src/gutters/gutter-sequence.js.map +1 -1
  91. package/dist/src/gutters/registry.d.ts +0 -1
  92. package/dist/src/gutters/registry.js.map +1 -1
  93. package/dist/src/handlers/record-view-handler.d.ts +0 -1
  94. package/dist/src/handlers/record-view-handler.js.map +1 -1
  95. package/dist/src/handlers/registry.d.ts +0 -1
  96. package/dist/src/handlers/registry.js.map +1 -1
  97. package/dist/src/handlers/select-row-toggle.d.ts +0 -1
  98. package/dist/src/handlers/select-row-toggle.js.map +1 -1
  99. package/dist/src/handlers/select-row.d.ts +0 -1
  100. package/dist/src/handlers/select-row.js.map +1 -1
  101. package/dist/src/record-view/record-view-body.d.ts +0 -1
  102. package/dist/src/record-view/record-view-body.js +1 -1
  103. package/dist/src/record-view/record-view-body.js.map +1 -1
  104. package/dist/src/record-view/record-view.d.ts +0 -1
  105. package/dist/src/record-view/record-view.js +1 -1
  106. package/dist/src/record-view/record-view.js.map +1 -1
  107. package/dist/src/renderers/boolean-renderer.d.ts +0 -1
  108. package/dist/src/renderers/boolean-renderer.js.map +1 -1
  109. package/dist/src/renderers/color-renderer.d.ts +0 -1
  110. package/dist/src/renderers/color-renderer.js.map +1 -1
  111. package/dist/src/renderers/date-renderer.d.ts +0 -1
  112. package/dist/src/renderers/date-renderer.js.map +1 -1
  113. package/dist/src/renderers/image-renderer.d.ts +0 -1
  114. package/dist/src/renderers/image-renderer.js.map +1 -1
  115. package/dist/src/renderers/json5-renderer.d.ts +0 -1
  116. package/dist/src/renderers/json5-renderer.js.map +1 -1
  117. package/dist/src/renderers/link-renderer.d.ts +0 -1
  118. package/dist/src/renderers/link-renderer.js.map +1 -1
  119. package/dist/src/renderers/password-renderer.d.ts +0 -1
  120. package/dist/src/renderers/password-renderer.js.map +1 -1
  121. package/dist/src/renderers/progress-renderer.d.ts +0 -1
  122. package/dist/src/renderers/progress-renderer.js +1 -1
  123. package/dist/src/renderers/progress-renderer.js.map +1 -1
  124. package/dist/src/renderers/registry.d.ts +0 -1
  125. package/dist/src/renderers/registry.js.map +1 -1
  126. package/dist/src/renderers/select-renderer.d.ts +0 -1
  127. package/dist/src/renderers/select-renderer.js.map +1 -1
  128. package/dist/src/renderers/text-renderer.d.ts +0 -1
  129. package/dist/src/renderers/text-renderer.js.map +1 -1
  130. package/dist/tsconfig.tsbuildinfo +1 -1
  131. package/package.json +6 -6
  132. package/src/configure/column-builder.ts +0 -1
  133. package/src/configure/config-builder.ts +0 -1
  134. package/src/configure/config-types.ts +0 -145
  135. package/src/configure/imex-option-builder.ts +0 -2
  136. package/src/configure/list-option-builder.ts +1 -1
  137. package/src/configure/rows-option-builder.ts +0 -1
  138. package/src/data-card/data-card-field.ts +2 -3
  139. package/src/data-card/data-card-gutter-menu.ts +1 -3
  140. package/src/data-card/data-card-gutter.ts +2 -3
  141. package/src/data-card/data-card.ts +2 -2
  142. package/src/data-card/event-handlers/record-card-click-handler.ts +0 -1
  143. package/src/data-card/event-handlers/record-card-dblclick-handler.ts +0 -1
  144. package/src/data-card/record-card.ts +2 -2
  145. package/src/data-consumer.ts +0 -2
  146. package/src/data-grid/data-grid-body.ts +5 -5
  147. package/src/data-grid/data-grid-field.ts +2 -2
  148. package/src/data-grid/data-grid-footer.ts +2 -3
  149. package/src/data-grid/data-grid-header.ts +3 -11
  150. package/src/data-grid/data-grid.ts +1 -9
  151. package/src/data-grist.ts +9 -10
  152. package/src/data-list/data-list-field.ts +2 -3
  153. package/src/data-list/data-list-gutter.ts +2 -3
  154. package/src/data-list/data-list.ts +1 -1
  155. package/src/data-list/event-handlers/record-partial-click-handler.ts +0 -1
  156. package/src/data-list/event-handlers/record-partial-dblclick-handler.ts +0 -1
  157. package/src/data-list/event-handlers/record-partial-long-press-handler.ts +0 -1
  158. package/src/data-list/record-partial.ts +2 -2
  159. package/src/data-provider.ts +1 -3
  160. package/src/data-report/data-report-body.ts +3 -3
  161. package/src/data-report/data-report-component.ts +1 -1
  162. package/src/data-report/data-report-field.ts +2 -3
  163. package/src/data-report/data-report-header.ts +3 -3
  164. package/src/data-report.ts +1 -9
  165. package/src/editors/input-editors.ts +2 -2
  166. package/src/editors/registry.ts +0 -1
  167. package/src/gutters/gutter-button.ts +0 -2
  168. package/src/gutters/gutter-dirty.ts +1 -3
  169. package/src/gutters/gutter-row-selector.ts +0 -2
  170. package/src/gutters/gutter-sequence.ts +0 -2
  171. package/src/gutters/registry.ts +0 -1
  172. package/src/handlers/record-view-handler.ts +1 -3
  173. package/src/handlers/registry.ts +0 -1
  174. package/src/handlers/select-row-toggle.ts +0 -1
  175. package/src/handlers/select-row.ts +0 -1
  176. package/src/record-view/record-view-body.ts +2 -2
  177. package/src/record-view/record-view.ts +2 -2
  178. package/src/renderers/boolean-renderer.ts +0 -1
  179. package/src/renderers/color-renderer.ts +0 -1
  180. package/src/renderers/date-renderer.ts +0 -2
  181. package/src/renderers/image-renderer.ts +0 -1
  182. package/src/renderers/json5-renderer.ts +0 -1
  183. package/src/renderers/link-renderer.ts +0 -1
  184. package/src/renderers/password-renderer.ts +0 -2
  185. package/src/renderers/progress-renderer.ts +1 -3
  186. package/src/renderers/registry.ts +0 -1
  187. package/src/renderers/select-renderer.ts +0 -2
  188. package/src/renderers/text-renderer.ts +0 -1
  189. package/src/types.d.ts +144 -0
@@ -59,148 +59,3 @@ export const ZERO_PAGINATION = {
59
59
  limit: 20,
60
60
  total: 0
61
61
  }
62
-
63
- export type GristConfig = {
64
- columns: ColumnConfig[]
65
- rows: RowsConfig
66
- list: ListConfig
67
- pagination?: PaginationConfig
68
- sorters?: SortersConfig
69
- }
70
-
71
- export type SorterConfig = { name: string; desc?: boolean }
72
- export type SortersConfig = SorterConfig[]
73
-
74
- export type PaginationConfig = {
75
- page?: number
76
- limit?: number
77
- pages: number[]
78
- infinite?: boolean
79
- }
80
-
81
- export type GristEventHandler = (
82
- columns: ColumnConfig[],
83
- data?: GristData,
84
- column?: ColumnConfig,
85
- record?: GristRecord,
86
- rowIndex?: number,
87
- target?: any
88
- ) => void
89
-
90
- export type ColumnConfig = {
91
- type: string
92
- name: string
93
- gutterName?: string
94
- header: HeaderConfig
95
- record: RecordConfig
96
- handlers: GristEventHandlerSet
97
- label: LabelConfig
98
- hidden?: boolean
99
- sortable?: boolean
100
- resizable?: boolean
101
- width?: number | string | ColumnWidthCallback
102
- forList?: boolean
103
- validation?: ValidationCallback
104
- imex?: ImexConfig
105
- multiple?: boolean
106
- }
107
-
108
- export type ValidationCallback = (after: any, before: any, record: GristRecord, column: ColumnConfig) => boolean
109
-
110
- export type LabelConfig =
111
- | string
112
- | boolean
113
- | {
114
- renderer: LabelRenderer
115
- }
116
-
117
- export type LabelRenderer = () => void
118
-
119
- export type ColumnWidthCallback = (column: ColumnConfig) => string
120
-
121
- export type HeaderConfig = {
122
- renderer: HeaderRenderer
123
- }
124
- export type HeaderRenderer = (column: ColumnConfig) => any
125
-
126
- export type RecordConfig = {
127
- renderer: FieldRenderer
128
- editor?: FieldEditor
129
- editable?: boolean
130
- classifier: GristClassifier
131
- align?: 'left' | 'right' | 'center'
132
- options: { [key: string]: any }
133
- rowOptionField?: string
134
- }
135
-
136
- export type FieldRenderer = (value: any, column: ColumnConfig, record: GristRecord, rowIndex: number, owner: any) => any
137
- export type FieldEditor = (value: any, column: ColumnConfig, record: GristRecord, rowIndex: number, owner: any) => any
138
- export type FieldThumbnailRenderer = (record: GristRecord, rowIndex: number) => any
139
-
140
- export type GristEventHandlerSet = {
141
- click?: GristEventHandler
142
- dblclick?: GristEventHandler
143
- }
144
-
145
- export type ListConfig = {
146
- thumbnail: FieldThumbnailRenderer
147
- fields: string[]
148
- details: string[]
149
- }
150
-
151
- export type ImexConfig = {
152
- header: string
153
- key: string
154
- width: number
155
- type: string
156
- }
157
-
158
- export type RowsConfig = {
159
- appendable: boolean
160
- insertable: boolean
161
- selectable?: RowSelectableConfig
162
- groups: GroupConfig[]
163
- totals: string[]
164
- classifier: GristClassifier
165
- handlers: GristEventHandlerSet
166
- }
167
-
168
- export type GristClassifier = (
169
- record: GristRecord,
170
- rowIndex: number
171
- ) => { emphasized?: boolean | string | string[]; [key: string]: any } | void
172
-
173
- export type GroupConfig = {
174
- align: string
175
- titleColumn?: ColumnConfig
176
- title: string
177
- value?: string
178
- groupName?: string
179
- row?: number
180
- column: string | number
181
- rowspan: number
182
- colspan?: number
183
- }
184
-
185
- export type RowSelectableConfig = {
186
- multiple?: boolean
187
- }
188
-
189
- export type GristRecord = {
190
- id?: string
191
- name?: string
192
- __seq__?: number
193
- __dirty__?: string
194
- __selected__?: boolean
195
- __changes__?: object[]
196
- __dirtyfields__?: { [key: string]: any }
197
- __origin__?: any
198
- [key: string]: any
199
- }
200
-
201
- export type GristData = {
202
- page?: number
203
- total?: number
204
- limit?: number
205
- records: GristRecord[]
206
- }
@@ -1,5 +1,3 @@
1
- import { ImexConfig } from './config-types'
2
-
3
1
  export const buildImexOptions = (imex: any): ImexConfig | undefined => {
4
2
  return imex
5
3
  }
@@ -1,4 +1,4 @@
1
- import { ListConfig, ZERO_THUMBNAIL_TEMPLATE } from './config-types'
1
+ import { ZERO_THUMBNAIL_TEMPLATE } from './config-types'
2
2
 
3
3
  export const buildListOptions = (list: ListConfig | undefined): ListConfig => {
4
4
  return {
@@ -1,5 +1,4 @@
1
1
  import { NOOP } from '../const'
2
- import { RowsConfig } from './config-types'
3
2
  import { getGristEventHandler } from '../handlers'
4
3
 
5
4
  export const buildRowsOptions = (rows: any): RowsConfig => {
@@ -1,8 +1,7 @@
1
- import { css, html, LitElement } from 'lit'
1
+ import { LitElement, css, html } from 'lit'
2
+ import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
2
3
  import { customElement, property } from 'lit/decorators.js'
3
4
 
4
- import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
5
-
6
5
  @customElement('ox-card-field')
7
6
  export class DataCardField extends LitElement {
8
7
  static styles = [
@@ -1,13 +1,11 @@
1
1
  import '@material/mwc-icon'
2
2
  import './data-card-gutter'
3
3
 
4
- import { css, html, LitElement } from 'lit'
4
+ import { LitElement, css, html } from 'lit'
5
5
  import { customElement, property, query } from 'lit/decorators.js'
6
6
 
7
7
  import { PopupMenu } from '@operato/popup'
8
8
 
9
- import { ColumnConfig, GristRecord } from '../configure/config-types'
10
-
11
9
  @customElement('ox-card-gutter-menu')
12
10
  class DataCardGutterMenu extends LitElement {
13
11
  static styles = css`
@@ -1,8 +1,7 @@
1
- import { css, html, LitElement, PropertyValues } from 'lit'
1
+ import { LitElement, PropertyValues, css, html } from 'lit'
2
+ import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
2
3
  import { customElement, property } from 'lit/decorators.js'
3
4
 
4
- import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
5
-
6
5
  const DEFAULT_TEXT_ALIGN = 'left'
7
6
 
8
7
  @customElement('ox-card-gutter')
@@ -1,10 +1,10 @@
1
1
  import '@material/mwc-icon'
2
2
  import './record-card'
3
3
 
4
- import { css, html, LitElement, PropertyValues } from 'lit'
4
+ import { LitElement, PropertyValues, css, html } from 'lit'
5
+ import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
5
6
  import { customElement, property } from 'lit/decorators.js'
6
7
 
7
- import { ColumnConfig, GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
8
8
  import { dataCardClickHandler } from './event-handlers/data-card-click-handler'
9
9
  import { dataCardDblclickHandler } from './event-handlers/data-card-dblclick-handler'
10
10
 
@@ -1,4 +1,3 @@
1
- import { ColumnConfig, GristRecord } from '../../configure/config-types'
2
1
  import { RecordCard } from '../record-card'
3
2
 
4
3
  /**
@@ -1,4 +1,3 @@
1
- import { ColumnConfig, GristRecord } from '../../configure/config-types'
2
1
  import { RecordCard } from '../record-card'
3
2
 
4
3
  /**
@@ -3,10 +3,10 @@ import './data-card-field'
3
3
  import '../record-view'
4
4
  import './data-card-gutter'
5
5
 
6
- import { css, html, LitElement, PropertyValues } from 'lit'
6
+ import { LitElement, PropertyValues, css, html } from 'lit'
7
+ import { ZERO_CONFIG, ZERO_DATA, ZERO_RECORD } from '../configure/config-types'
7
8
  import { customElement, property } from 'lit/decorators.js'
8
9
 
9
- import { GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA, ZERO_RECORD } from '../configure/config-types'
10
10
  import { recordCardClickHandler } from './event-handlers/record-card-click-handler'
11
11
  import { recordCardDblClickHandler } from './event-handlers/record-card-dblclick-handler'
12
12
 
@@ -1,5 +1,3 @@
1
- import { GristData } from './configure/config-types'
2
-
3
1
  export type FetchHandler = (param?: { page?: number; limit?: number; sorters?: object[]; options?: object }) => {
4
2
  total: number
5
3
  records: object[]
@@ -1,15 +1,15 @@
1
1
  import './data-grid-field'
2
2
 
3
- import { html, LitElement, PropertyValues } from 'lit'
3
+ import { LitElement, PropertyValues, html } from 'lit'
4
+ import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
4
5
  import { customElement, property } from 'lit/decorators.js'
5
- import debounce from 'lodash-es/debounce'
6
6
 
7
- import { ColumnConfig, GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
8
- import { supportsPassive } from '../utils'
9
- import { dataGridBodyStyle } from './data-grid-body-style'
10
7
  import { dataGridBodyClickHandler } from './event-handlers/data-grid-body-click-handler'
11
8
  import { dataGridBodyDblclickHandler } from './event-handlers/data-grid-body-dblclick-handler'
12
9
  import { dataGridBodyKeydownHandler } from './event-handlers/data-grid-body-keydown-handler'
10
+ import { dataGridBodyStyle } from './data-grid-body-style'
11
+ import debounce from 'lodash-es/debounce'
12
+ import { supportsPassive } from '../utils'
13
13
 
14
14
  const THRESHOLD = 300
15
15
  const DATA_PADDING = 3
@@ -1,7 +1,7 @@
1
- import { css, html, LitElement, PropertyValues } from 'lit'
1
+ import { LitElement, PropertyValues, css, html } from 'lit'
2
2
  import { customElement, property } from 'lit/decorators.js'
3
3
 
4
- import { ColumnConfig, GristRecord, ZERO_COLUMN } from '../configure/config-types'
4
+ import { ZERO_COLUMN } from '../configure/config-types'
5
5
 
6
6
  const DEFAULT_TEXT_ALIGN = 'left'
7
7
 
@@ -1,10 +1,9 @@
1
1
  import '@material/mwc-icon'
2
2
 
3
- import { css, html, LitElement } from 'lit'
3
+ import { LitElement, css, html } from 'lit'
4
+ import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
4
5
  import { customElement, property } from 'lit/decorators.js'
5
6
 
6
- import { GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
7
-
8
7
  const DEFAULT_PAGES = [20, 30, 50, 100]
9
8
  const DEFAULT_LIMIT = 30
10
9
 
@@ -1,18 +1,10 @@
1
1
  import '@material/mwc-icon'
2
2
 
3
- import { css, html, LitElement, PropertyValues } from 'lit'
3
+ import { LitElement, PropertyValues, css, html } from 'lit'
4
+ import { ZERO_COLUMNS, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
4
5
  import { customElement, property, state } from 'lit/decorators.js'
5
- import throttle from 'lodash-es/throttle'
6
6
 
7
- import {
8
- ColumnConfig,
9
- GristConfig,
10
- GristData,
11
- SortersConfig,
12
- ZERO_COLUMNS,
13
- ZERO_CONFIG,
14
- ZERO_DATA
15
- } from '../configure/config-types'
7
+ import throttle from 'lodash-es/throttle'
16
8
 
17
9
  @customElement('ox-grid-header')
18
10
  export class DataGridHeader extends LitElement {
@@ -2,16 +2,8 @@ import './data-grid-header'
2
2
  import './data-grid-body'
3
3
  import './data-grid-footer'
4
4
 
5
- import {
6
- ColumnConfig,
7
- GristConfig,
8
- GristData,
9
- GristRecord,
10
- PaginationConfig,
11
- ZERO_CONFIG,
12
- ZERO_DATA
13
- } from '../configure/config-types'
14
5
  import { LitElement, PropertyValues, css, html } from 'lit'
6
+ import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
15
7
  import { customElement, property, query } from 'lit/decorators.js'
16
8
 
17
9
  import { DataGridHeader } from './data-grid-header'
package/src/data-grist.ts CHANGED
@@ -3,22 +3,21 @@ import './data-list/data-list'
3
3
  import './data-card/data-card'
4
4
  import './empty-note'
5
5
 
6
- import { css, html, LitElement, PropertyValues } from 'lit'
7
- import { customElement, property, query, queryAsync, state } from 'lit/decorators.js'
8
- import isEmpty from 'lodash-es/isEmpty'
9
- import isEqual from 'lodash-es/isEqual'
10
-
11
- import Headroom from '@operato/headroom'
12
- import { pulltorefresh } from '@operato/pull-to-refresh'
6
+ import { DataConsumer, FetchHandler } from './data-consumer'
13
7
  import { HeadroomStyles, ScrollbarStyles, SpinnerStyles } from '@operato/styles'
8
+ import { LitElement, PropertyValues, css, html } from 'lit'
9
+ import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/config-types'
10
+ import { customElement, property, query, queryAsync, state } from 'lit/decorators.js'
14
11
 
15
- import { buildConfig } from './configure/config-builder'
16
- import { GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/config-types'
17
12
  import { DataCard } from './data-card/data-card'
18
- import { DataConsumer, FetchHandler } from './data-consumer'
19
13
  import { DataGrid } from './data-grid/data-grid'
20
14
  import { DataList } from './data-list/data-list'
21
15
  import { DataProvider } from './data-provider'
16
+ import Headroom from '@operato/headroom'
17
+ import { buildConfig } from './configure/config-builder'
18
+ import isEmpty from 'lodash-es/isEmpty'
19
+ import isEqual from 'lodash-es/isEqual'
20
+ import { pulltorefresh } from '@operato/pull-to-refresh'
22
21
 
23
22
  @customElement('ox-grist')
24
23
  export class DataGrist extends LitElement implements DataConsumer {
@@ -1,8 +1,7 @@
1
- import { css, html, LitElement } from 'lit'
1
+ import { LitElement, css, html } from 'lit'
2
+ import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
2
3
  import { customElement, property } from 'lit/decorators.js'
3
4
 
4
- import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
5
-
6
5
  @customElement('ox-list-field')
7
6
  export class DataListField extends LitElement {
8
7
  static styles = [
@@ -1,8 +1,7 @@
1
- import { css, html, LitElement, PropertyValues } from 'lit'
1
+ import { LitElement, PropertyValues, css, html } from 'lit'
2
+ import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
2
3
  import { customElement, property } from 'lit/decorators.js'
3
4
 
4
- import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
5
-
6
5
  const DEFAULT_TEXT_ALIGN = 'left'
7
6
 
8
7
  @customElement('ox-list-gutter')
@@ -1,8 +1,8 @@
1
1
  import '@material/mwc-icon'
2
2
  import './record-partial'
3
3
 
4
- import { ColumnConfig, GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
5
4
  import { LitElement, PropertyValues, css, html } from 'lit'
5
+ import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
6
6
  import { customElement, property } from 'lit/decorators.js'
7
7
 
8
8
  import { dataListClickHandler } from './event-handlers/data-list-click-handler'
@@ -1,4 +1,3 @@
1
- import { ColumnConfig, GristRecord } from '../../configure/config-types'
2
1
  import { RecordPartial } from '../record-partial'
3
2
 
4
3
  /**
@@ -1,4 +1,3 @@
1
- import { ColumnConfig, GristRecord } from '../../configure/config-types'
2
1
  import { RecordPartial } from '../record-partial'
3
2
 
4
3
  /**
@@ -1,4 +1,3 @@
1
- import { ColumnConfig, GristRecord } from '../../configure/config-types'
2
1
  import { RecordPartial } from '../record-partial'
3
2
 
4
3
  /**
@@ -4,10 +4,10 @@ import './data-list-gutter'
4
4
  import './data-list-field'
5
5
  import '../record-view'
6
6
 
7
- import { css, html, LitElement, PropertyValues } from 'lit'
7
+ import { LitElement, PropertyValues, css, html } from 'lit'
8
+ import { ZERO_CONFIG, ZERO_DATA, ZERO_RECORD } from '../configure/config-types'
8
9
  import { customElement, property } from 'lit/decorators.js'
9
10
 
10
- import { GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA, ZERO_RECORD } from '../configure/config-types'
11
11
  import { recordPartialClickHandler } from './event-handlers/record-partial-click-handler'
12
12
  import { recordPartialDblClickHandler } from './event-handlers/record-partial-dblclick-handler'
13
13
 
@@ -1,8 +1,6 @@
1
1
  import { DataConsumer, FetchHandler } from './data-consumer'
2
- import { GristRecord, SorterConfig, ZERO_RECORDS } from './configure/config-types'
3
2
 
4
- import isEmpty from 'lodash-es/isEmpty'
5
- import isEqual from 'lodash-es/isEqual'
3
+ import { ZERO_RECORDS } from './configure/config-types'
6
4
 
7
5
  function EMPTY_FETCHHANDLER() {
8
6
  return {
@@ -1,13 +1,13 @@
1
1
  import './data-report-field'
2
2
 
3
- import { html, LitElement, PropertyValues } from 'lit'
3
+ import { LitElement, PropertyValues, html } from 'lit'
4
+ import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
4
5
  import { customElement, property } from 'lit/decorators.js'
5
6
 
6
- import { ColumnConfig, GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
7
- import { dataReportBodyStyle } from './data-report-body-style'
8
7
  import { dataReportBodyClickHandler } from './event-handlers/data-report-body-click-handler'
9
8
  import { dataReportBodyDblclickHandler } from './event-handlers/data-report-body-dblclick-handler'
10
9
  import { dataReportBodyKeydownHandler } from './event-handlers/data-report-body-keydown-handler'
10
+ import { dataReportBodyStyle } from './data-report-body-style'
11
11
 
12
12
  function calcScrollPos(parent: DataReportBody, child: Element) {
13
13
  /* getBoundingClientRect는 safari에서 스크롤 상태에서 다른 브라우저와는 다른 값을 리턴함 - 사파리는 약간 이상 작동함. */
@@ -1,8 +1,8 @@
1
1
  import './data-report-header'
2
2
  import './data-report-body'
3
3
 
4
- import { ColumnConfig, GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
5
4
  import { LitElement, PropertyValues, css, html } from 'lit'
5
+ import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
6
6
  import { customElement, property, query } from 'lit/decorators.js'
7
7
 
8
8
  import { ScrollbarStyles } from '@operato/styles'
@@ -1,8 +1,7 @@
1
- import { css, html, LitElement, PropertyValues } from 'lit'
1
+ import { LitElement, PropertyValues, css, html } from 'lit'
2
+ import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
2
3
  import { customElement, property } from 'lit/decorators.js'
3
4
 
4
- import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
5
-
6
5
  const DEFAULT_TEXT_ALIGN = 'left'
7
6
 
8
7
  @customElement('ox-report-field')
@@ -1,9 +1,9 @@
1
- import { css, html, LitElement } from 'lit'
1
+ import { LitElement, css, html } from 'lit'
2
+ import { ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
2
3
  import { customElement, property } from 'lit/decorators.js'
3
- import throttle from 'lodash-es/throttle'
4
4
 
5
- import { ColumnConfig, GristConfig, GristData, SortersConfig, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
6
5
  import { supportsPassive } from '../utils'
6
+ import throttle from 'lodash-es/throttle'
7
7
 
8
8
  @customElement('ox-report-header')
9
9
  class DataReportHeader extends LitElement {
@@ -1,16 +1,8 @@
1
1
  import './data-report/data-report-component'
2
2
 
3
- import {
4
- GristConfig,
5
- GristData,
6
- GristRecord,
7
- GroupConfig,
8
- ZERO_CONFIG,
9
- ZERO_DATA,
10
- ZERO_PAGINATION
11
- } from './configure/config-types'
12
3
  import { LitElement, PropertyValues, css, html } from 'lit'
13
4
  import { ScrollbarStyles, SpinnerStyles } from '@operato/styles'
5
+ import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/config-types'
14
6
  import { customElement, property, query, queryAsync, state } from 'lit/decorators.js'
15
7
 
16
8
  import { DataConsumer } from './data-consumer'
@@ -1,7 +1,7 @@
1
- import { css, html, LitElement } from 'lit'
1
+ import { LitElement, css, html } from 'lit'
2
+ import { ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
2
3
  import { customElement, property, query } from 'lit/decorators.js'
3
4
 
4
- import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
5
5
  import { DataGridField } from '../data-grid/data-grid-field'
6
6
 
7
7
  const STYLE = css`
@@ -15,7 +15,6 @@ import {
15
15
  TimeInput,
16
16
  WeekInput
17
17
  } from './input-editors'
18
- import { ColumnConfig, FieldEditor, GristRecord } from '../configure/config-types'
19
18
 
20
19
  import { DataGridField } from '../data-grid/data-grid-field'
21
20
 
@@ -1,7 +1,5 @@
1
1
  import '@material/mwc-icon'
2
2
 
3
- import { FieldRenderer, HeaderRenderer } from '../configure/config-types'
4
-
5
3
  import { html } from 'lit'
6
4
 
7
5
  export class GutterButton {
@@ -1,10 +1,8 @@
1
1
  import '@material/mwc-icon'
2
2
 
3
- import { css, html, LitElement } from 'lit'
3
+ import { LitElement, css, html } from 'lit'
4
4
  import { customElement, property } from 'lit/decorators.js'
5
5
 
6
- import { ColumnConfig, FieldRenderer } from '../configure/config-types'
7
-
8
6
  @customElement('ox-gutter-dirty-element')
9
7
  class GutterDirtyElement extends LitElement {
10
8
  static styles = css`
@@ -1,5 +1,3 @@
1
- import { FieldRenderer, HeaderRenderer } from '../configure/config-types'
2
-
3
1
  import { DataCard } from '../data-card/data-card'
4
2
  import { DataGrid } from '../data-grid/data-grid'
5
3
  import { DataList } from '../data-list/data-list'
@@ -1,5 +1,3 @@
1
- import { ColumnWidthCallback, FieldRenderer } from '../configure/config-types'
2
-
3
1
  import { DataCard } from '../data-card/data-card'
4
2
  import { DataGrid } from '../data-grid/data-grid'
5
3
  import { DataList } from '../data-list/data-list'
@@ -1,4 +1,3 @@
1
- import { ColumnConfig } from '../configure/config-types'
2
1
  import { GutterButton } from './gutter-button'
3
2
  import { GutterDirty } from './gutter-dirty'
4
3
  import { GutterRowSelector } from './gutter-row-selector'
@@ -1,9 +1,7 @@
1
1
  import '../record-view/record-view'
2
2
 
3
- import { html } from 'lit'
4
-
5
- import { ColumnConfig, GristData, GristRecord } from '../configure/config-types'
6
3
  import { DataGridField } from '../data-grid/data-grid-field'
4
+ import { html } from 'lit'
7
5
 
8
6
  /*
9
7
  * handler들은 ox-grid-field 로부터 호출되는 것을 전제로 하며,
@@ -1,4 +1,3 @@
1
- import { GristEventHandler } from '../configure/config-types'
2
1
  import { RecordViewHandler } from './record-view-handler'
3
2
  import { SelectRow } from './select-row'
4
3
  import { SelectRowToggle } from './select-row-toggle'
@@ -1,4 +1,3 @@
1
- import { ColumnConfig, GristData, GristRecord } from '../configure/config-types'
2
1
  import { DataGridField } from '../data-grid/data-grid-field'
3
2
 
4
3
  /*
@@ -1,4 +1,3 @@
1
- import { ColumnConfig, GristData, GristRecord } from '../configure/config-types'
2
1
  import { DataGridField } from '../data-grid/data-grid-field'
3
2
 
4
3
  /*
@@ -1,11 +1,11 @@
1
1
  import '@material/mwc-icon'
2
2
  import '../data-grid/data-grid-field'
3
3
 
4
- import { css, html, LitElement } from 'lit'
4
+ import { LitElement, css, html } from 'lit'
5
5
  import { customElement, property } from 'lit/decorators.js'
6
6
 
7
- import { ColumnConfig, GristRecord, ZERO_RECORD } from '../configure/config-types'
8
7
  import { DataGridField } from '../data-grid/data-grid-field'
8
+ import { ZERO_RECORD } from '../configure/config-types'
9
9
 
10
10
  const KEY_ENTER = 13
11
11
  const KEY_ESC = 27