globuswebcomponents 2.13.1 → 2.13.3
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/dist/cjs/gb-action-panel_61.cjs.entry.js +742 -127
- package/dist/cjs/gb-approval-modal.cjs.entry.js +16 -13
- package/dist/cjs/gb-approval-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-modal-action.gb-modal-header.entry.cjs.js.map +1 -1
- package/dist/cjs/gb-modal-action_2.cjs.entry.js +12 -12
- package/dist/cjs/gb-prompt-modal.cjs.entry.js +2 -1
- package/dist/cjs/gb-prompt-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/reusableModels-_LRAKnsh.js.map +1 -1
- package/dist/collection/components/gb-approval-modal/gb-approval-modal.js +63 -126
- package/dist/collection/components/gb-approval-modal/gb-approval-modal.js.map +1 -1
- package/dist/collection/components/gb-button-group/gb-button-group.js +4 -2
- package/dist/collection/components/gb-button-group/gb-button-group.js.map +1 -1
- package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js +9 -4
- package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js.map +1 -1
- package/dist/collection/components/gb-input-field/gb-input-field.css +8 -1
- package/dist/collection/components/gb-input-field/gb-input-field.js +268 -28
- package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
- package/dist/collection/components/gb-modal-action/gb-modal-action.js +89 -89
- package/dist/collection/components/gb-modal-action/gb-modal-action.js.map +1 -1
- package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js +28 -1
- package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js.map +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.js +9 -9
- package/dist/collection/components/gb-sidebar/gb-sidebar.js.map +1 -1
- package/dist/collection/components/gb-table/gb-table.css +6 -0
- package/dist/collection/components/gb-table/gb-table.js +454 -90
- package/dist/collection/components/gb-table/gb-table.js.map +1 -1
- package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js +13 -5
- package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js.map +1 -1
- package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js +20 -10
- package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js.map +1 -1
- package/dist/collection/models/reusableModels.js.map +1 -1
- package/dist/components/gb-approval-modal.js +23 -26
- package/dist/components/gb-approval-modal.js.map +1 -1
- package/dist/components/gb-button-group.js +1 -1
- package/dist/components/gb-header.js +2 -2
- package/dist/components/gb-input-dropdown-menu-item.js +1 -1
- package/dist/components/gb-input-dropdown.js +1 -1
- package/dist/components/gb-input-field.js +1 -1
- package/dist/components/gb-modal-action.js +1 -1
- package/dist/components/gb-pagination.js +1 -1
- package/dist/components/gb-prompt-modal.js +3 -1
- package/dist/components/gb-prompt-modal.js.map +1 -1
- package/dist/components/gb-rich-text.js +4 -4
- package/dist/components/gb-sidebar.js +5 -5
- package/dist/components/gb-sidebar.js.map +1 -1
- package/dist/components/gb-table-header.js +1 -1
- package/dist/components/gb-table.js +457 -94
- package/dist/components/gb-table.js.map +1 -1
- package/dist/components/gb-textarea-input-field.js +1 -1
- package/dist/components/gb-token-field-compact.js +5 -1
- package/dist/components/gb-token-field-compact.js.map +1 -1
- package/dist/components/gb-token-field-compressed.js +9 -4
- package/dist/components/gb-token-field-compressed.js.map +1 -1
- package/dist/components/gb-wysiwyg-toolbar.js +1 -1
- package/dist/components/{p-CY9tYu7L.js → p-B9OaQ8IO.js} +5 -5
- package/dist/components/{p-CY9tYu7L.js.map → p-B9OaQ8IO.js.map} +1 -1
- package/dist/components/{p-Bo26ZXLD.js → p-BQWEHDtb.js} +4 -3
- package/dist/components/p-BQWEHDtb.js.map +1 -0
- package/dist/components/{p-0Dn-Rnju.js → p-Br16o-rx.js} +5 -5
- package/dist/components/{p-0Dn-Rnju.js.map → p-Br16o-rx.js.map} +1 -1
- package/dist/components/{p-COqi1UbV.js → p-C9OKT7Zi.js} +4 -4
- package/dist/components/{p-COqi1UbV.js.map → p-C9OKT7Zi.js.map} +1 -1
- package/dist/components/{p-BpCukPcq.js → p-CQg5uJVz.js} +20 -20
- package/dist/components/p-CQg5uJVz.js.map +1 -0
- package/dist/components/{p-D7ISVr5X.js → p-DT0m5qpo.js} +7 -4
- package/dist/components/p-DT0m5qpo.js.map +1 -0
- package/dist/components/{p-DXiN3a4D.js → p-DY_80Vnz.js} +3 -3
- package/dist/components/{p-DXiN3a4D.js.map → p-DY_80Vnz.js.map} +1 -1
- package/dist/components/{p-CoLGqDxS.js → p-QHFMnid1.js} +270 -30
- package/dist/components/p-QHFMnid1.js.map +1 -0
- package/dist/components/p-cHn6O-Kf.js.map +1 -1
- package/dist/components/{p-Krq9Xzvd.js → p-iQxeojAw.js} +5 -5
- package/dist/components/{p-Krq9Xzvd.js.map → p-iQxeojAw.js.map} +1 -1
- package/dist/components/test-input-tag.js +1 -1
- package/dist/docs.json +332 -285
- package/dist/esm/gb-action-panel_61.entry.js +742 -127
- package/dist/esm/gb-approval-modal.entry.js +17 -14
- package/dist/esm/gb-approval-modal.entry.js.map +1 -1
- package/dist/esm/gb-modal-action.gb-modal-header.entry.js.map +1 -1
- package/dist/esm/gb-modal-action_2.entry.js +12 -12
- package/dist/esm/gb-prompt-modal.entry.js +2 -1
- package/dist/esm/gb-prompt-modal.entry.js.map +1 -1
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/reusableModels-cHn6O-Kf.js.map +1 -1
- package/dist/globuscomponents/gb-approval-modal.entry.esm.js.map +1 -1
- package/dist/globuscomponents/gb-modal-action.gb-modal-header.entry.esm.js.map +1 -1
- package/dist/globuscomponents/gb-prompt-modal.entry.esm.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/p-0ea6a4f5.entry.js +2 -0
- package/dist/globuscomponents/p-0ea6a4f5.entry.js.map +1 -0
- package/dist/globuscomponents/{p-0875c4c8.entry.js → p-85bf9ca2.entry.js} +2 -2
- package/dist/globuscomponents/p-85bf9ca2.entry.js.map +1 -0
- package/dist/globuscomponents/p-cHn6O-Kf.js.map +1 -1
- package/dist/globuscomponents/p-cf0eb0b1.entry.js +2 -0
- package/dist/globuscomponents/p-cf0eb0b1.entry.js.map +1 -0
- package/dist/globuscomponents/{p-a68e199d.entry.js → p-e2a71662.entry.js} +2 -2
- package/dist/globuscomponents/p-e2a71662.entry.js.map +1 -0
- package/dist/types/components/gb-approval-modal/gb-approval-modal.d.ts +10 -11
- package/dist/types/components/gb-input-field/gb-input-field.d.ts +2 -0
- package/dist/types/components/gb-modal-action/gb-modal-action.d.ts +6 -6
- package/dist/types/components/gb-prompt-modal/gb-prompt-modal.d.ts +1 -0
- package/dist/types/components/gb-sidebar/gb-sidebar.d.ts +8 -5
- package/dist/types/components/gb-token-field-compressed/gb-token-field-compressed.d.ts +1 -1
- package/dist/types/components.d.ts +174 -98
- package/dist/types/models/reusableModels.d.ts +10 -4
- package/package.json +2 -1
- package/dist/components/p-Bo26ZXLD.js.map +0 -1
- package/dist/components/p-BpCukPcq.js.map +0 -1
- package/dist/components/p-CoLGqDxS.js.map +0 -1
- package/dist/components/p-D7ISVr5X.js.map +0 -1
- package/dist/globuscomponents/p-0875c4c8.entry.js.map +0 -1
- package/dist/globuscomponents/p-107a1db6.entry.js +0 -2
- package/dist/globuscomponents/p-107a1db6.entry.js.map +0 -1
- package/dist/globuscomponents/p-65070e05.entry.js +0 -2
- package/dist/globuscomponents/p-65070e05.entry.js.map +0 -1
- package/dist/globuscomponents/p-a68e199d.entry.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h, Fragment } from "@stencil/core";
|
|
1
|
+
import { h, Fragment, getAssetPath } from "@stencil/core";
|
|
2
2
|
import { StateEnum, } from "../../models/reusableModels";
|
|
3
3
|
export class GbTable {
|
|
4
4
|
constructor() {
|
|
@@ -13,8 +13,14 @@ export class GbTable {
|
|
|
13
13
|
// sortType: 'string',
|
|
14
14
|
// helpIcon: true,
|
|
15
15
|
// searchable: true,
|
|
16
|
-
//
|
|
17
|
-
//
|
|
16
|
+
// hasAvatar: true,
|
|
17
|
+
// cellAvatar: {
|
|
18
|
+
// // image: '',
|
|
19
|
+
// slots: {
|
|
20
|
+
// // initials: (row) => row.name.split(' ').map((nm: string) => nm.charAt(0)),
|
|
21
|
+
// image: (row) => row.image,
|
|
22
|
+
// },
|
|
23
|
+
// },
|
|
18
24
|
// mobile: { position: 'top_right' },
|
|
19
25
|
// },
|
|
20
26
|
// { key: 'role', label: 'Role', searchable: true },
|
|
@@ -43,41 +49,393 @@ export class GbTable {
|
|
|
43
49
|
// amount: '$120.00',
|
|
44
50
|
// status: 'Completed',
|
|
45
51
|
// },
|
|
46
|
-
// {
|
|
47
|
-
//
|
|
48
|
-
//
|
|
49
|
-
//
|
|
50
|
-
//
|
|
51
|
-
//
|
|
52
|
-
//
|
|
53
|
-
//
|
|
54
|
-
//
|
|
55
|
-
//
|
|
56
|
-
//
|
|
57
|
-
// {
|
|
58
|
-
//
|
|
59
|
-
//
|
|
60
|
-
//
|
|
61
|
-
//
|
|
62
|
-
//
|
|
63
|
-
//
|
|
64
|
-
//
|
|
65
|
-
//
|
|
66
|
-
//
|
|
67
|
-
//
|
|
68
|
-
// {
|
|
69
|
-
//
|
|
70
|
-
//
|
|
71
|
-
//
|
|
72
|
-
//
|
|
73
|
-
//
|
|
74
|
-
//
|
|
75
|
-
//
|
|
76
|
-
//
|
|
77
|
-
//
|
|
78
|
-
//
|
|
52
|
+
// {
|
|
53
|
+
// id: '#3002',
|
|
54
|
+
// date: new Date(),
|
|
55
|
+
// name: 'Emmanuel Kadiri',
|
|
56
|
+
// role: 'Backend Developer',
|
|
57
|
+
// level: 'Today',
|
|
58
|
+
// customer: 'Sarah Wilson',
|
|
59
|
+
// amount: '$85.50',
|
|
60
|
+
// status: 'Pending',
|
|
61
|
+
// image: 'https://i.pravatar.cc/150?img=1',
|
|
62
|
+
// },
|
|
63
|
+
// {
|
|
64
|
+
// id: '#3003',
|
|
65
|
+
// date: new Date(),
|
|
66
|
+
// name: 'Liam Smith',
|
|
67
|
+
// role: 'Frontend Developer',
|
|
68
|
+
// level: 'Today',
|
|
69
|
+
// customer: 'Sarah Wilson',
|
|
70
|
+
// amount: '$85.50',
|
|
71
|
+
// status: 'Pending',
|
|
72
|
+
// image: 'https://i.pravatar.cc/150?img=2',
|
|
73
|
+
// },
|
|
74
|
+
// {
|
|
75
|
+
// id: '#3004',
|
|
76
|
+
// date: new Date(),
|
|
77
|
+
// name: 'Liam Smith',
|
|
78
|
+
// role: 'Backend Developer',
|
|
79
|
+
// level: 'Today',
|
|
80
|
+
// customer: 'Sarah Wilson',
|
|
81
|
+
// amount: '$85.50',
|
|
82
|
+
// status: 'Pending',
|
|
83
|
+
// image: 'https://i.pravatar.cc/150?img=3',
|
|
84
|
+
// },
|
|
85
|
+
// {
|
|
86
|
+
// id: '#3005',
|
|
87
|
+
// date: new Date(),
|
|
88
|
+
// name: 'Liam Smith',
|
|
89
|
+
// role: 'Backend Developer',
|
|
90
|
+
// level: 'Today',
|
|
91
|
+
// customer: 'Sarah Wilson',
|
|
92
|
+
// amount: '$85.50',
|
|
93
|
+
// status: 'Pending',
|
|
94
|
+
// image: 'https://i.pravatar.cc/150?img=4',
|
|
95
|
+
// },
|
|
96
|
+
// {
|
|
97
|
+
// id: '#3006',
|
|
98
|
+
// date: new Date(),
|
|
99
|
+
// name: 'Liam Smith',
|
|
100
|
+
// role: 'Backend Developer',
|
|
101
|
+
// level: 'Today',
|
|
102
|
+
// customer: 'Sarah Wilson',
|
|
103
|
+
// amount: '$85.50',
|
|
104
|
+
// status: 'Pending',
|
|
105
|
+
// image: 'https://i.pravatar.cc/150?img=5',
|
|
106
|
+
// },
|
|
107
|
+
// {
|
|
108
|
+
// id: '#3003',
|
|
109
|
+
// date: 'Jan 3, 2022',
|
|
110
|
+
// name: 'Olivia Brown',
|
|
111
|
+
// role: 'UI Designer',
|
|
112
|
+
// level: 'Today',
|
|
113
|
+
// customer: 'Michael Lee',
|
|
114
|
+
// amount: '$230.75',
|
|
115
|
+
// status: 'Cancelled',
|
|
116
|
+
// image: 'https://i.pravatar.cc/150?img=6',
|
|
117
|
+
// },
|
|
118
|
+
// {
|
|
119
|
+
// id: '#3004',
|
|
120
|
+
// date: 'Jan 4, 2022',
|
|
121
|
+
// name: 'Noah Davis',
|
|
122
|
+
// role: 'DevOps Engineer',
|
|
123
|
+
// level: 'Today',
|
|
124
|
+
// customer: 'Emily Clark',
|
|
125
|
+
// amount: '$59.99',
|
|
126
|
+
// status: 'Completed',
|
|
127
|
+
// image: 'https://i.pravatar.cc/150?img=7',
|
|
128
|
+
// },
|
|
129
|
+
// {
|
|
130
|
+
// id: '#3005',
|
|
131
|
+
// date: 'Jan 5, 2022',
|
|
132
|
+
// name: 'Ava Martinez',
|
|
133
|
+
// role: 'Product Manager',
|
|
134
|
+
// level: 'Today',
|
|
135
|
+
// customer: 'Daniel Harris',
|
|
136
|
+
// amount: '$410.00',
|
|
137
|
+
// status: 'Pending',
|
|
138
|
+
// image: 'https://i.pravatar.cc/150?img=8',
|
|
139
|
+
// },
|
|
140
|
+
// {
|
|
141
|
+
// id: '#3006',
|
|
142
|
+
// date: 'Jan 6, 2022',
|
|
143
|
+
// name: 'William Garcia',
|
|
144
|
+
// role: 'QA Engineer',
|
|
145
|
+
// level: 'Today',
|
|
146
|
+
// customer: 'Sophia Lewis',
|
|
147
|
+
// amount: '$150.20',
|
|
148
|
+
// status: 'Completed',
|
|
149
|
+
// image: 'https://i.pravatar.cc/150?img=9',
|
|
150
|
+
// },
|
|
151
|
+
// {
|
|
152
|
+
// id: '#3007',
|
|
153
|
+
// date: 'Jan 7, 2022',
|
|
154
|
+
// name: 'Isabella Rodriguez',
|
|
155
|
+
// role: 'Business Analyst',
|
|
156
|
+
// level: 'Today',
|
|
157
|
+
// customer: 'James Walker',
|
|
158
|
+
// amount: '$78.40',
|
|
159
|
+
// status: 'Pending',
|
|
160
|
+
// image: 'https://i.pravatar.cc/150?img=10',
|
|
161
|
+
// },
|
|
162
|
+
// {
|
|
163
|
+
// id: '#3008',
|
|
164
|
+
// date: 'Jan 8, 2022',
|
|
165
|
+
// name: 'James Wilson',
|
|
166
|
+
// role: 'Fullstack Developer',
|
|
167
|
+
// level: 'Today',
|
|
168
|
+
// customer: 'Mia Hall',
|
|
169
|
+
// amount: '$300.00',
|
|
170
|
+
// status: 'Completed',
|
|
171
|
+
// image: 'https://i.pravatar.cc/150?img=11',
|
|
172
|
+
// },
|
|
173
|
+
// {
|
|
174
|
+
// id: '#3009',
|
|
175
|
+
// date: 'Jan 9, 2022',
|
|
176
|
+
// name: 'Sophia Anderson',
|
|
177
|
+
// role: 'UX Researcher',
|
|
178
|
+
// level: 'Today',
|
|
179
|
+
// customer: 'Benjamin Allen',
|
|
180
|
+
// amount: '$95.60',
|
|
181
|
+
// status: 'Cancelled',
|
|
182
|
+
// image: 'https://i.pravatar.cc/150?img=12',
|
|
183
|
+
// },
|
|
184
|
+
// {
|
|
185
|
+
// id: '#3010',
|
|
186
|
+
// date: 'Jan 10, 2022',
|
|
187
|
+
// name: 'Benjamin Thomas',
|
|
188
|
+
// role: 'Mobile Developer',
|
|
189
|
+
// level: 'Today',
|
|
190
|
+
// customer: 'Charlotte Young',
|
|
191
|
+
// amount: '$210.10',
|
|
192
|
+
// status: 'Completed',
|
|
193
|
+
// image: 'https://i.pravatar.cc/150?img=13',
|
|
194
|
+
// },
|
|
195
|
+
// {
|
|
196
|
+
// id: '#3011',
|
|
197
|
+
// date: 'Jan 11, 2022',
|
|
198
|
+
// name: 'Mia Taylor',
|
|
199
|
+
// role: 'Data Analyst',
|
|
200
|
+
// level: 'Today',
|
|
201
|
+
// customer: 'Lucas King',
|
|
202
|
+
// amount: '$180.00',
|
|
203
|
+
// status: 'Pending',
|
|
204
|
+
// image: 'https://i.pravatar.cc/150?img=14',
|
|
205
|
+
// },
|
|
206
|
+
// {
|
|
207
|
+
// id: '#3012',
|
|
208
|
+
// date: 'Jan 12, 2022',
|
|
209
|
+
// name: 'Lucas Moore',
|
|
210
|
+
// role: 'Cloud Engineer',
|
|
211
|
+
// level: 'Today',
|
|
212
|
+
// customer: 'Amelia Scott',
|
|
213
|
+
// amount: '$420.75',
|
|
214
|
+
// status: 'Completed',
|
|
215
|
+
// image: 'https://i.pravatar.cc/150?img=15',
|
|
216
|
+
// },
|
|
217
|
+
// {
|
|
218
|
+
// id: '#3013',
|
|
219
|
+
// date: 'Jan 13, 2022',
|
|
220
|
+
// name: 'Charlotte Jackson',
|
|
221
|
+
// role: 'Security Engineer',
|
|
222
|
+
// level: 'Today',
|
|
223
|
+
// customer: 'Elijah Green',
|
|
224
|
+
// amount: '$65.90',
|
|
225
|
+
// status: 'Cancelled',
|
|
226
|
+
// image: 'https://i.pravatar.cc/150?img=16',
|
|
227
|
+
// },
|
|
228
|
+
// {
|
|
229
|
+
// id: '#3014',
|
|
230
|
+
// date: 'Jan 14, 2022',
|
|
231
|
+
// name: 'Elijah Martin',
|
|
232
|
+
// role: 'Technical Lead',
|
|
233
|
+
// level: 'Today',
|
|
234
|
+
// customer: 'Harper Adams',
|
|
235
|
+
// amount: '$510.30',
|
|
236
|
+
// status: 'Completed',
|
|
237
|
+
// image: 'https://i.pravatar.cc/150?img=17',
|
|
238
|
+
// },
|
|
239
|
+
// {
|
|
240
|
+
// id: '#3015',
|
|
241
|
+
// date: 'Jan 15, 2022',
|
|
242
|
+
// name: 'Amelia Lee',
|
|
243
|
+
// role: 'Scrum Master',
|
|
244
|
+
// level: 'Today',
|
|
245
|
+
// customer: 'Alexander Baker',
|
|
246
|
+
// amount: '$99.99',
|
|
247
|
+
// status: 'Pending',
|
|
248
|
+
// image: 'https://i.pravatar.cc/150?img=18',
|
|
249
|
+
// },
|
|
250
|
+
// {
|
|
251
|
+
// id: '#3016',
|
|
252
|
+
// date: 'Jan 16, 2022',
|
|
253
|
+
// name: 'Harper Perez',
|
|
254
|
+
// role: 'Frontend Developer',
|
|
255
|
+
// level: 'Today',
|
|
256
|
+
// customer: 'Ella Nelson',
|
|
257
|
+
// amount: '$275.45',
|
|
258
|
+
// status: 'Completed',
|
|
259
|
+
// image: 'https://i.pravatar.cc/150?img=19',
|
|
260
|
+
// },
|
|
261
|
+
// {
|
|
262
|
+
// id: '#3017',
|
|
263
|
+
// date: 'Jan 17, 2022',
|
|
264
|
+
// name: 'Alexander White',
|
|
265
|
+
// role: 'Backend Developer',
|
|
266
|
+
// level: 'Today',
|
|
267
|
+
// customer: 'Matthew Carter',
|
|
268
|
+
// amount: '$340.00',
|
|
269
|
+
// status: 'Pending',
|
|
270
|
+
// image: 'https://i.pravatar.cc/150?img=20',
|
|
271
|
+
// },
|
|
272
|
+
// {
|
|
273
|
+
// id: '#3018',
|
|
274
|
+
// date: 'Jan 18, 2022',
|
|
275
|
+
// name: 'Ella Harris',
|
|
276
|
+
// role: 'UI Designer',
|
|
277
|
+
// level: 'Today',
|
|
278
|
+
// customer: 'Avery Mitchell',
|
|
279
|
+
// amount: '$88.80',
|
|
280
|
+
// status: 'Completed',
|
|
281
|
+
// image: 'https://i.pravatar.cc/150?img=21',
|
|
282
|
+
// },
|
|
283
|
+
// {
|
|
284
|
+
// id: '#3019',
|
|
285
|
+
// date: 'Jan 19, 2022',
|
|
286
|
+
// name: 'Matthew Clark',
|
|
287
|
+
// role: 'DevOps Engineer',
|
|
288
|
+
// level: 'Today',
|
|
289
|
+
// customer: 'Evelyn Perez',
|
|
290
|
+
// amount: '$190.25',
|
|
291
|
+
// status: 'Cancelled',
|
|
292
|
+
// image: 'https://i.pravatar.cc/150?img=22',
|
|
293
|
+
// },
|
|
294
|
+
// {
|
|
295
|
+
// id: '#3020',
|
|
296
|
+
// date: 'Jan 20, 2022',
|
|
297
|
+
// name: 'Avery Lewis',
|
|
298
|
+
// role: 'Product Manager',
|
|
299
|
+
// level: 'Today',
|
|
300
|
+
// customer: 'Henry Roberts',
|
|
301
|
+
// amount: '$600.00',
|
|
302
|
+
// status: 'Completed',
|
|
303
|
+
// image: 'https://i.pravatar.cc/150?img=23',
|
|
304
|
+
// },
|
|
305
|
+
// {
|
|
306
|
+
// id: '#3021',
|
|
307
|
+
// date: 'Jan 21, 2022',
|
|
308
|
+
// name: 'Evelyn Walker',
|
|
309
|
+
// role: 'QA Engineer',
|
|
310
|
+
// level: 'Today',
|
|
311
|
+
// customer: 'Luna Turner',
|
|
312
|
+
// amount: '$72.30',
|
|
313
|
+
// status: 'Pending',
|
|
314
|
+
// image: 'https://i.pravatar.cc/150?img=24',
|
|
315
|
+
// },
|
|
316
|
+
// {
|
|
317
|
+
// id: '#3022',
|
|
318
|
+
// date: 'Jan 22, 2022',
|
|
319
|
+
// name: 'Henry Hall',
|
|
320
|
+
// role: 'Business Analyst',
|
|
321
|
+
// level: 'Today',
|
|
322
|
+
// customer: 'Jack Phillips',
|
|
323
|
+
// amount: '$310.40',
|
|
324
|
+
// status: 'Completed',
|
|
325
|
+
// image: 'https://i.pravatar.cc/150?img=25',
|
|
326
|
+
// },
|
|
327
|
+
// {
|
|
328
|
+
// id: '#3023',
|
|
329
|
+
// date: 'Jan 23, 2022',
|
|
330
|
+
// name: 'Luna Allen',
|
|
331
|
+
// role: 'Fullstack Developer',
|
|
332
|
+
// level: 'Today',
|
|
333
|
+
// customer: 'Sofia Campbell',
|
|
334
|
+
// amount: '$145.00',
|
|
335
|
+
// status: 'Cancelled',
|
|
336
|
+
// image: 'https://i.pravatar.cc/150?img=26',
|
|
337
|
+
// },
|
|
338
|
+
// {
|
|
339
|
+
// id: '#3024',
|
|
340
|
+
// date: 'Jan 24, 2022',
|
|
341
|
+
// name: 'Jack Young',
|
|
342
|
+
// role: 'UX Researcher',
|
|
343
|
+
// level: 'Today',
|
|
344
|
+
// customer: 'David Parker',
|
|
345
|
+
// amount: '$260.70',
|
|
346
|
+
// status: 'Completed',
|
|
347
|
+
// image: 'https://i.pravatar.cc/150?img=27',
|
|
348
|
+
// },
|
|
349
|
+
// {
|
|
350
|
+
// id: '#3025',
|
|
351
|
+
// date: 'Jan 25, 2022',
|
|
352
|
+
// name: 'Sofia Hernandez',
|
|
353
|
+
// role: 'Mobile Developer',
|
|
354
|
+
// level: 'Today',
|
|
355
|
+
// customer: 'Grace Evans',
|
|
356
|
+
// amount: '$89.10',
|
|
357
|
+
// status: 'Pending',
|
|
358
|
+
// image: 'https://i.pravatar.cc/150?img=28',
|
|
359
|
+
// },
|
|
360
|
+
// {
|
|
361
|
+
// id: '#3026',
|
|
362
|
+
// date: 'Jan 26, 2022',
|
|
363
|
+
// name: 'David King',
|
|
364
|
+
// role: 'Data Analyst',
|
|
365
|
+
// level: 'Today',
|
|
366
|
+
// customer: 'Samuel Edwards',
|
|
367
|
+
// amount: '$410.90',
|
|
368
|
+
// status: 'Completed',
|
|
369
|
+
// image: 'https://i.pravatar.cc/150?img=29',
|
|
370
|
+
// },
|
|
371
|
+
// {
|
|
372
|
+
// id: '#3027',
|
|
373
|
+
// date: 'Jan 27, 2022',
|
|
374
|
+
// name: 'Grace Wright',
|
|
375
|
+
// role: 'Cloud Engineer',
|
|
376
|
+
// level: 'Today',
|
|
377
|
+
// customer: 'Chloe Collins',
|
|
378
|
+
// amount: '$130.55',
|
|
379
|
+
// status: 'Cancelled',
|
|
380
|
+
// image: 'https://i.pravatar.cc/150?img=30',
|
|
381
|
+
// },
|
|
382
|
+
// {
|
|
383
|
+
// id: '#3028',
|
|
384
|
+
// date: 'Jan 28, 2022',
|
|
385
|
+
// name: 'Samuel Scott',
|
|
386
|
+
// role: 'Security Engineer',
|
|
387
|
+
// level: 'Today',
|
|
388
|
+
// customer: 'Victoria Stewart',
|
|
389
|
+
// amount: '$555.00',
|
|
390
|
+
// status: 'Completed',
|
|
391
|
+
// image: 'https://i.pravatar.cc/150?img=31',
|
|
392
|
+
// },
|
|
393
|
+
// {
|
|
394
|
+
// id: '#3029',
|
|
395
|
+
// date: 'Jan 29, 2022',
|
|
396
|
+
// name: 'Chloe Green',
|
|
397
|
+
// role: 'Technical Lead',
|
|
398
|
+
// level: 'Today',
|
|
399
|
+
// customer: 'Nathan Morris',
|
|
400
|
+
// amount: '$205.25',
|
|
401
|
+
// status: 'Pending',
|
|
402
|
+
// image: 'https://i.pravatar.cc/150?img=32',
|
|
403
|
+
// },
|
|
404
|
+
// {
|
|
405
|
+
// id: '#3030',
|
|
406
|
+
// date: 'Jan 30, 2022',
|
|
407
|
+
// name: 'Nathan Adams',
|
|
408
|
+
// role: 'Scrum Master',
|
|
409
|
+
// level: 'Today',
|
|
410
|
+
// customer: 'Zoe Rogers',
|
|
411
|
+
// amount: '$320.80',
|
|
412
|
+
// status: 'Completed',
|
|
413
|
+
// image: 'https://i.pravatar.cc/150?img=33',
|
|
414
|
+
// },
|
|
79
415
|
];
|
|
80
416
|
// = {
|
|
417
|
+
// name: { key: 'customer' },
|
|
418
|
+
// badges: [
|
|
419
|
+
// { key: 'role', label: 'Role' },
|
|
420
|
+
// { key: 'amount', label: 'Amount' },
|
|
421
|
+
// ],
|
|
422
|
+
// button: { icon: 'assets/sent.svg', text: 'Send Money', action: 'send_money' },
|
|
423
|
+
// };
|
|
424
|
+
this.tableHeaderConfig = {
|
|
425
|
+
tableHeading: false,
|
|
426
|
+
tableHeadingLabel: 'Suspicious outflows',
|
|
427
|
+
showDateFilter: true,
|
|
428
|
+
showFilter: true,
|
|
429
|
+
showColumnOptions: true,
|
|
430
|
+
showSearch: true,
|
|
431
|
+
showExport: true,
|
|
432
|
+
showRefreshButton: false,
|
|
433
|
+
showLayoutToggle: true,
|
|
434
|
+
datePickerMode: 'range',
|
|
435
|
+
inputPlaceholder: 'Transaction reference',
|
|
436
|
+
showEntireData: true,
|
|
437
|
+
};
|
|
438
|
+
// = {
|
|
81
439
|
// paginationMode: 'internal',
|
|
82
440
|
// entriesDropdownMenuPosition: 'top',
|
|
83
441
|
// currentPage: 1,
|
|
@@ -95,42 +453,42 @@ export class GbTable {
|
|
|
95
453
|
theme: 'light',
|
|
96
454
|
};
|
|
97
455
|
// = {
|
|
98
|
-
//
|
|
99
|
-
//
|
|
100
|
-
//
|
|
101
|
-
//
|
|
102
|
-
//
|
|
103
|
-
//
|
|
104
|
-
//
|
|
105
|
-
//
|
|
106
|
-
//
|
|
107
|
-
//
|
|
108
|
-
//
|
|
109
|
-
//
|
|
110
|
-
//
|
|
111
|
-
//
|
|
112
|
-
//
|
|
113
|
-
//
|
|
114
|
-
//
|
|
115
|
-
//
|
|
116
|
-
//
|
|
117
|
-
// },
|
|
456
|
+
// title: 'Filter',
|
|
457
|
+
// fields: [
|
|
458
|
+
// {
|
|
459
|
+
// tag: 'gb-date-picker',
|
|
460
|
+
// label: 'Date',
|
|
461
|
+
// columnKey: 'date',
|
|
462
|
+
// key: { start: 'startDate', end: 'endDate' },
|
|
463
|
+
// event: 'dateChange',
|
|
464
|
+
// },
|
|
465
|
+
// {
|
|
466
|
+
// tag: 'gb-input-dropdown',
|
|
467
|
+
// key: 'status',
|
|
468
|
+
// event: 'dropdownItemSelected',
|
|
469
|
+
// props: {
|
|
470
|
+
// type: 'tags',
|
|
471
|
+
// showLabel: true,
|
|
472
|
+
// label: 'Status',
|
|
473
|
+
// placeholder: 'Select a status',
|
|
474
|
+
// items: ['Completed', 'Pending', 'Cancelled'],
|
|
118
475
|
// },
|
|
119
|
-
//
|
|
120
|
-
//
|
|
121
|
-
//
|
|
122
|
-
//
|
|
123
|
-
//
|
|
124
|
-
//
|
|
125
|
-
//
|
|
126
|
-
//
|
|
127
|
-
//
|
|
476
|
+
// },
|
|
477
|
+
// {
|
|
478
|
+
// tag: 'gb-slider',
|
|
479
|
+
// key: 'amount',
|
|
480
|
+
// event: 'thumbValueChanged',
|
|
481
|
+
// props: {
|
|
482
|
+
// showHeading: true,
|
|
483
|
+
// heading: 'Amount range',
|
|
484
|
+
// max: 600
|
|
128
485
|
// },
|
|
129
|
-
// ],
|
|
130
|
-
// initialValues: {
|
|
131
|
-
// pageNumber: 0,
|
|
132
|
-
// pageSize: 10,
|
|
133
486
|
// },
|
|
487
|
+
// ],
|
|
488
|
+
// initialValues: {
|
|
489
|
+
// pageNumber: 0,
|
|
490
|
+
// pageSize: 10,
|
|
491
|
+
// },
|
|
134
492
|
// };
|
|
135
493
|
this.showActionsColumn = true;
|
|
136
494
|
this.rowActions = [
|
|
@@ -238,20 +596,23 @@ export class GbTable {
|
|
|
238
596
|
renderCell(col, row) {
|
|
239
597
|
var _a, _b, _c, _d, _e, _f;
|
|
240
598
|
const value = this.getCellValue(col, row);
|
|
599
|
+
const resolvedClass = typeof col.cellClass === 'function' ? col.cellClass(row) : ((_a = col.cellClass) !== null && _a !== void 0 ? _a : '');
|
|
600
|
+
const resolvedStyle = typeof col.cellStyle === 'function' ? col.cellStyle(row) : ((_b = col.cellStyle) !== null && _b !== void 0 ? _b : {});
|
|
601
|
+
const supporting = typeof col.supportingText === 'function' ? col.supportingText(row) : col.supportingText ? row[col.supportingText] : undefined;
|
|
241
602
|
if (col.cellComponent) {
|
|
242
603
|
const Tag = col.cellComponent;
|
|
243
604
|
// resolve props
|
|
244
605
|
const props = typeof col.cellProps === 'function' ? col.cellProps(row) : col.cellProps || {};
|
|
245
606
|
// resolve default slot content
|
|
246
607
|
let defaultSlotContent = null;
|
|
247
|
-
if ((
|
|
608
|
+
if ((_d = (_c = col.cellSlots) === null || _c === void 0 ? void 0 : _c.default) === null || _d === void 0 ? void 0 : _d.content) {
|
|
248
609
|
const content = col.cellSlots.default.content(row);
|
|
249
610
|
const slotTag = col.cellSlots.default.tag;
|
|
250
611
|
defaultSlotContent = slotTag ? h(slotTag, {}, content) : content;
|
|
251
612
|
}
|
|
252
613
|
// resolve named slots
|
|
253
614
|
const namedSlotElements = [];
|
|
254
|
-
if ((
|
|
615
|
+
if ((_e = col.cellSlots) === null || _e === void 0 ? void 0 : _e.named) {
|
|
255
616
|
for (const [slotName, slotConfig] of Object.entries(col.cellSlots.named)) {
|
|
256
617
|
const content = slotConfig.content(row);
|
|
257
618
|
const element = h(slotConfig.tag, { slot: slotName }, content);
|
|
@@ -281,14 +642,16 @@ export class GbTable {
|
|
|
281
642
|
if (col.splitCell) {
|
|
282
643
|
const leftVal = col.splitCell.left(row);
|
|
283
644
|
const rightVal = col.splitCell.right(row);
|
|
284
|
-
const separator = (
|
|
645
|
+
const separator = (_f = col.splitCell.separator) !== null && _f !== void 0 ? _f : '/';
|
|
285
646
|
const leftStyle = col.splitCell.leftStyle ? col.splitCell.leftStyle(row) : {};
|
|
286
647
|
const rightStyle = col.splitCell.rightStyle ? col.splitCell.rightStyle(row) : {};
|
|
287
648
|
return (h("p", { class: "body_text text-sm-regular" }, h("span", { style: leftStyle }, leftVal), h("span", null, separator), h("span", { style: rightStyle }, rightVal)));
|
|
288
649
|
}
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
650
|
+
if (col.hasAvatar) {
|
|
651
|
+
const avatarInitials = typeof col.cellAvatar.slots.initials === 'function' ? col.cellAvatar.slots.initials(row) : col.cellAvatar.slots.initials;
|
|
652
|
+
const avatarImage = typeof col.cellAvatar.slots.image === 'function' ? getAssetPath(col.cellAvatar.slots.image(row)) : getAssetPath(col.cellAvatar.slots.image);
|
|
653
|
+
return (h("div", { class: "avatar_cell" }, h("gb-avatar", { size: "sm", text: avatarInitials ? true : avatarImage ? false : null, "show-border": "false" }, h("h1", { slot: "initials" }, avatarInitials), h("img", { slot: "image", src: avatarImage })), h("p", { class: `body_text text-sm-regular ${resolvedClass}`, style: resolvedStyle }, value)));
|
|
654
|
+
}
|
|
292
655
|
return (h(Fragment, null, h("p", { class: `body_text text-sm-regular ${resolvedClass}`, style: resolvedStyle }, value), supporting && (h("div", { class: "supporting" }, h("p", { class: "text-xs-regular" }, supporting)))));
|
|
293
656
|
}
|
|
294
657
|
getCellValue(col, row) {
|
|
@@ -429,7 +792,7 @@ export class GbTable {
|
|
|
429
792
|
}
|
|
430
793
|
emitSelection() {
|
|
431
794
|
const selected = this.sortedData.filter(row => this.selectedRowIds.has(this.getRowId(row)));
|
|
432
|
-
console.log(selected);
|
|
795
|
+
// console.log(selected);
|
|
433
796
|
this.selectionChanged.emit(selected);
|
|
434
797
|
}
|
|
435
798
|
get displayedData() {
|
|
@@ -621,8 +984,8 @@ export class GbTable {
|
|
|
621
984
|
this.showAndHideToast('Filter cleared');
|
|
622
985
|
}
|
|
623
986
|
get filteredData() {
|
|
987
|
+
// console.log('filteredData running, appliedFilterValues:', this.appliedFilterValues);
|
|
624
988
|
var _a;
|
|
625
|
-
console.log('filteredData running, appliedFilterValues:', this.appliedFilterValues);
|
|
626
989
|
if (this.filterMode === 'external' || !((_a = this.filterConfig) === null || _a === void 0 ? void 0 : _a.fields) || Object.keys(this.appliedFilterValues).length === 0) {
|
|
627
990
|
return this.sortedData;
|
|
628
991
|
}
|
|
@@ -636,12 +999,12 @@ export class GbTable {
|
|
|
636
999
|
if (!startFilter && !endFilter)
|
|
637
1000
|
return true;
|
|
638
1001
|
const rowDate = new Date(row[field.columnKey]);
|
|
639
|
-
console.log('keys:', keys);
|
|
640
|
-
console.log('appliedFilterValues:', this.appliedFilterValues);
|
|
641
|
-
console.log('startFilter:', startFilter);
|
|
642
|
-
console.log('endFilter:', endFilter);
|
|
643
|
-
console.log('rowKey:', field.columnKey);
|
|
644
|
-
console.log('row value:', row[field.columnKey]);
|
|
1002
|
+
// console.log('keys:', keys);
|
|
1003
|
+
// console.log('appliedFilterValues:', this.appliedFilterValues);
|
|
1004
|
+
// console.log('startFilter:', startFilter);
|
|
1005
|
+
// console.log('endFilter:', endFilter);
|
|
1006
|
+
// console.log('rowKey:', field.columnKey);
|
|
1007
|
+
// console.log('row value:', row[field.columnKey]);
|
|
645
1008
|
// if the date is unparseable, don't filter it out
|
|
646
1009
|
if (isNaN(rowDate.getTime()))
|
|
647
1010
|
return true;
|
|
@@ -720,16 +1083,16 @@ export class GbTable {
|
|
|
720
1083
|
window.removeEventListener('resize', this.checkViewport);
|
|
721
1084
|
}
|
|
722
1085
|
render() {
|
|
723
|
-
return (h("div", { key: '
|
|
1086
|
+
return (h("div", { key: '651fb446928f8d526665593e17f5647d7859cbaa', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: 'c90f298f13fc880eb5cf4497b9feab1cb12f78b8', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '94c0c6ec6307e15c16a470796d1ce034dba52d59', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: 'fa723554418f473e2decf515fbcc8959235f6d7a', class: "dialog", style: {
|
|
724
1087
|
transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
|
|
725
|
-
} }, h("div", { key: '
|
|
1088
|
+
} }, h("div", { key: '5ceae94f847b6af8b8b58058dddbf108abc71315', class: "column-modal" }, h("div", { key: 'aad941b174bb787c0c3848e6710372782890b7df', class: "modal_header" }, h("div", { key: 'cf44e011df25cb7d0add253fc9b5e43f7c8eb7aa', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '69fa2bd3cbfdeaa1b8adc2964d9d0c3232b961d1', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: 'a3694243c2c87f763c94fb45eb67a127d78d87cb', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: 'f5d9a0999e889b84cb46ce16c2f11311439a5640', class: "content_wrapper" }, h("div", { key: '10d2ed9be4d886450bb93b409eb5f335b14cd4a9', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
|
|
726
1089
|
if (this.draggedIndex !== null && this.draggedIndex !== index) {
|
|
727
1090
|
this.reorderColumns(this.draggedIndex, index);
|
|
728
1091
|
}
|
|
729
1092
|
this.draggedIndex = null;
|
|
730
1093
|
} }, h("div", { class: "label_and_dragger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16", stroke: "var(--color-icon, #4B5565)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { class: "label text-md-regular" }, col.label)), h("gb-toggle", { size: "sm", state: StateEnum.Default, position: "right", pressed: col.visible, text: false, onToggleClicked: e => {
|
|
731
1094
|
this.toggleColumn(e, col.key);
|
|
732
|
-
} })))), h("div", { key: '
|
|
1095
|
+
} })))), h("div", { key: 'f7d0bc919555a2201c55a4e39e631751f9ae9ee1', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '20e005701dbf2cfce4a048f2e3c05dcfebae6227', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '730563f0c778f5a0d13316f3fb8226f980405d08', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
|
|
733
1096
|
e.stopPropagation();
|
|
734
1097
|
this.closeFilterModal();
|
|
735
1098
|
}, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
|
|
@@ -776,7 +1139,7 @@ export class GbTable {
|
|
|
776
1139
|
? this.renderDesktopView()
|
|
777
1140
|
: this.currentTableLayout === 'grid'
|
|
778
1141
|
? this.renderGridView()
|
|
779
|
-
: null)), this.paginationConfig && (h("div", { key: '
|
|
1142
|
+
: null)), this.paginationConfig && (h("div", { key: '3f30889d2d1221ff3f63c033d79a5833b47f52dd', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: '034fbde168399b4b16a9680e60bb7076489f4854', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: 'e00c6746cbb71435ccf669ae47c07448a75ccbef', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
|
|
780
1143
|
}
|
|
781
1144
|
static get is() { return "gb-table"; }
|
|
782
1145
|
static get encapsulation() { return "shadow"; }
|
|
@@ -834,7 +1197,7 @@ export class GbTable {
|
|
|
834
1197
|
},
|
|
835
1198
|
"getter": false,
|
|
836
1199
|
"setter": false,
|
|
837
|
-
"defaultValue": "[\r\n // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n // {\r\n // key: 'name',\r\n // label: 'Name',\r\n // sortable: true,\r\n // sortType: 'string',\r\n // helpIcon: true,\r\n // searchable: true,\r\n //
|
|
1200
|
+
"defaultValue": "[\r\n // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n // {\r\n // key: 'name',\r\n // label: 'Name',\r\n // sortable: true,\r\n // sortType: 'string',\r\n // helpIcon: true,\r\n // searchable: true,\r\n // hasAvatar: true,\r\n // cellAvatar: {\r\n // // image: '',\r\n // slots: {\r\n // // initials: (row) => row.name.split(' ').map((nm: string) => nm.charAt(0)),\r\n // image: (row) => row.image,\r\n // },\r\n // },\r\n // mobile: { position: 'top_right' },\r\n // },\r\n // { key: 'role', label: 'Role', searchable: true },\r\n // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },\r\n // {\r\n // key: 'status',\r\n // label: 'Status',\r\n // cellComponent: 'gb-badge',\r\n // cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n // cellSlots: {\r\n // default: {\r\n // tag: 'p',\r\n // content: row => row.status,\r\n // },\r\n // },\r\n // },\r\n ]"
|
|
838
1201
|
},
|
|
839
1202
|
"data": {
|
|
840
1203
|
"type": "unknown",
|
|
@@ -852,7 +1215,7 @@ export class GbTable {
|
|
|
852
1215
|
},
|
|
853
1216
|
"getter": false,
|
|
854
1217
|
"setter": false,
|
|
855
|
-
"defaultValue": "[\r\n // {\r\n // id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',\r\n // date: 'Jan 1, 2022',\r\n // name: 'Emma Johnson',\r\n // role: 'Frontend Developer',\r\n // level: 'Today',\r\n // customer: 'John Doe',\r\n // amount: '$120.00',\r\n // status: 'Completed',\r\n // },\r\n // { id: '#3002', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3006', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n // { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n // { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n // { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n // { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n // { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n // { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n // { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n // { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n // { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n // { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n // { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n // { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n // { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n // { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n // { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n // { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n // { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n // { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n // { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n // { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n // { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n // { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n // { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n // { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n // { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n // { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n // { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n // { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n ]"
|
|
1218
|
+
"defaultValue": "[\r\n // {\r\n // id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',\r\n // date: 'Jan 1, 2022',\r\n // name: 'Emma Johnson',\r\n // role: 'Frontend Developer',\r\n // level: 'Today',\r\n // customer: 'John Doe',\r\n // amount: '$120.00',\r\n // status: 'Completed',\r\n // },\r\n // {\r\n // id: '#3002',\r\n // date: new Date(),\r\n // name: 'Emmanuel Kadiri',\r\n // role: 'Backend Developer',\r\n // level: 'Today',\r\n // customer: 'Sarah Wilson',\r\n // amount: '$85.50',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=1',\r\n // },\r\n // {\r\n // id: '#3003',\r\n // date: new Date(),\r\n // name: 'Liam Smith',\r\n // role: 'Frontend Developer',\r\n // level: 'Today',\r\n // customer: 'Sarah Wilson',\r\n // amount: '$85.50',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=2',\r\n // },\r\n // {\r\n // id: '#3004',\r\n // date: new Date(),\r\n // name: 'Liam Smith',\r\n // role: 'Backend Developer',\r\n // level: 'Today',\r\n // customer: 'Sarah Wilson',\r\n // amount: '$85.50',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=3',\r\n // },\r\n // {\r\n // id: '#3005',\r\n // date: new Date(),\r\n // name: 'Liam Smith',\r\n // role: 'Backend Developer',\r\n // level: 'Today',\r\n // customer: 'Sarah Wilson',\r\n // amount: '$85.50',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=4',\r\n // },\r\n // {\r\n // id: '#3006',\r\n // date: new Date(),\r\n // name: 'Liam Smith',\r\n // role: 'Backend Developer',\r\n // level: 'Today',\r\n // customer: 'Sarah Wilson',\r\n // amount: '$85.50',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=5',\r\n // },\r\n // {\r\n // id: '#3003',\r\n // date: 'Jan 3, 2022',\r\n // name: 'Olivia Brown',\r\n // role: 'UI Designer',\r\n // level: 'Today',\r\n // customer: 'Michael Lee',\r\n // amount: '$230.75',\r\n // status: 'Cancelled',\r\n // image: 'https://i.pravatar.cc/150?img=6',\r\n // },\r\n // {\r\n // id: '#3004',\r\n // date: 'Jan 4, 2022',\r\n // name: 'Noah Davis',\r\n // role: 'DevOps Engineer',\r\n // level: 'Today',\r\n // customer: 'Emily Clark',\r\n // amount: '$59.99',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=7',\r\n // },\r\n // {\r\n // id: '#3005',\r\n // date: 'Jan 5, 2022',\r\n // name: 'Ava Martinez',\r\n // role: 'Product Manager',\r\n // level: 'Today',\r\n // customer: 'Daniel Harris',\r\n // amount: '$410.00',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=8',\r\n // },\r\n // {\r\n // id: '#3006',\r\n // date: 'Jan 6, 2022',\r\n // name: 'William Garcia',\r\n // role: 'QA Engineer',\r\n // level: 'Today',\r\n // customer: 'Sophia Lewis',\r\n // amount: '$150.20',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=9',\r\n // },\r\n // {\r\n // id: '#3007',\r\n // date: 'Jan 7, 2022',\r\n // name: 'Isabella Rodriguez',\r\n // role: 'Business Analyst',\r\n // level: 'Today',\r\n // customer: 'James Walker',\r\n // amount: '$78.40',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=10',\r\n // },\r\n // {\r\n // id: '#3008',\r\n // date: 'Jan 8, 2022',\r\n // name: 'James Wilson',\r\n // role: 'Fullstack Developer',\r\n // level: 'Today',\r\n // customer: 'Mia Hall',\r\n // amount: '$300.00',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=11',\r\n // },\r\n // {\r\n // id: '#3009',\r\n // date: 'Jan 9, 2022',\r\n // name: 'Sophia Anderson',\r\n // role: 'UX Researcher',\r\n // level: 'Today',\r\n // customer: 'Benjamin Allen',\r\n // amount: '$95.60',\r\n // status: 'Cancelled',\r\n // image: 'https://i.pravatar.cc/150?img=12',\r\n // },\r\n // {\r\n // id: '#3010',\r\n // date: 'Jan 10, 2022',\r\n // name: 'Benjamin Thomas',\r\n // role: 'Mobile Developer',\r\n // level: 'Today',\r\n // customer: 'Charlotte Young',\r\n // amount: '$210.10',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=13',\r\n // },\r\n // {\r\n // id: '#3011',\r\n // date: 'Jan 11, 2022',\r\n // name: 'Mia Taylor',\r\n // role: 'Data Analyst',\r\n // level: 'Today',\r\n // customer: 'Lucas King',\r\n // amount: '$180.00',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=14',\r\n // },\r\n // {\r\n // id: '#3012',\r\n // date: 'Jan 12, 2022',\r\n // name: 'Lucas Moore',\r\n // role: 'Cloud Engineer',\r\n // level: 'Today',\r\n // customer: 'Amelia Scott',\r\n // amount: '$420.75',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=15',\r\n // },\r\n // {\r\n // id: '#3013',\r\n // date: 'Jan 13, 2022',\r\n // name: 'Charlotte Jackson',\r\n // role: 'Security Engineer',\r\n // level: 'Today',\r\n // customer: 'Elijah Green',\r\n // amount: '$65.90',\r\n // status: 'Cancelled',\r\n // image: 'https://i.pravatar.cc/150?img=16',\r\n // },\r\n // {\r\n // id: '#3014',\r\n // date: 'Jan 14, 2022',\r\n // name: 'Elijah Martin',\r\n // role: 'Technical Lead',\r\n // level: 'Today',\r\n // customer: 'Harper Adams',\r\n // amount: '$510.30',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=17',\r\n // },\r\n // {\r\n // id: '#3015',\r\n // date: 'Jan 15, 2022',\r\n // name: 'Amelia Lee',\r\n // role: 'Scrum Master',\r\n // level: 'Today',\r\n // customer: 'Alexander Baker',\r\n // amount: '$99.99',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=18',\r\n // },\r\n // {\r\n // id: '#3016',\r\n // date: 'Jan 16, 2022',\r\n // name: 'Harper Perez',\r\n // role: 'Frontend Developer',\r\n // level: 'Today',\r\n // customer: 'Ella Nelson',\r\n // amount: '$275.45',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=19',\r\n // },\r\n // {\r\n // id: '#3017',\r\n // date: 'Jan 17, 2022',\r\n // name: 'Alexander White',\r\n // role: 'Backend Developer',\r\n // level: 'Today',\r\n // customer: 'Matthew Carter',\r\n // amount: '$340.00',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=20',\r\n // },\r\n // {\r\n // id: '#3018',\r\n // date: 'Jan 18, 2022',\r\n // name: 'Ella Harris',\r\n // role: 'UI Designer',\r\n // level: 'Today',\r\n // customer: 'Avery Mitchell',\r\n // amount: '$88.80',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=21',\r\n // },\r\n // {\r\n // id: '#3019',\r\n // date: 'Jan 19, 2022',\r\n // name: 'Matthew Clark',\r\n // role: 'DevOps Engineer',\r\n // level: 'Today',\r\n // customer: 'Evelyn Perez',\r\n // amount: '$190.25',\r\n // status: 'Cancelled',\r\n // image: 'https://i.pravatar.cc/150?img=22',\r\n // },\r\n // {\r\n // id: '#3020',\r\n // date: 'Jan 20, 2022',\r\n // name: 'Avery Lewis',\r\n // role: 'Product Manager',\r\n // level: 'Today',\r\n // customer: 'Henry Roberts',\r\n // amount: '$600.00',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=23',\r\n // },\r\n // {\r\n // id: '#3021',\r\n // date: 'Jan 21, 2022',\r\n // name: 'Evelyn Walker',\r\n // role: 'QA Engineer',\r\n // level: 'Today',\r\n // customer: 'Luna Turner',\r\n // amount: '$72.30',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=24',\r\n // },\r\n // {\r\n // id: '#3022',\r\n // date: 'Jan 22, 2022',\r\n // name: 'Henry Hall',\r\n // role: 'Business Analyst',\r\n // level: 'Today',\r\n // customer: 'Jack Phillips',\r\n // amount: '$310.40',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=25',\r\n // },\r\n // {\r\n // id: '#3023',\r\n // date: 'Jan 23, 2022',\r\n // name: 'Luna Allen',\r\n // role: 'Fullstack Developer',\r\n // level: 'Today',\r\n // customer: 'Sofia Campbell',\r\n // amount: '$145.00',\r\n // status: 'Cancelled',\r\n // image: 'https://i.pravatar.cc/150?img=26',\r\n // },\r\n // {\r\n // id: '#3024',\r\n // date: 'Jan 24, 2022',\r\n // name: 'Jack Young',\r\n // role: 'UX Researcher',\r\n // level: 'Today',\r\n // customer: 'David Parker',\r\n // amount: '$260.70',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=27',\r\n // },\r\n // {\r\n // id: '#3025',\r\n // date: 'Jan 25, 2022',\r\n // name: 'Sofia Hernandez',\r\n // role: 'Mobile Developer',\r\n // level: 'Today',\r\n // customer: 'Grace Evans',\r\n // amount: '$89.10',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=28',\r\n // },\r\n // {\r\n // id: '#3026',\r\n // date: 'Jan 26, 2022',\r\n // name: 'David King',\r\n // role: 'Data Analyst',\r\n // level: 'Today',\r\n // customer: 'Samuel Edwards',\r\n // amount: '$410.90',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=29',\r\n // },\r\n // {\r\n // id: '#3027',\r\n // date: 'Jan 27, 2022',\r\n // name: 'Grace Wright',\r\n // role: 'Cloud Engineer',\r\n // level: 'Today',\r\n // customer: 'Chloe Collins',\r\n // amount: '$130.55',\r\n // status: 'Cancelled',\r\n // image: 'https://i.pravatar.cc/150?img=30',\r\n // },\r\n // {\r\n // id: '#3028',\r\n // date: 'Jan 28, 2022',\r\n // name: 'Samuel Scott',\r\n // role: 'Security Engineer',\r\n // level: 'Today',\r\n // customer: 'Victoria Stewart',\r\n // amount: '$555.00',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=31',\r\n // },\r\n // {\r\n // id: '#3029',\r\n // date: 'Jan 29, 2022',\r\n // name: 'Chloe Green',\r\n // role: 'Technical Lead',\r\n // level: 'Today',\r\n // customer: 'Nathan Morris',\r\n // amount: '$205.25',\r\n // status: 'Pending',\r\n // image: 'https://i.pravatar.cc/150?img=32',\r\n // },\r\n // {\r\n // id: '#3030',\r\n // date: 'Jan 30, 2022',\r\n // name: 'Nathan Adams',\r\n // role: 'Scrum Master',\r\n // level: 'Today',\r\n // customer: 'Zoe Rogers',\r\n // amount: '$320.80',\r\n // status: 'Completed',\r\n // image: 'https://i.pravatar.cc/150?img=33',\r\n // },\r\n ]"
|
|
856
1219
|
},
|
|
857
1220
|
"gridCardConfig": {
|
|
858
1221
|
"type": "unknown",
|
|
@@ -886,7 +1249,8 @@ export class GbTable {
|
|
|
886
1249
|
"text": ""
|
|
887
1250
|
},
|
|
888
1251
|
"getter": false,
|
|
889
|
-
"setter": false
|
|
1252
|
+
"setter": false,
|
|
1253
|
+
"defaultValue": "{\r\n tableHeading: false,\r\n tableHeadingLabel: 'Suspicious outflows',\r\n showDateFilter: true,\r\n showFilter: true,\r\n showColumnOptions: true,\r\n showSearch: true,\r\n showExport: true,\r\n showRefreshButton: false,\r\n showLayoutToggle: true,\r\n datePickerMode: 'range',\r\n inputPlaceholder: 'Transaction reference',\r\n showEntireData: true,\r\n }"
|
|
890
1254
|
},
|
|
891
1255
|
"paginationConfig": {
|
|
892
1256
|
"type": "unknown",
|