@ironsource/shared-ui 2.1.8-test.0 → 2.1.8
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_d27e1304_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_62a620ee_lang.css +1 -0
- package/GroupOption.vue_vue_type_style_index_0_scoped_5f372a81_lang.css +1 -0
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css +1 -0
- package/Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css +1 -0
- package/components/chart/consts.d.ts +0 -6
- package/components/chart/consts.js +15 -14
- package/components/chart/index.d.ts +20 -21
- package/components/dropdown/common/Dropdown.common.d.ts +1 -0
- package/components/dropdown/common/Dropdown.common.js +207 -178
- package/components/dropdown/common/consts.d.ts +1 -0
- package/components/dropdown/common/consts.js +4 -0
- package/components/dropdown/common/useGroupedOptions.d.ts +10 -0
- package/components/dropdown/common/useGroupedOptions.js +57 -0
- package/components/dropdown/v4/DropdownV4.vue.d.ts +6 -0
- package/components/dropdown/v4/DropdownV4.vue.js +4 -4
- package/components/dropdown/v4/DropdownV4.vue2.js +136 -125
- package/components/dropdown/v4/GroupOption.vue.d.ts +9 -0
- package/components/dropdown/v4/GroupOption.vue.js +7 -0
- package/components/dropdown/v4/GroupOption.vue2.js +29 -0
- package/components/dropdown/v4/dropdownStoryArgs.d.ts +8 -0
- package/components/dropdown/v4/index.d.ts +21 -1
- package/components/table/common/Table.types.d.ts +6 -0
- package/components/table/v3/Table.vue.d.ts +3 -13
- package/components/table/v3/Table.vue.js +5 -5
- package/components/table/v3/Table.vue2.js +2 -2
- package/components/table/v3/index.d.ts +7 -42
- package/components/table/v4/DataGrid.vue.d.ts +3 -13
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +5 -5
- package/components/table/v4/MultipleDataGrid.vue.d.ts +7 -1
- package/components/table/v4/MultipleDataGrid.vue.js +3 -3
- package/components/table/v4/MultipleDataGrid.vue2.js +76 -75
- package/components/table/v4/index.d.ts +28 -43
- package/index.d.ts +112 -172
- package/index.js +9 -11
- package/mocks/apps.d.ts +7 -0
- package/package.json +1 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_00ccab6b_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css +0 -1
- package/Table.vue_vue_type_style_index_0_scoped_76fef9bd_lang.css +0 -1
|
@@ -1633,6 +1633,7 @@ declare const DropdownTypes: () => (({
|
|
|
1633
1633
|
disabledOptionKey: string;
|
|
1634
1634
|
optionTwoLinesVariant: "horizontal" | "vertical";
|
|
1635
1635
|
optionTwoLinesKey: string;
|
|
1636
|
+
groupedOptions: boolean;
|
|
1636
1637
|
fullWidth: boolean;
|
|
1637
1638
|
optionsListWidth: string;
|
|
1638
1639
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -1829,6 +1830,10 @@ declare const DropdownTypes: () => (({
|
|
|
1829
1830
|
type: import("vue").PropType<string>;
|
|
1830
1831
|
default: any;
|
|
1831
1832
|
};
|
|
1833
|
+
groupedOptions: {
|
|
1834
|
+
type: import("vue").PropType<boolean>;
|
|
1835
|
+
default: boolean;
|
|
1836
|
+
};
|
|
1832
1837
|
fullWidth: {
|
|
1833
1838
|
type: import("vue").PropType<boolean>;
|
|
1834
1839
|
default: boolean;
|
|
@@ -1859,7 +1864,7 @@ declare const DropdownTypes: () => (({
|
|
|
1859
1864
|
onOnsearch?: (value: string) => any;
|
|
1860
1865
|
onOpened?: () => any;
|
|
1861
1866
|
onClosed?: () => any;
|
|
1862
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
|
|
1867
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
|
|
1863
1868
|
$attrs: {
|
|
1864
1869
|
[x: string]: unknown;
|
|
1865
1870
|
};
|
|
@@ -2064,6 +2069,10 @@ declare const DropdownTypes: () => (({
|
|
|
2064
2069
|
type: import("vue").PropType<string>;
|
|
2065
2070
|
default: any;
|
|
2066
2071
|
};
|
|
2072
|
+
groupedOptions: {
|
|
2073
|
+
type: import("vue").PropType<boolean>;
|
|
2074
|
+
default: boolean;
|
|
2075
|
+
};
|
|
2067
2076
|
fullWidth: {
|
|
2068
2077
|
type: import("vue").PropType<boolean>;
|
|
2069
2078
|
default: boolean;
|
|
@@ -2152,6 +2161,7 @@ declare const DropdownTypes: () => (({
|
|
|
2152
2161
|
disabledOptionKey: string;
|
|
2153
2162
|
optionTwoLinesVariant: "horizontal" | "vertical";
|
|
2154
2163
|
optionTwoLinesKey: string;
|
|
2164
|
+
groupedOptions: boolean;
|
|
2155
2165
|
fullWidth: boolean;
|
|
2156
2166
|
optionsListWidth: string;
|
|
2157
2167
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -2368,6 +2378,10 @@ declare const DropdownTypes: () => (({
|
|
|
2368
2378
|
type: import("vue").PropType<string>;
|
|
2369
2379
|
default: any;
|
|
2370
2380
|
};
|
|
2381
|
+
groupedOptions: {
|
|
2382
|
+
type: import("vue").PropType<boolean>;
|
|
2383
|
+
default: boolean;
|
|
2384
|
+
};
|
|
2371
2385
|
fullWidth: {
|
|
2372
2386
|
type: import("vue").PropType<boolean>;
|
|
2373
2387
|
default: boolean;
|
|
@@ -2596,6 +2610,10 @@ declare const DropdownTypes: () => (({
|
|
|
2596
2610
|
type: import("vue").PropType<string>;
|
|
2597
2611
|
default: any;
|
|
2598
2612
|
};
|
|
2613
|
+
groupedOptions: {
|
|
2614
|
+
type: import("vue").PropType<boolean>;
|
|
2615
|
+
default: boolean;
|
|
2616
|
+
};
|
|
2599
2617
|
fullWidth: {
|
|
2600
2618
|
type: import("vue").PropType<boolean>;
|
|
2601
2619
|
default: boolean;
|
|
@@ -2684,6 +2702,7 @@ declare const DropdownTypes: () => (({
|
|
|
2684
2702
|
disabledOptionKey: string;
|
|
2685
2703
|
optionTwoLinesVariant: "horizontal" | "vertical";
|
|
2686
2704
|
optionTwoLinesKey: string;
|
|
2705
|
+
groupedOptions: boolean;
|
|
2687
2706
|
fullWidth: boolean;
|
|
2688
2707
|
optionsListWidth: string;
|
|
2689
2708
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -2730,6 +2749,7 @@ declare const DropdownTypes: () => (({
|
|
|
2730
2749
|
"input-list"?(_: {
|
|
2731
2750
|
open: true;
|
|
2732
2751
|
}): any;
|
|
2752
|
+
"group-option"?(_: {}): any;
|
|
2733
2753
|
default?(_: {
|
|
2734
2754
|
option: unknown;
|
|
2735
2755
|
index: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Column, Row, Section, Sort } from '../common/Table.types';
|
|
1
|
+
import type { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
3
|
title: string;
|
|
4
4
|
columns: Column[];
|
|
@@ -33,12 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
33
33
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
34
34
|
"update:sort": (newSort: Sort) => void;
|
|
35
35
|
onScroll: (event: Event) => void;
|
|
36
|
-
saveRow: (args_0:
|
|
37
|
-
value: unknown;
|
|
38
|
-
confirm: () => void;
|
|
39
|
-
rowIndex: number;
|
|
40
|
-
cellIndex: number;
|
|
41
|
-
}) => void;
|
|
36
|
+
saveRow: (args_0: SaveRowEvent) => void;
|
|
42
37
|
loadMore: () => void;
|
|
43
38
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
44
39
|
title: string;
|
|
@@ -74,12 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
74
69
|
}>>> & {
|
|
75
70
|
onOnScroll?: (event: Event) => any;
|
|
76
71
|
"onUpdate:sort"?: (newSort: Sort) => any;
|
|
77
|
-
onSaveRow?: (args_0:
|
|
78
|
-
value: unknown;
|
|
79
|
-
confirm: () => void;
|
|
80
|
-
rowIndex: number;
|
|
81
|
-
cellIndex: number;
|
|
82
|
-
}) => any;
|
|
72
|
+
onSaveRow?: (args_0: SaveRowEvent) => any;
|
|
83
73
|
onLoadMore?: () => any;
|
|
84
74
|
}, {
|
|
85
75
|
testId: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css *//* empty css */import
|
|
3
|
-
// import "../../../Table.
|
|
4
|
-
const
|
|
1
|
+
import o from "./Table.vue2.js";
|
|
2
|
+
/* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css"; //*');
|
|
4
|
+
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9375215d"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
r as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../Table.
|
|
1
|
+
import "../../../Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css"; import { defineComponent as F, useCssVars as Y, unref as t, openBlock as s, createElementBlock as a, createElementVNode as o, normalizeStyle as y, normalizeClass as n, renderSlot as r, createVNode as c, withCtx as m, createTextVNode as g, toDisplayString as k, createCommentVNode as R, Fragment as $, renderList as v, createBlock as x, mergeProps as G, withDirectives as W, vShow as j } from "vue";
|
|
2
2
|
import "../../typography/Heading.vue.js";
|
|
3
3
|
import T from "../../typography/Text.vue.js";
|
|
4
4
|
import "../../button/v3/Button.vue.js";
|
|
@@ -33,7 +33,7 @@ const X = ["data-testid"], Z = ["data-testid"], p = ["data-testid"], _ = ["data-
|
|
|
33
33
|
setup(i, { emit: A }) {
|
|
34
34
|
const H = i;
|
|
35
35
|
Y((l) => ({
|
|
36
|
-
"
|
|
36
|
+
"0c2c9e92": t(N)
|
|
37
37
|
}));
|
|
38
38
|
const {
|
|
39
39
|
list: b,
|
|
@@ -83,12 +83,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
83
83
|
}>> & {
|
|
84
84
|
onOnScroll?: (event: Event) => any;
|
|
85
85
|
"onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
|
|
86
|
-
onSaveRow?: (args_0:
|
|
87
|
-
value: unknown;
|
|
88
|
-
confirm: () => void;
|
|
89
|
-
rowIndex: number;
|
|
90
|
-
cellIndex: number;
|
|
91
|
-
}) => any;
|
|
86
|
+
onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
|
|
92
87
|
onLoadMore?: () => any;
|
|
93
88
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition">;
|
|
94
89
|
$attrs: {
|
|
@@ -102,12 +97,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
102
97
|
}>;
|
|
103
98
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
104
99
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
105
|
-
$emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0:
|
|
106
|
-
value: unknown;
|
|
107
|
-
confirm: () => void;
|
|
108
|
-
rowIndex: number;
|
|
109
|
-
cellIndex: number;
|
|
110
|
-
}) => void) & ((event: "loadMore") => void);
|
|
100
|
+
$emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void);
|
|
111
101
|
$el: any;
|
|
112
102
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
113
103
|
sort: {
|
|
@@ -177,22 +167,12 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
177
167
|
}>> & {
|
|
178
168
|
onOnScroll?: (event: Event) => any;
|
|
179
169
|
"onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
|
|
180
|
-
onSaveRow?: (args_0:
|
|
181
|
-
value: unknown;
|
|
182
|
-
confirm: () => void;
|
|
183
|
-
rowIndex: number;
|
|
184
|
-
cellIndex: number;
|
|
185
|
-
}) => any;
|
|
170
|
+
onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
|
|
186
171
|
onLoadMore?: () => any;
|
|
187
172
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
188
173
|
"update:sort": (newSort: import("../common/Table.types").Sort) => void;
|
|
189
174
|
onScroll: (event: Event) => void;
|
|
190
|
-
saveRow: (args_0:
|
|
191
|
-
value: unknown;
|
|
192
|
-
confirm: () => void;
|
|
193
|
-
rowIndex: number;
|
|
194
|
-
cellIndex: number;
|
|
195
|
-
}) => void;
|
|
175
|
+
saveRow: (args_0: import("../common/Table.types").SaveRowEvent) => void;
|
|
196
176
|
loadMore: () => void;
|
|
197
177
|
}, string, {
|
|
198
178
|
testId: string;
|
|
@@ -295,12 +275,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
295
275
|
}>> & {
|
|
296
276
|
onOnScroll?: (event: Event) => any;
|
|
297
277
|
"onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
|
|
298
|
-
onSaveRow?: (args_0:
|
|
299
|
-
value: unknown;
|
|
300
|
-
confirm: () => void;
|
|
301
|
-
rowIndex: number;
|
|
302
|
-
cellIndex: number;
|
|
303
|
-
}) => any;
|
|
278
|
+
onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
|
|
304
279
|
onLoadMore?: () => any;
|
|
305
280
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
306
281
|
__isFragment?: never;
|
|
@@ -374,22 +349,12 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
374
349
|
}>> & {
|
|
375
350
|
onOnScroll?: (event: Event) => any;
|
|
376
351
|
"onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
|
|
377
|
-
onSaveRow?: (args_0:
|
|
378
|
-
value: unknown;
|
|
379
|
-
confirm: () => void;
|
|
380
|
-
rowIndex: number;
|
|
381
|
-
cellIndex: number;
|
|
382
|
-
}) => any;
|
|
352
|
+
onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
|
|
383
353
|
onLoadMore?: () => any;
|
|
384
354
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
385
355
|
"update:sort": (newSort: import("../common/Table.types").Sort) => void;
|
|
386
356
|
onScroll: (event: Event) => void;
|
|
387
|
-
saveRow: (args_0:
|
|
388
|
-
value: unknown;
|
|
389
|
-
confirm: () => void;
|
|
390
|
-
rowIndex: number;
|
|
391
|
-
cellIndex: number;
|
|
392
|
-
}) => void;
|
|
357
|
+
saveRow: (args_0: import("../common/Table.types").SaveRowEvent) => void;
|
|
393
358
|
loadMore: () => void;
|
|
394
359
|
}, string, {
|
|
395
360
|
testId: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Column, Row, Section, Sort } from '../common/Table.types';
|
|
1
|
+
import type { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
3
|
title?: string;
|
|
4
4
|
columns: Column[];
|
|
@@ -61,12 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
61
61
|
"update:selection": (selection: unknown[]) => void;
|
|
62
62
|
onScroll: (event: Event) => void;
|
|
63
63
|
onClearSearch: () => void;
|
|
64
|
-
saveRow: (args_0:
|
|
65
|
-
value: unknown;
|
|
66
|
-
confirm: () => void;
|
|
67
|
-
rowIndex: number;
|
|
68
|
-
cellIndex: number;
|
|
69
|
-
}) => void;
|
|
64
|
+
saveRow: (args_0: SaveRowEvent) => void;
|
|
70
65
|
loadMore: () => void;
|
|
71
66
|
selectAll: (value: boolean) => void;
|
|
72
67
|
selectRow: (value: boolean) => void;
|
|
@@ -130,12 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
130
125
|
"onUpdate:search"?: (query: string) => any;
|
|
131
126
|
onOnScroll?: (event: Event) => any;
|
|
132
127
|
"onUpdate:sort"?: (newSort: Sort) => any;
|
|
133
|
-
onSaveRow?: (args_0:
|
|
134
|
-
value: unknown;
|
|
135
|
-
confirm: () => void;
|
|
136
|
-
rowIndex: number;
|
|
137
|
-
cellIndex: number;
|
|
138
|
-
}) => any;
|
|
128
|
+
onSaveRow?: (args_0: SaveRowEvent) => any;
|
|
139
129
|
onLoadMore?: () => any;
|
|
140
130
|
onOnClearSearch?: () => any;
|
|
141
131
|
"onUpdate:selection"?: (selection: unknown[]) => any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DataGrid.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../DataGrid.
|
|
4
|
-
const a = /* @__PURE__ */
|
|
2
|
+
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d27e1304"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as p, createBlock as z, mergeProps as re } from "vue";
|
|
2
2
|
import A from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import ue from "../../skeleton/v4/SkeletonV4.vue.js";
|
|
4
4
|
import he from "../../emptyState/v4/EmptyStateV4.vue.js";
|
|
@@ -66,10 +66,10 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
66
66
|
setup(s, { expose: m, emit: y }) {
|
|
67
67
|
const i = s;
|
|
68
68
|
oe((a) => ({
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
"
|
|
72
|
-
"
|
|
69
|
+
"189e28e1": s.zIndexBase,
|
|
70
|
+
ac6022d6: t(X),
|
|
71
|
+
"3d5ab04e": t(P),
|
|
72
|
+
"633cd456": t(J)
|
|
73
73
|
}));
|
|
74
74
|
const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
|
|
75
75
|
list: M,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Column } from '@/components/table/v4';
|
|
2
|
-
import { TableSettings } from '@is-ssp/table/common/Table.types';
|
|
2
|
+
import { SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
4
4
|
tablesSettings: TableSettings[];
|
|
5
5
|
loadingAndEmptyStatesColumns: Column[];
|
|
@@ -43,6 +43,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
43
43
|
onScroll: (scrollTop: number) => void;
|
|
44
44
|
onClearSearch: () => void;
|
|
45
45
|
clickRow: (rowIndex: number, tableIndex: number) => void;
|
|
46
|
+
saveRow: (args_0: SaveRowEvent & {
|
|
47
|
+
tableIndex: number;
|
|
48
|
+
}) => void;
|
|
46
49
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
47
50
|
tablesSettings: TableSettings[];
|
|
48
51
|
loadingAndEmptyStatesColumns: Column[];
|
|
@@ -84,6 +87,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
84
87
|
}>>> & {
|
|
85
88
|
"onUpdate:search"?: (query: string) => any;
|
|
86
89
|
onOnScroll?: (scrollTop: number) => any;
|
|
90
|
+
onSaveRow?: (args_0: SaveRowEvent & {
|
|
91
|
+
tableIndex: number;
|
|
92
|
+
}) => any;
|
|
87
93
|
onOnClearSearch?: () => any;
|
|
88
94
|
onClickRow?: (rowIndex: number, tableIndex: number) => any;
|
|
89
95
|
}, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./MultipleDataGrid.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../MultipleDataGrid.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-cfedf78b"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import "../../../MultipleDataGrid.
|
|
2
|
-
import
|
|
1
|
+
import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css"; import { defineComponent as D, useCssVars as H, useSlots as O, computed as G, openBlock as n, createElementBlock as u, createElementVNode as v, normalizeClass as M, unref as s, renderSlot as d, createBlock as C, createCommentVNode as y, createVNode as P, isRef as $, Fragment as U, renderList as h, createSlots as b, withCtx as c } from "vue";
|
|
2
|
+
import I from "./DataGrid.vue.js";
|
|
3
3
|
import "./DataGridMenu.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import F from "./DataGridRowsCounter.vue.js";
|
|
5
5
|
import "./MultipleDataGrid.vue.js";
|
|
6
|
-
import
|
|
7
|
-
import { useVModel as
|
|
8
|
-
import { TableTestIdModifiers as
|
|
9
|
-
const
|
|
6
|
+
import Q from "../../search/v4/SearchV4.vue.js";
|
|
7
|
+
import { useVModel as j } from "@vueuse/core";
|
|
8
|
+
import { TableTestIdModifiers as S } from "../../../testids/index.js";
|
|
9
|
+
const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "tables-container"
|
|
12
|
-
},
|
|
12
|
+
}, st = /* @__PURE__ */ D({
|
|
13
13
|
__name: "MultipleDataGrid",
|
|
14
14
|
props: {
|
|
15
15
|
tablesSettings: { default: () => [] },
|
|
@@ -31,31 +31,31 @@ const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-
|
|
|
31
31
|
totalText: { default: "total rows" },
|
|
32
32
|
testId: { default: "" }
|
|
33
33
|
},
|
|
34
|
-
emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
|
|
35
|
-
setup(t, { emit:
|
|
34
|
+
emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
|
|
35
|
+
setup(t, { emit: r }) {
|
|
36
36
|
const g = t;
|
|
37
|
-
|
|
38
|
-
"
|
|
37
|
+
H((e) => ({
|
|
38
|
+
"6083f45c": t.zIndexBase
|
|
39
39
|
}));
|
|
40
|
-
const
|
|
40
|
+
const R = O(), T = G(
|
|
41
41
|
() => g.isLoading || !g.tablesSettings.flatMap((e) => e.rows).length
|
|
42
|
-
),
|
|
43
|
-
|
|
44
|
-
},
|
|
45
|
-
return (e,
|
|
42
|
+
), i = j(g, "search", r), m = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
|
|
43
|
+
r("onScroll", e.target.scrollTop);
|
|
44
|
+
}, E = () => r("onClearSearch"), V = (e, l) => r("clickRow", e, l), B = ({ value: e, rowIndex: l, cellIndex: a, confirm: f }, o) => r("saveRow", { value: e, tableIndex: o, rowIndex: l, cellIndex: a, confirm: f });
|
|
45
|
+
return (e, l) => (n(), u("div", {
|
|
46
46
|
class: "multi-table-container",
|
|
47
47
|
onScrollPassive: x
|
|
48
48
|
}, [
|
|
49
|
-
|
|
50
|
-
class:
|
|
51
|
-
"data-testid": `${t.testId}-${
|
|
49
|
+
v("div", {
|
|
50
|
+
class: M(["table-header-container", { sticky: t.isSticky }]),
|
|
51
|
+
"data-testid": `${t.testId}-${s(S).HEADER}`
|
|
52
52
|
}, [
|
|
53
|
-
|
|
53
|
+
v("div", {
|
|
54
54
|
class: "rows-counter-container",
|
|
55
|
-
"data-testid": `${t.testId}-${
|
|
55
|
+
"data-testid": `${t.testId}-${s(S).TITLE}`
|
|
56
56
|
}, [
|
|
57
|
-
|
|
58
|
-
t.isLoading ?
|
|
57
|
+
d(e.$slots, "title", {}, () => [
|
|
58
|
+
t.isLoading ? y("", !0) : (n(), C(s(F), {
|
|
59
59
|
key: 0,
|
|
60
60
|
count: t.count,
|
|
61
61
|
"total-count": t.totalCount,
|
|
@@ -65,33 +65,33 @@ const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-
|
|
|
65
65
|
"test-id": t.testId
|
|
66
66
|
}, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
|
|
67
67
|
], !0)
|
|
68
|
-
], 8,
|
|
69
|
-
|
|
68
|
+
], 8, q),
|
|
69
|
+
v("div", {
|
|
70
70
|
class: "table-header-right",
|
|
71
|
-
"data-testid": `${t.testId}-${
|
|
71
|
+
"data-testid": `${t.testId}-${s(S).HEADER_RIGHT}`
|
|
72
72
|
}, [
|
|
73
|
-
t.showSearch ?
|
|
74
|
-
|
|
75
|
-
modelValue:
|
|
76
|
-
"onUpdate:modelValue":
|
|
73
|
+
t.showSearch ? d(e.$slots, "search", { key: 0 }, () => [
|
|
74
|
+
P(s(Q), {
|
|
75
|
+
modelValue: s(i),
|
|
76
|
+
"onUpdate:modelValue": l[0] || (l[0] = (a) => $(i) ? i.value = a : null),
|
|
77
77
|
placeholder: t.searchPlaceholder,
|
|
78
78
|
"test-id": t.testId,
|
|
79
|
-
onOnClear:
|
|
79
|
+
onOnClear: E
|
|
80
80
|
}, null, 8, ["modelValue", "placeholder", "test-id"])
|
|
81
|
-
], !0) :
|
|
82
|
-
|
|
81
|
+
], !0) : y("", !0),
|
|
82
|
+
s(R)["table-header-actions"] ? (n(), u("div", {
|
|
83
83
|
key: 1,
|
|
84
84
|
class: "table-header-actions",
|
|
85
|
-
"data-testid": `${t.testId}-${
|
|
85
|
+
"data-testid": `${t.testId}-${s(S).ACTIONS}`
|
|
86
86
|
}, [
|
|
87
|
-
|
|
88
|
-
], 8,
|
|
89
|
-
], 8,
|
|
90
|
-
], 10,
|
|
91
|
-
|
|
87
|
+
d(e.$slots, "table-header-actions", {}, void 0, !0)
|
|
88
|
+
], 8, K)) : y("", !0)
|
|
89
|
+
], 8, J)
|
|
90
|
+
], 10, p),
|
|
91
|
+
s(T) ? (n(), C(s(I), {
|
|
92
92
|
key: 1,
|
|
93
|
-
search:
|
|
94
|
-
"onUpdate:search":
|
|
93
|
+
search: s(i),
|
|
94
|
+
"onUpdate:search": l[1] || (l[1] = (a) => $(i) ? i.value = a : null),
|
|
95
95
|
rows: [],
|
|
96
96
|
columns: t.loadingAndEmptyStatesColumns,
|
|
97
97
|
"is-loading": t.isLoading,
|
|
@@ -101,23 +101,23 @@ const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-
|
|
|
101
101
|
"empty-state-subtitle": t.emptyStateSubtitle,
|
|
102
102
|
"test-id": t.testId
|
|
103
103
|
}, b({
|
|
104
|
-
"empty-state":
|
|
105
|
-
|
|
104
|
+
"empty-state": c(() => [
|
|
105
|
+
d(e.$slots, "empty-state", {}, void 0, !0)
|
|
106
106
|
]),
|
|
107
107
|
_: 2
|
|
108
108
|
}, [
|
|
109
|
-
|
|
109
|
+
h(t.loadingAndEmptyStatesColumns, (a) => ({
|
|
110
110
|
name: m(a),
|
|
111
|
-
fn:
|
|
112
|
-
|
|
111
|
+
fn: c(() => [
|
|
112
|
+
d(e.$slots, `${m(a)}`, { column: a }, void 0, !0)
|
|
113
113
|
])
|
|
114
114
|
}))
|
|
115
|
-
]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (
|
|
116
|
-
(
|
|
115
|
+
]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (n(), u("div", W, [
|
|
116
|
+
(n(!0), u(U, null, h(t.tablesSettings, (a, f) => (n(), u("div", {
|
|
117
117
|
key: a.testId,
|
|
118
118
|
class: "table-wrapper"
|
|
119
119
|
}, [
|
|
120
|
-
a.rows.length ? (
|
|
120
|
+
a.rows.length ? (n(), C(s(I), {
|
|
121
121
|
key: 0,
|
|
122
122
|
sections: a.sections,
|
|
123
123
|
columns: a.columns,
|
|
@@ -126,46 +126,47 @@ const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-
|
|
|
126
126
|
"is-sticky": t.isSticky,
|
|
127
127
|
"z-index-base": t.zIndexBase,
|
|
128
128
|
"test-id": a.testId,
|
|
129
|
-
onClickRow: (
|
|
129
|
+
onClickRow: (o) => V(o, f),
|
|
130
|
+
onSaveRow: (o) => B(o, f)
|
|
130
131
|
}, b({
|
|
131
|
-
"floating-row":
|
|
132
|
-
|
|
133
|
-
row:
|
|
134
|
-
rowIndex:
|
|
132
|
+
"floating-row": c(({ row: o, rowIndex: w }) => [
|
|
133
|
+
d(e.$slots, "floating-row", {
|
|
134
|
+
row: o,
|
|
135
|
+
rowIndex: w
|
|
135
136
|
}, void 0, !0)
|
|
136
137
|
]),
|
|
137
138
|
_: 2
|
|
138
139
|
}, [
|
|
139
|
-
|
|
140
|
-
name: m(
|
|
141
|
-
fn:
|
|
142
|
-
|
|
140
|
+
h(a.columns, (o) => ({
|
|
141
|
+
name: m(o),
|
|
142
|
+
fn: c(() => [
|
|
143
|
+
d(e.$slots, `${m(o)}`, { column: o }, void 0, !0)
|
|
143
144
|
])
|
|
144
145
|
})),
|
|
145
|
-
|
|
146
|
-
name: k(
|
|
147
|
-
fn:
|
|
148
|
-
cell:
|
|
149
|
-
rowIndex:
|
|
150
|
-
isLoading:
|
|
151
|
-
cellIndex:
|
|
152
|
-
row:
|
|
146
|
+
h(a.columns, (o) => ({
|
|
147
|
+
name: k(o),
|
|
148
|
+
fn: c(({
|
|
149
|
+
cell: w,
|
|
150
|
+
rowIndex: L,
|
|
151
|
+
isLoading: N,
|
|
152
|
+
cellIndex: z,
|
|
153
|
+
row: A
|
|
153
154
|
}) => [
|
|
154
|
-
|
|
155
|
-
cell:
|
|
156
|
-
isLoading:
|
|
157
|
-
cellIndex:
|
|
158
|
-
row:
|
|
159
|
-
rowIndex:
|
|
155
|
+
d(e.$slots, `${k(o)}`, {
|
|
156
|
+
cell: w,
|
|
157
|
+
isLoading: N,
|
|
158
|
+
cellIndex: z,
|
|
159
|
+
row: A,
|
|
160
|
+
rowIndex: L
|
|
160
161
|
}, void 0, !0)
|
|
161
162
|
])
|
|
162
163
|
}))
|
|
163
|
-
]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) :
|
|
164
|
+
]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow", "onSaveRow"])) : y("", !0)
|
|
164
165
|
]))), 128))
|
|
165
166
|
]))
|
|
166
167
|
], 32));
|
|
167
168
|
}
|
|
168
169
|
});
|
|
169
170
|
export {
|
|
170
|
-
|
|
171
|
+
st as default
|
|
171
172
|
};
|