@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.
- package/CHANGELOG.md +15 -0
- package/custom-elements.json +6 -0
- package/dist/src/configure/column-builder.d.ts +0 -1
- package/dist/src/configure/column-builder.js.map +1 -1
- package/dist/src/configure/config-builder.d.ts +0 -1
- package/dist/src/configure/config-builder.js.map +1 -1
- package/dist/src/configure/config-types.d.ts +0 -121
- package/dist/src/configure/config-types.js.map +1 -1
- package/dist/src/configure/imex-option-builder.d.ts +0 -1
- package/dist/src/configure/imex-option-builder.js.map +1 -1
- package/dist/src/configure/list-option-builder.d.ts +0 -1
- package/dist/src/configure/list-option-builder.js.map +1 -1
- package/dist/src/configure/rows-option-builder.d.ts +0 -1
- package/dist/src/configure/rows-option-builder.js.map +1 -1
- package/dist/src/data-card/data-card-field.d.ts +0 -1
- package/dist/src/data-card/data-card-field.js +2 -2
- package/dist/src/data-card/data-card-field.js.map +1 -1
- package/dist/src/data-card/data-card-gutter-menu.js +1 -1
- package/dist/src/data-card/data-card-gutter-menu.js.map +1 -1
- package/dist/src/data-card/data-card-gutter.js +2 -2
- package/dist/src/data-card/data-card-gutter.js.map +1 -1
- package/dist/src/data-card/data-card.d.ts +0 -1
- package/dist/src/data-card/data-card.js +2 -2
- package/dist/src/data-card/data-card.js.map +1 -1
- package/dist/src/data-card/event-handlers/record-card-click-handler.js.map +1 -1
- package/dist/src/data-card/event-handlers/record-card-dblclick-handler.js.map +1 -1
- package/dist/src/data-card/record-card.d.ts +0 -1
- package/dist/src/data-card/record-card.js +2 -2
- package/dist/src/data-card/record-card.js.map +1 -1
- package/dist/src/data-consumer.d.ts +0 -1
- package/dist/src/data-consumer.js.map +1 -1
- package/dist/src/data-grid/data-grid-body.d.ts +0 -1
- package/dist/src/data-grid/data-grid-body.js +5 -5
- package/dist/src/data-grid/data-grid-body.js.map +1 -1
- package/dist/src/data-grid/data-grid-field.d.ts +0 -1
- package/dist/src/data-grid/data-grid-field.js +1 -1
- package/dist/src/data-grid/data-grid-field.js.map +1 -1
- package/dist/src/data-grid/data-grid-footer.d.ts +0 -1
- package/dist/src/data-grid/data-grid-footer.js +2 -2
- package/dist/src/data-grid/data-grid-footer.js.map +1 -1
- package/dist/src/data-grid/data-grid-header.d.ts +0 -1
- package/dist/src/data-grid/data-grid-header.js +2 -2
- package/dist/src/data-grid/data-grid-header.js.map +1 -1
- package/dist/src/data-grid/data-grid.d.ts +0 -1
- package/dist/src/data-grid/data-grid.js +1 -1
- package/dist/src/data-grid/data-grid.js.map +1 -1
- package/dist/src/data-grist.d.ts +1 -2
- package/dist/src/data-grist.js +6 -6
- package/dist/src/data-grist.js.map +1 -1
- package/dist/src/data-list/data-list-field.d.ts +0 -1
- package/dist/src/data-list/data-list-field.js +2 -2
- package/dist/src/data-list/data-list-field.js.map +1 -1
- package/dist/src/data-list/data-list-gutter.js +2 -2
- package/dist/src/data-list/data-list-gutter.js.map +1 -1
- package/dist/src/data-list/data-list.d.ts +0 -1
- package/dist/src/data-list/data-list.js +1 -1
- package/dist/src/data-list/data-list.js.map +1 -1
- package/dist/src/data-list/event-handlers/record-partial-click-handler.js.map +1 -1
- package/dist/src/data-list/event-handlers/record-partial-dblclick-handler.js.map +1 -1
- package/dist/src/data-list/event-handlers/record-partial-long-press-handler.js.map +1 -1
- package/dist/src/data-list/record-partial.d.ts +0 -1
- package/dist/src/data-list/record-partial.js +2 -2
- package/dist/src/data-list/record-partial.js.map +1 -1
- package/dist/src/data-provider.d.ts +0 -1
- package/dist/src/data-provider.js.map +1 -1
- package/dist/src/data-report/data-report-body.d.ts +0 -1
- package/dist/src/data-report/data-report-body.js +3 -3
- package/dist/src/data-report/data-report-body.js.map +1 -1
- package/dist/src/data-report/data-report-component.d.ts +0 -1
- package/dist/src/data-report/data-report-component.js +1 -1
- package/dist/src/data-report/data-report-component.js.map +1 -1
- package/dist/src/data-report/data-report-field.d.ts +0 -1
- package/dist/src/data-report/data-report-field.js +2 -2
- package/dist/src/data-report/data-report-field.js.map +1 -1
- package/dist/src/data-report/data-report-header.js +3 -3
- package/dist/src/data-report/data-report-header.js.map +1 -1
- package/dist/src/data-report.d.ts +0 -1
- package/dist/src/data-report.js +1 -1
- package/dist/src/data-report.js.map +1 -1
- package/dist/src/editors/input-editors.d.ts +0 -1
- package/dist/src/editors/input-editors.js +2 -2
- package/dist/src/editors/input-editors.js.map +1 -1
- package/dist/src/editors/registry.d.ts +0 -1
- package/dist/src/editors/registry.js.map +1 -1
- package/dist/src/gutters/gutter-button.js.map +1 -1
- package/dist/src/gutters/gutter-dirty.d.ts +0 -1
- package/dist/src/gutters/gutter-dirty.js +1 -1
- package/dist/src/gutters/gutter-dirty.js.map +1 -1
- package/dist/src/gutters/gutter-row-selector.js.map +1 -1
- package/dist/src/gutters/gutter-sequence.js.map +1 -1
- package/dist/src/gutters/registry.d.ts +0 -1
- package/dist/src/gutters/registry.js.map +1 -1
- package/dist/src/handlers/record-view-handler.d.ts +0 -1
- package/dist/src/handlers/record-view-handler.js.map +1 -1
- package/dist/src/handlers/registry.d.ts +0 -1
- package/dist/src/handlers/registry.js.map +1 -1
- package/dist/src/handlers/select-row-toggle.d.ts +0 -1
- package/dist/src/handlers/select-row-toggle.js.map +1 -1
- package/dist/src/handlers/select-row.d.ts +0 -1
- package/dist/src/handlers/select-row.js.map +1 -1
- package/dist/src/record-view/record-view-body.d.ts +0 -1
- package/dist/src/record-view/record-view-body.js +1 -1
- package/dist/src/record-view/record-view-body.js.map +1 -1
- package/dist/src/record-view/record-view.d.ts +0 -1
- package/dist/src/record-view/record-view.js +1 -1
- package/dist/src/record-view/record-view.js.map +1 -1
- package/dist/src/renderers/boolean-renderer.d.ts +0 -1
- package/dist/src/renderers/boolean-renderer.js.map +1 -1
- package/dist/src/renderers/color-renderer.d.ts +0 -1
- package/dist/src/renderers/color-renderer.js.map +1 -1
- package/dist/src/renderers/date-renderer.d.ts +0 -1
- package/dist/src/renderers/date-renderer.js.map +1 -1
- package/dist/src/renderers/image-renderer.d.ts +0 -1
- package/dist/src/renderers/image-renderer.js.map +1 -1
- package/dist/src/renderers/json5-renderer.d.ts +0 -1
- package/dist/src/renderers/json5-renderer.js.map +1 -1
- package/dist/src/renderers/link-renderer.d.ts +0 -1
- package/dist/src/renderers/link-renderer.js.map +1 -1
- package/dist/src/renderers/password-renderer.d.ts +0 -1
- package/dist/src/renderers/password-renderer.js.map +1 -1
- package/dist/src/renderers/progress-renderer.d.ts +0 -1
- package/dist/src/renderers/progress-renderer.js +1 -1
- package/dist/src/renderers/progress-renderer.js.map +1 -1
- package/dist/src/renderers/registry.d.ts +0 -1
- package/dist/src/renderers/registry.js.map +1 -1
- package/dist/src/renderers/select-renderer.d.ts +0 -1
- package/dist/src/renderers/select-renderer.js.map +1 -1
- package/dist/src/renderers/text-renderer.d.ts +0 -1
- package/dist/src/renderers/text-renderer.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -6
- package/src/configure/column-builder.ts +0 -1
- package/src/configure/config-builder.ts +0 -1
- package/src/configure/config-types.ts +0 -145
- package/src/configure/imex-option-builder.ts +0 -2
- package/src/configure/list-option-builder.ts +1 -1
- package/src/configure/rows-option-builder.ts +0 -1
- package/src/data-card/data-card-field.ts +2 -3
- package/src/data-card/data-card-gutter-menu.ts +1 -3
- package/src/data-card/data-card-gutter.ts +2 -3
- package/src/data-card/data-card.ts +2 -2
- package/src/data-card/event-handlers/record-card-click-handler.ts +0 -1
- package/src/data-card/event-handlers/record-card-dblclick-handler.ts +0 -1
- package/src/data-card/record-card.ts +2 -2
- package/src/data-consumer.ts +0 -2
- package/src/data-grid/data-grid-body.ts +5 -5
- package/src/data-grid/data-grid-field.ts +2 -2
- package/src/data-grid/data-grid-footer.ts +2 -3
- package/src/data-grid/data-grid-header.ts +3 -11
- package/src/data-grid/data-grid.ts +1 -9
- package/src/data-grist.ts +9 -10
- package/src/data-list/data-list-field.ts +2 -3
- package/src/data-list/data-list-gutter.ts +2 -3
- package/src/data-list/data-list.ts +1 -1
- package/src/data-list/event-handlers/record-partial-click-handler.ts +0 -1
- package/src/data-list/event-handlers/record-partial-dblclick-handler.ts +0 -1
- package/src/data-list/event-handlers/record-partial-long-press-handler.ts +0 -1
- package/src/data-list/record-partial.ts +2 -2
- package/src/data-provider.ts +1 -3
- package/src/data-report/data-report-body.ts +3 -3
- package/src/data-report/data-report-component.ts +1 -1
- package/src/data-report/data-report-field.ts +2 -3
- package/src/data-report/data-report-header.ts +3 -3
- package/src/data-report.ts +1 -9
- package/src/editors/input-editors.ts +2 -2
- package/src/editors/registry.ts +0 -1
- package/src/gutters/gutter-button.ts +0 -2
- package/src/gutters/gutter-dirty.ts +1 -3
- package/src/gutters/gutter-row-selector.ts +0 -2
- package/src/gutters/gutter-sequence.ts +0 -2
- package/src/gutters/registry.ts +0 -1
- package/src/handlers/record-view-handler.ts +1 -3
- package/src/handlers/registry.ts +0 -1
- package/src/handlers/select-row-toggle.ts +0 -1
- package/src/handlers/select-row.ts +0 -1
- package/src/record-view/record-view-body.ts +2 -2
- package/src/record-view/record-view.ts +2 -2
- package/src/renderers/boolean-renderer.ts +0 -1
- package/src/renderers/color-renderer.ts +0 -1
- package/src/renderers/date-renderer.ts +0 -2
- package/src/renderers/image-renderer.ts +0 -1
- package/src/renderers/json5-renderer.ts +0 -1
- package/src/renderers/link-renderer.ts +0 -1
- package/src/renderers/password-renderer.ts +0 -2
- package/src/renderers/progress-renderer.ts +1 -3
- package/src/renderers/registry.ts +0 -1
- package/src/renderers/select-renderer.ts +0 -2
- package/src/renderers/text-renderer.ts +0 -1
- 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,8 +1,7 @@
|
|
|
1
|
-
import { css, html
|
|
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
|
|
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 {
|
|
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 {
|
|
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
|
|
|
@@ -3,10 +3,10 @@ import './data-card-field'
|
|
|
3
3
|
import '../record-view'
|
|
4
4
|
import './data-card-gutter'
|
|
5
5
|
|
|
6
|
-
import {
|
|
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
|
|
package/src/data-consumer.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import './data-grid-field'
|
|
2
2
|
|
|
3
|
-
import {
|
|
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 {
|
|
1
|
+
import { LitElement, PropertyValues, css, html } from 'lit'
|
|
2
2
|
import { customElement, property } from 'lit/decorators.js'
|
|
3
3
|
|
|
4
|
-
import {
|
|
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
|
|
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 {
|
|
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 {
|
|
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
|
|
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 {
|
|
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'
|
|
@@ -4,10 +4,10 @@ import './data-list-gutter'
|
|
|
4
4
|
import './data-list-field'
|
|
5
5
|
import '../record-view'
|
|
6
6
|
|
|
7
|
-
import {
|
|
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
|
|
package/src/data-provider.ts
CHANGED
|
@@ -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
|
|
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 {
|
|
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 {
|
|
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
|
|
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 {
|
package/src/data-report.ts
CHANGED
|
@@ -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
|
|
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`
|
package/src/editors/registry.ts
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import '@material/mwc-icon'
|
|
2
2
|
|
|
3
|
-
import { css, html
|
|
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`
|
package/src/gutters/registry.ts
CHANGED
|
@@ -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 로부터 호출되는 것을 전제로 하며,
|
package/src/handlers/registry.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import '@material/mwc-icon'
|
|
2
2
|
import '../data-grid/data-grid-field'
|
|
3
3
|
|
|
4
|
-
import { css, html
|
|
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
|