@ironsource/shared-ui 2.1.1 → 2.1.2-rc.0
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/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c859928d_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css +1 -0
- package/MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css +1 -0
- package/StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css +1 -0
- package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css +1 -0
- package/components/dropdown/common/Dropdown.common.js +18 -18
- package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/AppDropdownTrigger.vue2.js +37 -37
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +5 -0
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +48 -40
- package/components/dropdown/v4/DropdownV4.vue.d.ts +11 -3
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +107 -102
- package/components/dropdown/v4/dropdownStoryArgs.d.ts +283 -0
- package/components/dropdown/v4/index.d.ts +54 -9
- package/components/icon/v3/Icon.vue2.js +1 -1
- package/components/icon/v3/icons/FiltersSearch.vue.js +41 -0
- package/components/multibar/MultiBar.types.d.ts +1 -0
- package/components/multibar/MultiBar.vue.d.ts +10 -0
- package/components/multibar/MultiBar.vue.js +3 -3
- package/components/multibar/MultiBar.vue2.js +58 -51
- package/components/multibar/MultiBarMenu.vue.d.ts +5 -0
- package/components/multibar/MultiBarMenu.vue.js +3 -3
- package/components/multibar/MultiBarMenu.vue2.js +23 -18
- package/components/multibar/index.d.ts +18 -0
- package/components/statusDot/StatusDot.vue.d.ts +30 -0
- package/components/statusDot/StatusDot.vue.js +7 -0
- package/components/statusDot/StatusDot.vue2.js +15 -0
- package/components/statusDot/index.d.ts +17 -0
- package/components/statusDot/index.js +6 -0
- package/components/statusDot/types.d.ts +2 -0
- package/components/table/common/Table.common.js +31 -31
- package/components/table/v4/DataGrid.vue.d.ts +8 -3
- package/components/table/v4/DataGrid.vue.js +2 -2
- package/components/table/v4/DataGrid.vue2.js +76 -75
- package/components/table/v4/index.d.ts +27 -8
- package/components/toggle/v4/ToggleV4.vue.js +5 -5
- package/components/toggle/v4/ToggleV4.vue2.js +1 -1
- package/index.d.ts +192 -34
- package/index.js +104 -102
- package/package.json +6 -2
- package/testids/index.d.ts +6 -0
- package/testids/index.js +15 -14
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_19f8fedd_lang.css +0 -1
- package/MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css +0 -1
- package/MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css +0 -1
- package/ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css +0 -1
- /package/components/icon/{icons → v3/icons}/FiltersSearch.vue.d.ts +0 -0
|
@@ -6,7 +6,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
6
6
|
sections?: Section[];
|
|
7
7
|
sort?: Sort;
|
|
8
8
|
selection?: unknown[];
|
|
9
|
-
getRowId?: (row: Row, index: number) =>
|
|
9
|
+
getRowId?: (row: Row, index: number) => unknown;
|
|
10
|
+
selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
|
|
10
11
|
isSticky?: boolean;
|
|
11
12
|
isStickyHeader?: boolean;
|
|
12
13
|
isLoading?: boolean;
|
|
@@ -42,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
42
43
|
testId: string;
|
|
43
44
|
selection: any;
|
|
44
45
|
getRowId: (row: any, index: any) => any;
|
|
46
|
+
selectedMatcher: (rowId: any, selectedItem: any) => boolean;
|
|
45
47
|
search: any;
|
|
46
48
|
showSearch: boolean;
|
|
47
49
|
searchPlaceholder: string;
|
|
@@ -66,7 +68,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
66
68
|
sections?: Section[];
|
|
67
69
|
sort?: Sort;
|
|
68
70
|
selection?: unknown[];
|
|
69
|
-
getRowId?: (row: Row, index: number) =>
|
|
71
|
+
getRowId?: (row: Row, index: number) => unknown;
|
|
72
|
+
selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
|
|
70
73
|
isSticky?: boolean;
|
|
71
74
|
isStickyHeader?: boolean;
|
|
72
75
|
isLoading?: boolean;
|
|
@@ -102,6 +105,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
102
105
|
testId: string;
|
|
103
106
|
selection: any;
|
|
104
107
|
getRowId: (row: any, index: any) => any;
|
|
108
|
+
selectedMatcher: (rowId: any, selectedItem: any) => boolean;
|
|
105
109
|
search: any;
|
|
106
110
|
showSearch: boolean;
|
|
107
111
|
searchPlaceholder: string;
|
|
@@ -138,7 +142,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
138
142
|
rowHeight: number | ((index: number) => number);
|
|
139
143
|
loadingRowCount: number;
|
|
140
144
|
defaultScrollPosition: number;
|
|
141
|
-
getRowId: (row: Row, index: number) =>
|
|
145
|
+
getRowId: (row: Row, index: number) => unknown;
|
|
146
|
+
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
142
147
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
143
148
|
showSearch: boolean;
|
|
144
149
|
zIndexBase: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DataGrid.vue2.js";
|
|
2
2
|
/* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DataGrid.
|
|
4
|
-
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d5635f1b"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
2
|
-
import
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_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 T, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as C, createTextVNode as x, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as B, renderList as I, createBlock as ie, mergeProps as le } from "vue";
|
|
2
|
+
import w 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
5
|
import D from "../../checkbox/v4/CheckboxV4.vue.js";
|
|
@@ -15,7 +15,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
15
15
|
}, Re = {
|
|
16
16
|
key: 1,
|
|
17
17
|
class: "expand-toggle-cell"
|
|
18
|
-
}, Te = ["onClick"], Ce = { class: "table-head-container" },
|
|
18
|
+
}, Te = ["onClick"], Ce = { class: "table-head-container" }, xe = ["data-testid"], Ee = ["onMouseenter"], Be = {
|
|
19
19
|
key: 0,
|
|
20
20
|
class: "checkbox-cell"
|
|
21
21
|
}, Ie = {
|
|
@@ -27,7 +27,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
27
27
|
}, Ve = { key: 1 }, Le = {
|
|
28
28
|
key: 0,
|
|
29
29
|
class: "table-footer"
|
|
30
|
-
},
|
|
30
|
+
}, pe = /* @__PURE__ */ ee({
|
|
31
31
|
__name: "DataGrid",
|
|
32
32
|
props: {
|
|
33
33
|
title: { default: "" },
|
|
@@ -37,6 +37,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
37
37
|
sort: { default: null },
|
|
38
38
|
selection: { default: null },
|
|
39
39
|
getRowId: { type: Function, default: (s, S) => S },
|
|
40
|
+
selectedMatcher: { type: Function, default: (s, S) => s === S },
|
|
40
41
|
isSticky: { type: Boolean, default: !0 },
|
|
41
42
|
isStickyHeader: { type: Boolean, default: !1 },
|
|
42
43
|
isLoading: { type: Boolean, default: !1 },
|
|
@@ -57,66 +58,66 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
57
58
|
},
|
|
58
59
|
emits: ["update:sort", "update:search", "update:selection", "onScroll", "saveRow", "loadMore"],
|
|
59
60
|
setup(s, { emit: S }) {
|
|
60
|
-
const
|
|
61
|
+
const o = s;
|
|
61
62
|
te((a) => ({
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
|
|
63
|
+
"708a5a8f": s.zIndexBase,
|
|
64
|
+
"668fa5c3": e(q),
|
|
65
|
+
"6ded5808": e(H),
|
|
66
|
+
"70e35284": e(j)
|
|
66
67
|
}));
|
|
67
68
|
const b = se(), {
|
|
68
|
-
list:
|
|
69
|
+
list: A,
|
|
69
70
|
containerProps: U,
|
|
70
71
|
wrapperProps: G,
|
|
71
|
-
activeRow:
|
|
72
|
-
gridColumnTemplate:
|
|
73
|
-
toggleSortOrder:
|
|
74
|
-
columnsStickyPositions:
|
|
75
|
-
hasSearchSlot:
|
|
72
|
+
activeRow: V,
|
|
73
|
+
gridColumnTemplate: H,
|
|
74
|
+
toggleSortOrder: p,
|
|
75
|
+
columnsStickyPositions: N,
|
|
76
|
+
hasSearchSlot: Y,
|
|
76
77
|
containerStyle: Q,
|
|
77
|
-
onScroll:
|
|
78
|
+
onScroll: M,
|
|
78
79
|
savingRows: F,
|
|
79
80
|
hasExpandSlot: v,
|
|
80
81
|
toggleExpandRow: W,
|
|
81
82
|
cssRowHeight: j,
|
|
82
83
|
cssExpandGridCol: q,
|
|
83
|
-
isRowExpanded:
|
|
84
|
-
hasCheckboxes:
|
|
85
|
-
} = ne(
|
|
86
|
-
const a =
|
|
87
|
-
return a.length && a.every((
|
|
88
|
-
}),
|
|
89
|
-
|
|
84
|
+
isRowExpanded: L,
|
|
85
|
+
hasCheckboxes: O
|
|
86
|
+
} = ne(o, S), z = g(() => !!b.footer), k = he(o, "search", S), J = g(() => o.selection.length || 0), P = g(() => {
|
|
87
|
+
const a = o.rows.map((d, t) => o.getRowId(d, t));
|
|
88
|
+
return a.length && a.every((d) => $(d));
|
|
89
|
+
}), $ = (a) => o.selection.findIndex((d) => o.selectedMatcher(a, d)) !== -1, K = (a) => {
|
|
90
|
+
$(a) ? R(o.selection.filter((d) => d !== a)) : R([...o.selection, a]);
|
|
90
91
|
}, X = () => {
|
|
91
|
-
if (
|
|
92
|
-
|
|
92
|
+
if (P.value)
|
|
93
|
+
R([]);
|
|
93
94
|
else {
|
|
94
|
-
const a =
|
|
95
|
-
|
|
95
|
+
const a = o.rows.map((d, t) => o.getRowId(d, t)).filter((d) => !$(d));
|
|
96
|
+
R([...o.selection, ...a]);
|
|
96
97
|
}
|
|
97
|
-
},
|
|
98
|
+
}, R = (a) => {
|
|
98
99
|
S("update:selection", a);
|
|
99
100
|
}, Z = g(
|
|
100
|
-
() =>
|
|
101
|
+
() => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
|
|
101
102
|
), _ = g(
|
|
102
|
-
() =>
|
|
103
|
+
() => o.emptyStateSubtitle ? o.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
|
|
103
104
|
);
|
|
104
|
-
return (a,
|
|
105
|
+
return (a, d) => (i(), l("div", {
|
|
105
106
|
class: "table-container",
|
|
106
107
|
"data-testid": `${s.testId}-${e(f).CONTAINER}`,
|
|
107
|
-
onMouseleave:
|
|
108
|
+
onMouseleave: d[2] || (d[2] = (t) => V.value = null)
|
|
108
109
|
}, [
|
|
109
110
|
r("table", {
|
|
110
111
|
ref: e(U).ref,
|
|
111
|
-
style:
|
|
112
|
+
style: T(e(Q)),
|
|
112
113
|
class: y({
|
|
113
|
-
hasFooter: e(
|
|
114
|
+
hasFooter: e(z)
|
|
114
115
|
}),
|
|
115
116
|
"data-testid": `${s.testId}-${e(f).TABLE}`,
|
|
116
|
-
onScrollPassive:
|
|
117
|
-
(...t) => e(
|
|
117
|
+
onScrollPassive: d[1] || (d[1] = //@ts-ignore
|
|
118
|
+
(...t) => e(M) && e(M)(...t))
|
|
118
119
|
}, [
|
|
119
|
-
s.title || e(b).title || e(
|
|
120
|
+
s.title || e(b).title || e(Y) || e(b)["table-header-actions"] ? (i(), l("div", {
|
|
120
121
|
key: 0,
|
|
121
122
|
class: y(["table-header", { isStickyHeader: s.isStickyHeader }]),
|
|
122
123
|
"data-testid": `${s.testId}-${e(f).HEADER}`
|
|
@@ -126,9 +127,9 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
126
127
|
"data-testid": `${s.testId}-${e(f).TITLE}`
|
|
127
128
|
}, [
|
|
128
129
|
c(a.$slots, "title", {}, () => [
|
|
129
|
-
u(e(
|
|
130
|
-
default:
|
|
131
|
-
|
|
130
|
+
u(e(w), { variant: "h3" }, {
|
|
131
|
+
default: C(() => [
|
|
132
|
+
x(E(s.title), 1)
|
|
132
133
|
]),
|
|
133
134
|
_: 1
|
|
134
135
|
})
|
|
@@ -142,7 +143,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
142
143
|
r("div", ge, [
|
|
143
144
|
u(e(ue), {
|
|
144
145
|
modelValue: e(k),
|
|
145
|
-
"onUpdate:modelValue":
|
|
146
|
+
"onUpdate:modelValue": d[0] || (d[0] = (t) => ae(k) ? k.value = t : null),
|
|
146
147
|
placeholder: s.searchPlaceholder,
|
|
147
148
|
"auto-focus": s.searchAutoFocus,
|
|
148
149
|
"test-id": s.testId
|
|
@@ -165,18 +166,18 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
165
166
|
class: "sections",
|
|
166
167
|
"data-testid": `${s.testId}-${e(f).SECTIONS}`
|
|
167
168
|
}, [
|
|
168
|
-
(i(!0), l(
|
|
169
|
+
(i(!0), l(B, null, I(s.sections, (t) => (i(), l("div", {
|
|
169
170
|
key: t.id,
|
|
170
171
|
class: y(["section-container", { sticky: t.isSticky }])
|
|
171
172
|
}, [
|
|
172
173
|
c(a.$slots, `section-${t.id}`, {}, () => [
|
|
173
174
|
r("div", {
|
|
174
|
-
style:
|
|
175
|
+
style: T({ width: t.width + "px" }),
|
|
175
176
|
class: y({ section: !0 })
|
|
176
177
|
}, [
|
|
177
|
-
u(e(
|
|
178
|
-
default:
|
|
179
|
-
|
|
178
|
+
u(e(w), { variant: "body2" }, {
|
|
179
|
+
default: C(() => [
|
|
180
|
+
x(E(t.title), 1)
|
|
180
181
|
]),
|
|
181
182
|
_: 2
|
|
182
183
|
}, 1024)
|
|
@@ -185,18 +186,18 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
185
186
|
], 2))), 128))
|
|
186
187
|
], 8, ve),
|
|
187
188
|
r("tr", null, [
|
|
188
|
-
e(
|
|
189
|
+
e(O) ? (i(), l("th", $e, [
|
|
189
190
|
c(a.$slots, "select-all-checkbox", {}, () => [
|
|
190
191
|
u(e(D), {
|
|
191
192
|
disabled: s.isLoading,
|
|
192
|
-
"is-checked": e(
|
|
193
|
-
"is-indeterminate": !e(
|
|
193
|
+
"is-checked": e(P),
|
|
194
|
+
"is-indeterminate": !e(P) && e(J) > 0,
|
|
194
195
|
"onUpdate:isChecked": X
|
|
195
196
|
}, null, 8, ["disabled", "is-checked", "is-indeterminate"])
|
|
196
197
|
], !0)
|
|
197
198
|
])) : h("", !0),
|
|
198
199
|
e(v) ? (i(), l("th", Re)) : h("", !0),
|
|
199
|
-
(i(!0), l(
|
|
200
|
+
(i(!0), l(B, null, I(s.columns, (t) => (i(), l("th", {
|
|
200
201
|
key: t.id,
|
|
201
202
|
class: y({
|
|
202
203
|
sticky: t.isSticky,
|
|
@@ -206,14 +207,14 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
206
207
|
isSortable: t.isSortable,
|
|
207
208
|
[`column-${t.id}`]: !0
|
|
208
209
|
}),
|
|
209
|
-
style:
|
|
210
|
-
onClick: (m) => t.isSortable ? e(
|
|
210
|
+
style: T(t.isSticky ? e(N)[t.id] : null),
|
|
211
|
+
onClick: (m) => t.isSortable ? e(p)(t) : null
|
|
211
212
|
}, [
|
|
212
213
|
r("div", Ce, [
|
|
213
214
|
c(a.$slots, `header-${t.id}`, { column: t }, () => [
|
|
214
|
-
u(e(
|
|
215
|
-
default:
|
|
216
|
-
|
|
215
|
+
u(e(w), { variant: "tableLabel" }, {
|
|
216
|
+
default: C(() => [
|
|
217
|
+
x(E(t.title), 1)
|
|
217
218
|
]),
|
|
218
219
|
_: 2
|
|
219
220
|
}, 1024)
|
|
@@ -227,34 +228,34 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
227
228
|
])
|
|
228
229
|
], 2),
|
|
229
230
|
r("tbody", null, [
|
|
230
|
-
e(
|
|
231
|
+
e(A).length > 0 ? (i(), l("div", le({
|
|
231
232
|
key: 0,
|
|
232
233
|
class: "table-body-wrapper",
|
|
233
234
|
"data-testid": `${s.testId}-${e(f).BODY_WRAPPER}`
|
|
234
235
|
}, e(G)), [
|
|
235
|
-
(i(!0), l(
|
|
236
|
+
(i(!0), l(B, null, I(e(A), (t) => (i(), l("tr", {
|
|
236
237
|
key: t.index,
|
|
237
238
|
class: y(["table-row", {
|
|
238
239
|
loading: s.isLoading || s.isLoading && !t.data || e(F).includes(t.index),
|
|
239
|
-
active: e(
|
|
240
|
-
expanded: e(v) && e(
|
|
240
|
+
active: e(V) === t.index,
|
|
241
|
+
expanded: e(v) && e(L)(t.index)
|
|
241
242
|
}]),
|
|
242
|
-
onMouseenter: (m) =>
|
|
243
|
+
onMouseenter: (m) => V.value = t.index
|
|
243
244
|
}, [
|
|
244
|
-
e(
|
|
245
|
+
e(O) ? (i(), l("td", Be, [
|
|
245
246
|
u(e(D), {
|
|
246
|
-
"is-checked":
|
|
247
|
+
"is-checked": $(s.getRowId(t.data, t.index)),
|
|
247
248
|
size: "sm",
|
|
248
249
|
"onUpdate:isChecked": (m) => K(s.getRowId(t.data, t.index))
|
|
249
250
|
}, null, 8, ["is-checked", "onUpdate:isChecked"])
|
|
250
251
|
])) : h("", !0),
|
|
251
252
|
e(v) ? (i(), l("td", Ie, [
|
|
252
253
|
u(re, {
|
|
253
|
-
expanded: e(
|
|
254
|
+
expanded: e(L)(t.index),
|
|
254
255
|
onClick: (m) => e(W)(t.index, m)
|
|
255
256
|
}, null, 8, ["expanded", "onClick"])
|
|
256
257
|
])) : h("", !0),
|
|
257
|
-
(i(!0), l(
|
|
258
|
+
(i(!0), l(B, null, I(s.columns, (m, n) => (i(), l("td", {
|
|
258
259
|
key: n,
|
|
259
260
|
class: y({
|
|
260
261
|
sticky: s.columns[n].isSticky,
|
|
@@ -263,8 +264,8 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
263
264
|
isTextRight: s.columns[n].isTextRight,
|
|
264
265
|
[`column-${s.columns[n].id}`]: !0
|
|
265
266
|
}),
|
|
266
|
-
style:
|
|
267
|
-
s.columns[n].isSticky ? e(
|
|
267
|
+
style: T(
|
|
268
|
+
s.columns[n].isSticky ? e(N)[s.columns[n].id] : null
|
|
268
269
|
)
|
|
269
270
|
}, [
|
|
270
271
|
!s.isLoading || s.isLoading && t.data[n] ? (i(), l("div", {
|
|
@@ -278,9 +279,9 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
278
279
|
row: t,
|
|
279
280
|
rowIndex: t.index
|
|
280
281
|
}, () => [
|
|
281
|
-
u(e(
|
|
282
|
-
default:
|
|
283
|
-
|
|
282
|
+
u(e(w), { variant: "body1" }, {
|
|
283
|
+
default: C(() => [
|
|
284
|
+
x(E(t.data[n]), 1)
|
|
284
285
|
]),
|
|
285
286
|
_: 2
|
|
286
287
|
}, 1024)
|
|
@@ -289,14 +290,14 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
289
290
|
u(e(de), { round: "" })
|
|
290
291
|
], !0)
|
|
291
292
|
], 6))), 128)),
|
|
292
|
-
e(v) && e(
|
|
293
|
+
e(v) && e(L)(t.index) ? (i(), l("div", we, [
|
|
293
294
|
c(a.$slots, "expanded", {
|
|
294
295
|
row: t,
|
|
295
|
-
gridColumnTemplate: e(
|
|
296
|
+
gridColumnTemplate: e(H)
|
|
296
297
|
}, void 0, !0)
|
|
297
298
|
])) : h("", !0)
|
|
298
|
-
], 42,
|
|
299
|
-
], 16,
|
|
299
|
+
], 42, Ee))), 128))
|
|
300
|
+
], 16, xe)) : (i(), l("div", Ve, [
|
|
300
301
|
c(a.$slots, "empty-state", {}, () => [
|
|
301
302
|
u(e(oe), {
|
|
302
303
|
class: "empty-state",
|
|
@@ -309,12 +310,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
|
|
|
309
310
|
]))
|
|
310
311
|
])
|
|
311
312
|
], 46, fe),
|
|
312
|
-
e(
|
|
313
|
+
e(z) ? (i(), l("div", Le, [
|
|
313
314
|
c(a.$slots, "footer", {}, void 0, !0)
|
|
314
315
|
])) : h("", !0)
|
|
315
316
|
], 40, ye));
|
|
316
317
|
}
|
|
317
318
|
});
|
|
318
319
|
export {
|
|
319
|
-
|
|
320
|
+
pe as default
|
|
320
321
|
};
|
|
@@ -24,7 +24,8 @@ declare const DataGridTypes: () => (({
|
|
|
24
24
|
rowHeight: number | ((index: number) => number);
|
|
25
25
|
loadingRowCount: number;
|
|
26
26
|
defaultScrollPosition: number;
|
|
27
|
-
getRowId: (row: import("../common/Table.types").Row, index: number) =>
|
|
27
|
+
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
28
|
+
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
28
29
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
29
30
|
showSearch: boolean;
|
|
30
31
|
zIndexBase: number;
|
|
@@ -110,9 +111,13 @@ declare const DataGridTypes: () => (({
|
|
|
110
111
|
default: any;
|
|
111
112
|
};
|
|
112
113
|
getRowId: {
|
|
113
|
-
type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) =>
|
|
114
|
+
type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
|
|
114
115
|
default: (row: any, index: any) => any;
|
|
115
116
|
};
|
|
117
|
+
selectedMatcher: {
|
|
118
|
+
type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
|
|
119
|
+
default: (rowId: any, selectedItem: any) => boolean;
|
|
120
|
+
};
|
|
116
121
|
emptyStateVariant: {
|
|
117
122
|
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
|
|
118
123
|
default: any;
|
|
@@ -137,7 +142,7 @@ declare const DataGridTypes: () => (({
|
|
|
137
142
|
onLoadMore?: () => any;
|
|
138
143
|
"onUpdate:search"?: (query: string) => any;
|
|
139
144
|
"onUpdate:selection"?: (selection: unknown[]) => any;
|
|
140
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
|
|
145
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
|
|
141
146
|
$attrs: {
|
|
142
147
|
[x: string]: unknown;
|
|
143
148
|
};
|
|
@@ -238,9 +243,13 @@ declare const DataGridTypes: () => (({
|
|
|
238
243
|
default: any;
|
|
239
244
|
};
|
|
240
245
|
getRowId: {
|
|
241
|
-
type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) =>
|
|
246
|
+
type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
|
|
242
247
|
default: (row: any, index: any) => any;
|
|
243
248
|
};
|
|
249
|
+
selectedMatcher: {
|
|
250
|
+
type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
|
|
251
|
+
default: (rowId: any, selectedItem: any) => boolean;
|
|
252
|
+
};
|
|
244
253
|
emptyStateVariant: {
|
|
245
254
|
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
|
|
246
255
|
default: any;
|
|
@@ -296,7 +305,8 @@ declare const DataGridTypes: () => (({
|
|
|
296
305
|
rowHeight: number | ((index: number) => number);
|
|
297
306
|
loadingRowCount: number;
|
|
298
307
|
defaultScrollPosition: number;
|
|
299
|
-
getRowId: (row: import("../common/Table.types").Row, index: number) =>
|
|
308
|
+
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
309
|
+
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
300
310
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
301
311
|
showSearch: boolean;
|
|
302
312
|
zIndexBase: number;
|
|
@@ -402,9 +412,13 @@ declare const DataGridTypes: () => (({
|
|
|
402
412
|
default: any;
|
|
403
413
|
};
|
|
404
414
|
getRowId: {
|
|
405
|
-
type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) =>
|
|
415
|
+
type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
|
|
406
416
|
default: (row: any, index: any) => any;
|
|
407
417
|
};
|
|
418
|
+
selectedMatcher: {
|
|
419
|
+
type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
|
|
420
|
+
default: (rowId: any, selectedItem: any) => boolean;
|
|
421
|
+
};
|
|
408
422
|
emptyStateVariant: {
|
|
409
423
|
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
|
|
410
424
|
default: any;
|
|
@@ -515,9 +529,13 @@ declare const DataGridTypes: () => (({
|
|
|
515
529
|
default: any;
|
|
516
530
|
};
|
|
517
531
|
getRowId: {
|
|
518
|
-
type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) =>
|
|
532
|
+
type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
|
|
519
533
|
default: (row: any, index: any) => any;
|
|
520
534
|
};
|
|
535
|
+
selectedMatcher: {
|
|
536
|
+
type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
|
|
537
|
+
default: (rowId: any, selectedItem: any) => boolean;
|
|
538
|
+
};
|
|
521
539
|
emptyStateVariant: {
|
|
522
540
|
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
|
|
523
541
|
default: any;
|
|
@@ -573,7 +591,8 @@ declare const DataGridTypes: () => (({
|
|
|
573
591
|
rowHeight: number | ((index: number) => number);
|
|
574
592
|
loadingRowCount: number;
|
|
575
593
|
defaultScrollPosition: number;
|
|
576
|
-
getRowId: (row: import("../common/Table.types").Row, index: number) =>
|
|
594
|
+
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
595
|
+
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
577
596
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
578
597
|
showSearch: boolean;
|
|
579
598
|
zIndexBase: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../ToggleV4.
|
|
4
|
-
const
|
|
1
|
+
import o from "./ToggleV4.vue2.js";
|
|
2
|
+
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad231e8c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../ToggleV4.
|
|
1
|
+
import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
|
|
2
2
|
import E from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
|
|
4
4
|
import B from "../../shared/FieldHelpText.vue.js";
|