@ironsource/shared-ui 2.1.7-test.3 → 2.1.7-test.5
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/DataGrid.vue_vue_type_style_index_0_scoped_5273976b_lang.css +1 -0
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_938772ee_lang.css +1 -0
- package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +1 -0
- package/IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css +1 -0
- package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css +1 -0
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_b6a06f00_lang.css +1 -0
- package/Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_1_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +1 -0
- package/TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css +1 -0
- package/components/ThemeWrapper/ThemeWrapper.vue.js +2 -2
- package/components/ThemeWrapper/ThemeWrapper.vue2.js +5 -5
- package/components/dropdown/v4/DropdownV4.vue.d.ts +10 -0
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +151 -147
- package/components/dropdown/v4/OptionV4.vue.d.ts +10 -0
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +70 -53
- package/components/dropdown/v4/dropdownStoryArgs.d.ts +14 -0
- package/components/dropdown/v4/index.d.ts +78 -2
- package/components/includeExclude/IncludeExclude.vue.js +4 -4
- package/components/includeExclude/IncludeExclude.vue2.js +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.js +4 -4
- package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +2 -2
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +1 -1
- package/components/popover/common/Popover.common.d.ts +6 -0
- package/components/popover/common/Popover.common.js +17 -0
- package/components/popover/v3/Popover.vue.js +8 -0
- package/components/popover/{Popover.vue2.js → v3/Popover.vue2.js} +1 -1
- package/components/popover/v4/PopoverV4.vue.d.ts +73 -0
- package/components/popover/v4/PopoverV4.vue.js +7 -0
- package/components/popover/v4/PopoverV4.vue2.js +54 -0
- package/components/popover/v4/index.d.ts +209 -0
- package/components/popover/v4/index.js +6 -0
- package/components/sortableList/SortableList.vue.d.ts +25 -0
- package/components/sortableList/SortableList.vue.js +4 -4
- package/components/sortableList/SortableList.vue2.js +129 -89
- package/components/sortableList/index.d.ts +88 -2
- package/components/table/common/Table.common.js +71 -68
- package/components/table/v3/Table.vue.d.ts +2 -2
- package/components/table/v3/index.d.ts +39 -39
- package/components/table/v4/DataGrid.vue.d.ts +12 -2
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +103 -100
- package/components/table/v4/DataGridRowsCounter.vue.d.ts +5 -0
- package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
- package/components/table/v4/DataGridRowsCounter.vue2.js +30 -22
- package/components/table/v4/MultipleDataGrid.vue.d.ts +16 -3
- package/components/table/v4/MultipleDataGrid.vue.js +4 -4
- package/components/table/v4/MultipleDataGrid.vue2.js +114 -66
- package/components/table/v4/index.d.ts +135 -75
- package/components/table/v4/storyUtils.d.ts +4 -0
- package/components/table-cells/common/Editable.common.js +37 -26
- package/components/table-cells/common/EditableContext.d.ts +1 -0
- package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
- package/components/table-cells/v4/EditableV4.vue.js +5 -5
- package/components/table-cells/v4/EditableV4.vue2.js +18 -17
- package/components/table-cells/v4/index.d.ts +20 -1
- package/components/tabs/v4/TabsV4.vue.js +4 -4
- package/components/tabs/v4/TabsV4.vue2.js +37 -40
- package/index.d.ts +1134 -239
- package/index.js +70 -70
- package/package.json +7 -3
- package/testids/index.d.ts +5 -0
- package/testids/index.js +24 -23
- package/utils/formatNumbers.d.ts +4 -0
- package/utils/formatNumbers.js +11 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css +0 -1
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css +0 -1
- package/EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css +0 -1
- package/IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css +0 -1
- package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css +0 -1
- package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css +0 -1
- package/TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css +0 -1
- package/ThemeWrapper.vue_vue_type_style_index_0_scoped_b62ee695_lang.css +0 -1
- package/components/popover/Popover.vue.js +0 -8
- /package/components/popover/{Popover.vue.d.ts → v3/Popover.vue.d.ts} +0 -0
- /package/components/popover/{index.d.ts → v3/index.d.ts} +0 -0
- /package/components/popover/{index.js → v3/index.js} +0 -0
|
@@ -16,20 +16,22 @@ declare const DataGridTypes: () => (({
|
|
|
16
16
|
searchPlaceholder: string;
|
|
17
17
|
selection: unknown[];
|
|
18
18
|
showSearch: boolean;
|
|
19
|
+
loadingRowCount: number;
|
|
20
|
+
emptyStateTitle: string;
|
|
19
21
|
isSticky: boolean;
|
|
20
22
|
sections: import("../common/Table.types").Section[];
|
|
21
23
|
isStickyHeader: boolean;
|
|
22
|
-
emptyStateTitle: string;
|
|
23
24
|
emptyStateSubtitle: string;
|
|
24
25
|
isInfiniteScroll: boolean;
|
|
25
26
|
infiniteScrollThreshold: number;
|
|
26
27
|
rowHeight: number | ((index: number) => number);
|
|
27
|
-
loadingRowCount: number;
|
|
28
28
|
defaultScrollPosition: number;
|
|
29
29
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
30
30
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
31
31
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
32
32
|
zIndexBase: number;
|
|
33
|
+
rowCustomClassKey: string;
|
|
34
|
+
rowDataKey: string;
|
|
33
35
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
34
36
|
sort: {
|
|
35
37
|
type: import("vue").PropType<import("../common/Table.types").Sort>;
|
|
@@ -71,6 +73,14 @@ declare const DataGridTypes: () => (({
|
|
|
71
73
|
type: import("vue").PropType<boolean>;
|
|
72
74
|
default: boolean;
|
|
73
75
|
};
|
|
76
|
+
loadingRowCount: {
|
|
77
|
+
type: import("vue").PropType<number>;
|
|
78
|
+
default: number;
|
|
79
|
+
};
|
|
80
|
+
emptyStateTitle: {
|
|
81
|
+
type: import("vue").PropType<string>;
|
|
82
|
+
default: string;
|
|
83
|
+
};
|
|
74
84
|
isSticky: {
|
|
75
85
|
type: import("vue").PropType<boolean>;
|
|
76
86
|
default: boolean;
|
|
@@ -87,10 +97,6 @@ declare const DataGridTypes: () => (({
|
|
|
87
97
|
type: import("vue").PropType<boolean>;
|
|
88
98
|
default: boolean;
|
|
89
99
|
};
|
|
90
|
-
emptyStateTitle: {
|
|
91
|
-
type: import("vue").PropType<string>;
|
|
92
|
-
default: string;
|
|
93
|
-
};
|
|
94
100
|
emptyStateSubtitle: {
|
|
95
101
|
type: import("vue").PropType<string>;
|
|
96
102
|
default: string;
|
|
@@ -107,10 +113,6 @@ declare const DataGridTypes: () => (({
|
|
|
107
113
|
type: import("vue").PropType<number | ((index: number) => number)>;
|
|
108
114
|
default: number;
|
|
109
115
|
};
|
|
110
|
-
loadingRowCount: {
|
|
111
|
-
type: import("vue").PropType<number>;
|
|
112
|
-
default: number;
|
|
113
|
-
};
|
|
114
116
|
defaultScrollPosition: {
|
|
115
117
|
type: import("vue").PropType<number>;
|
|
116
118
|
default: any;
|
|
@@ -131,6 +133,14 @@ declare const DataGridTypes: () => (({
|
|
|
131
133
|
type: import("vue").PropType<number>;
|
|
132
134
|
default: number;
|
|
133
135
|
};
|
|
136
|
+
rowCustomClassKey: {
|
|
137
|
+
type: import("vue").PropType<string>;
|
|
138
|
+
default: string;
|
|
139
|
+
};
|
|
140
|
+
rowDataKey: {
|
|
141
|
+
type: import("vue").PropType<string>;
|
|
142
|
+
default: string;
|
|
143
|
+
};
|
|
134
144
|
}>> & {
|
|
135
145
|
onSelectAll?: (value: boolean) => any;
|
|
136
146
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -147,7 +157,7 @@ declare const DataGridTypes: () => (({
|
|
|
147
157
|
"onUpdate:selection"?: (selection: unknown[]) => any;
|
|
148
158
|
onSelectRow?: (value: boolean) => any;
|
|
149
159
|
onClickRow?: (rowIndex: number) => any;
|
|
150
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "
|
|
160
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
|
|
151
161
|
$attrs: {
|
|
152
162
|
[x: string]: unknown;
|
|
153
163
|
};
|
|
@@ -207,6 +217,14 @@ declare const DataGridTypes: () => (({
|
|
|
207
217
|
type: import("vue").PropType<boolean>;
|
|
208
218
|
default: boolean;
|
|
209
219
|
};
|
|
220
|
+
loadingRowCount: {
|
|
221
|
+
type: import("vue").PropType<number>;
|
|
222
|
+
default: number;
|
|
223
|
+
};
|
|
224
|
+
emptyStateTitle: {
|
|
225
|
+
type: import("vue").PropType<string>;
|
|
226
|
+
default: string;
|
|
227
|
+
};
|
|
210
228
|
isSticky: {
|
|
211
229
|
type: import("vue").PropType<boolean>;
|
|
212
230
|
default: boolean;
|
|
@@ -223,10 +241,6 @@ declare const DataGridTypes: () => (({
|
|
|
223
241
|
type: import("vue").PropType<boolean>;
|
|
224
242
|
default: boolean;
|
|
225
243
|
};
|
|
226
|
-
emptyStateTitle: {
|
|
227
|
-
type: import("vue").PropType<string>;
|
|
228
|
-
default: string;
|
|
229
|
-
};
|
|
230
244
|
emptyStateSubtitle: {
|
|
231
245
|
type: import("vue").PropType<string>;
|
|
232
246
|
default: string;
|
|
@@ -243,10 +257,6 @@ declare const DataGridTypes: () => (({
|
|
|
243
257
|
type: import("vue").PropType<number | ((index: number) => number)>;
|
|
244
258
|
default: number;
|
|
245
259
|
};
|
|
246
|
-
loadingRowCount: {
|
|
247
|
-
type: import("vue").PropType<number>;
|
|
248
|
-
default: number;
|
|
249
|
-
};
|
|
250
260
|
defaultScrollPosition: {
|
|
251
261
|
type: import("vue").PropType<number>;
|
|
252
262
|
default: any;
|
|
@@ -267,6 +277,14 @@ declare const DataGridTypes: () => (({
|
|
|
267
277
|
type: import("vue").PropType<number>;
|
|
268
278
|
default: number;
|
|
269
279
|
};
|
|
280
|
+
rowCustomClassKey: {
|
|
281
|
+
type: import("vue").PropType<string>;
|
|
282
|
+
default: string;
|
|
283
|
+
};
|
|
284
|
+
rowDataKey: {
|
|
285
|
+
type: import("vue").PropType<string>;
|
|
286
|
+
default: string;
|
|
287
|
+
};
|
|
270
288
|
}>> & {
|
|
271
289
|
onSelectAll?: (value: boolean) => any;
|
|
272
290
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -311,20 +329,22 @@ declare const DataGridTypes: () => (({
|
|
|
311
329
|
searchPlaceholder: string;
|
|
312
330
|
selection: unknown[];
|
|
313
331
|
showSearch: boolean;
|
|
332
|
+
loadingRowCount: number;
|
|
333
|
+
emptyStateTitle: string;
|
|
314
334
|
isSticky: boolean;
|
|
315
335
|
sections: import("../common/Table.types").Section[];
|
|
316
336
|
isStickyHeader: boolean;
|
|
317
|
-
emptyStateTitle: string;
|
|
318
337
|
emptyStateSubtitle: string;
|
|
319
338
|
isInfiniteScroll: boolean;
|
|
320
339
|
infiniteScrollThreshold: number;
|
|
321
340
|
rowHeight: number | ((index: number) => number);
|
|
322
|
-
loadingRowCount: number;
|
|
323
341
|
defaultScrollPosition: number;
|
|
324
342
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
325
343
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
326
344
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
327
345
|
zIndexBase: number;
|
|
346
|
+
rowCustomClassKey: string;
|
|
347
|
+
rowDataKey: string;
|
|
328
348
|
}, {}, string> & {
|
|
329
349
|
beforeCreate?: (() => void) | (() => void)[];
|
|
330
350
|
created?: (() => void) | (() => void)[];
|
|
@@ -386,6 +406,14 @@ declare const DataGridTypes: () => (({
|
|
|
386
406
|
type: import("vue").PropType<boolean>;
|
|
387
407
|
default: boolean;
|
|
388
408
|
};
|
|
409
|
+
loadingRowCount: {
|
|
410
|
+
type: import("vue").PropType<number>;
|
|
411
|
+
default: number;
|
|
412
|
+
};
|
|
413
|
+
emptyStateTitle: {
|
|
414
|
+
type: import("vue").PropType<string>;
|
|
415
|
+
default: string;
|
|
416
|
+
};
|
|
389
417
|
isSticky: {
|
|
390
418
|
type: import("vue").PropType<boolean>;
|
|
391
419
|
default: boolean;
|
|
@@ -402,10 +430,6 @@ declare const DataGridTypes: () => (({
|
|
|
402
430
|
type: import("vue").PropType<boolean>;
|
|
403
431
|
default: boolean;
|
|
404
432
|
};
|
|
405
|
-
emptyStateTitle: {
|
|
406
|
-
type: import("vue").PropType<string>;
|
|
407
|
-
default: string;
|
|
408
|
-
};
|
|
409
433
|
emptyStateSubtitle: {
|
|
410
434
|
type: import("vue").PropType<string>;
|
|
411
435
|
default: string;
|
|
@@ -422,10 +446,6 @@ declare const DataGridTypes: () => (({
|
|
|
422
446
|
type: import("vue").PropType<number | ((index: number) => number)>;
|
|
423
447
|
default: number;
|
|
424
448
|
};
|
|
425
|
-
loadingRowCount: {
|
|
426
|
-
type: import("vue").PropType<number>;
|
|
427
|
-
default: number;
|
|
428
|
-
};
|
|
429
449
|
defaultScrollPosition: {
|
|
430
450
|
type: import("vue").PropType<number>;
|
|
431
451
|
default: any;
|
|
@@ -446,6 +466,14 @@ declare const DataGridTypes: () => (({
|
|
|
446
466
|
type: import("vue").PropType<number>;
|
|
447
467
|
default: number;
|
|
448
468
|
};
|
|
469
|
+
rowCustomClassKey: {
|
|
470
|
+
type: import("vue").PropType<string>;
|
|
471
|
+
default: string;
|
|
472
|
+
};
|
|
473
|
+
rowDataKey: {
|
|
474
|
+
type: import("vue").PropType<string>;
|
|
475
|
+
default: string;
|
|
476
|
+
};
|
|
449
477
|
}>> & {
|
|
450
478
|
onSelectAll?: (value: boolean) => any;
|
|
451
479
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -509,6 +537,14 @@ declare const DataGridTypes: () => (({
|
|
|
509
537
|
type: import("vue").PropType<boolean>;
|
|
510
538
|
default: boolean;
|
|
511
539
|
};
|
|
540
|
+
loadingRowCount: {
|
|
541
|
+
type: import("vue").PropType<number>;
|
|
542
|
+
default: number;
|
|
543
|
+
};
|
|
544
|
+
emptyStateTitle: {
|
|
545
|
+
type: import("vue").PropType<string>;
|
|
546
|
+
default: string;
|
|
547
|
+
};
|
|
512
548
|
isSticky: {
|
|
513
549
|
type: import("vue").PropType<boolean>;
|
|
514
550
|
default: boolean;
|
|
@@ -525,10 +561,6 @@ declare const DataGridTypes: () => (({
|
|
|
525
561
|
type: import("vue").PropType<boolean>;
|
|
526
562
|
default: boolean;
|
|
527
563
|
};
|
|
528
|
-
emptyStateTitle: {
|
|
529
|
-
type: import("vue").PropType<string>;
|
|
530
|
-
default: string;
|
|
531
|
-
};
|
|
532
564
|
emptyStateSubtitle: {
|
|
533
565
|
type: import("vue").PropType<string>;
|
|
534
566
|
default: string;
|
|
@@ -545,10 +577,6 @@ declare const DataGridTypes: () => (({
|
|
|
545
577
|
type: import("vue").PropType<number | ((index: number) => number)>;
|
|
546
578
|
default: number;
|
|
547
579
|
};
|
|
548
|
-
loadingRowCount: {
|
|
549
|
-
type: import("vue").PropType<number>;
|
|
550
|
-
default: number;
|
|
551
|
-
};
|
|
552
580
|
defaultScrollPosition: {
|
|
553
581
|
type: import("vue").PropType<number>;
|
|
554
582
|
default: any;
|
|
@@ -569,6 +597,14 @@ declare const DataGridTypes: () => (({
|
|
|
569
597
|
type: import("vue").PropType<number>;
|
|
570
598
|
default: number;
|
|
571
599
|
};
|
|
600
|
+
rowCustomClassKey: {
|
|
601
|
+
type: import("vue").PropType<string>;
|
|
602
|
+
default: string;
|
|
603
|
+
};
|
|
604
|
+
rowDataKey: {
|
|
605
|
+
type: import("vue").PropType<string>;
|
|
606
|
+
default: string;
|
|
607
|
+
};
|
|
572
608
|
}>> & {
|
|
573
609
|
onSelectAll?: (value: boolean) => any;
|
|
574
610
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -613,20 +649,22 @@ declare const DataGridTypes: () => (({
|
|
|
613
649
|
searchPlaceholder: string;
|
|
614
650
|
selection: unknown[];
|
|
615
651
|
showSearch: boolean;
|
|
652
|
+
loadingRowCount: number;
|
|
653
|
+
emptyStateTitle: string;
|
|
616
654
|
isSticky: boolean;
|
|
617
655
|
sections: import("../common/Table.types").Section[];
|
|
618
656
|
isStickyHeader: boolean;
|
|
619
|
-
emptyStateTitle: string;
|
|
620
657
|
emptyStateSubtitle: string;
|
|
621
658
|
isInfiniteScroll: boolean;
|
|
622
659
|
infiniteScrollThreshold: number;
|
|
623
660
|
rowHeight: number | ((index: number) => number);
|
|
624
|
-
loadingRowCount: number;
|
|
625
661
|
defaultScrollPosition: number;
|
|
626
662
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
627
663
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
628
664
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
629
665
|
zIndexBase: number;
|
|
666
|
+
rowCustomClassKey: string;
|
|
667
|
+
rowDataKey: string;
|
|
630
668
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
631
669
|
$slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
|
|
632
670
|
column: import("../common/Table.types").Column;
|
|
@@ -686,6 +724,10 @@ declare const DataGridTypes: () => (({
|
|
|
686
724
|
rowIndex: number;
|
|
687
725
|
menuItems: import("../common/Table.types").MenuItem[];
|
|
688
726
|
}> | import("vue").DefineComponent<{
|
|
727
|
+
testId: {
|
|
728
|
+
type: import("vue").PropType<string>;
|
|
729
|
+
default: string;
|
|
730
|
+
};
|
|
689
731
|
count: {
|
|
690
732
|
type: import("vue").PropType<number>;
|
|
691
733
|
default: number;
|
|
@@ -707,6 +749,10 @@ declare const DataGridTypes: () => (({
|
|
|
707
749
|
default: string;
|
|
708
750
|
};
|
|
709
751
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
752
|
+
testId: {
|
|
753
|
+
type: import("vue").PropType<string>;
|
|
754
|
+
default: string;
|
|
755
|
+
};
|
|
710
756
|
count: {
|
|
711
757
|
type: import("vue").PropType<number>;
|
|
712
758
|
default: number;
|
|
@@ -728,6 +774,7 @@ declare const DataGridTypes: () => (({
|
|
|
728
774
|
default: string;
|
|
729
775
|
};
|
|
730
776
|
}>>, {
|
|
777
|
+
testId: string;
|
|
731
778
|
count: number;
|
|
732
779
|
totalCount: number;
|
|
733
780
|
displayingText: string;
|
|
@@ -744,10 +791,10 @@ declare const DataGridTypes: () => (({
|
|
|
744
791
|
searchPlaceholder: string;
|
|
745
792
|
count: number;
|
|
746
793
|
showSearch: boolean;
|
|
747
|
-
|
|
794
|
+
loadingRowCount: number;
|
|
748
795
|
emptyStateTitle: string;
|
|
796
|
+
isSticky: boolean;
|
|
749
797
|
emptyStateSubtitle: string;
|
|
750
|
-
loadingRowCount: number;
|
|
751
798
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
752
799
|
zIndexBase: number;
|
|
753
800
|
totalCount: number;
|
|
@@ -781,22 +828,22 @@ declare const DataGridTypes: () => (({
|
|
|
781
828
|
type: import("vue").PropType<boolean>;
|
|
782
829
|
default: boolean;
|
|
783
830
|
};
|
|
784
|
-
|
|
785
|
-
type: import("vue").PropType<
|
|
786
|
-
default:
|
|
831
|
+
loadingRowCount: {
|
|
832
|
+
type: import("vue").PropType<number>;
|
|
833
|
+
default: number;
|
|
787
834
|
};
|
|
788
835
|
emptyStateTitle: {
|
|
789
836
|
type: import("vue").PropType<string>;
|
|
790
837
|
default: string;
|
|
791
838
|
};
|
|
839
|
+
isSticky: {
|
|
840
|
+
type: import("vue").PropType<boolean>;
|
|
841
|
+
default: boolean;
|
|
842
|
+
};
|
|
792
843
|
emptyStateSubtitle: {
|
|
793
844
|
type: import("vue").PropType<string>;
|
|
794
845
|
default: string;
|
|
795
846
|
};
|
|
796
|
-
loadingRowCount: {
|
|
797
|
-
type: import("vue").PropType<number>;
|
|
798
|
-
default: number;
|
|
799
|
-
};
|
|
800
847
|
emptyStateVariant: {
|
|
801
848
|
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
|
|
802
849
|
default: any;
|
|
@@ -836,7 +883,7 @@ declare const DataGridTypes: () => (({
|
|
|
836
883
|
onOnScroll?: (scrollTop: number) => any;
|
|
837
884
|
onOnClearSearch?: () => any;
|
|
838
885
|
onClickRow?: (rowIndex: number, tableIndex: number) => any;
|
|
839
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "
|
|
886
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
|
|
840
887
|
$attrs: {
|
|
841
888
|
[x: string]: unknown;
|
|
842
889
|
};
|
|
@@ -875,22 +922,22 @@ declare const DataGridTypes: () => (({
|
|
|
875
922
|
type: import("vue").PropType<boolean>;
|
|
876
923
|
default: boolean;
|
|
877
924
|
};
|
|
878
|
-
|
|
879
|
-
type: import("vue").PropType<
|
|
880
|
-
default:
|
|
925
|
+
loadingRowCount: {
|
|
926
|
+
type: import("vue").PropType<number>;
|
|
927
|
+
default: number;
|
|
881
928
|
};
|
|
882
929
|
emptyStateTitle: {
|
|
883
930
|
type: import("vue").PropType<string>;
|
|
884
931
|
default: string;
|
|
885
932
|
};
|
|
933
|
+
isSticky: {
|
|
934
|
+
type: import("vue").PropType<boolean>;
|
|
935
|
+
default: boolean;
|
|
936
|
+
};
|
|
886
937
|
emptyStateSubtitle: {
|
|
887
938
|
type: import("vue").PropType<string>;
|
|
888
939
|
default: string;
|
|
889
940
|
};
|
|
890
|
-
loadingRowCount: {
|
|
891
|
-
type: import("vue").PropType<number>;
|
|
892
|
-
default: number;
|
|
893
|
-
};
|
|
894
941
|
emptyStateVariant: {
|
|
895
942
|
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
|
|
896
943
|
default: any;
|
|
@@ -942,10 +989,10 @@ declare const DataGridTypes: () => (({
|
|
|
942
989
|
searchPlaceholder: string;
|
|
943
990
|
count: number;
|
|
944
991
|
showSearch: boolean;
|
|
945
|
-
|
|
992
|
+
loadingRowCount: number;
|
|
946
993
|
emptyStateTitle: string;
|
|
994
|
+
isSticky: boolean;
|
|
947
995
|
emptyStateSubtitle: string;
|
|
948
|
-
loadingRowCount: number;
|
|
949
996
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
950
997
|
zIndexBase: number;
|
|
951
998
|
totalCount: number;
|
|
@@ -999,22 +1046,22 @@ declare const DataGridTypes: () => (({
|
|
|
999
1046
|
type: import("vue").PropType<boolean>;
|
|
1000
1047
|
default: boolean;
|
|
1001
1048
|
};
|
|
1002
|
-
|
|
1003
|
-
type: import("vue").PropType<
|
|
1004
|
-
default:
|
|
1049
|
+
loadingRowCount: {
|
|
1050
|
+
type: import("vue").PropType<number>;
|
|
1051
|
+
default: number;
|
|
1005
1052
|
};
|
|
1006
1053
|
emptyStateTitle: {
|
|
1007
1054
|
type: import("vue").PropType<string>;
|
|
1008
1055
|
default: string;
|
|
1009
1056
|
};
|
|
1057
|
+
isSticky: {
|
|
1058
|
+
type: import("vue").PropType<boolean>;
|
|
1059
|
+
default: boolean;
|
|
1060
|
+
};
|
|
1010
1061
|
emptyStateSubtitle: {
|
|
1011
1062
|
type: import("vue").PropType<string>;
|
|
1012
1063
|
default: string;
|
|
1013
1064
|
};
|
|
1014
|
-
loadingRowCount: {
|
|
1015
|
-
type: import("vue").PropType<number>;
|
|
1016
|
-
default: number;
|
|
1017
|
-
};
|
|
1018
1065
|
emptyStateVariant: {
|
|
1019
1066
|
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
|
|
1020
1067
|
default: any;
|
|
@@ -1083,22 +1130,22 @@ declare const DataGridTypes: () => (({
|
|
|
1083
1130
|
type: import("vue").PropType<boolean>;
|
|
1084
1131
|
default: boolean;
|
|
1085
1132
|
};
|
|
1086
|
-
|
|
1087
|
-
type: import("vue").PropType<
|
|
1088
|
-
default:
|
|
1133
|
+
loadingRowCount: {
|
|
1134
|
+
type: import("vue").PropType<number>;
|
|
1135
|
+
default: number;
|
|
1089
1136
|
};
|
|
1090
1137
|
emptyStateTitle: {
|
|
1091
1138
|
type: import("vue").PropType<string>;
|
|
1092
1139
|
default: string;
|
|
1093
1140
|
};
|
|
1141
|
+
isSticky: {
|
|
1142
|
+
type: import("vue").PropType<boolean>;
|
|
1143
|
+
default: boolean;
|
|
1144
|
+
};
|
|
1094
1145
|
emptyStateSubtitle: {
|
|
1095
1146
|
type: import("vue").PropType<string>;
|
|
1096
1147
|
default: string;
|
|
1097
1148
|
};
|
|
1098
|
-
loadingRowCount: {
|
|
1099
|
-
type: import("vue").PropType<number>;
|
|
1100
|
-
default: number;
|
|
1101
|
-
};
|
|
1102
1149
|
emptyStateVariant: {
|
|
1103
1150
|
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
|
|
1104
1151
|
default: any;
|
|
@@ -1150,10 +1197,10 @@ declare const DataGridTypes: () => (({
|
|
|
1150
1197
|
searchPlaceholder: string;
|
|
1151
1198
|
count: number;
|
|
1152
1199
|
showSearch: boolean;
|
|
1153
|
-
|
|
1200
|
+
loadingRowCount: number;
|
|
1154
1201
|
emptyStateTitle: string;
|
|
1202
|
+
isSticky: boolean;
|
|
1155
1203
|
emptyStateSubtitle: string;
|
|
1156
|
-
loadingRowCount: number;
|
|
1157
1204
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
1158
1205
|
zIndexBase: number;
|
|
1159
1206
|
totalCount: number;
|
|
@@ -1164,12 +1211,25 @@ declare const DataGridTypes: () => (({
|
|
|
1164
1211
|
loadingAndEmptyStatesColumns: import("../common/Table.types").Column[];
|
|
1165
1212
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
1166
1213
|
$slots: Partial<Record<string, (_: {
|
|
1214
|
+
column: import("../common/Table.types").Column;
|
|
1215
|
+
}) => any>> & Partial<Record<string, (_: {
|
|
1167
1216
|
cell: any;
|
|
1168
1217
|
isLoading: any;
|
|
1169
1218
|
cellIndex: any;
|
|
1170
1219
|
row: any;
|
|
1171
1220
|
rowIndex: any;
|
|
1172
|
-
}) => any
|
|
1221
|
+
}) => any>> & Partial<Record<string, (_: {
|
|
1222
|
+
column: import("../common/Table.types").Column;
|
|
1223
|
+
}) => any>> & {
|
|
1224
|
+
title?(_: {}): any;
|
|
1225
|
+
search?(_: {}): any;
|
|
1226
|
+
"table-header-actions"?(_: {}): any;
|
|
1227
|
+
"floating-row"?(_: {
|
|
1228
|
+
row: any;
|
|
1229
|
+
rowIndex: any;
|
|
1230
|
+
}): any;
|
|
1231
|
+
"empty-state"?(_: {}): any;
|
|
1232
|
+
};
|
|
1173
1233
|
})))[];
|
|
1174
1234
|
export type { Column, Sort, MenuItem, TableSettings, } from '../common/Table.types';
|
|
1175
1235
|
export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, };
|
|
@@ -3,3 +3,7 @@ export declare const searchRows: (array: string[][], query: string) => string[][
|
|
|
3
3
|
export declare const exampleRows: string[][];
|
|
4
4
|
export declare const moreExampleRows: string[][];
|
|
5
5
|
export declare const exampleRowsWithExtraColumns: string[][];
|
|
6
|
+
export declare const exampleObjectRows: {
|
|
7
|
+
rowData: string[];
|
|
8
|
+
customClass: string;
|
|
9
|
+
}[];
|
|
@@ -1,39 +1,50 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { useTableContext as
|
|
3
|
-
import { EditableContext as
|
|
4
|
-
import { onClickOutside as
|
|
5
|
-
const
|
|
6
|
-
const l =
|
|
7
|
-
|
|
1
|
+
import { ref as t, provide as d } from "vue";
|
|
2
|
+
import { useTableContext as f } from "../../table/common/TableContext.js";
|
|
3
|
+
import { EditableContext as C } from "./EditableContext.js";
|
|
4
|
+
import { onClickOutside as m } from "@vueuse/core";
|
|
5
|
+
const k = (e) => {
|
|
6
|
+
const l = t(!1), n = t(e.cell), o = t(e.saveOnClickOutside), i = t(null), r = f("Editable"), a = t(null), v = () => {
|
|
7
|
+
if (e.cell === n.value) {
|
|
8
|
+
l.value = !1;
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
const u = e.validateFunction?.(n.value);
|
|
12
|
+
a.value = u, !u && (r.onClose({
|
|
13
|
+
rowIndex: e.rowIndex,
|
|
14
|
+
cellIndex: e.cellIndex,
|
|
15
|
+
value: n.value
|
|
16
|
+
}), l.value = !1);
|
|
17
|
+
};
|
|
18
|
+
d(C, {
|
|
8
19
|
focusable: !0,
|
|
9
20
|
value: n,
|
|
10
|
-
error:
|
|
21
|
+
error: a,
|
|
11
22
|
confirmable: !0,
|
|
12
|
-
|
|
13
|
-
|
|
23
|
+
saveOnClickOutside: o.value,
|
|
24
|
+
onChange(u) {
|
|
25
|
+
n.value = u, a.value = e.validateFunction?.(n.value);
|
|
14
26
|
},
|
|
15
|
-
onClose:
|
|
16
|
-
const t = e.validateFunction?.(n.value);
|
|
17
|
-
o.value = t, !t && (r.onClose({
|
|
18
|
-
rowIndex: e.rowIndex,
|
|
19
|
-
cellIndex: e.cellIndex,
|
|
20
|
-
value: n.value
|
|
21
|
-
}), l.value = !1);
|
|
22
|
-
}
|
|
27
|
+
onClose: v
|
|
23
28
|
});
|
|
24
|
-
const
|
|
29
|
+
const c = () => {
|
|
25
30
|
l.value || e.isLoading || (l.value = !l.value);
|
|
26
|
-
},
|
|
27
|
-
n.value = e.cell,
|
|
31
|
+
}, s = () => {
|
|
32
|
+
n.value = e.cell, a.value = null;
|
|
28
33
|
};
|
|
29
|
-
return
|
|
30
|
-
l.value
|
|
34
|
+
return m(i, () => {
|
|
35
|
+
if (l.value) {
|
|
36
|
+
if (o.value) {
|
|
37
|
+
v();
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
l.value = !1, s(), r.onClose();
|
|
41
|
+
}
|
|
31
42
|
}), {
|
|
32
|
-
onEdit:
|
|
33
|
-
target:
|
|
43
|
+
onEdit: c,
|
|
44
|
+
target: i,
|
|
34
45
|
isEditing: l
|
|
35
46
|
};
|
|
36
47
|
};
|
|
37
48
|
export {
|
|
38
|
-
|
|
49
|
+
k as editableCommon
|
|
39
50
|
};
|
|
@@ -6,6 +6,7 @@ export interface EditableContextProps {
|
|
|
6
6
|
error?: Ref<string>;
|
|
7
7
|
value?: Ref<unknown>;
|
|
8
8
|
confirmable?: boolean;
|
|
9
|
+
saveOnClickOutside?: boolean;
|
|
9
10
|
}
|
|
10
11
|
export declare const EditableContext: InjectionKey<EditableContextProps>;
|
|
11
12
|
export declare function useEditableContext(): EditableContextProps;
|
|
@@ -4,12 +4,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
4
4
|
rowIndex: number;
|
|
5
5
|
cellIndex: number;
|
|
6
6
|
type: "input" | "dropdown";
|
|
7
|
+
saveOnClickOutside?: boolean;
|
|
7
8
|
validateFunction?: (value: unknown) => string | boolean;
|
|
8
9
|
displayValue?: (option: unknown) => unknown;
|
|
9
10
|
}>, {
|
|
10
11
|
cell: string;
|
|
11
12
|
isLoading: boolean;
|
|
12
13
|
type: string;
|
|
14
|
+
saveOnClickOutside: boolean;
|
|
13
15
|
validateFunction: () => false;
|
|
14
16
|
displayValue: (cell: unknown) => unknown;
|
|
15
17
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -18,17 +20,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
18
20
|
rowIndex: number;
|
|
19
21
|
cellIndex: number;
|
|
20
22
|
type: "input" | "dropdown";
|
|
23
|
+
saveOnClickOutside?: boolean;
|
|
21
24
|
validateFunction?: (value: unknown) => string | boolean;
|
|
22
25
|
displayValue?: (option: unknown) => unknown;
|
|
23
26
|
}>, {
|
|
24
27
|
cell: string;
|
|
25
28
|
isLoading: boolean;
|
|
26
29
|
type: string;
|
|
30
|
+
saveOnClickOutside: boolean;
|
|
27
31
|
validateFunction: () => false;
|
|
28
32
|
displayValue: (cell: unknown) => unknown;
|
|
29
33
|
}>>>, {
|
|
30
34
|
type: "input" | "dropdown";
|
|
31
35
|
cell: string;
|
|
36
|
+
saveOnClickOutside: boolean;
|
|
32
37
|
validateFunction: (value: unknown) => string | boolean;
|
|
33
38
|
isLoading: boolean;
|
|
34
39
|
displayValue: (option: unknown) => unknown;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../EditableV4.
|
|
4
|
-
const
|
|
1
|
+
import e from "./EditableV4.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e0c047b4"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|