@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.53
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/Chart.vue_vue_type_style_index_0_scoped_3da25a36_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css +1 -0
- package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_bdd6ee48_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css +1 -0
- package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css +1 -0
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css +1 -0
- package/DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css +1 -0
- package/DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css +1 -0
- package/Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css +1 -0
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css +1 -0
- package/OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +1 -0
- package/RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css +1 -0
- package/RemoveButton.vue_vue_type_style_index_0_scoped_ca7fc11d_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css +1 -0
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_a534c7af_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css +1 -0
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/chart/Chart.vue.d.ts +16 -1
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +38 -32
- package/components/chart/ChartHeaderTrend.vue.js +2 -2
- package/components/chart/ChartHeaderTrend.vue2.js +34 -33
- package/components/chart/ChartPlane.vue.d.ts +10 -0
- package/components/chart/ChartPlane.vue.js +4 -4
- package/components/chart/ChartPlane.vue2.js +158 -147
- package/components/chart/ChartStoryArgs.d.ts +17 -0
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +6 -6
- package/components/chart/TooltipHeader.vue.js +3 -3
- package/components/chart/TooltipHeader.vue2.js +25 -26
- package/components/chart/colorPalette.d.ts +2 -1
- package/components/chart/colorPalette.js +47 -33
- package/components/chart/composables/useColorsMap.d.ts +3 -1
- package/components/chart/composables/useColorsMap.js +32 -30
- package/components/chart/consts.d.ts +5 -1
- package/components/chart/consts.js +30 -26
- package/components/chart/index.d.ts +58 -1
- package/components/chart/mockData.d.ts +15 -0
- package/components/chart/types.d.ts +3 -1
- package/components/chart/types.js +5 -5
- package/components/chart/utils/utils.d.ts +1 -1
- package/components/chart/utils/utils.js +18 -13
- package/components/columnPicker/ColumnPicker.vue.d.ts +119 -0
- package/components/columnPicker/ColumnPicker.vue.js +7 -0
- package/components/columnPicker/ColumnPicker.vue2.js +322 -0
- package/components/columnPicker/OptionChip.vue.d.ts +53 -0
- package/components/columnPicker/OptionChip.vue.js +7 -0
- package/components/columnPicker/OptionChip.vue2.js +46 -0
- package/components/columnPicker/RemoveButton.vue.d.ts +38 -0
- package/components/columnPicker/RemoveButton.vue.js +7 -0
- package/components/columnPicker/RemoveButton.vue2.js +35 -0
- package/components/columnPicker/index.d.ts +388 -0
- package/components/columnPicker/index.js +6 -0
- package/components/columnPicker/mockData.d.ts +8 -0
- package/components/dialog/v3/Dialog.vue.d.ts +3 -3
- package/components/dialog/v3/index.d.ts +46 -46
- package/components/dialog/v4/DialogFooter.vue.d.ts +78 -0
- package/components/dialog/v4/DialogFooter.vue.js +7 -0
- package/components/dialog/v4/DialogFooter.vue2.js +60 -0
- package/components/dialog/v4/DialogHeader.vue.d.ts +60 -0
- package/components/dialog/v4/DialogHeader.vue.js +7 -0
- package/components/dialog/v4/DialogHeader.vue2.js +58 -0
- package/components/dialog/v4/DialogV4.vue.d.ts +9 -9
- package/components/dialog/v4/DialogV4.vue.js +3 -3
- package/components/dialog/v4/DialogV4.vue2.js +65 -107
- package/components/dialog/v4/index.d.ts +157 -157
- package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/v3/index.d.ts +20 -20
- package/components/dropdown/v4/ConditionalDropdown.vue.js +4 -4
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +176 -171
- package/components/dropdown/v4/OptionV4.vue.d.ts +5 -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 +20 -1
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
- package/components/includeExclude/index.d.ts +70 -70
- package/components/input/v4/TextField.vue.d.ts +12 -0
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +129 -105
- package/components/input/v4/index.d.ts +46 -2
- package/components/link/Link.vue.d.ts +20 -0
- package/components/link/Link.vue.js +2 -2
- package/components/link/Link.vue2.js +35 -21
- package/components/link/index.d.ts +77 -1
- package/components/radioButton/v3/RadioButton.vue.d.ts +5 -0
- package/components/radioButton/v3/RadioButton.vue.js +3 -3
- package/components/radioButton/v3/RadioButton.vue2.js +42 -39
- package/components/radioButton/v3/index.d.ts +20 -1
- package/components/sortableList/SortableItem.vue.d.ts +17 -2
- package/components/sortableList/SortableItem.vue.js +3 -3
- package/components/sortableList/SortableItem.vue2.js +86 -70
- package/components/sortableList/SortableItemLabel.vue.js +3 -3
- package/components/sortableList/SortableItemLabel.vue2.js +26 -23
- package/components/sortableList/SortableList.types.d.ts +1 -0
- package/components/sortableList/SortableList.vue.d.ts +10 -0
- package/components/sortableList/SortableList.vue.js +3 -3
- package/components/sortableList/SortableList.vue2.js +104 -96
- package/components/sortableList/composables/useHoverEffect.js +1 -1
- package/components/sortableList/index.d.ts +39 -1
- package/components/table/v4/DataGrid.vue.d.ts +4 -4
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +237 -245
- package/components/table/v4/DataGridHeader.vue.d.ts +85 -0
- package/components/table/v4/DataGridHeader.vue.js +7 -0
- package/components/table/v4/DataGridHeader.vue2.js +82 -0
- package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
- package/components/table/v4/DataGridRowsCounter.vue2.js +12 -12
- package/components/table/v4/MultipleDataGrid.vue.d.ts +6 -5
- package/components/table/v4/MultipleDataGrid.vue.js +2 -2
- package/components/table/v4/MultipleDataGrid.vue2.js +91 -90
- package/components/table/v4/index.d.ts +552 -305
- package/components/table/v4/index.js +7 -4
- package/components/table/v4/storyUtils.d.ts +25 -0
- package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +18 -17
- package/components/tooltip/v4/index.d.ts +20 -1
- package/index.d.ts +2153 -1419
- package/index.js +99 -95
- package/package.json +5 -1
- package/testids/index.d.ts +7 -1
- package/testids/index.js +26 -25
- package/utils/date.js +3 -3
- package/utils/formatNumbers.d.ts +1 -1
- package/utils/formatNumbers.js +38 -21
- package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css +0 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_8e8df067_lang.css +0 -1
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +0 -1
- package/Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css +0 -1
- package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css +0 -1
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +0 -1
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +0 -1
|
@@ -1,33 +1,36 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as h, openBlock as i, createElementBlock as d, createElementVNode as m, normalizeStyle as b, normalizeClass as y, createBlock as L, isRef as Se, createSlots as ke, withCtx as S, renderSlot as r, createCommentVNode as c, Fragment as C, renderList as x, createVNode as k, createTextVNode as V, toDisplayString as z, mergeProps as I } from "vue";
|
|
2
|
+
import M from "../../typography/v4/Typography.vue.js";
|
|
3
|
+
import ge from "../../skeleton/v4/SkeletonV4.vue.js";
|
|
4
|
+
import me from "../../emptyState/v4/EmptyStateV4.vue.js";
|
|
5
5
|
import Y from "../../checkbox/v4/CheckboxV4.vue.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import {
|
|
14
|
-
import
|
|
15
|
-
|
|
6
|
+
import be from "../../tooltip/v4/TooltipV4.vue.js";
|
|
7
|
+
import "./DataGrid.vue.js";
|
|
8
|
+
import "./DataGridMenu.vue.js";
|
|
9
|
+
import "./DataGridRowsCounter.vue.js";
|
|
10
|
+
import ve from "./DataGridHeader.vue.js";
|
|
11
|
+
import "./MultipleDataGrid.vue.js";
|
|
12
|
+
import { TableTestIdModifiers as $ } from "../../../testids/index.js";
|
|
13
|
+
import { tableCommon as pe } from "../common/Table.common.js";
|
|
14
|
+
import Ce from "./SortIcon.vue.js";
|
|
15
|
+
import xe from "./HelpIcon.vue.js";
|
|
16
|
+
import $e from "./ExpandRowToggle.vue.js";
|
|
17
|
+
import { DEFAULT_ROW_HEIGHT as Re, CHECKBOX_COLUMN_ID as Te } from "../common/consts.js";
|
|
18
|
+
const we = ["data-testid"], Be = ["data-testid"], He = ["data-testid"], Ee = {
|
|
16
19
|
key: 1,
|
|
17
20
|
class: "expand-toggle-cell"
|
|
18
|
-
},
|
|
21
|
+
}, Pe = ["onClick"], Le = { class: "table-head-container" }, Ve = {
|
|
19
22
|
key: 0,
|
|
20
23
|
class: "totals-row"
|
|
21
|
-
},
|
|
24
|
+
}, Ie = ["data-testid"], Me = ["onMouseenter", "onClick"], Ae = {
|
|
22
25
|
key: 2,
|
|
23
26
|
class: "expanded-row"
|
|
24
|
-
},
|
|
27
|
+
}, Fe = {
|
|
25
28
|
key: 3,
|
|
26
29
|
class: "floating-row"
|
|
27
|
-
},
|
|
30
|
+
}, Ne = { key: 1 }, Oe = {
|
|
28
31
|
key: 0,
|
|
29
32
|
class: "table-footer"
|
|
30
|
-
},
|
|
33
|
+
}, lt = /* @__PURE__ */ he({
|
|
31
34
|
__name: "DataGrid",
|
|
32
35
|
props: {
|
|
33
36
|
title: { default: "" },
|
|
@@ -36,9 +39,9 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
|
|
|
36
39
|
sections: { default: null },
|
|
37
40
|
sort: { default: null },
|
|
38
41
|
selection: { default: null },
|
|
39
|
-
getRowId: { type: Function, default: (
|
|
40
|
-
getRowKey: { type: Function, default: (
|
|
41
|
-
selectedMatcher: { type: Function, default: (
|
|
42
|
+
getRowId: { type: Function, default: (l, g) => g },
|
|
43
|
+
getRowKey: { type: Function, default: (l, g) => g },
|
|
44
|
+
selectedMatcher: { type: Function, default: (l, g) => l === g },
|
|
42
45
|
isSticky: { type: Boolean, default: !0 },
|
|
43
46
|
isStickyHeader: { type: Boolean, default: !1 },
|
|
44
47
|
isLoading: { type: Boolean, default: !1 },
|
|
@@ -48,7 +51,7 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
|
|
|
48
51
|
isInfiniteScroll: { type: Boolean, default: !1 },
|
|
49
52
|
showTotalsRow: { type: Boolean },
|
|
50
53
|
infiniteScrollThreshold: { default: 100 },
|
|
51
|
-
rowHeight: { type: [Number, Function], default:
|
|
54
|
+
rowHeight: { type: [Number, Function], default: Re },
|
|
52
55
|
loadingRowCount: { default: 3 },
|
|
53
56
|
defaultScrollPosition: { default: null },
|
|
54
57
|
helpTooltipVariant: { default: "icon" },
|
|
@@ -64,207 +67,196 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
|
|
|
64
67
|
isSelectionBordered: { type: Boolean, default: !1 }
|
|
65
68
|
},
|
|
66
69
|
emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
|
|
67
|
-
setup(
|
|
68
|
-
const a =
|
|
69
|
-
ye((
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
70
|
+
setup(l, { expose: g, emit: f }) {
|
|
71
|
+
const a = l;
|
|
72
|
+
ye((s) => ({
|
|
73
|
+
d9213df8: l.zIndexBase,
|
|
74
|
+
c75d7f10: t(ee),
|
|
75
|
+
d661d51e: t(D)
|
|
73
76
|
}));
|
|
74
|
-
const
|
|
75
|
-
list:
|
|
77
|
+
const v = fe(), Q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
|
|
78
|
+
list: R,
|
|
76
79
|
containerProps: X,
|
|
77
80
|
wrapperProps: j,
|
|
78
|
-
activeRow:
|
|
79
|
-
gridColumnTemplate:
|
|
81
|
+
activeRow: T,
|
|
82
|
+
gridColumnTemplate: D,
|
|
80
83
|
toggleSortOrder: q,
|
|
81
|
-
columnsStickyPositions:
|
|
84
|
+
columnsStickyPositions: w,
|
|
82
85
|
hasSearchSlot: J,
|
|
83
86
|
containerStyle: Z,
|
|
84
|
-
onScroll:
|
|
85
|
-
savingRows:
|
|
87
|
+
onScroll: K,
|
|
88
|
+
savingRows: U,
|
|
86
89
|
hasExpandSlot: B,
|
|
87
90
|
toggleExpandRow: _,
|
|
88
91
|
cssExpandGridCol: ee,
|
|
89
|
-
isRowExpanded:
|
|
92
|
+
isRowExpanded: A,
|
|
90
93
|
hasCheckboxes: F,
|
|
91
94
|
activeMenuRow: te,
|
|
92
95
|
scrollTo: se
|
|
93
|
-
} =
|
|
94
|
-
() => a.title ||
|
|
95
|
-
),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
}),
|
|
99
|
-
|
|
96
|
+
} = pe(a, f), G = h(() => !!v.footer), le = h(
|
|
97
|
+
() => a.title || v.title || J.value || v["table-header-actions"] || v["table-header-pre-search"]
|
|
98
|
+
), p = h({
|
|
99
|
+
get: () => a.search,
|
|
100
|
+
set: (s) => f("update:search", s)
|
|
101
|
+
}), ae = h(() => a.selection.length || 0), N = h(() => {
|
|
102
|
+
const s = a.rows.map((o, e) => a.getRowId(o, e));
|
|
103
|
+
return !!s.length && s.every((o) => H(o));
|
|
104
|
+
}), H = (s) => a.selection.findIndex((o) => a.selectedMatcher(s, o)) !== -1, ie = (s) => {
|
|
105
|
+
H(s) ? (E(
|
|
100
106
|
a.selection.filter(
|
|
101
|
-
(o) => !a.selectedMatcher(
|
|
107
|
+
(o) => !a.selectedMatcher(s, o)
|
|
102
108
|
)
|
|
103
|
-
),
|
|
104
|
-
},
|
|
109
|
+
), f("selectRow", !1)) : (E([...a.selection, s]), f("selectRow", !0));
|
|
110
|
+
}, oe = () => {
|
|
105
111
|
if (N.value)
|
|
106
|
-
|
|
112
|
+
E([]), f("selectAll", !1);
|
|
107
113
|
else {
|
|
108
|
-
const
|
|
109
|
-
|
|
114
|
+
const s = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !H(o));
|
|
115
|
+
E([...a.selection, ...s]), f("selectAll", !0);
|
|
110
116
|
}
|
|
111
|
-
},
|
|
112
|
-
|
|
113
|
-
},
|
|
114
|
-
() => a.emptyStateVariant ?? (
|
|
115
|
-
), re =
|
|
116
|
-
() => a.emptyStateSubtitle ? a.emptyStateSubtitle :
|
|
117
|
-
), O =
|
|
117
|
+
}, E = (s) => {
|
|
118
|
+
f("update:selection", s);
|
|
119
|
+
}, de = (s) => !a.isLoading && T.value === s, ne = h(
|
|
120
|
+
() => a.emptyStateVariant ?? (p.value ? "no-results" : "no-data")
|
|
121
|
+
), re = h(
|
|
122
|
+
() => a.emptyStateSubtitle ? a.emptyStateSubtitle : p.value ? "Search again with different filters" : void 0
|
|
123
|
+
), O = h(() => ({
|
|
118
124
|
class: {
|
|
119
125
|
sticky: a.isSelectionSticky,
|
|
120
126
|
bordered: a.isSelectionBordered
|
|
121
127
|
},
|
|
122
|
-
style: a.isSelectionSticky ?
|
|
123
|
-
})), ce = (
|
|
124
|
-
sticky:
|
|
125
|
-
isStickyRight:
|
|
126
|
-
bordered:
|
|
127
|
-
isTextRight:
|
|
128
|
-
}), W =
|
|
129
|
-
() => a.columns.map((
|
|
130
|
-
), ue = (
|
|
131
|
-
minHeight: (typeof a.rowHeight == "function" ? a.rowHeight(
|
|
132
|
-
}),
|
|
133
|
-
return
|
|
128
|
+
style: a.isSelectionSticky ? w.value[Te] : null
|
|
129
|
+
})), ce = (s) => ({
|
|
130
|
+
sticky: s.isSticky,
|
|
131
|
+
isStickyRight: s.isStickyRight,
|
|
132
|
+
bordered: s.isBordered,
|
|
133
|
+
isTextRight: s.isTextRight
|
|
134
|
+
}), W = h(
|
|
135
|
+
() => a.columns.map((s) => ce(s))
|
|
136
|
+
), ue = (s) => ({
|
|
137
|
+
minHeight: (typeof a.rowHeight == "function" ? a.rowHeight(s) : a.rowHeight) + "px"
|
|
138
|
+
}), P = h(() => R.value.reduce((s, o) => (s[o.index] = ue(o.index), s), {}));
|
|
139
|
+
return g({
|
|
134
140
|
scrollTo: se
|
|
135
|
-
}), (
|
|
141
|
+
}), (s, o) => (i(), d("div", {
|
|
136
142
|
class: "table-container",
|
|
137
|
-
"data-testid": `${
|
|
138
|
-
onMouseleave: o[3] || (o[3] = (e) =>
|
|
143
|
+
"data-testid": `${l.testId}-${t($).CONTAINER}`,
|
|
144
|
+
onMouseleave: o[3] || (o[3] = (e) => T.value = null)
|
|
139
145
|
}, [
|
|
140
|
-
|
|
146
|
+
m("table", {
|
|
141
147
|
ref: t(X).ref,
|
|
142
|
-
style:
|
|
143
|
-
class:
|
|
148
|
+
style: b(t(Z)),
|
|
149
|
+
class: y({
|
|
144
150
|
hasFooter: t(G)
|
|
145
151
|
}),
|
|
146
|
-
"data-testid": `${
|
|
152
|
+
"data-testid": `${l.testId}-${t($).TABLE}`,
|
|
147
153
|
onScrollPassive: o[2] || (o[2] = //@ts-ignore
|
|
148
|
-
(...e) => t(
|
|
154
|
+
(...e) => t(K) && t(K)(...e))
|
|
149
155
|
}, [
|
|
150
|
-
t(le) ? (i(),
|
|
156
|
+
t(le) ? (i(), L(t(ve), {
|
|
151
157
|
key: 0,
|
|
152
|
-
|
|
153
|
-
"
|
|
158
|
+
search: t(p),
|
|
159
|
+
"onUpdate:search": o[0] || (o[0] = (e) => Se(p) ? p.value = e : null),
|
|
160
|
+
title: l.title,
|
|
161
|
+
"is-sticky": l.isStickyHeader,
|
|
162
|
+
"show-search": l.showSearch,
|
|
163
|
+
"search-placeholder": l.searchPlaceholder,
|
|
164
|
+
"search-auto-focus": l.searchAutoFocus,
|
|
165
|
+
"z-index-base": l.zIndexBase,
|
|
166
|
+
"test-id": l.testId,
|
|
167
|
+
onOnClearSearch: o[1] || (o[1] = (e) => f("onClearSearch"))
|
|
168
|
+
}, ke({
|
|
169
|
+
title: S(() => [
|
|
170
|
+
r(s.$slots, "title")
|
|
171
|
+
]),
|
|
172
|
+
search: S(() => [
|
|
173
|
+
r(s.$slots, "search")
|
|
174
|
+
]),
|
|
175
|
+
_: 2
|
|
154
176
|
}, [
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
])
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
}, [
|
|
173
|
-
c(l.$slots, "table-header-pre-search")
|
|
174
|
-
], 8, Ie)) : n("", !0),
|
|
175
|
-
f("div", {
|
|
176
|
-
class: "table-header-right",
|
|
177
|
-
"data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
|
|
178
|
-
}, [
|
|
179
|
-
s.showSearch ? c(l.$slots, "search", { key: 0 }, () => [
|
|
180
|
-
f("div", Ae, [
|
|
181
|
-
h(t(Re), {
|
|
182
|
-
modelValue: t(C),
|
|
183
|
-
"onUpdate:modelValue": o[0] || (o[0] = (e) => Se(C) ? C.value = e : null),
|
|
184
|
-
placeholder: s.searchPlaceholder,
|
|
185
|
-
"auto-focus": s.searchAutoFocus,
|
|
186
|
-
"test-id": s.testId,
|
|
187
|
-
onOnClear: o[1] || (o[1] = (e) => k("onClearSearch"))
|
|
188
|
-
}, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
|
|
189
|
-
])
|
|
190
|
-
]) : n("", !0)
|
|
191
|
-
], 8, Ve),
|
|
192
|
-
t(b)["table-header-actions"] ? (i(), d("div", {
|
|
193
|
-
key: 1,
|
|
194
|
-
class: "table-header-actions",
|
|
195
|
-
"data-testid": `${s.testId}-${t(S).ACTIONS}`
|
|
196
|
-
}, [
|
|
197
|
-
c(l.$slots, "table-header-actions")
|
|
198
|
-
], 8, Pe)) : n("", !0)
|
|
199
|
-
], 10, He)) : n("", !0),
|
|
200
|
-
f("thead", {
|
|
201
|
-
class: u({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
|
|
177
|
+
t(v)["table-header-pre-search"] ? {
|
|
178
|
+
name: "table-header-pre-search",
|
|
179
|
+
fn: S(() => [
|
|
180
|
+
r(s.$slots, "table-header-pre-search")
|
|
181
|
+
]),
|
|
182
|
+
key: "0"
|
|
183
|
+
} : void 0,
|
|
184
|
+
t(v)["table-header-actions"] ? {
|
|
185
|
+
name: "table-header-actions",
|
|
186
|
+
fn: S(() => [
|
|
187
|
+
r(s.$slots, "table-header-actions")
|
|
188
|
+
]),
|
|
189
|
+
key: "1"
|
|
190
|
+
} : void 0
|
|
191
|
+
]), 1032, ["search", "title", "is-sticky", "show-search", "search-placeholder", "search-auto-focus", "z-index-base", "test-id"])) : c("", !0),
|
|
192
|
+
m("thead", {
|
|
193
|
+
class: y({ sticky: l.isSticky, isStickyHeader: l.isStickyHeader })
|
|
202
194
|
}, [
|
|
203
|
-
|
|
195
|
+
m("div", {
|
|
204
196
|
class: "sections",
|
|
205
|
-
"data-testid": `${
|
|
197
|
+
"data-testid": `${l.testId}-${t($).SECTIONS}`
|
|
206
198
|
}, [
|
|
207
|
-
(i(!0), d(
|
|
199
|
+
(i(!0), d(C, null, x(l.sections, (e) => (i(), d("div", {
|
|
208
200
|
key: e.id,
|
|
209
|
-
class:
|
|
201
|
+
class: y(["section-container", { sticky: e.isSticky }])
|
|
210
202
|
}, [
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
style:
|
|
214
|
-
class:
|
|
203
|
+
r(s.$slots, `section-${e.id}`, {}, () => [
|
|
204
|
+
m("div", {
|
|
205
|
+
style: b({ width: e.width + "px" }),
|
|
206
|
+
class: y({ section: !0 })
|
|
215
207
|
}, [
|
|
216
|
-
|
|
217
|
-
default:
|
|
218
|
-
|
|
208
|
+
k(t(M), { variant: "body2" }, {
|
|
209
|
+
default: S(() => [
|
|
210
|
+
V(z(e.title), 1)
|
|
219
211
|
]),
|
|
220
212
|
_: 2
|
|
221
213
|
}, 1024)
|
|
222
214
|
], 4)
|
|
223
215
|
])
|
|
224
216
|
], 2))), 128))
|
|
225
|
-
], 8,
|
|
226
|
-
|
|
227
|
-
t(F) ? (i(), d("th",
|
|
217
|
+
], 8, He),
|
|
218
|
+
m("tr", null, [
|
|
219
|
+
t(F) ? (i(), d("th", I({
|
|
228
220
|
key: 0,
|
|
229
221
|
class: "checkbox-cell"
|
|
230
222
|
}, t(O)), [
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
disabled:
|
|
223
|
+
r(s.$slots, "select-all-checkbox", {}, () => [
|
|
224
|
+
k(t(Y), {
|
|
225
|
+
disabled: l.isLoading,
|
|
234
226
|
"is-checked": t(N),
|
|
235
227
|
"is-indeterminate": !t(N) && t(ae) > 0,
|
|
236
|
-
"onUpdate:isChecked":
|
|
228
|
+
"onUpdate:isChecked": oe
|
|
237
229
|
}, null, 8, ["disabled", "is-checked", "is-indeterminate"])
|
|
238
230
|
])
|
|
239
|
-
], 16)) :
|
|
240
|
-
t(B) ? (i(), d("th",
|
|
241
|
-
(i(!0), d(
|
|
231
|
+
], 16)) : c("", !0),
|
|
232
|
+
t(B) ? (i(), d("th", Ee)) : c("", !0),
|
|
233
|
+
(i(!0), d(C, null, x(l.columns, (e, u) => (i(), d("th", {
|
|
242
234
|
key: e.id,
|
|
243
|
-
class:
|
|
244
|
-
...t(W)[
|
|
235
|
+
class: y({
|
|
236
|
+
...t(W)[u],
|
|
245
237
|
isSortable: e.isSortable,
|
|
246
238
|
[`column-${e.id}`]: !0
|
|
247
239
|
}),
|
|
248
|
-
style:
|
|
249
|
-
onClick: (
|
|
240
|
+
style: b(e.isSticky ? t(w)[e.id] : null),
|
|
241
|
+
onClick: (n) => e.isSortable ? t(q)(e) : null
|
|
250
242
|
}, [
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
243
|
+
m("div", Le, [
|
|
244
|
+
r(s.$slots, `header-${e.id}`, { column: e }, () => [
|
|
245
|
+
k(t(be), {
|
|
254
246
|
text: e.helpText,
|
|
255
|
-
disabled: !e.helpText ||
|
|
247
|
+
disabled: !e.helpText || l.helpTooltipVariant === "icon",
|
|
256
248
|
placement: e.helpTextPlacement || "top",
|
|
257
249
|
"test-id": `help-tooltip-underlined-${e.id}`
|
|
258
250
|
}, {
|
|
259
|
-
default:
|
|
260
|
-
|
|
251
|
+
default: S(() => [
|
|
252
|
+
k(t(M), {
|
|
261
253
|
variant: "tableLabel",
|
|
262
|
-
class:
|
|
263
|
-
underlined: e.helpText &&
|
|
254
|
+
class: y({
|
|
255
|
+
underlined: e.helpText && l.helpTooltipVariant === "underline"
|
|
264
256
|
})
|
|
265
257
|
}, {
|
|
266
|
-
default:
|
|
267
|
-
|
|
258
|
+
default: S(() => [
|
|
259
|
+
V(z(e.title), 1)
|
|
268
260
|
]),
|
|
269
261
|
_: 2
|
|
270
262
|
}, 1032, ["class"])
|
|
@@ -272,156 +264,156 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
|
|
|
272
264
|
_: 2
|
|
273
265
|
}, 1032, ["text", "disabled", "placement", "test-id"])
|
|
274
266
|
]),
|
|
275
|
-
e.helpText &&
|
|
267
|
+
e.helpText && l.helpTooltipVariant === "icon" ? (i(), L(xe, {
|
|
276
268
|
key: 0,
|
|
277
269
|
"hover-help-text": e.helpText,
|
|
278
270
|
"hover-help-text-placement": e.helpTextPlacement,
|
|
279
271
|
"test-id": `help-tooltip-${e.id}`
|
|
280
|
-
}, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) :
|
|
281
|
-
|
|
282
|
-
e.isSortable && e.id ===
|
|
272
|
+
}, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : c("", !0),
|
|
273
|
+
r(s.$slots, `after-header-${e.id}`, { column: e }),
|
|
274
|
+
e.isSortable && e.id === l.sort?.sortBy ? (i(), L(Ce, {
|
|
283
275
|
key: 1,
|
|
284
|
-
"sort-order":
|
|
285
|
-
}, null, 8, ["sort-order"])) :
|
|
276
|
+
"sort-order": l.sort.sortOrder
|
|
277
|
+
}, null, 8, ["sort-order"])) : c("", !0)
|
|
286
278
|
])
|
|
287
|
-
], 14,
|
|
279
|
+
], 14, Pe))), 128))
|
|
288
280
|
]),
|
|
289
|
-
|
|
290
|
-
t(F) ? (i(), d("td",
|
|
281
|
+
l.showTotalsRow && t(R).length > 0 ? (i(), d("tr", Ve, [
|
|
282
|
+
t(F) ? (i(), d("td", I({
|
|
291
283
|
key: 0,
|
|
292
284
|
class: "bg"
|
|
293
|
-
}, t(O)), null, 16)) :
|
|
294
|
-
(i(!0), d(
|
|
285
|
+
}, t(O)), null, 16)) : c("", !0),
|
|
286
|
+
(i(!0), d(C, null, x(l.columns, (e, u) => (i(), d("td", {
|
|
295
287
|
key: e.id,
|
|
296
|
-
class:
|
|
297
|
-
...t(W)[
|
|
288
|
+
class: y({
|
|
289
|
+
...t(W)[u],
|
|
298
290
|
[`total-${e.id}`]: !0
|
|
299
291
|
}),
|
|
300
|
-
style:
|
|
292
|
+
style: b(e.isSticky ? t(w)[e.id] : null)
|
|
301
293
|
}, [
|
|
302
|
-
|
|
303
|
-
|
|
294
|
+
r(s.$slots, `total-${e.id}`, { column: e }, () => [
|
|
295
|
+
u === 0 ? (i(), L(t(M), {
|
|
304
296
|
key: 0,
|
|
305
297
|
variant: "h6"
|
|
306
298
|
}, {
|
|
307
|
-
default:
|
|
308
|
-
|
|
299
|
+
default: S(() => [
|
|
300
|
+
V("Totals")
|
|
309
301
|
]),
|
|
310
302
|
_: 1
|
|
311
|
-
})) :
|
|
303
|
+
})) : c("", !0)
|
|
312
304
|
])
|
|
313
305
|
], 6))), 128))
|
|
314
|
-
])) :
|
|
306
|
+
])) : c("", !0)
|
|
315
307
|
], 2),
|
|
316
|
-
|
|
317
|
-
t(
|
|
308
|
+
m("tbody", null, [
|
|
309
|
+
t(R).length > 0 ? (i(), d("div", I({
|
|
318
310
|
key: 0,
|
|
319
311
|
class: "table-body-wrapper",
|
|
320
|
-
"data-testid": `${
|
|
312
|
+
"data-testid": `${l.testId}-${t($).BODY_WRAPPER}`
|
|
321
313
|
}, t(j)), [
|
|
322
|
-
(i(!0), d(
|
|
323
|
-
key:
|
|
324
|
-
class:
|
|
325
|
-
loading:
|
|
326
|
-
active: t(
|
|
314
|
+
(i(!0), d(C, null, x(t(R), (e) => (i(), d("tr", {
|
|
315
|
+
key: l.getRowKey(e.data, e.index),
|
|
316
|
+
class: y(["table-row", {
|
|
317
|
+
loading: l.isLoading || l.isLoading && !e.data || t(U).includes(e.index),
|
|
318
|
+
active: t(T) === e.index,
|
|
327
319
|
activeMenu: t(te) === e.index,
|
|
328
|
-
expanded: t(B) && t(
|
|
320
|
+
expanded: t(B) && t(A)(e.index),
|
|
329
321
|
[Q(e.index)]: !0
|
|
330
322
|
}]),
|
|
331
|
-
style:
|
|
332
|
-
onMouseenter: (
|
|
333
|
-
onClick: (
|
|
323
|
+
style: b(t(P)[e.index]),
|
|
324
|
+
onMouseenter: (u) => T.value = e.index,
|
|
325
|
+
onClick: (u) => f("clickRow", e.index)
|
|
334
326
|
}, [
|
|
335
|
-
t(F) ? (i(), d("td",
|
|
327
|
+
t(F) ? (i(), d("td", I({
|
|
336
328
|
key: 0,
|
|
337
329
|
class: "checkbox-cell"
|
|
338
330
|
}, t(O), {
|
|
339
|
-
style: t(
|
|
331
|
+
style: t(P)[e.index]
|
|
340
332
|
}), [
|
|
341
|
-
|
|
342
|
-
"is-checked":
|
|
343
|
-
"onUpdate:isChecked": (
|
|
333
|
+
k(t(Y), {
|
|
334
|
+
"is-checked": H(l.getRowId(e.data, e.index)),
|
|
335
|
+
"onUpdate:isChecked": (u) => ie(l.getRowId(e.data, e.index))
|
|
344
336
|
}, null, 8, ["is-checked", "onUpdate:isChecked"])
|
|
345
|
-
], 16)) :
|
|
337
|
+
], 16)) : c("", !0),
|
|
346
338
|
t(B) ? (i(), d("td", {
|
|
347
339
|
key: 1,
|
|
348
340
|
class: "expand-toggle-cell",
|
|
349
|
-
style:
|
|
341
|
+
style: b(t(P)[e.index])
|
|
350
342
|
}, [
|
|
351
|
-
|
|
352
|
-
expanded: t(
|
|
353
|
-
onClick: (
|
|
343
|
+
k($e, {
|
|
344
|
+
expanded: t(A)(e.index),
|
|
345
|
+
onClick: (u) => t(_)(e.index, u)
|
|
354
346
|
}, null, 8, ["expanded", "onClick"])
|
|
355
|
-
], 4)) :
|
|
356
|
-
(i(!0), d(
|
|
357
|
-
key:
|
|
358
|
-
class:
|
|
359
|
-
sticky:
|
|
360
|
-
isStickyRight:
|
|
361
|
-
bordered:
|
|
362
|
-
isTextRight:
|
|
363
|
-
[`column-${
|
|
347
|
+
], 4)) : c("", !0),
|
|
348
|
+
(i(!0), d(C, null, x(l.columns, (u, n) => (i(), d("td", {
|
|
349
|
+
key: n,
|
|
350
|
+
class: y({
|
|
351
|
+
sticky: l.columns[n].isSticky,
|
|
352
|
+
isStickyRight: l.columns[n].isStickyRight,
|
|
353
|
+
bordered: l.columns[n].isBordered,
|
|
354
|
+
isTextRight: l.columns[n].isTextRight,
|
|
355
|
+
[`column-${l.columns[n].id}`]: !0
|
|
364
356
|
}),
|
|
365
|
-
style:
|
|
366
|
-
|
|
367
|
-
t(
|
|
357
|
+
style: b([
|
|
358
|
+
l.columns[n].isSticky ? t(w)[l.columns[n].id] : null,
|
|
359
|
+
t(P)[e.index]
|
|
368
360
|
])
|
|
369
361
|
}, [
|
|
370
|
-
!
|
|
362
|
+
!l.isLoading || l.isLoading && e.data[n] ? (i(), d("div", {
|
|
371
363
|
key: 0,
|
|
372
|
-
class:
|
|
364
|
+
class: y(["table-cell", { last: n === e.data.length - 1 }])
|
|
373
365
|
}, [
|
|
374
|
-
|
|
375
|
-
cell: e.data[
|
|
376
|
-
isLoading: t(
|
|
377
|
-
cellIndex:
|
|
366
|
+
r(s.$slots, `cell-${l.columns[n].id}`, {
|
|
367
|
+
cell: e.data[n],
|
|
368
|
+
isLoading: t(U).includes(e.index),
|
|
369
|
+
cellIndex: n,
|
|
378
370
|
row: e,
|
|
379
371
|
rowIndex: e.index
|
|
380
372
|
}, () => [
|
|
381
|
-
|
|
382
|
-
default:
|
|
383
|
-
|
|
373
|
+
k(t(M), { variant: "body1" }, {
|
|
374
|
+
default: S(() => [
|
|
375
|
+
V(z(e.data[n]), 1)
|
|
384
376
|
]),
|
|
385
377
|
_: 2
|
|
386
378
|
}, 1024)
|
|
387
379
|
])
|
|
388
|
-
], 2)) :
|
|
389
|
-
|
|
380
|
+
], 2)) : r(s.$slots, "loader", { key: 1 }, () => [
|
|
381
|
+
k(t(ge), { round: "" })
|
|
390
382
|
])
|
|
391
383
|
], 6))), 128)),
|
|
392
|
-
t(B) && t(
|
|
393
|
-
|
|
384
|
+
t(B) && t(A)(e.index) ? (i(), d("div", Ae, [
|
|
385
|
+
r(s.$slots, "expanded", {
|
|
394
386
|
row: e,
|
|
395
|
-
gridColumnTemplate: t(
|
|
387
|
+
gridColumnTemplate: t(D)
|
|
396
388
|
})
|
|
397
|
-
])) :
|
|
398
|
-
|
|
399
|
-
|
|
389
|
+
])) : c("", !0),
|
|
390
|
+
de(e.index) ? (i(), d("div", Fe, [
|
|
391
|
+
r(s.$slots, "floating-row", {
|
|
400
392
|
row: e,
|
|
401
393
|
rowIndex: e.index
|
|
402
394
|
})
|
|
403
|
-
])) :
|
|
404
|
-
], 46,
|
|
405
|
-
], 16,
|
|
406
|
-
|
|
407
|
-
|
|
395
|
+
])) : c("", !0)
|
|
396
|
+
], 46, Me))), 128))
|
|
397
|
+
], 16, Ie)) : (i(), d("div", Ne, [
|
|
398
|
+
r(s.$slots, "empty-state", {}, () => [
|
|
399
|
+
k(t(me), {
|
|
408
400
|
class: "empty-state",
|
|
409
|
-
title:
|
|
401
|
+
title: l.emptyStateTitle,
|
|
410
402
|
subtitle: t(re),
|
|
411
403
|
variant: t(ne),
|
|
412
404
|
"icon-name": "file-search",
|
|
413
|
-
"test-id": `${
|
|
405
|
+
"test-id": `${l.testId}-${t($).EMPTY_STATE}`
|
|
414
406
|
}, null, 8, ["title", "subtitle", "variant", "test-id"])
|
|
415
407
|
])
|
|
416
408
|
]))
|
|
417
409
|
])
|
|
418
|
-
], 46,
|
|
419
|
-
t(G) ? (i(), d("div",
|
|
420
|
-
|
|
421
|
-
])) :
|
|
410
|
+
], 46, Be),
|
|
411
|
+
t(G) ? (i(), d("div", Oe, [
|
|
412
|
+
r(s.$slots, "footer")
|
|
413
|
+
])) : c("", !0)
|
|
422
414
|
], 40, we));
|
|
423
415
|
}
|
|
424
416
|
});
|
|
425
417
|
export {
|
|
426
|
-
|
|
418
|
+
lt as default
|
|
427
419
|
};
|