@ironsource/shared-ui 2.1.12-test.100 → 2.1.12-test.101
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_c04877bd_lang.css +1 -0
- package/components/table/v4/DataGrid.vue.d.ts +8 -7
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +123 -121
- package/index.js +1 -1
- package/package.json +1 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_7e61692c_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sticky[data-v-c04877bd]{position:sticky}.table-container[data-v-c04877bd]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-c04877bd]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-c04877bd]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-c04877bd]{display:inline-table}.table-row[data-v-c04877bd]{position:relative}.table-row.loading[data-v-c04877bd]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-c04877bd]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-c04877bd]{border-bottom:none}.expanded-row[data-v-c04877bd]{grid-column:var(--77c32d26);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-c04877bd]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-c04877bd]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-c04877bd],table th[data-v-c04877bd]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-c04877bd]:first-of-type,table th[data-v-c04877bd]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-c04877bd]:last-of-type,table th[data-v-c04877bd]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-c04877bd],table th.expand-toggle-cell[data-v-c04877bd]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-c04877bd]{border-bottom:none;z-index:calc(var(--99782f9c) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-c04877bd]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--5b788e9f)}table>thead>tr>th[data-v-c04877bd]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-c04877bd]{cursor:pointer}table>thead>tr>td[data-v-c04877bd]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-c04877bd],table>thead>tr>td.bordered[data-v-c04877bd]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-c04877bd],table>thead>tr>td.bordered.isStickyRight[data-v-c04877bd]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-c04877bd],table>thead>tr>td.isTextRight[data-v-c04877bd]{justify-content:flex-end}table>thead.sticky[data-v-c04877bd]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-c04877bd]{z-index:calc(var(--99782f9c) + 2);top:var(--007495cd)}table .totals-row[data-v-c04877bd]{height:40px}table .totals-row[data-v-c04877bd]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-c04877bd]{background-color:var(--background-default)}table>tbody[data-v-c04877bd]{display:block}table>tbody>*>tr[data-v-c04877bd]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--5b788e9f)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-c04877bd]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-c04877bd],table>tbody>*>tr.activeMenu>td[data-v-c04877bd]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-c04877bd]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-c04877bd]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-c04877bd]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-c04877bd]{justify-content:flex-end;text-align:right}.underlined[data-v-c04877bd]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-c04877bd]:hover{cursor:pointer}.section-container[data-v-c04877bd]{left:0}.sections[data-v-c04877bd]{display:flex}.section[data-v-c04877bd]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-c04877bd]{width:100%}.empty-state[data-v-c04877bd]{min-height:250px}.floating-row[data-v-c04877bd]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--99782f9c) + 1)}.floating-row *[data-v-c04877bd-s]{pointer-events:auto}.bg[data-v-c04877bd]{background:var(--background-default)}.use-available-height[data-v-c04877bd]{height:100%}.data-grid-container[data-v-c04877bd]{width:100%;display:flex;flex-direction:row;max-height:100%;align-items:stretch}.data-grid-container[data-v-c04877bd] .table-container{width:calc(100% - 201px);flex:1}.data-grid-container[data-v-c04877bd] table{flex:1;background:var(--background-default);border-top-right-radius:0;border-bottom-right-radius:0}.data-grid-container[data-v-c04877bd] .table-row:last-child{border-bottom:1px solid var(--common-divider)}.side-panel-container[data-v-c04877bd]{width:201px;max-width:201px;flex:1}.side-panel-container[data-v-c04877bd] .column-configurator{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
|
|
1
|
+
import { Column, HelpTooltipVariant, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
|
|
2
|
+
import { EmptyStateVariants } from '@/components/emptyState/v4/EmptyStateV4.types';
|
|
2
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
4
|
title?: string;
|
|
4
5
|
columns: Column[];
|
|
@@ -12,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
12
13
|
isSticky?: boolean;
|
|
13
14
|
isStickyHeader?: boolean;
|
|
14
15
|
isLoading?: boolean;
|
|
15
|
-
emptyStateVariant?:
|
|
16
|
+
emptyStateVariant?: EmptyStateVariants;
|
|
16
17
|
emptyStateTitle?: string;
|
|
17
18
|
emptyStateSubtitle?: string;
|
|
18
19
|
isInfiniteScroll?: boolean;
|
|
@@ -21,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
21
22
|
rowHeight?: number | ((index: number) => number);
|
|
22
23
|
loadingRowCount?: number;
|
|
23
24
|
defaultScrollPosition?: number;
|
|
24
|
-
helpTooltipVariant?:
|
|
25
|
+
helpTooltipVariant?: HelpTooltipVariant;
|
|
25
26
|
testId?: string;
|
|
26
27
|
useAvailableHeight?: boolean;
|
|
27
28
|
search?: string;
|
|
@@ -90,7 +91,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
90
91
|
isSticky?: boolean;
|
|
91
92
|
isStickyHeader?: boolean;
|
|
92
93
|
isLoading?: boolean;
|
|
93
|
-
emptyStateVariant?:
|
|
94
|
+
emptyStateVariant?: EmptyStateVariants;
|
|
94
95
|
emptyStateTitle?: string;
|
|
95
96
|
emptyStateSubtitle?: string;
|
|
96
97
|
isInfiniteScroll?: boolean;
|
|
@@ -99,7 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
99
100
|
rowHeight?: number | ((index: number) => number);
|
|
100
101
|
loadingRowCount?: number;
|
|
101
102
|
defaultScrollPosition?: number;
|
|
102
|
-
helpTooltipVariant?:
|
|
103
|
+
helpTooltipVariant?: HelpTooltipVariant;
|
|
103
104
|
testId?: string;
|
|
104
105
|
useAvailableHeight?: boolean;
|
|
105
106
|
search?: string;
|
|
@@ -176,10 +177,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
176
177
|
defaultScrollPosition: number;
|
|
177
178
|
getRowId: (row: Row, index: number) => unknown;
|
|
178
179
|
getRowKey: (row: Row, index: number) => string | number;
|
|
179
|
-
emptyStateVariant:
|
|
180
|
+
emptyStateVariant: EmptyStateVariants;
|
|
180
181
|
rowCustomClassKey: string;
|
|
181
182
|
rowDataKey: string;
|
|
182
|
-
helpTooltipVariant:
|
|
183
|
+
helpTooltipVariant: HelpTooltipVariant;
|
|
183
184
|
useAvailableHeight: boolean;
|
|
184
185
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
185
186
|
isSelectionSticky: boolean;
|
|
@@ -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 _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_c04877bd_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c04877bd"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_c04877bd_lang.css"; import { defineComponent as me, useCssVars as be, unref as t, useSlots as ve, computed as u, openBlock as i, createElementBlock as d, normalizeClass as h, createElementVNode as m, mergeProps as $, normalizeStyle as S, createBlock as P, isRef as pe, createSlots as $e, withCtx as g, renderSlot as n, createCommentVNode as c, Fragment as C, renderList as x, createVNode as k, createTextVNode as L, toDisplayString as O } from "vue";
|
|
2
2
|
import V from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import Ce from "../../skeleton/v4/SkeletonV4.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import xe from "../../emptyState/v4/EmptyStateV4.vue.js";
|
|
5
5
|
import X from "../../checkbox/v4/CheckboxV4.vue.js";
|
|
6
6
|
import Re from "../../tooltip/v4/TooltipV4.vue.js";
|
|
7
7
|
import "./DataGrid.vue.js";
|
|
@@ -9,7 +9,7 @@ import "./DataGridMenu.vue.js";
|
|
|
9
9
|
import "./DataGridRowsCounter.vue.js";
|
|
10
10
|
import Te from "./DataGridHeader.vue.js";
|
|
11
11
|
import "./MultipleDataGrid.vue.js";
|
|
12
|
-
import { TableTestIdModifiers as
|
|
12
|
+
import { TableTestIdModifiers as R } from "../../../testids/index.js";
|
|
13
13
|
import { tableCommon as He } from "../common/Table.common.js";
|
|
14
14
|
import we from "./SortIcon.vue.js";
|
|
15
15
|
import Ee from "./HelpIcon.vue.js";
|
|
@@ -34,7 +34,10 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
34
34
|
}, Ye = {
|
|
35
35
|
key: 0,
|
|
36
36
|
class: "side-panel-container"
|
|
37
|
-
},
|
|
37
|
+
}, Qe = {
|
|
38
|
+
inheritAttrs: !1
|
|
39
|
+
}, ht = /* @__PURE__ */ me({
|
|
40
|
+
...Qe,
|
|
38
41
|
__name: "DataGrid",
|
|
39
42
|
props: {
|
|
40
43
|
title: { default: "" },
|
|
@@ -43,9 +46,9 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
43
46
|
sections: { default: null },
|
|
44
47
|
sort: { default: null },
|
|
45
48
|
selection: { default: null },
|
|
46
|
-
getRowId: { type: Function, default: (a,
|
|
47
|
-
getRowKey: { type: Function, default: (a,
|
|
48
|
-
selectedMatcher: { type: Function, default: (a,
|
|
49
|
+
getRowId: { type: Function, default: (a, b) => b },
|
|
50
|
+
getRowKey: { type: Function, default: (a, b) => b },
|
|
51
|
+
selectedMatcher: { type: Function, default: (a, b) => a === b },
|
|
49
52
|
isSticky: { type: Boolean, default: !0 },
|
|
50
53
|
isStickyHeader: { type: Boolean, default: !1 },
|
|
51
54
|
isLoading: { type: Boolean, default: !1 },
|
|
@@ -72,102 +75,101 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
72
75
|
isSelectionBordered: { type: Boolean, default: !1 }
|
|
73
76
|
},
|
|
74
77
|
emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
|
|
75
|
-
setup(a, { expose:
|
|
76
|
-
const
|
|
77
|
-
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
|
|
81
|
-
"
|
|
78
|
+
setup(a, { expose: b, emit: f }) {
|
|
79
|
+
const l = a;
|
|
80
|
+
be((s) => ({
|
|
81
|
+
"99782f9c": a.zIndexBase,
|
|
82
|
+
"77c32d26": t(ae),
|
|
83
|
+
"5b788e9f": t(G),
|
|
84
|
+
"007495cd": t(Se)
|
|
82
85
|
}));
|
|
83
|
-
const
|
|
84
|
-
list:
|
|
86
|
+
const v = ve(), J = (s) => l.rowCustomClassKey && l.rows[s] ? l.rows[s][l.rowCustomClassKey] : "", {
|
|
87
|
+
list: T,
|
|
85
88
|
containerProps: z,
|
|
86
89
|
wrapperProps: Z,
|
|
87
|
-
activeRow:
|
|
90
|
+
activeRow: H,
|
|
88
91
|
gridColumnTemplate: G,
|
|
89
92
|
toggleSortOrder: _,
|
|
90
|
-
columnsStickyPositions:
|
|
93
|
+
columnsStickyPositions: w,
|
|
91
94
|
hasSearchSlot: ee,
|
|
92
95
|
containerStyle: te,
|
|
93
96
|
onScroll: K,
|
|
94
97
|
savingRows: U,
|
|
95
|
-
hasExpandSlot:
|
|
96
|
-
toggleExpandRow:
|
|
97
|
-
cssExpandGridCol:
|
|
98
|
+
hasExpandSlot: E,
|
|
99
|
+
toggleExpandRow: se,
|
|
100
|
+
cssExpandGridCol: ae,
|
|
98
101
|
isRowExpanded: M,
|
|
99
102
|
hasCheckboxes: D,
|
|
100
|
-
activeMenuRow:
|
|
103
|
+
activeMenuRow: le,
|
|
101
104
|
scrollTo: ie
|
|
102
|
-
} = He(
|
|
103
|
-
() =>
|
|
105
|
+
} = He(l, f), W = u(() => !!v.footer), oe = u(
|
|
106
|
+
() => l.title || v.title || ee.value || v["table-header-actions"] || v["table-header-pre-search"]
|
|
104
107
|
), p = u({
|
|
105
|
-
get: () =>
|
|
106
|
-
set: (
|
|
107
|
-
}), de = u(() =>
|
|
108
|
-
const
|
|
109
|
-
return !!
|
|
110
|
-
}),
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
(o) => !
|
|
108
|
+
get: () => l.search,
|
|
109
|
+
set: (s) => f("update:search", s)
|
|
110
|
+
}), de = u(() => l.selection.length || 0), F = u(() => {
|
|
111
|
+
const s = l.rows.map((o, e) => l.getRowId(o, e));
|
|
112
|
+
return !!s.length && s.every((o) => B(o));
|
|
113
|
+
}), B = (s) => l.selection.findIndex((o) => l.selectedMatcher(s, o)) !== -1, ne = (s) => {
|
|
114
|
+
B(s) ? (A(
|
|
115
|
+
l.selection.filter(
|
|
116
|
+
(o) => !l.selectedMatcher(s, o)
|
|
114
117
|
)
|
|
115
|
-
), f("selectRow", !1)) : (
|
|
118
|
+
), f("selectRow", !1)) : (A([...l.selection, s]), f("selectRow", !0));
|
|
116
119
|
}, re = () => {
|
|
117
120
|
if (F.value)
|
|
118
|
-
|
|
121
|
+
A([]), f("selectAll", !1);
|
|
119
122
|
else {
|
|
120
|
-
const
|
|
121
|
-
|
|
123
|
+
const s = l.rows.map((o, e) => l.getRowId(o, e)).filter((o) => !B(o));
|
|
124
|
+
A([...l.selection, ...s]), f("selectAll", !0);
|
|
122
125
|
}
|
|
123
|
-
},
|
|
124
|
-
f("update:selection",
|
|
125
|
-
}, ce = (
|
|
126
|
-
() =>
|
|
126
|
+
}, A = (s) => {
|
|
127
|
+
f("update:selection", s);
|
|
128
|
+
}, ce = (s) => !l.isLoading && H.value === s, ue = u(
|
|
129
|
+
() => l.emptyStateVariant ?? (p.value ? "no-results" : "no-data")
|
|
127
130
|
), he = u(
|
|
128
|
-
() =>
|
|
131
|
+
() => l.emptyStateSubtitle ? l.emptyStateSubtitle : p.value ? "Search again with different filters" : void 0
|
|
129
132
|
), N = u(() => ({
|
|
130
133
|
class: {
|
|
131
|
-
sticky:
|
|
132
|
-
bordered:
|
|
134
|
+
sticky: l.isSelectionSticky,
|
|
135
|
+
bordered: l.isSelectionBordered
|
|
133
136
|
},
|
|
134
|
-
style:
|
|
135
|
-
})), ye = (
|
|
136
|
-
sticky:
|
|
137
|
-
isStickyRight:
|
|
138
|
-
bordered:
|
|
139
|
-
isTextRight:
|
|
137
|
+
style: l.isSelectionSticky ? w.value[Ie] : null
|
|
138
|
+
})), ye = (s) => ({
|
|
139
|
+
sticky: s.isSticky,
|
|
140
|
+
isStickyRight: s.isStickyRight,
|
|
141
|
+
bordered: s.isBordered,
|
|
142
|
+
isTextRight: s.isTextRight
|
|
140
143
|
}), Y = u(
|
|
141
|
-
() =>
|
|
142
|
-
), fe = (
|
|
143
|
-
minHeight: (typeof
|
|
144
|
-
}),
|
|
144
|
+
() => l.columns.map((s) => ye(s))
|
|
145
|
+
), fe = (s) => ({
|
|
146
|
+
minHeight: (typeof l.rowHeight == "function" ? l.rowHeight(s) : l.rowHeight) + "px"
|
|
147
|
+
}), I = u(() => T.value.reduce((s, o) => (s[o.index] = fe(o.index), s), {})), Q = u(() => !!v["side-panel"]), Se = u(() => `${j}px`), { height: ge } = Pe(z.ref), ke = u(
|
|
145
148
|
() => ge.value - q - j
|
|
146
149
|
);
|
|
147
|
-
return
|
|
150
|
+
return b({
|
|
148
151
|
scrollTo: ie
|
|
149
|
-
}), (
|
|
152
|
+
}), (s, o) => (i(), d("div", {
|
|
150
153
|
class: h({
|
|
151
154
|
"data-grid-container": t(Q),
|
|
152
155
|
"use-available-height": a.useAvailableHeight
|
|
153
156
|
})
|
|
154
157
|
}, [
|
|
155
|
-
m("div", {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
}, [
|
|
158
|
+
m("div", $({ class: "table-container" }, s.$attrs, {
|
|
159
|
+
"data-testid": `${a.testId}-${t(R).CONTAINER}`,
|
|
160
|
+
onMouseleave: o[3] || (o[3] = (e) => H.value = null)
|
|
161
|
+
}), [
|
|
160
162
|
m("table", {
|
|
161
163
|
ref: t(z).ref,
|
|
162
164
|
style: S(t(te)),
|
|
163
165
|
class: h({
|
|
164
166
|
hasFooter: t(W)
|
|
165
167
|
}),
|
|
166
|
-
"data-testid": `${a.testId}-${t(
|
|
168
|
+
"data-testid": `${a.testId}-${t(R).TABLE}`,
|
|
167
169
|
onScrollPassive: o[2] || (o[2] = //@ts-ignore
|
|
168
170
|
(...e) => t(K) && t(K)(...e))
|
|
169
171
|
}, [
|
|
170
|
-
t(oe) ? (i(),
|
|
172
|
+
t(oe) ? (i(), P(t(Te), {
|
|
171
173
|
key: 0,
|
|
172
174
|
search: t(p),
|
|
173
175
|
"onUpdate:search": o[0] || (o[0] = (e) => pe(p) ? p.value = e : null),
|
|
@@ -179,26 +181,26 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
179
181
|
"z-index-base": a.zIndexBase,
|
|
180
182
|
"test-id": a.testId,
|
|
181
183
|
onOnClearSearch: o[1] || (o[1] = (e) => f("onClearSearch"))
|
|
182
|
-
},
|
|
184
|
+
}, $e({
|
|
183
185
|
title: g(() => [
|
|
184
|
-
n(
|
|
186
|
+
n(s.$slots, "title")
|
|
185
187
|
]),
|
|
186
188
|
search: g(() => [
|
|
187
|
-
n(
|
|
189
|
+
n(s.$slots, "search")
|
|
188
190
|
]),
|
|
189
191
|
_: 2
|
|
190
192
|
}, [
|
|
191
|
-
t(
|
|
193
|
+
t(v)["table-header-pre-search"] ? {
|
|
192
194
|
name: "table-header-pre-search",
|
|
193
195
|
fn: g(() => [
|
|
194
|
-
n(
|
|
196
|
+
n(s.$slots, "table-header-pre-search")
|
|
195
197
|
]),
|
|
196
198
|
key: "0"
|
|
197
199
|
} : void 0,
|
|
198
|
-
t(
|
|
200
|
+
t(v)["table-header-actions"] ? {
|
|
199
201
|
name: "table-header-actions",
|
|
200
202
|
fn: g(() => [
|
|
201
|
-
n(
|
|
203
|
+
n(s.$slots, "table-header-actions")
|
|
202
204
|
]),
|
|
203
205
|
key: "1"
|
|
204
206
|
} : void 0
|
|
@@ -208,20 +210,20 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
208
210
|
}, [
|
|
209
211
|
m("div", {
|
|
210
212
|
class: "sections",
|
|
211
|
-
"data-testid": `${a.testId}-${t(
|
|
213
|
+
"data-testid": `${a.testId}-${t(R).SECTIONS}`
|
|
212
214
|
}, [
|
|
213
|
-
(i(!0), d(
|
|
215
|
+
(i(!0), d(C, null, x(a.sections, (e) => (i(), d("div", {
|
|
214
216
|
key: e.id,
|
|
215
217
|
class: h(["section-container", { sticky: e.isSticky }])
|
|
216
218
|
}, [
|
|
217
|
-
n(
|
|
219
|
+
n(s.$slots, `section-${e.id}`, {}, () => [
|
|
218
220
|
m("div", {
|
|
219
221
|
style: S({ width: e.width + "px" }),
|
|
220
222
|
class: h({ section: !0 })
|
|
221
223
|
}, [
|
|
222
224
|
k(t(V), { variant: "body2" }, {
|
|
223
225
|
default: g(() => [
|
|
224
|
-
|
|
226
|
+
L(O(e.title), 1)
|
|
225
227
|
]),
|
|
226
228
|
_: 2
|
|
227
229
|
}, 1024)
|
|
@@ -232,11 +234,11 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
232
234
|
m("tr", {
|
|
233
235
|
style: S({ height: `${t(q)}px` })
|
|
234
236
|
}, [
|
|
235
|
-
t(D) ? (i(), d("th",
|
|
237
|
+
t(D) ? (i(), d("th", $({
|
|
236
238
|
key: 0,
|
|
237
239
|
class: "checkbox-cell"
|
|
238
240
|
}, t(N)), [
|
|
239
|
-
n(
|
|
241
|
+
n(s.$slots, "select-all-checkbox", {}, () => [
|
|
240
242
|
k(t(X), {
|
|
241
243
|
disabled: a.isLoading,
|
|
242
244
|
"is-checked": t(F),
|
|
@@ -245,8 +247,8 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
245
247
|
}, null, 8, ["disabled", "is-checked", "is-indeterminate"])
|
|
246
248
|
])
|
|
247
249
|
], 16)) : c("", !0),
|
|
248
|
-
t(
|
|
249
|
-
(i(!0), d(
|
|
250
|
+
t(E) ? (i(), d("th", De)) : c("", !0),
|
|
251
|
+
(i(!0), d(C, null, x(a.columns, (e, y) => (i(), d("th", {
|
|
250
252
|
key: e.id,
|
|
251
253
|
class: h({
|
|
252
254
|
...t(Y)[y],
|
|
@@ -254,12 +256,12 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
254
256
|
[`column-${e.id}`]: !0
|
|
255
257
|
}),
|
|
256
258
|
style: S(
|
|
257
|
-
e.isSticky ? t(
|
|
259
|
+
e.isSticky ? t(w)[e.id] : null
|
|
258
260
|
),
|
|
259
261
|
onClick: (r) => e.isSortable ? t(_)(e) : null
|
|
260
262
|
}, [
|
|
261
263
|
m("div", Ne, [
|
|
262
|
-
n(
|
|
264
|
+
n(s.$slots, `header-${e.id}`, { column: e }, () => [
|
|
263
265
|
k(t(Re), {
|
|
264
266
|
text: e.helpText,
|
|
265
267
|
disabled: !e.helpText || a.helpTooltipVariant === "icon",
|
|
@@ -274,7 +276,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
274
276
|
})
|
|
275
277
|
}, {
|
|
276
278
|
default: g(() => [
|
|
277
|
-
|
|
279
|
+
L(O(e.title), 1)
|
|
278
280
|
]),
|
|
279
281
|
_: 2
|
|
280
282
|
}, 1032, ["class"])
|
|
@@ -282,42 +284,42 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
282
284
|
_: 2
|
|
283
285
|
}, 1032, ["text", "disabled", "placement", "test-id"])
|
|
284
286
|
]),
|
|
285
|
-
e.helpText && a.helpTooltipVariant === "icon" ? (i(),
|
|
287
|
+
e.helpText && a.helpTooltipVariant === "icon" ? (i(), P(Ee, {
|
|
286
288
|
key: 0,
|
|
287
289
|
"hover-help-text": e.helpText,
|
|
288
290
|
"hover-help-text-placement": e.helpTextPlacement,
|
|
289
291
|
"test-id": `help-tooltip-${e.id}`
|
|
290
292
|
}, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : c("", !0),
|
|
291
|
-
n(
|
|
292
|
-
e.isSortable && e.id === a.sort?.sortBy ? (i(),
|
|
293
|
+
n(s.$slots, `after-header-${e.id}`, { column: e }),
|
|
294
|
+
e.isSortable && e.id === a.sort?.sortBy ? (i(), P(we, {
|
|
293
295
|
key: 1,
|
|
294
296
|
"sort-order": a.sort.sortOrder
|
|
295
297
|
}, null, 8, ["sort-order"])) : c("", !0)
|
|
296
298
|
])
|
|
297
299
|
], 14, Fe))), 128))
|
|
298
300
|
], 4),
|
|
299
|
-
a.showTotalsRow && t(
|
|
300
|
-
t(D) ? (i(), d("td",
|
|
301
|
+
a.showTotalsRow && t(T).length > 0 ? (i(), d("tr", Oe, [
|
|
302
|
+
t(D) ? (i(), d("td", $({
|
|
301
303
|
key: 0,
|
|
302
304
|
class: "bg"
|
|
303
305
|
}, t(N)), null, 16)) : c("", !0),
|
|
304
|
-
(i(!0), d(
|
|
306
|
+
(i(!0), d(C, null, x(a.columns, (e, y) => (i(), d("td", {
|
|
305
307
|
key: e.id,
|
|
306
308
|
class: h({
|
|
307
309
|
...t(Y)[y],
|
|
308
310
|
[`total-${e.id}`]: !0
|
|
309
311
|
}),
|
|
310
312
|
style: S(
|
|
311
|
-
e.isSticky ? t(
|
|
313
|
+
e.isSticky ? t(w)[e.id] : null
|
|
312
314
|
)
|
|
313
315
|
}, [
|
|
314
|
-
n(
|
|
315
|
-
y === 0 ? (i(),
|
|
316
|
+
n(s.$slots, `total-${e.id}`, { column: e }, () => [
|
|
317
|
+
y === 0 ? (i(), P(t(V), {
|
|
316
318
|
key: 0,
|
|
317
319
|
variant: "h6"
|
|
318
320
|
}, {
|
|
319
321
|
default: g(() => [
|
|
320
|
-
|
|
322
|
+
L("Totals")
|
|
321
323
|
]),
|
|
322
324
|
_: 1
|
|
323
325
|
})) : c("", !0)
|
|
@@ -326,46 +328,46 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
326
328
|
])) : c("", !0)
|
|
327
329
|
], 2),
|
|
328
330
|
m("tbody", null, [
|
|
329
|
-
t(
|
|
331
|
+
t(T).length > 0 ? (i(), d("div", $({
|
|
330
332
|
key: 0,
|
|
331
333
|
class: "table-body-wrapper",
|
|
332
|
-
"data-testid": `${a.testId}-${t(
|
|
334
|
+
"data-testid": `${a.testId}-${t(R).BODY_WRAPPER}`
|
|
333
335
|
}, t(Z)), [
|
|
334
|
-
(i(!0), d(
|
|
336
|
+
(i(!0), d(C, null, x(t(T), (e) => (i(), d("tr", {
|
|
335
337
|
key: a.getRowKey(e.data, e.index),
|
|
336
338
|
class: h(["table-row", {
|
|
337
339
|
loading: a.isLoading || a.isLoading && !e.data || t(U).includes(e.index),
|
|
338
|
-
active: t(
|
|
339
|
-
activeMenu: t(
|
|
340
|
-
expanded: t(
|
|
340
|
+
active: t(H) === e.index,
|
|
341
|
+
activeMenu: t(le) === e.index,
|
|
342
|
+
expanded: t(E) && t(M)(e.index),
|
|
341
343
|
[J(e.index)]: !0
|
|
342
344
|
}]),
|
|
343
|
-
style: S(t(
|
|
344
|
-
onMouseenter: (y) =>
|
|
345
|
+
style: S(t(I)[e.index]),
|
|
346
|
+
onMouseenter: (y) => H.value = e.index,
|
|
345
347
|
onClick: (y) => f("clickRow", e.index)
|
|
346
348
|
}, [
|
|
347
|
-
t(D) ? (i(), d("td",
|
|
349
|
+
t(D) ? (i(), d("td", $({
|
|
348
350
|
key: 0,
|
|
349
351
|
class: "checkbox-cell"
|
|
350
352
|
}, t(N), {
|
|
351
|
-
style: t(
|
|
353
|
+
style: t(I)[e.index]
|
|
352
354
|
}), [
|
|
353
355
|
k(t(X), {
|
|
354
|
-
"is-checked":
|
|
356
|
+
"is-checked": B(a.getRowId(e.data, e.index)),
|
|
355
357
|
"onUpdate:isChecked": (y) => ne(a.getRowId(e.data, e.index))
|
|
356
358
|
}, null, 8, ["is-checked", "onUpdate:isChecked"])
|
|
357
359
|
], 16)) : c("", !0),
|
|
358
|
-
t(
|
|
360
|
+
t(E) ? (i(), d("td", {
|
|
359
361
|
key: 1,
|
|
360
362
|
class: "expand-toggle-cell",
|
|
361
|
-
style: S(t(
|
|
363
|
+
style: S(t(I)[e.index])
|
|
362
364
|
}, [
|
|
363
365
|
k(Be, {
|
|
364
366
|
expanded: t(M)(e.index),
|
|
365
|
-
onClick: (y) => t(
|
|
367
|
+
onClick: (y) => t(se)(e.index, y)
|
|
366
368
|
}, null, 8, ["expanded", "onClick"])
|
|
367
369
|
], 4)) : c("", !0),
|
|
368
|
-
(i(!0), d(
|
|
370
|
+
(i(!0), d(C, null, x(a.columns, (y, r) => (i(), d("td", {
|
|
369
371
|
key: r,
|
|
370
372
|
class: h({
|
|
371
373
|
sticky: a.columns[r].isSticky,
|
|
@@ -375,15 +377,15 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
375
377
|
[`column-${a.columns[r].id}`]: !0
|
|
376
378
|
}),
|
|
377
379
|
style: S([
|
|
378
|
-
a.columns[r].isSticky ? t(
|
|
379
|
-
t(
|
|
380
|
+
a.columns[r].isSticky ? t(w)[a.columns[r].id] : null,
|
|
381
|
+
t(I)[e.index]
|
|
380
382
|
])
|
|
381
383
|
}, [
|
|
382
384
|
!a.isLoading || a.isLoading && e.data[r] ? (i(), d("div", {
|
|
383
385
|
key: 0,
|
|
384
386
|
class: h(["table-cell", { last: r === e.data.length - 1 }])
|
|
385
387
|
}, [
|
|
386
|
-
n(
|
|
388
|
+
n(s.$slots, `cell-${a.columns[r].id}`, {
|
|
387
389
|
cell: e.data[r],
|
|
388
390
|
isLoading: t(U).includes(e.index),
|
|
389
391
|
cellIndex: r,
|
|
@@ -392,23 +394,23 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
392
394
|
}, () => [
|
|
393
395
|
k(t(V), { variant: "body1" }, {
|
|
394
396
|
default: g(() => [
|
|
395
|
-
|
|
397
|
+
L(O(e.data[r]), 1)
|
|
396
398
|
]),
|
|
397
399
|
_: 2
|
|
398
400
|
}, 1024)
|
|
399
401
|
])
|
|
400
|
-
], 2)) : n(
|
|
402
|
+
], 2)) : n(s.$slots, "loader", { key: 1 }, () => [
|
|
401
403
|
k(t(Ce), { round: "" })
|
|
402
404
|
])
|
|
403
405
|
], 6))), 128)),
|
|
404
|
-
t(
|
|
405
|
-
n(
|
|
406
|
+
t(E) && t(M)(e.index) ? (i(), d("div", Ke, [
|
|
407
|
+
n(s.$slots, "expanded", {
|
|
406
408
|
row: e,
|
|
407
409
|
gridColumnTemplate: t(G)
|
|
408
410
|
})
|
|
409
411
|
])) : c("", !0),
|
|
410
412
|
ce(e.index) ? (i(), d("div", Ue, [
|
|
411
|
-
n(
|
|
413
|
+
n(s.$slots, "floating-row", {
|
|
412
414
|
row: e,
|
|
413
415
|
rowIndex: e.index
|
|
414
416
|
})
|
|
@@ -420,29 +422,29 @@ const Le = ["data-testid"], Ve = ["data-testid"], Me = ["data-testid"], De = {
|
|
|
420
422
|
a.useAvailableHeight ? { height: `${t(ke)}px` } : {}
|
|
421
423
|
)
|
|
422
424
|
}, [
|
|
423
|
-
n(
|
|
424
|
-
k(t(
|
|
425
|
+
n(s.$slots, "empty-state", {}, () => [
|
|
426
|
+
k(t(xe), {
|
|
425
427
|
class: "empty-state",
|
|
426
428
|
title: a.emptyStateTitle,
|
|
427
429
|
subtitle: t(he),
|
|
428
430
|
variant: t(ue),
|
|
429
431
|
"icon-name": "file-search",
|
|
430
|
-
"test-id": `${a.testId}-${t(
|
|
432
|
+
"test-id": `${a.testId}-${t(R).EMPTY_STATE}`
|
|
431
433
|
}, null, 8, ["title", "subtitle", "variant", "test-id"])
|
|
432
434
|
])
|
|
433
435
|
], 4))
|
|
434
436
|
])
|
|
435
437
|
], 46, Ve),
|
|
436
438
|
t(W) ? (i(), d("div", We, [
|
|
437
|
-
n(
|
|
439
|
+
n(s.$slots, "footer")
|
|
438
440
|
])) : c("", !0)
|
|
439
|
-
],
|
|
441
|
+
], 16, Le),
|
|
440
442
|
t(Q) ? (i(), d("div", Ye, [
|
|
441
|
-
n(
|
|
443
|
+
n(s.$slots, "side-panel")
|
|
442
444
|
])) : c("", !0)
|
|
443
445
|
], 2));
|
|
444
446
|
}
|
|
445
447
|
});
|
|
446
448
|
export {
|
|
447
|
-
|
|
449
|
+
ht as default
|
|
448
450
|
};
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
|
|
2
2
|
import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as ao } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sticky[data-v-7e61692c]{position:sticky}.table-container[data-v-7e61692c]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-7e61692c]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-7e61692c]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-7e61692c]{display:inline-table}.table-row[data-v-7e61692c]{position:relative}.table-row.loading[data-v-7e61692c]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-7e61692c]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-7e61692c]{border-bottom:none}.expanded-row[data-v-7e61692c]{grid-column:var(--7f627d60);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-7e61692c]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-7e61692c]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-7e61692c],table th[data-v-7e61692c]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-7e61692c]:first-of-type,table th[data-v-7e61692c]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-7e61692c]:last-of-type,table th[data-v-7e61692c]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-7e61692c],table th.expand-toggle-cell[data-v-7e61692c]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-7e61692c]{border-bottom:none;z-index:calc(var(--3f173848) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-7e61692c]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--a1207f6e)}table>thead>tr>th[data-v-7e61692c]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-7e61692c]{cursor:pointer}table>thead>tr>td[data-v-7e61692c]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-7e61692c],table>thead>tr>td.bordered[data-v-7e61692c]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-7e61692c],table>thead>tr>td.bordered.isStickyRight[data-v-7e61692c]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-7e61692c],table>thead>tr>td.isTextRight[data-v-7e61692c]{justify-content:flex-end}table>thead.sticky[data-v-7e61692c]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-7e61692c]{z-index:calc(var(--3f173848) + 2);top:var(--336604f7)}table .totals-row[data-v-7e61692c]{height:40px}table .totals-row[data-v-7e61692c]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-7e61692c]{background-color:var(--background-default)}table>tbody[data-v-7e61692c]{display:block}table>tbody>*>tr[data-v-7e61692c]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--a1207f6e)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-7e61692c]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-7e61692c],table>tbody>*>tr.activeMenu>td[data-v-7e61692c]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-7e61692c]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-7e61692c]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-7e61692c]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-7e61692c]{justify-content:flex-end;text-align:right}.underlined[data-v-7e61692c]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-7e61692c]:hover{cursor:pointer}.section-container[data-v-7e61692c]{left:0}.sections[data-v-7e61692c]{display:flex}.section[data-v-7e61692c]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-7e61692c]{width:100%}.empty-state[data-v-7e61692c]{min-height:250px}.floating-row[data-v-7e61692c]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--3f173848) + 1)}.floating-row *[data-v-7e61692c-s]{pointer-events:auto}.bg[data-v-7e61692c]{background:var(--background-default)}.use-available-height[data-v-7e61692c]{height:100%}.data-grid-container[data-v-7e61692c]{width:100%;display:flex;flex-direction:row;max-height:100%;align-items:stretch}.data-grid-container[data-v-7e61692c] .table-container{width:calc(100% - 201px);flex:1}.data-grid-container[data-v-7e61692c] table{flex:1;background:var(--background-default);border-top-right-radius:0;border-bottom-right-radius:0}.data-grid-container[data-v-7e61692c] .table-row:last-child{border-bottom:1px solid var(--common-divider)}.side-panel-container[data-v-7e61692c]{width:201px;max-width:201px;flex:1}.side-panel-container[data-v-7e61692c] .column-configurator{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}
|