@ironsource/shared-ui 2.1.8 → 2.1.9-test.1
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/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_360883b1_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_058de532_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +1 -0
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css +1 -0
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +1 -0
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +1 -0
- package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +1 -0
- package/components/alert/Alert.vue2.js +3 -2
- package/components/autocomplete/Autocomplete.vue.d.ts +1 -1
- package/components/autocomplete/index.d.ts +20 -20
- package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +65 -0
- package/components/button/v4/ToggleButtonGroupAB.vue.js +7 -0
- package/components/button/v4/ToggleButtonGroupAB.vue2.js +95 -0
- package/components/button/v4/index.d.ts +170 -1
- package/components/button/v4/index.js +10 -3
- package/components/chart/Chart.vue.d.ts +5 -0
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +51 -49
- package/components/chart/ChartHeader.vue.d.ts +5 -0
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +35 -22
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +35 -28
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +33 -26
- package/components/chart/index.d.ts +20 -1
- package/components/dateRange/v4/CalendarMonthV4.vue2.js +9 -8
- package/components/dateRange/v4/DateRangeV4.vue2.js +21 -20
- package/components/dialog/v3/Dialog.vue.d.ts +1 -1
- package/components/dialog/v3/index.d.ts +5 -5
- package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
- package/components/dialog/v4/DialogV4.vue2.js +6 -5
- package/components/dialog/v4/index.d.ts +5 -5
- package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
- package/components/dropdown/v3/index.d.ts +51 -51
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +17 -11
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +17 -9
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +5 -0
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +23 -22
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +11 -0
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +59 -45
- package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -2
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +121 -109
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +4 -3
- package/components/dropdown/v4/OptionV4.vue.d.ts +6 -0
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +83 -70
- package/components/dropdown/v4/index.d.ts +157 -65
- package/components/emptyState/v4/EmptyStateV4.vue2.js +13 -12
- package/components/forms/FormCard.vue2.js +13 -12
- package/components/includeExclude/index.d.ts +56 -56
- package/components/input/v3/Input.vue.d.ts +1 -1
- package/components/input/v3/index.d.ts +32 -32
- package/components/input/v4/TextField.vue.d.ts +1 -1
- package/components/input/v4/index.d.ts +20 -20
- package/components/menu/Menu.vue.d.ts +1 -1
- package/components/menu/index.d.ts +20 -20
- package/components/multibar/MultiBar.vue.d.ts +1 -1
- package/components/multibar/MultiBar.vue2.js +3 -2
- package/components/multibar/index.d.ts +9 -9
- package/components/popover/v3/Popover.vue.d.ts +1 -1
- package/components/popover/v3/index.d.ts +20 -20
- package/components/popover/v4/PopoverV4.vue.d.ts +7 -3
- package/components/popover/v4/PopoverV4.vue.js +3 -3
- package/components/popover/v4/PopoverV4.vue2.js +23 -20
- package/components/popover/v4/index.d.ts +36 -24
- package/components/radioButton/v3/RadioButton.vue.d.ts +1 -1
- package/components/radioButton/v3/RadioGroup.vue.d.ts +1 -1
- package/components/radioButton/v3/index.d.ts +6 -6
- package/components/radioButton/v4/RadioButtonV4.vue.d.ts +6 -1
- package/components/radioButton/v4/RadioButtonV4.vue.js +2 -2
- package/components/radioButton/v4/RadioButtonV4.vue2.js +59 -46
- package/components/radioButton/v4/RadioGroupV4.vue.d.ts +1 -1
- package/components/radioButton/v4/index.d.ts +26 -7
- package/components/snackbar/v4/SnackbarV4.vue2.js +7 -6
- package/components/sortableList/SortableItem.vue.d.ts +1 -1
- package/components/switch/v3/index.d.ts +16 -16
- package/components/switch/v4/SwitchV4.vue2.js +6 -5
- package/components/switch/v4/index.d.ts +8 -8
- package/components/table/v4/DataGrid.vue.d.ts +5 -0
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +45 -44
- package/components/table/v4/ExpandRowToggle.vue2.js +6 -5
- package/components/table/v4/MultipleDataGrid.vue.d.ts +23 -2
- package/components/table/v4/MultipleDataGrid.vue.js +5 -5
- package/components/table/v4/MultipleDataGrid.vue2.js +82 -73
- package/components/table/v4/index.d.ts +98 -2
- package/components/textArea/v4/TextAreaV4.vue.d.ts +1 -1
- package/components/textArea/v4/index.d.ts +9 -9
- package/components/toggle/v3/index.d.ts +8 -8
- package/components/toggle/v4/index.d.ts +16 -16
- package/components/typography/v4/Typography.vue.js +2 -2
- package/components/typography/v4/Typography.vue2.js +1 -1
- package/consts/configs.d.ts +1 -0
- package/consts/configs.js +4 -0
- package/index.d.ts +1392 -471
- package/index.js +1 -1
- package/mocks/options.d.ts +4 -0
- package/package.json +2 -2
- package/testids/index.d.ts +8 -1
- package/testids/index.js +14 -13
- package/utils/testIds.d.ts +1 -1
- package/utils/testIds.js +6 -6
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_df85e0af_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_2e3de9c5_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_62a620ee_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_77509f61_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +0 -1
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css +0 -1
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css +0 -1
- package/Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css +0 -1
|
@@ -3,8 +3,9 @@ import { useVModel as C } from "@vueuse/core";
|
|
|
3
3
|
import "../../button/v4/ButtonV4.vue.js";
|
|
4
4
|
import $ from "../../button/v4/IconButtonV4.vue.js";
|
|
5
5
|
import "../../button/v4/ButtonGroup.vue.js";
|
|
6
|
+
import "../../button/v4/ToggleButtonGroupAB.vue.js";
|
|
6
7
|
import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
|
|
7
|
-
const w = ["data-testid"],
|
|
8
|
+
const w = ["data-testid"], S = /* @__PURE__ */ p({
|
|
8
9
|
__name: "SwitchV4",
|
|
9
10
|
props: {
|
|
10
11
|
options: null,
|
|
@@ -13,15 +14,15 @@ const w = ["data-testid"], R = /* @__PURE__ */ p({
|
|
|
13
14
|
iconKey: { default: "icon" }
|
|
14
15
|
},
|
|
15
16
|
emits: ["update:modelValue"],
|
|
16
|
-
setup(e, { emit:
|
|
17
|
-
const o = e, n = k(),
|
|
17
|
+
setup(e, { emit: m }) {
|
|
18
|
+
const o = e, n = k(), u = C(o, "modelValue", m);
|
|
18
19
|
v(() => {
|
|
19
20
|
n.value = o.options.findIndex(
|
|
20
21
|
(t) => t === o.modelValue
|
|
21
22
|
);
|
|
22
23
|
});
|
|
23
24
|
const f = (t, i) => {
|
|
24
|
-
n.value = i,
|
|
25
|
+
n.value = i, u.value = t;
|
|
25
26
|
};
|
|
26
27
|
return (t, i) => (a(), d("div", {
|
|
27
28
|
class: "switch",
|
|
@@ -39,5 +40,5 @@ const w = ["data-testid"], R = /* @__PURE__ */ p({
|
|
|
39
40
|
}
|
|
40
41
|
});
|
|
41
42
|
export {
|
|
42
|
-
|
|
43
|
+
S as default
|
|
43
44
|
};
|
|
@@ -3,14 +3,14 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
|
|
|
3
3
|
type: import("vue").PropType<string>;
|
|
4
4
|
default: string;
|
|
5
5
|
};
|
|
6
|
-
options: {
|
|
7
|
-
type: import("vue").PropType<unknown[]>;
|
|
8
|
-
required: true;
|
|
9
|
-
};
|
|
10
6
|
modelValue: {
|
|
11
7
|
type: import("vue").PropType<unknown>;
|
|
12
8
|
required: true;
|
|
13
9
|
};
|
|
10
|
+
options: {
|
|
11
|
+
type: import("vue").PropType<unknown[]>;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
14
|
iconKey: {
|
|
15
15
|
type: import("vue").PropType<string>;
|
|
16
16
|
default: string;
|
|
@@ -22,14 +22,14 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
|
|
|
22
22
|
type: import("vue").PropType<string>;
|
|
23
23
|
default: string;
|
|
24
24
|
};
|
|
25
|
-
options: {
|
|
26
|
-
type: import("vue").PropType<unknown[]>;
|
|
27
|
-
required: true;
|
|
28
|
-
};
|
|
29
25
|
modelValue: {
|
|
30
26
|
type: import("vue").PropType<unknown>;
|
|
31
27
|
required: true;
|
|
32
28
|
};
|
|
29
|
+
options: {
|
|
30
|
+
type: import("vue").PropType<unknown[]>;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
33
|
iconKey: {
|
|
34
34
|
type: import("vue").PropType<string>;
|
|
35
35
|
default: string;
|
|
@@ -7,6 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
7
7
|
sort?: Sort;
|
|
8
8
|
selection?: unknown[];
|
|
9
9
|
getRowId?: (row: Row, index: number) => unknown;
|
|
10
|
+
getRowKey?: (row: Row, index: number) => string | number;
|
|
10
11
|
selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
|
|
11
12
|
isSticky?: boolean;
|
|
12
13
|
isStickyHeader?: boolean;
|
|
@@ -45,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
45
46
|
testId: string;
|
|
46
47
|
selection: any;
|
|
47
48
|
getRowId: (row: any, index: any) => any;
|
|
49
|
+
getRowKey: (row: any, index: any) => any;
|
|
48
50
|
selectedMatcher: (rowId: any, selectedItem: any) => boolean;
|
|
49
51
|
search: any;
|
|
50
52
|
showSearch: boolean;
|
|
@@ -74,6 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
74
76
|
sort?: Sort;
|
|
75
77
|
selection?: unknown[];
|
|
76
78
|
getRowId?: (row: Row, index: number) => unknown;
|
|
79
|
+
getRowKey?: (row: Row, index: number) => string | number;
|
|
77
80
|
selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
|
|
78
81
|
isSticky?: boolean;
|
|
79
82
|
isStickyHeader?: boolean;
|
|
@@ -112,6 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
112
115
|
testId: string;
|
|
113
116
|
selection: any;
|
|
114
117
|
getRowId: (row: any, index: any) => any;
|
|
118
|
+
getRowKey: (row: any, index: any) => any;
|
|
115
119
|
selectedMatcher: (rowId: any, selectedItem: any) => boolean;
|
|
116
120
|
search: any;
|
|
117
121
|
showSearch: boolean;
|
|
@@ -152,6 +156,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
152
156
|
rowHeight: number | ((index: number) => number);
|
|
153
157
|
defaultScrollPosition: number;
|
|
154
158
|
getRowId: (row: Row, index: number) => unknown;
|
|
159
|
+
getRowKey: (row: Row, index: number) => string | number;
|
|
155
160
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
156
161
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
157
162
|
zIndexBase: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DataGrid.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../DataGrid.
|
|
4
|
-
const
|
|
2
|
+
/* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0cd8af73"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
2
|
-
import
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_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 A, createBlock as K, mergeProps as re } from "vue";
|
|
2
|
+
import V 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";
|
|
5
|
-
import
|
|
5
|
+
import z from "../../checkbox/v4/CheckboxV4.vue.js";
|
|
6
6
|
import { TableTestIdModifiers as S } from "../../../testids/index.js";
|
|
7
7
|
import { tableCommon as ye } from "../common/Table.common.js";
|
|
8
8
|
import fe from "./SortIcon.vue.js";
|
|
@@ -16,7 +16,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
16
16
|
}, Be = {
|
|
17
17
|
key: 1,
|
|
18
18
|
class: "expand-toggle-cell"
|
|
19
|
-
}, Ie = ["onClick"],
|
|
19
|
+
}, Ie = ["onClick"], Ae = { class: "table-head-container" }, Ve = ["data-testid"], pe = ["onMouseenter", "onClick"], Le = {
|
|
20
20
|
key: 0,
|
|
21
21
|
class: "checkbox-cell"
|
|
22
22
|
}, Me = {
|
|
@@ -28,7 +28,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
28
28
|
}, He = {
|
|
29
29
|
key: 3,
|
|
30
30
|
class: "floating-row"
|
|
31
|
-
},
|
|
31
|
+
}, Fe = { key: 1 }, Ne = {
|
|
32
32
|
key: 0,
|
|
33
33
|
class: "table-footer"
|
|
34
34
|
}, Xe = /* @__PURE__ */ de({
|
|
@@ -40,8 +40,9 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
40
40
|
sections: { default: null },
|
|
41
41
|
sort: { default: null },
|
|
42
42
|
selection: { default: null },
|
|
43
|
-
getRowId: { type: Function, default: (s,
|
|
44
|
-
|
|
43
|
+
getRowId: { type: Function, default: (s, k) => k },
|
|
44
|
+
getRowKey: { type: Function, default: (s, k) => k },
|
|
45
|
+
selectedMatcher: { type: Function, default: (s, k) => s === k },
|
|
45
46
|
isSticky: { type: Boolean, default: !0 },
|
|
46
47
|
isStickyHeader: { type: Boolean, default: !1 },
|
|
47
48
|
isLoading: { type: Boolean, default: !1 },
|
|
@@ -63,13 +64,13 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
63
64
|
rowDataKey: { default: "" }
|
|
64
65
|
},
|
|
65
66
|
emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
|
|
66
|
-
setup(s, { expose:
|
|
67
|
+
setup(s, { expose: k, emit: y }) {
|
|
67
68
|
const i = s;
|
|
68
69
|
oe((a) => ({
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
70
|
+
"158e1032": s.zIndexBase,
|
|
71
|
+
db8e3dca: t(X),
|
|
72
|
+
a15dcd58: t(P),
|
|
73
|
+
f7400c48: t(J)
|
|
73
74
|
}));
|
|
74
75
|
const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
|
|
75
76
|
list: M,
|
|
@@ -81,13 +82,13 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
81
82
|
columnsStickyPositions: H,
|
|
82
83
|
hasSearchSlot: W,
|
|
83
84
|
containerStyle: j,
|
|
84
|
-
onScroll:
|
|
85
|
-
savingRows:
|
|
85
|
+
onScroll: F,
|
|
86
|
+
savingRows: N,
|
|
86
87
|
hasExpandSlot: R,
|
|
87
88
|
toggleExpandRow: q,
|
|
88
89
|
cssRowHeight: J,
|
|
89
90
|
cssExpandGridCol: X,
|
|
90
|
-
isRowExpanded:
|
|
91
|
+
isRowExpanded: p,
|
|
91
92
|
hasCheckboxes: O,
|
|
92
93
|
activeMenuRow: Z,
|
|
93
94
|
scrollTo: _
|
|
@@ -114,7 +115,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
114
115
|
), ie = v(
|
|
115
116
|
() => i.emptyStateSubtitle ? i.emptyStateSubtitle : g.value ? "Search again with different filters" : void 0
|
|
116
117
|
);
|
|
117
|
-
return
|
|
118
|
+
return k({
|
|
118
119
|
scrollTo: _
|
|
119
120
|
}), (a, o) => (l(), d("div", {
|
|
120
121
|
class: "table-container",
|
|
@@ -129,7 +130,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
129
130
|
}),
|
|
130
131
|
"data-testid": `${s.testId}-${t(S).TABLE}`,
|
|
131
132
|
onScrollPassive: o[2] || (o[2] = //@ts-ignore
|
|
132
|
-
(...e) => t(
|
|
133
|
+
(...e) => t(F) && t(F)(...e))
|
|
133
134
|
}, [
|
|
134
135
|
s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(), d("div", {
|
|
135
136
|
key: 0,
|
|
@@ -141,7 +142,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
141
142
|
"data-testid": `${s.testId}-${t(S).TITLE}`
|
|
142
143
|
}, [
|
|
143
144
|
c(a.$slots, "title", {}, () => [
|
|
144
|
-
h(t(
|
|
145
|
+
h(t(V), { variant: "h3" }, {
|
|
145
146
|
default: w(() => [
|
|
146
147
|
E(B(s.title), 1)
|
|
147
148
|
]),
|
|
@@ -181,7 +182,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
181
182
|
class: "sections",
|
|
182
183
|
"data-testid": `${s.testId}-${t(S).SECTIONS}`
|
|
183
184
|
}, [
|
|
184
|
-
(l(!0), d(I, null,
|
|
185
|
+
(l(!0), d(I, null, A(s.sections, (e) => (l(), d("div", {
|
|
185
186
|
key: e.id,
|
|
186
187
|
class: f(["section-container", { sticky: e.isSticky }])
|
|
187
188
|
}, [
|
|
@@ -190,7 +191,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
190
191
|
style: T({ width: e.width + "px" }),
|
|
191
192
|
class: f({ section: !0 })
|
|
192
193
|
}, [
|
|
193
|
-
h(t(
|
|
194
|
+
h(t(V), { variant: "body2" }, {
|
|
194
195
|
default: w(() => [
|
|
195
196
|
E(B(e.title), 1)
|
|
196
197
|
]),
|
|
@@ -203,7 +204,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
203
204
|
u("tr", null, [
|
|
204
205
|
t(O) ? (l(), d("th", Ee, [
|
|
205
206
|
c(a.$slots, "select-all-checkbox", {}, () => [
|
|
206
|
-
h(t(
|
|
207
|
+
h(t(z), {
|
|
207
208
|
disabled: s.isLoading,
|
|
208
209
|
"is-checked": t(L),
|
|
209
210
|
"is-indeterminate": !t(L) && t(ee) > 0,
|
|
@@ -212,7 +213,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
212
213
|
])
|
|
213
214
|
])) : r("", !0),
|
|
214
215
|
t(R) ? (l(), d("th", Be)) : r("", !0),
|
|
215
|
-
(l(!0), d(I, null,
|
|
216
|
+
(l(!0), d(I, null, A(s.columns, (e) => (l(), d("th", {
|
|
216
217
|
key: e.id,
|
|
217
218
|
class: f({
|
|
218
219
|
sticky: e.isSticky,
|
|
@@ -223,23 +224,23 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
223
224
|
[`column-${e.id}`]: !0
|
|
224
225
|
}),
|
|
225
226
|
style: T(e.isSticky ? t(H)[e.id] : null),
|
|
226
|
-
onClick: (
|
|
227
|
+
onClick: (m) => e.isSortable ? t(Q)(e) : null
|
|
227
228
|
}, [
|
|
228
|
-
u("div",
|
|
229
|
+
u("div", Ae, [
|
|
229
230
|
c(a.$slots, `header-${e.id}`, { column: e }, () => [
|
|
230
|
-
h(t(
|
|
231
|
+
h(t(V), { variant: "tableLabel" }, {
|
|
231
232
|
default: w(() => [
|
|
232
233
|
E(B(e.title), 1)
|
|
233
234
|
]),
|
|
234
235
|
_: 2
|
|
235
236
|
}, 1024)
|
|
236
237
|
]),
|
|
237
|
-
e.helpText ? (l(),
|
|
238
|
+
e.helpText ? (l(), K(Se, {
|
|
238
239
|
key: 0,
|
|
239
240
|
"hover-help-text": e.helpText,
|
|
240
241
|
"hover-help-text-placement": e.helpTextPlacement
|
|
241
242
|
}, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
|
|
242
|
-
e.isSortable && e.id === s.sort?.sortBy ? (l(),
|
|
243
|
+
e.isSortable && e.id === s.sort?.sortBy ? (l(), K(fe, {
|
|
243
244
|
key: 1,
|
|
244
245
|
"sort-order": s.sort.sortOrder
|
|
245
246
|
}, null, 8, ["sort-order"])) : r("", !0)
|
|
@@ -253,31 +254,31 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
253
254
|
class: "table-body-wrapper",
|
|
254
255
|
"data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
|
|
255
256
|
}, t(Y)), [
|
|
256
|
-
(l(!0), d(I, null,
|
|
257
|
-
key: e.index,
|
|
257
|
+
(l(!0), d(I, null, A(t(M), (e) => (l(), d("tr", {
|
|
258
|
+
key: s.getRowKey(e.data, e.index),
|
|
258
259
|
class: f(["table-row", {
|
|
259
|
-
loading: s.isLoading || s.isLoading && !e.data || t(
|
|
260
|
+
loading: s.isLoading || s.isLoading && !e.data || t(N).includes(e.index),
|
|
260
261
|
active: t($) === e.index,
|
|
261
262
|
activeMenu: t(Z) === e.index,
|
|
262
|
-
expanded: t(R) && t(
|
|
263
|
+
expanded: t(R) && t(p)(e.index),
|
|
263
264
|
[U(e.index)]: !0
|
|
264
265
|
}]),
|
|
265
|
-
onMouseenter: (
|
|
266
|
-
onClick: (
|
|
266
|
+
onMouseenter: (m) => $.value = e.index,
|
|
267
|
+
onClick: (m) => y("clickRow", e.index)
|
|
267
268
|
}, [
|
|
268
269
|
t(O) ? (l(), d("td", Le, [
|
|
269
|
-
h(t(
|
|
270
|
+
h(t(z), {
|
|
270
271
|
"is-checked": C(s.getRowId(e.data, e.index)),
|
|
271
|
-
"onUpdate:isChecked": (
|
|
272
|
+
"onUpdate:isChecked": (m) => te(s.getRowId(e.data, e.index))
|
|
272
273
|
}, null, 8, ["is-checked", "onUpdate:isChecked"])
|
|
273
274
|
])) : r("", !0),
|
|
274
275
|
t(R) ? (l(), d("td", Me, [
|
|
275
276
|
h(ke, {
|
|
276
|
-
expanded: t(
|
|
277
|
-
onClick: (
|
|
277
|
+
expanded: t(p)(e.index),
|
|
278
|
+
onClick: (m) => t(q)(e.index, m)
|
|
278
279
|
}, null, 8, ["expanded", "onClick"])
|
|
279
280
|
])) : r("", !0),
|
|
280
|
-
(l(!0), d(I, null,
|
|
281
|
+
(l(!0), d(I, null, A(s.columns, (m, n) => (l(), d("td", {
|
|
281
282
|
key: n,
|
|
282
283
|
class: f({
|
|
283
284
|
sticky: s.columns[n].isSticky,
|
|
@@ -296,12 +297,12 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
296
297
|
}, [
|
|
297
298
|
c(a.$slots, `cell-${s.columns[n].id}`, {
|
|
298
299
|
cell: e.data[n],
|
|
299
|
-
isLoading: t(
|
|
300
|
+
isLoading: t(N).includes(e.index),
|
|
300
301
|
cellIndex: n,
|
|
301
302
|
row: e,
|
|
302
303
|
rowIndex: e.index
|
|
303
304
|
}, () => [
|
|
304
|
-
h(t(
|
|
305
|
+
h(t(V), { variant: "body1" }, {
|
|
305
306
|
default: w(() => [
|
|
306
307
|
E(B(e.data[n]), 1)
|
|
307
308
|
]),
|
|
@@ -312,7 +313,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
312
313
|
h(t(ue), { round: "" })
|
|
313
314
|
])
|
|
314
315
|
], 6))), 128)),
|
|
315
|
-
t(R) && t(
|
|
316
|
+
t(R) && t(p)(e.index) ? (l(), d("div", Pe, [
|
|
316
317
|
c(a.$slots, "expanded", {
|
|
317
318
|
row: e,
|
|
318
319
|
gridColumnTemplate: t(P)
|
|
@@ -324,8 +325,8 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
324
325
|
rowIndex: e.index
|
|
325
326
|
})
|
|
326
327
|
])) : r("", !0)
|
|
327
|
-
], 42,
|
|
328
|
-
], 16,
|
|
328
|
+
], 42, pe))), 128))
|
|
329
|
+
], 16, Ve)) : (l(), d("div", Fe, [
|
|
329
330
|
c(a.$slots, "empty-state", {}, () => [
|
|
330
331
|
h(t(he), {
|
|
331
332
|
class: "empty-state",
|
|
@@ -338,7 +339,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
|
|
|
338
339
|
]))
|
|
339
340
|
])
|
|
340
341
|
], 46, be),
|
|
341
|
-
t(D) ? (l(), d("div",
|
|
342
|
+
t(D) ? (l(), d("div", Ne, [
|
|
342
343
|
c(a.$slots, "footer")
|
|
343
344
|
])) : r("", !0)
|
|
344
345
|
], 40, ve));
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; import { defineComponent as
|
|
1
|
+
import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; import { defineComponent as r, openBlock as a, createElementBlock as c, createVNode as p, unref as l } from "vue";
|
|
2
2
|
import "../../button/v4/ButtonV4.vue.js";
|
|
3
3
|
import i from "../../button/v4/IconButtonV4.vue.js";
|
|
4
4
|
import "../../button/v4/ButtonGroup.vue.js";
|
|
5
|
-
|
|
5
|
+
import "../../button/v4/ToggleButtonGroupAB.vue.js";
|
|
6
|
+
const g = /* @__PURE__ */ r({
|
|
6
7
|
__name: "ExpandRowToggle",
|
|
7
8
|
props: {
|
|
8
9
|
expanded: { type: Boolean, default: !1 }
|
|
9
10
|
},
|
|
10
11
|
emits: ["click"],
|
|
11
12
|
setup(o, { emit: n }) {
|
|
12
|
-
return (
|
|
13
|
+
return (m, e) => (a(), c("div", {
|
|
13
14
|
class: "expand-row-toggle",
|
|
14
15
|
onClick: e[0] || (e[0] = (t) => n("click", t))
|
|
15
16
|
}, [
|
|
16
|
-
l(
|
|
17
|
+
p(l(i), {
|
|
17
18
|
class: "expand-button",
|
|
18
19
|
"icon-name": o.expanded ? "caret-down" : "caret-right"
|
|
19
20
|
}, null, 8, ["icon-name"])
|
|
@@ -21,5 +22,5 @@ const x = /* @__PURE__ */ a({
|
|
|
21
22
|
}
|
|
22
23
|
});
|
|
23
24
|
export {
|
|
24
|
-
|
|
25
|
+
g as default
|
|
25
26
|
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { Column } from '@/components/table/v4';
|
|
2
|
-
import { SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.types';
|
|
2
|
+
import { Row, 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[];
|
|
6
|
+
getRowId?: (row: Row, index: number) => unknown;
|
|
7
|
+
getRowKey?: (row: Row, index: number) => string | number;
|
|
6
8
|
isSticky?: boolean;
|
|
7
9
|
isLoading?: boolean;
|
|
8
10
|
emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
@@ -18,10 +20,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
18
20
|
displayingText?: string;
|
|
19
21
|
outOfText?: string;
|
|
20
22
|
totalText?: string;
|
|
23
|
+
rowCustomClassKey?: string;
|
|
24
|
+
rowDataKey?: string;
|
|
21
25
|
testId?: string;
|
|
22
26
|
}>, {
|
|
23
27
|
tablesSettings: () => any[];
|
|
24
28
|
loadingAndEmptyStatesColumns: () => any[];
|
|
29
|
+
getRowId: (row: any, index: any) => any;
|
|
30
|
+
getRowKey: (row: any, index: any) => any;
|
|
25
31
|
isSticky: boolean;
|
|
26
32
|
isLoading: boolean;
|
|
27
33
|
emptyStateVariant: any;
|
|
@@ -37,6 +43,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
37
43
|
displayingText: string;
|
|
38
44
|
outOfText: string;
|
|
39
45
|
totalText: string;
|
|
46
|
+
rowCustomClassKey: string;
|
|
47
|
+
rowDataKey: string;
|
|
40
48
|
testId: string;
|
|
41
49
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
42
50
|
"update:search": (query: string) => void;
|
|
@@ -49,6 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
49
57
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
50
58
|
tablesSettings: TableSettings[];
|
|
51
59
|
loadingAndEmptyStatesColumns: Column[];
|
|
60
|
+
getRowId?: (row: Row, index: number) => unknown;
|
|
61
|
+
getRowKey?: (row: Row, index: number) => string | number;
|
|
52
62
|
isSticky?: boolean;
|
|
53
63
|
isLoading?: boolean;
|
|
54
64
|
emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
@@ -64,10 +74,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
64
74
|
displayingText?: string;
|
|
65
75
|
outOfText?: string;
|
|
66
76
|
totalText?: string;
|
|
77
|
+
rowCustomClassKey?: string;
|
|
78
|
+
rowDataKey?: string;
|
|
67
79
|
testId?: string;
|
|
68
80
|
}>, {
|
|
69
81
|
tablesSettings: () => any[];
|
|
70
82
|
loadingAndEmptyStatesColumns: () => any[];
|
|
83
|
+
getRowId: (row: any, index: any) => any;
|
|
84
|
+
getRowKey: (row: any, index: any) => any;
|
|
71
85
|
isSticky: boolean;
|
|
72
86
|
isLoading: boolean;
|
|
73
87
|
emptyStateVariant: any;
|
|
@@ -83,6 +97,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
83
97
|
displayingText: string;
|
|
84
98
|
outOfText: string;
|
|
85
99
|
totalText: string;
|
|
100
|
+
rowCustomClassKey: string;
|
|
101
|
+
rowDataKey: string;
|
|
86
102
|
testId: string;
|
|
87
103
|
}>>> & {
|
|
88
104
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -103,8 +119,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
103
119
|
emptyStateTitle: string;
|
|
104
120
|
isSticky: boolean;
|
|
105
121
|
emptyStateSubtitle: string;
|
|
122
|
+
getRowId: (row: Row, index: number) => unknown;
|
|
123
|
+
getRowKey: (row: Row, index: number) => string | number;
|
|
106
124
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
107
125
|
zIndexBase: number;
|
|
126
|
+
rowCustomClassKey: string;
|
|
127
|
+
rowDataKey: string;
|
|
108
128
|
totalCount: number;
|
|
109
129
|
displayingText: string;
|
|
110
130
|
outOfText: string;
|
|
@@ -126,8 +146,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
126
146
|
search?(_: {}): any;
|
|
127
147
|
"table-header-actions"?(_: {}): any;
|
|
128
148
|
"floating-row"?(_: {
|
|
129
|
-
row: import("@vueuse/core").UseVirtualListItem<
|
|
149
|
+
row: import("@vueuse/core").UseVirtualListItem<Row>;
|
|
130
150
|
rowIndex: number;
|
|
151
|
+
tableIndex: number;
|
|
131
152
|
}): any;
|
|
132
153
|
"empty-state"?(_: {}): any;
|
|
133
154
|
}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../MultipleDataGrid.
|
|
4
|
-
const
|
|
1
|
+
import o from "./MultipleDataGrid.vue2.js";
|
|
2
|
+
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-020a9896"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|