@ironsource/shared-ui 2.1.1-test.1 → 2.1.1-test.3
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_09d33c49_lang.css +1 -0
- package/components/icon/v3/icons/Duplicate.vue.js +1 -1
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +90 -83
- package/package.json +1 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sticky[data-v-09d33c49]{position:sticky}.table-container[data-v-09d33c49]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-09d33c49]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-09d33c49]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-09d33c49]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-09d33c49]{width:13.75rem}.table-header.isStickyHeader[data-v-09d33c49]{z-index:calc(var(--06152a68) + 3);top:0}.table-head-container[data-v-09d33c49]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-09d33c49]{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-09d33c49]{display:inline-table}.table-header-actions[data-v-09d33c49]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-09d33c49]{position:relative}.table-row.loading[data-v-09d33c49]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-09d33c49]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-09d33c49]{border-bottom:none}.expanded-row[data-v-09d33c49]{grid-column:var(--956a5780);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-09d33c49]{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)}table.hasFooter[data-v-09d33c49]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-09d33c49],table th[data-v-09d33c49]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-09d33c49]:first-of-type,table th[data-v-09d33c49]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-09d33c49]:last-of-type,table th[data-v-09d33c49]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-09d33c49],table th.expand-toggle-cell[data-v-09d33c49]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-09d33c49]{border-bottom:none;z-index:calc(var(--06152a68) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-09d33c49]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--55b2d739)}table>thead>tr>th[data-v-09d33c49]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-09d33c49]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-09d33c49]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-09d33c49]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-09d33c49]{cursor:pointer}table>thead.sticky[data-v-09d33c49]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-09d33c49]{z-index:calc(var(--06152a68) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-09d33c49]{display:block}table>tbody>*>tr[data-v-09d33c49]{background-color:var(--background-default);min-height:var(--e26970fe);height:auto;display:grid;align-items:center;grid-template-columns:var(--55b2d739)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-09d33c49]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-09d33c49]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-09d33c49]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--e26970fe);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-09d33c49]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-09d33c49]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-09d33c49]{justify-content:flex-end;text-align:right}.section-container[data-v-09d33c49]{left:0}.sections[data-v-09d33c49]{display:flex}.section[data-v-09d33c49]{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-09d33c49]{width:100%}.empty-state[data-v-09d33c49]{min-height:250px}
|
|
@@ -2,7 +2,7 @@ import { openBlock as e, createElementBlock as t, createElementVNode as o } from
|
|
|
2
2
|
import c from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
3
|
const r = {}, n = {
|
|
4
4
|
fill: "currentColor",
|
|
5
|
-
viewBox: "0 0
|
|
5
|
+
viewBox: "0 0 16 16"
|
|
6
6
|
}, s = /* @__PURE__ */ o("path", {
|
|
7
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8
8
|
d: "M1.66665 2.99967H0.333313V12.333C0.333313 13.0663 0.933313 13.6663 1.66665 13.6663H11V12.333H1.66665V2.99967ZM12.3333 0.333008H4.33331C3.59998 0.333008 2.99998 0.933008 2.99998 1.66634V9.66634C2.99998 10.3997 3.59998 10.9997 4.33331 10.9997H12.3333C13.0666 10.9997 13.6666 10.3997 13.6666 9.66634V1.66634C13.6666 0.933008 13.0666 0.333008 12.3333 0.333008ZM12.3333 9.66634H4.33331V1.66634H12.3333V9.66634ZM7.66665 8.33301H8.99998V6.33301H11V4.99967H8.99998V2.99967H7.66665V4.99967H5.66665V6.33301H7.66665V8.33301Z",
|
|
@@ -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_09d33c49_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09d33c49"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
2
|
-
import
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css"; import { defineComponent as ee, useCssVars as te, unref as e, useSlots as se, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as R, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as x, renderList as B, createBlock as ie, mergeProps as le } from "vue";
|
|
2
|
+
import I from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import de from "../../skeleton/v4/SkeletonV4.vue.js";
|
|
4
4
|
import oe from "../../emptyState/v4/EmptyStateV4.vue.js";
|
|
5
|
-
import
|
|
5
|
+
import D from "../../checkbox/v4/CheckboxV4.vue.js";
|
|
6
6
|
import { TableTestIdModifiers as f } from "../../../testids/index.js";
|
|
7
7
|
import { tableCommon as ne } from "../common/Table.common.js";
|
|
8
8
|
import ce from "./SortIcon.vue.js";
|
|
@@ -18,16 +18,16 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
18
18
|
}, Te = ["onClick"], Ce = { class: "table-head-container" }, Ee = ["data-testid"], xe = ["onMouseenter"], Be = {
|
|
19
19
|
key: 0,
|
|
20
20
|
class: "checkbox-cell"
|
|
21
|
-
},
|
|
21
|
+
}, Ie = {
|
|
22
22
|
key: 1,
|
|
23
23
|
class: "expand-toggle-cell"
|
|
24
24
|
}, we = {
|
|
25
25
|
key: 2,
|
|
26
26
|
class: "expanded-row"
|
|
27
|
-
},
|
|
27
|
+
}, Ve = { key: 1 }, Le = {
|
|
28
28
|
key: 0,
|
|
29
29
|
class: "table-footer"
|
|
30
|
-
},
|
|
30
|
+
}, Ye = /* @__PURE__ */ ee({
|
|
31
31
|
__name: "DataGrid",
|
|
32
32
|
props: {
|
|
33
33
|
title: { default: "" },
|
|
@@ -57,60 +57,66 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
57
57
|
},
|
|
58
58
|
emits: ["update:sort", "update:search", "update:selection", "onScroll", "saveRow", "loadMore"],
|
|
59
59
|
setup(s, { emit: S }) {
|
|
60
|
-
const
|
|
60
|
+
const d = s;
|
|
61
61
|
te((a) => ({
|
|
62
|
-
|
|
63
|
-
"
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
"06152a68": s.zIndexBase,
|
|
63
|
+
"956a5780": e(q),
|
|
64
|
+
"55b2d739": e(A),
|
|
65
|
+
e26970fe: e(j)
|
|
66
66
|
}));
|
|
67
67
|
const b = se(), {
|
|
68
|
-
list:
|
|
69
|
-
containerProps:
|
|
70
|
-
wrapperProps:
|
|
68
|
+
list: P,
|
|
69
|
+
containerProps: U,
|
|
70
|
+
wrapperProps: G,
|
|
71
71
|
activeRow: w,
|
|
72
|
-
gridColumnTemplate:
|
|
72
|
+
gridColumnTemplate: A,
|
|
73
73
|
toggleSortOrder: Y,
|
|
74
|
-
columnsStickyPositions:
|
|
75
|
-
hasSearchSlot:
|
|
76
|
-
containerStyle:
|
|
74
|
+
columnsStickyPositions: H,
|
|
75
|
+
hasSearchSlot: p,
|
|
76
|
+
containerStyle: Q,
|
|
77
77
|
onScroll: N,
|
|
78
78
|
savingRows: F,
|
|
79
79
|
hasExpandSlot: v,
|
|
80
|
-
toggleExpandRow:
|
|
81
|
-
cssRowHeight:
|
|
82
|
-
cssExpandGridCol:
|
|
83
|
-
isRowExpanded:
|
|
80
|
+
toggleExpandRow: W,
|
|
81
|
+
cssRowHeight: j,
|
|
82
|
+
cssExpandGridCol: q,
|
|
83
|
+
isRowExpanded: V,
|
|
84
84
|
hasCheckboxes: M
|
|
85
|
-
} = ne(
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
85
|
+
} = ne(d, S), O = g(() => !!b.footer), k = he(d, "search", S), J = g(() => d.selection.length || 0), L = g(() => {
|
|
86
|
+
const a = d.rows.map((o, t) => d.getRowId(o, t));
|
|
87
|
+
return a.length && a.every((o) => d.selection.includes(o));
|
|
88
|
+
}), z = (a) => d.selection.includes(a), K = (a) => {
|
|
89
|
+
z(a) ? $(d.selection.filter((o) => o !== a)) : $([...d.selection, a]);
|
|
89
90
|
}, X = () => {
|
|
90
|
-
|
|
91
|
+
if (L.value)
|
|
92
|
+
$([]);
|
|
93
|
+
else {
|
|
94
|
+
const a = d.rows.map((o, t) => d.getRowId(o, t)).filter((o) => !d.selection.includes(o));
|
|
95
|
+
$([...d.selection, ...a]);
|
|
96
|
+
}
|
|
91
97
|
}, $ = (a) => {
|
|
92
98
|
S("update:selection", a);
|
|
93
99
|
}, Z = g(
|
|
94
|
-
() =>
|
|
100
|
+
() => d.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
|
|
95
101
|
), _ = g(
|
|
96
|
-
() =>
|
|
102
|
+
() => d.emptyStateSubtitle ? d.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
|
|
97
103
|
);
|
|
98
|
-
return (a,
|
|
104
|
+
return (a, o) => (i(), l("div", {
|
|
99
105
|
class: "table-container",
|
|
100
106
|
"data-testid": `${s.testId}-${e(f).CONTAINER}`,
|
|
101
|
-
onMouseleave:
|
|
107
|
+
onMouseleave: o[2] || (o[2] = (t) => w.value = null)
|
|
102
108
|
}, [
|
|
103
109
|
r("table", {
|
|
104
|
-
ref: e(
|
|
105
|
-
style: R(e(
|
|
110
|
+
ref: e(U).ref,
|
|
111
|
+
style: R(e(Q)),
|
|
106
112
|
class: y({
|
|
107
113
|
hasFooter: e(O)
|
|
108
114
|
}),
|
|
109
115
|
"data-testid": `${s.testId}-${e(f).TABLE}`,
|
|
110
|
-
onScrollPassive:
|
|
116
|
+
onScrollPassive: o[1] || (o[1] = //@ts-ignore
|
|
111
117
|
(...t) => e(N) && e(N)(...t))
|
|
112
118
|
}, [
|
|
113
|
-
s.title || e(b).title || e(
|
|
119
|
+
s.title || e(b).title || e(p) || e(b)["table-header-actions"] ? (i(), l("div", {
|
|
114
120
|
key: 0,
|
|
115
121
|
class: y(["table-header", { isStickyHeader: s.isStickyHeader }]),
|
|
116
122
|
"data-testid": `${s.testId}-${e(f).HEADER}`
|
|
@@ -119,8 +125,8 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
119
125
|
class: "table-title",
|
|
120
126
|
"data-testid": `${s.testId}-${e(f).TITLE}`
|
|
121
127
|
}, [
|
|
122
|
-
|
|
123
|
-
u(e(
|
|
128
|
+
c(a.$slots, "title", {}, () => [
|
|
129
|
+
u(e(I), { variant: "h3" }, {
|
|
124
130
|
default: T(() => [
|
|
125
131
|
C(E(s.title), 1)
|
|
126
132
|
]),
|
|
@@ -132,11 +138,11 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
132
138
|
class: "table-header-right",
|
|
133
139
|
"data-testid": `${s.testId}-${e(f).HEADER_RIGHT}`
|
|
134
140
|
}, [
|
|
135
|
-
s.showSearch ?
|
|
141
|
+
s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
|
|
136
142
|
r("div", ge, [
|
|
137
143
|
u(e(ue), {
|
|
138
144
|
modelValue: e(k),
|
|
139
|
-
"onUpdate:modelValue":
|
|
145
|
+
"onUpdate:modelValue": o[0] || (o[0] = (t) => ae(k) ? k.value = t : null),
|
|
140
146
|
placeholder: s.searchPlaceholder,
|
|
141
147
|
"auto-focus": s.searchAutoFocus,
|
|
142
148
|
"test-id": s.testId
|
|
@@ -149,7 +155,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
149
155
|
class: "table-header-actions",
|
|
150
156
|
"data-testid": `${s.testId}-${e(f).ACTIONS}`
|
|
151
157
|
}, [
|
|
152
|
-
|
|
158
|
+
c(a.$slots, "table-header-actions", {}, void 0, !0)
|
|
153
159
|
], 8, be)) : h("", !0)
|
|
154
160
|
], 10, Se)) : h("", !0),
|
|
155
161
|
r("thead", {
|
|
@@ -163,12 +169,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
163
169
|
key: t.id,
|
|
164
170
|
class: y(["section-container", { sticky: t.isSticky }])
|
|
165
171
|
}, [
|
|
166
|
-
|
|
172
|
+
c(a.$slots, `section-${t.id}`, {}, () => [
|
|
167
173
|
r("div", {
|
|
168
174
|
style: R({ width: t.width + "px" }),
|
|
169
175
|
class: y({ section: !0 })
|
|
170
176
|
}, [
|
|
171
|
-
u(e(
|
|
177
|
+
u(e(I), { variant: "body2" }, {
|
|
172
178
|
default: T(() => [
|
|
173
179
|
C(E(t.title), 1)
|
|
174
180
|
]),
|
|
@@ -180,12 +186,13 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
180
186
|
], 8, ve),
|
|
181
187
|
r("tr", null, [
|
|
182
188
|
e(M) ? (i(), l("th", $e, [
|
|
183
|
-
|
|
184
|
-
u(e(
|
|
185
|
-
|
|
186
|
-
"is-
|
|
189
|
+
c(a.$slots, "select-all-checkbox", {}, () => [
|
|
190
|
+
u(e(D), {
|
|
191
|
+
disabled: s.isLoading,
|
|
192
|
+
"is-checked": e(L),
|
|
193
|
+
"is-indeterminate": !e(L) && e(J) > 0,
|
|
187
194
|
"onUpdate:isChecked": X
|
|
188
|
-
}, null, 8, ["is-checked", "is-indeterminate"])
|
|
195
|
+
}, null, 8, ["disabled", "is-checked", "is-indeterminate"])
|
|
189
196
|
], !0)
|
|
190
197
|
])) : h("", !0),
|
|
191
198
|
e(v) ? (i(), l("th", Re)) : h("", !0),
|
|
@@ -199,12 +206,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
199
206
|
isSortable: t.isSortable,
|
|
200
207
|
[`column-${t.id}`]: !0
|
|
201
208
|
}),
|
|
202
|
-
style: R(t.isSticky ? e(
|
|
209
|
+
style: R(t.isSticky ? e(H)[t.id] : null),
|
|
203
210
|
onClick: (m) => t.isSortable ? e(Y)(t) : null
|
|
204
211
|
}, [
|
|
205
212
|
r("div", Ce, [
|
|
206
|
-
|
|
207
|
-
u(e(
|
|
213
|
+
c(a.$slots, `header-${t.id}`, { column: t }, () => [
|
|
214
|
+
u(e(I), { variant: "tableLabel" }, {
|
|
208
215
|
default: T(() => [
|
|
209
216
|
C(E(t.title), 1)
|
|
210
217
|
]),
|
|
@@ -220,77 +227,77 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
220
227
|
])
|
|
221
228
|
], 2),
|
|
222
229
|
r("tbody", null, [
|
|
223
|
-
e(
|
|
230
|
+
e(P).length > 0 ? (i(), l("div", le({
|
|
224
231
|
key: 0,
|
|
225
232
|
class: "table-body-wrapper",
|
|
226
233
|
"data-testid": `${s.testId}-${e(f).BODY_WRAPPER}`
|
|
227
|
-
}, e(
|
|
228
|
-
(i(!0), l(x, null, B(e(
|
|
234
|
+
}, e(G)), [
|
|
235
|
+
(i(!0), l(x, null, B(e(P), (t) => (i(), l("tr", {
|
|
229
236
|
key: t.index,
|
|
230
237
|
class: y(["table-row", {
|
|
231
238
|
loading: s.isLoading || s.isLoading && !t.data || e(F).includes(t.index),
|
|
232
239
|
active: e(w) === t.index,
|
|
233
|
-
expanded: e(v) && e(
|
|
240
|
+
expanded: e(v) && e(V)(t.index)
|
|
234
241
|
}]),
|
|
235
242
|
onMouseenter: (m) => w.value = t.index
|
|
236
243
|
}, [
|
|
237
244
|
e(M) ? (i(), l("td", Be, [
|
|
238
|
-
u(e(
|
|
239
|
-
"is-checked":
|
|
245
|
+
u(e(D), {
|
|
246
|
+
"is-checked": z(s.getRowId(t.data, t.index)),
|
|
240
247
|
size: "sm",
|
|
241
248
|
"onUpdate:isChecked": (m) => K(s.getRowId(t.data, t.index))
|
|
242
249
|
}, null, 8, ["is-checked", "onUpdate:isChecked"])
|
|
243
250
|
])) : h("", !0),
|
|
244
|
-
e(v) ? (i(), l("td",
|
|
251
|
+
e(v) ? (i(), l("td", Ie, [
|
|
245
252
|
u(re, {
|
|
246
|
-
expanded: e(
|
|
247
|
-
onClick: (m) => e(
|
|
253
|
+
expanded: e(V)(t.index),
|
|
254
|
+
onClick: (m) => e(W)(t.index, m)
|
|
248
255
|
}, null, 8, ["expanded", "onClick"])
|
|
249
256
|
])) : h("", !0),
|
|
250
|
-
(i(!0), l(x, null, B(s.columns, (m,
|
|
251
|
-
key:
|
|
257
|
+
(i(!0), l(x, null, B(s.columns, (m, n) => (i(), l("td", {
|
|
258
|
+
key: n,
|
|
252
259
|
class: y({
|
|
253
|
-
sticky: s.columns[
|
|
254
|
-
isStickyRight: s.columns[
|
|
255
|
-
bordered: s.columns[
|
|
256
|
-
isTextRight: s.columns[
|
|
257
|
-
[`column-${s.columns[
|
|
260
|
+
sticky: s.columns[n].isSticky,
|
|
261
|
+
isStickyRight: s.columns[n].isStickyRight,
|
|
262
|
+
bordered: s.columns[n].isBordered,
|
|
263
|
+
isTextRight: s.columns[n].isTextRight,
|
|
264
|
+
[`column-${s.columns[n].id}`]: !0
|
|
258
265
|
}),
|
|
259
266
|
style: R(
|
|
260
|
-
s.columns[
|
|
267
|
+
s.columns[n].isSticky ? e(H)[s.columns[n].id] : null
|
|
261
268
|
)
|
|
262
269
|
}, [
|
|
263
|
-
!s.isLoading || s.isLoading && t.data[
|
|
270
|
+
!s.isLoading || s.isLoading && t.data[n] ? (i(), l("div", {
|
|
264
271
|
key: 0,
|
|
265
|
-
class: y(["table-cell", { last:
|
|
272
|
+
class: y(["table-cell", { last: n === t.data.length - 1 }])
|
|
266
273
|
}, [
|
|
267
|
-
|
|
268
|
-
cell: t.data[
|
|
274
|
+
c(a.$slots, `cell-${s.columns[n].id}`, {
|
|
275
|
+
cell: t.data[n],
|
|
269
276
|
isLoading: e(F).includes(t.index),
|
|
270
|
-
cellIndex:
|
|
277
|
+
cellIndex: n,
|
|
271
278
|
row: t,
|
|
272
279
|
rowIndex: t.index
|
|
273
280
|
}, () => [
|
|
274
|
-
u(e(
|
|
281
|
+
u(e(I), { variant: "body1" }, {
|
|
275
282
|
default: T(() => [
|
|
276
|
-
C(E(t.data[
|
|
283
|
+
C(E(t.data[n]), 1)
|
|
277
284
|
]),
|
|
278
285
|
_: 2
|
|
279
286
|
}, 1024)
|
|
280
287
|
], !0)
|
|
281
|
-
], 2)) :
|
|
288
|
+
], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
|
|
282
289
|
u(e(de), { round: "" })
|
|
283
290
|
], !0)
|
|
284
291
|
], 6))), 128)),
|
|
285
|
-
e(v) && e(
|
|
286
|
-
|
|
292
|
+
e(v) && e(V)(t.index) ? (i(), l("div", we, [
|
|
293
|
+
c(a.$slots, "expanded", {
|
|
287
294
|
row: t,
|
|
288
|
-
gridColumnTemplate: e(
|
|
295
|
+
gridColumnTemplate: e(A)
|
|
289
296
|
}, void 0, !0)
|
|
290
297
|
])) : h("", !0)
|
|
291
298
|
], 42, xe))), 128))
|
|
292
|
-
], 16, Ee)) : (i(), l("div",
|
|
293
|
-
|
|
299
|
+
], 16, Ee)) : (i(), l("div", Ve, [
|
|
300
|
+
c(a.$slots, "empty-state", {}, () => [
|
|
294
301
|
u(e(oe), {
|
|
295
302
|
class: "empty-state",
|
|
296
303
|
title: s.emptyStateTitle,
|
|
@@ -302,12 +309,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
302
309
|
]))
|
|
303
310
|
])
|
|
304
311
|
], 46, fe),
|
|
305
|
-
e(O) ? (i(), l("div",
|
|
306
|
-
|
|
312
|
+
e(O) ? (i(), l("div", Le, [
|
|
313
|
+
c(a.$slots, "footer", {}, void 0, !0)
|
|
307
314
|
])) : h("", !0)
|
|
308
315
|
], 40, ye));
|
|
309
316
|
}
|
|
310
317
|
});
|
|
311
318
|
export {
|
|
312
|
-
|
|
319
|
+
Ye as default
|
|
313
320
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sticky[data-v-9cc6b34e]{position:sticky}.table-container[data-v-9cc6b34e]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-9cc6b34e]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-9cc6b34e]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-9cc6b34e]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-9cc6b34e]{width:13.75rem}.table-header.isStickyHeader[data-v-9cc6b34e]{z-index:calc(var(--b72a9fc4) + 3);top:0}.table-head-container[data-v-9cc6b34e]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-9cc6b34e]{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-9cc6b34e]{display:inline-table}.table-header-actions[data-v-9cc6b34e]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-9cc6b34e]{position:relative}.table-row.loading[data-v-9cc6b34e]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-9cc6b34e]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-9cc6b34e]{border-bottom:none}.expanded-row[data-v-9cc6b34e]{grid-column:var(--30b75412);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-9cc6b34e]{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)}table.hasFooter[data-v-9cc6b34e]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-9cc6b34e],table th[data-v-9cc6b34e]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-9cc6b34e]:first-of-type,table th[data-v-9cc6b34e]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-9cc6b34e]:last-of-type,table th[data-v-9cc6b34e]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-9cc6b34e],table th.expand-toggle-cell[data-v-9cc6b34e]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-9cc6b34e]{border-bottom:none;z-index:calc(var(--b72a9fc4) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-9cc6b34e]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b002aaea)}table>thead>tr>th[data-v-9cc6b34e]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-9cc6b34e]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-9cc6b34e]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-9cc6b34e]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-9cc6b34e]{cursor:pointer}table>thead.sticky[data-v-9cc6b34e]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-9cc6b34e]{z-index:calc(var(--b72a9fc4) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-9cc6b34e]{display:block}table>tbody>*>tr[data-v-9cc6b34e]{background-color:var(--background-default);min-height:var(--2e048053);height:auto;display:grid;align-items:center;grid-template-columns:var(--b002aaea)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-9cc6b34e]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-9cc6b34e]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-9cc6b34e]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--2e048053);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-9cc6b34e]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-9cc6b34e]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-9cc6b34e]{justify-content:flex-end;text-align:right}.section-container[data-v-9cc6b34e]{left:0}.sections[data-v-9cc6b34e]{display:flex}.section[data-v-9cc6b34e]{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-9cc6b34e]{width:100%}.empty-state[data-v-9cc6b34e]{min-height:250px}
|