@ironsource/shared-ui 2.1.7-rc.8 → 2.1.7-test.2
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/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css +1 -0
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css +1 -0
- package/IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css +1 -0
- package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css +1 -0
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css +1 -0
- package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css +1 -0
- package/components/autocomplete/Autocomplete.vue.d.ts +0 -5
- package/components/autocomplete/Autocomplete.vue.js +2 -2
- package/components/autocomplete/Autocomplete.vue2.js +45 -57
- package/components/autocomplete/index.d.ts +1 -20
- package/components/dropdown/v4/DropdownV4.vue.d.ts +0 -10
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +147 -151
- package/components/dropdown/v4/OptionV4.vue.d.ts +0 -10
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +53 -70
- package/components/dropdown/v4/dropdownStoryArgs.d.ts +0 -14
- package/components/dropdown/v4/index.d.ts +2 -78
- package/components/includeExclude/IncludeExclude.vue.js +4 -4
- package/components/includeExclude/IncludeExclude.vue2.js +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.js +4 -4
- package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +2 -2
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +66 -70
- package/components/popover/Popover.vue.js +8 -0
- package/components/popover/{v3/Popover.vue2.js → Popover.vue2.js} +1 -1
- package/components/table/v4/DataGridRowsCounter.vue.d.ts +0 -5
- package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
- package/components/table/v4/DataGridRowsCounter.vue2.js +22 -29
- package/components/table/v4/MultipleDataGrid.vue.js +5 -5
- package/components/table/v4/MultipleDataGrid.vue2.js +36 -40
- package/components/table/v4/index.d.ts +0 -9
- package/index.d.ts +5 -588
- package/index.js +70 -70
- package/package.json +3 -7
- package/testids/index.d.ts +0 -5
- package/testids/index.js +23 -24
- package/Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css +0 -1
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_938772ee_lang.css +0 -1
- package/IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css +0 -1
- package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_9e22192c_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_b6a06f00_lang.css +0 -1
- package/Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_1_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css +0 -1
- package/components/popover/common/Popover.common.d.ts +0 -6
- package/components/popover/common/Popover.common.js +0 -17
- package/components/popover/v3/Popover.vue.js +0 -8
- package/components/popover/v4/PopoverV4.vue.d.ts +0 -73
- package/components/popover/v4/PopoverV4.vue.js +0 -7
- package/components/popover/v4/PopoverV4.vue2.js +0 -54
- package/components/popover/v4/index.d.ts +0 -209
- package/components/popover/v4/index.js +0 -6
- /package/components/popover/{v3/Popover.vue.d.ts → Popover.vue.d.ts} +0 -0
- /package/components/popover/{v3/index.d.ts → index.d.ts} +0 -0
- /package/components/popover/{v3/index.js → index.js} +0 -0
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import "../../../TextField.
|
|
1
|
+
import "../../../TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css"; import { defineComponent as j, computed as x, ref as q, openBlock as l, createElementBlock as s, mergeProps as f, unref as t, createBlock as o, createCommentVNode as n, createElementVNode as A, normalizeClass as C, renderSlot as E, withCtx as b, createTextVNode as V, toDisplayString as F, withKeys as J, withModifiers as $, normalizeProps as z, createVNode as p } from "vue";
|
|
2
2
|
import v from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import "../../icon/v4/IconFlag.vue.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import Q from "../../tooltip/v4/TooltipV4.vue.js";
|
|
5
|
+
import O from "../../typography/v4/Typography.vue.js";
|
|
6
6
|
import { InputTestIdModifiers as m } from "../../../testids/index.js";
|
|
7
|
-
import { inputCommon as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useTestIdAttrs as
|
|
12
|
-
const
|
|
7
|
+
import { inputCommon as U } from "../common/Input.common.js";
|
|
8
|
+
import X from "../../shared/FieldLabel.vue.js";
|
|
9
|
+
import Y from "../../shared/FieldHelpText.vue.js";
|
|
10
|
+
import D from "../../shared/FieldMaxLength.vue.js";
|
|
11
|
+
import { useTestIdAttrs as Z } from "../../../utils/testIds.js";
|
|
12
|
+
const _ = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "icon-container icon-before"
|
|
15
|
-
},
|
|
15
|
+
}, ee = ["maxlength", "value", "placeholder", "disabled", "type", "step"], te = ["onClick"], le = {
|
|
16
16
|
key: 4,
|
|
17
17
|
class: "inline-error"
|
|
18
|
-
},
|
|
18
|
+
}, ae = {
|
|
19
19
|
key: 7,
|
|
20
20
|
class: "icon-container icon-after"
|
|
21
|
-
},
|
|
21
|
+
}, ne = {
|
|
22
22
|
inheritAttrs: !1
|
|
23
|
-
},
|
|
24
|
-
...
|
|
23
|
+
}, ve = /* @__PURE__ */ j({
|
|
24
|
+
...ne,
|
|
25
25
|
__name: "TextField",
|
|
26
26
|
props: {
|
|
27
27
|
modelValue: { default: "" },
|
|
@@ -54,38 +54,34 @@ const te = {
|
|
|
54
54
|
inlineErrorTextPlacement: { default: "top" }
|
|
55
55
|
},
|
|
56
56
|
emits: ["update:modelValue", "apply"],
|
|
57
|
-
setup(e, { expose:
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
},
|
|
61
|
-
onConfirm:
|
|
57
|
+
setup(e, { expose: N, emit: k }) {
|
|
58
|
+
const r = e, c = Z(r.testId, m), S = () => {
|
|
59
|
+
r.showApply ? k("apply") : d?.confirmable && R();
|
|
60
|
+
}, H = () => g.value.focus(), {
|
|
61
|
+
onConfirm: R,
|
|
62
62
|
onEnter: T,
|
|
63
63
|
inputRef: g,
|
|
64
64
|
isFocused: h,
|
|
65
65
|
showLabelInside: w,
|
|
66
|
-
api:
|
|
67
|
-
labelText:
|
|
68
|
-
sizeClass:
|
|
66
|
+
api: d,
|
|
67
|
+
labelText: K,
|
|
68
|
+
sizeClass: M,
|
|
69
69
|
handleInput: L,
|
|
70
70
|
handleKeypress: I
|
|
71
|
-
} =
|
|
72
|
-
currentLength:
|
|
73
|
-
maxLength:
|
|
74
|
-
})),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
), x = Q(!1), q = f(() => x.value && o.type === "password" ? "text" : o.type);
|
|
79
|
-
return S({
|
|
80
|
-
manualFocus: R
|
|
81
|
-
}), (u, a) => (l(), d("div", c({
|
|
71
|
+
} = U(r, k), P = x(() => d.value?.value ?? r.modelValue), G = x(() => (P.value || "").length), B = x(() => ({
|
|
72
|
+
currentLength: G.value,
|
|
73
|
+
maxLength: r.maxLength
|
|
74
|
+
})), y = q(!1), W = x(() => y.value && r.type === "password" ? "text" : r.type);
|
|
75
|
+
return N({
|
|
76
|
+
manualFocus: H
|
|
77
|
+
}), (u, a) => (l(), s("div", f({
|
|
82
78
|
class: {
|
|
83
79
|
"input-with-label-container": !0,
|
|
84
80
|
disabled: e.disabled,
|
|
85
81
|
[`variant-${e.feedbackVariant}`]: !0
|
|
86
82
|
}
|
|
87
|
-
}, t(
|
|
88
|
-
e.label && e.labelDirection !== "inside" ? (l(),
|
|
83
|
+
}, t(c)[t(m).WRAPPER]), [
|
|
84
|
+
e.label && e.labelDirection !== "inside" ? (l(), o(X, {
|
|
89
85
|
key: 0,
|
|
90
86
|
label: e.label,
|
|
91
87
|
mandatory: e.mandatory,
|
|
@@ -95,36 +91,36 @@ const te = {
|
|
|
95
91
|
"test-id": e.testId
|
|
96
92
|
}, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
|
|
97
93
|
A("div", {
|
|
98
|
-
class:
|
|
94
|
+
class: C({
|
|
99
95
|
"input-container": !0,
|
|
100
96
|
"label-inside": t(w),
|
|
101
97
|
focused: t(h)
|
|
102
98
|
})
|
|
103
99
|
}, [
|
|
104
|
-
u.$slots.iconBefore ? (l(),
|
|
105
|
-
|
|
100
|
+
u.$slots.iconBefore ? (l(), s("div", _, [
|
|
101
|
+
E(u.$slots, "iconBefore", {}, void 0, !0)
|
|
106
102
|
])) : n("", !0),
|
|
107
|
-
e.prefix ? (l(),
|
|
103
|
+
e.prefix ? (l(), o(t(O), {
|
|
108
104
|
key: 1,
|
|
109
105
|
class: "prefix-text",
|
|
110
106
|
variant: "body1"
|
|
111
107
|
}, {
|
|
112
108
|
default: b(() => [
|
|
113
|
-
V(
|
|
109
|
+
V(F(e.prefix), 1)
|
|
114
110
|
]),
|
|
115
111
|
_: 1
|
|
116
112
|
})) : n("", !0),
|
|
117
|
-
A("input",
|
|
113
|
+
A("input", f({
|
|
118
114
|
ref_key: "inputRef",
|
|
119
115
|
ref: g,
|
|
120
116
|
maxlength: e.maxLength
|
|
121
|
-
}, { ...u.$attrs, ...t(
|
|
117
|
+
}, { ...u.$attrs, ...t(c)[t(m).FIELD] }, {
|
|
122
118
|
value: t(P),
|
|
123
|
-
placeholder: t(
|
|
119
|
+
placeholder: t(K),
|
|
124
120
|
disabled: e.disabled || e.viewOnly,
|
|
125
|
-
type: t(
|
|
121
|
+
type: t(W),
|
|
126
122
|
class: ["input", {
|
|
127
|
-
[t(
|
|
123
|
+
[t(M)]: !0,
|
|
128
124
|
"view-only": e.viewOnly,
|
|
129
125
|
"label-inside": t(w),
|
|
130
126
|
"hide-arrows": e.hideNumberArrows,
|
|
@@ -135,32 +131,32 @@ const te = {
|
|
|
135
131
|
(...i) => t(L) && t(L)(...i)),
|
|
136
132
|
onFocus: a[1] || (a[1] = (i) => h.value = !0),
|
|
137
133
|
onBlur: a[2] || (a[2] = (i) => h.value = !1),
|
|
138
|
-
onKeyup: a[3] || (a[3] =
|
|
134
|
+
onKeyup: a[3] || (a[3] = J($(
|
|
139
135
|
//@ts-ignore
|
|
140
136
|
(...i) => t(T) && t(T)(...i),
|
|
141
137
|
["prevent"]
|
|
142
138
|
), ["enter"])),
|
|
143
139
|
onKeypress: a[4] || (a[4] = //@ts-ignore
|
|
144
140
|
(...i) => t(I) && t(I)(...i))
|
|
145
|
-
}), null, 16,
|
|
146
|
-
e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(),
|
|
147
|
-
e.showApply || t(
|
|
141
|
+
}), null, 16, ee),
|
|
142
|
+
e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(), o(D, z(f({ key: 2 }, t(B))), null, 16)) : n("", !0),
|
|
143
|
+
e.showApply || t(d)?.confirmable && !t(d)?.error?.value ? (l(), s("div", {
|
|
148
144
|
key: 3,
|
|
149
145
|
class: "apply-button",
|
|
150
|
-
onClick:
|
|
146
|
+
onClick: $(S, ["stop", "prevent"])
|
|
151
147
|
}, [
|
|
152
148
|
p(t(v), {
|
|
153
149
|
name: "check",
|
|
154
150
|
size: "20px"
|
|
155
151
|
})
|
|
156
|
-
], 8,
|
|
157
|
-
e.inlineError || t(
|
|
158
|
-
p(t(
|
|
159
|
-
disabled: !e.inlineErrorText && !t(
|
|
160
|
-
text: e.inlineErrorText || t(
|
|
152
|
+
], 8, te)) : n("", !0),
|
|
153
|
+
e.inlineError || t(d)?.error?.value ? (l(), s("div", le, [
|
|
154
|
+
p(t(Q), f({
|
|
155
|
+
disabled: !e.inlineErrorText && !t(d)?.error?.value,
|
|
156
|
+
text: e.inlineErrorText || t(d)?.error?.value,
|
|
161
157
|
"test-id": e.testId,
|
|
162
158
|
placement: e.inlineErrorTextPlacement
|
|
163
|
-
}, t(
|
|
159
|
+
}, t(c)[t(m).TOOLTIP]), {
|
|
164
160
|
default: b(() => [
|
|
165
161
|
p(t(v), {
|
|
166
162
|
name: "warning-circle",
|
|
@@ -170,52 +166,52 @@ const te = {
|
|
|
170
166
|
_: 1
|
|
171
167
|
}, 16, ["disabled", "text", "test-id", "placement"])
|
|
172
168
|
])) : n("", !0),
|
|
173
|
-
e.suffix ? (l(),
|
|
169
|
+
e.suffix ? (l(), o(t(O), {
|
|
174
170
|
key: 5,
|
|
175
171
|
class: "suffix-text",
|
|
176
172
|
variant: "body1"
|
|
177
173
|
}, {
|
|
178
174
|
default: b(() => [
|
|
179
|
-
V(
|
|
175
|
+
V(F(e.suffix), 1)
|
|
180
176
|
]),
|
|
181
177
|
_: 1
|
|
182
178
|
})) : n("", !0),
|
|
183
|
-
e.type === "password" ? (l(),
|
|
179
|
+
e.type === "password" ? (l(), s("div", f({
|
|
184
180
|
key: 6,
|
|
185
181
|
class: "password-visibility-toggle"
|
|
186
|
-
}, t(
|
|
187
|
-
onClick: a[5] || (a[5] = (i) =>
|
|
182
|
+
}, t(c)[t(m).TOGGLE_PASSWORD], {
|
|
183
|
+
onClick: a[5] || (a[5] = (i) => y.value = !y.value)
|
|
188
184
|
}), [
|
|
189
|
-
|
|
185
|
+
y.value ? (l(), o(t(v), {
|
|
190
186
|
key: 0,
|
|
191
187
|
name: "eye",
|
|
192
188
|
size: "16px"
|
|
193
|
-
})) : (l(),
|
|
189
|
+
})) : (l(), o(t(v), {
|
|
194
190
|
key: 1,
|
|
195
191
|
name: "eye-slash",
|
|
196
192
|
size: "16px"
|
|
197
193
|
}))
|
|
198
194
|
], 16)) : n("", !0),
|
|
199
|
-
u.$slots.iconAfter ? (l(),
|
|
200
|
-
|
|
195
|
+
u.$slots.iconAfter ? (l(), s("div", ae, [
|
|
196
|
+
E(u.$slots, "iconAfter", {}, void 0, !0)
|
|
201
197
|
])) : n("", !0)
|
|
202
198
|
], 2),
|
|
203
|
-
|
|
199
|
+
e.feedbackText || e.maxLength ? (l(), s("div", {
|
|
204
200
|
key: 1,
|
|
205
|
-
class:
|
|
201
|
+
class: C(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
|
|
206
202
|
}, [
|
|
207
|
-
e.feedbackText ? (l(),
|
|
203
|
+
e.feedbackText ? (l(), o(Y, {
|
|
208
204
|
key: 0,
|
|
209
205
|
text: e.feedbackText,
|
|
210
206
|
variant: e.feedbackVariant,
|
|
211
207
|
"show-icon": e.showFeedbackTextIcon,
|
|
212
208
|
"test-id": e.testId
|
|
213
209
|
}, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
|
|
214
|
-
|
|
210
|
+
e.maxLength && e.maxLengthCounterPosition === "outside" ? (l(), o(D, z(f({ key: 1 }, t(B))), null, 16)) : n("", !0)
|
|
215
211
|
], 2)) : n("", !0)
|
|
216
212
|
], 16));
|
|
217
213
|
}
|
|
218
214
|
});
|
|
219
215
|
export {
|
|
220
|
-
|
|
216
|
+
ve as default
|
|
221
217
|
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import o from "./Popover.vue2.js";
|
|
2
|
+
/* empty css *//* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css"; //*');
|
|
4
|
+
// import "../../Popover.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
+
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-25eb53db"]]);
|
|
6
|
+
export {
|
|
7
|
+
r as default
|
|
8
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import "../../Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css"; import "../../Popover.vue_vue_type_style_index_1_lang.css"; import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
|
|
2
2
|
import { Dropdown as s } from "floating-vue";
|
|
3
3
|
const f = /* @__PURE__ */ n({
|
|
4
4
|
__name: "Popover",
|
|
@@ -4,30 +4,25 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
4
4
|
displayingText?: string;
|
|
5
5
|
outOfText?: string;
|
|
6
6
|
totalText?: string;
|
|
7
|
-
testId?: string;
|
|
8
7
|
}>, {
|
|
9
8
|
count: number;
|
|
10
9
|
totalCount: number;
|
|
11
10
|
displayingText: string;
|
|
12
11
|
outOfText: string;
|
|
13
12
|
totalText: string;
|
|
14
|
-
testId: string;
|
|
15
13
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
16
14
|
count?: number;
|
|
17
15
|
totalCount?: number;
|
|
18
16
|
displayingText?: string;
|
|
19
17
|
outOfText?: string;
|
|
20
18
|
totalText?: string;
|
|
21
|
-
testId?: string;
|
|
22
19
|
}>, {
|
|
23
20
|
count: number;
|
|
24
21
|
totalCount: number;
|
|
25
22
|
displayingText: string;
|
|
26
23
|
outOfText: string;
|
|
27
24
|
totalText: string;
|
|
28
|
-
testId: string;
|
|
29
25
|
}>>>, {
|
|
30
|
-
testId: string;
|
|
31
26
|
count: number;
|
|
32
27
|
totalCount: number;
|
|
33
28
|
displayingText: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DataGridRowsCounter.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../DataGridRowsCounter.
|
|
4
|
-
const r = /* @__PURE__ */
|
|
2
|
+
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css"; //*');
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-06751538"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,52 +1,45 @@
|
|
|
1
|
-
import "../../../DataGridRowsCounter.
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
const f = ["data-testid"], C = /* @__PURE__ */ l({
|
|
1
|
+
import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css"; import { defineComponent as r, openBlock as i, createElementBlock as d, createVNode as o, unref as n, withCtx as l, createTextVNode as e, toDisplayString as a } from "vue";
|
|
2
|
+
import u from "../../typography/v4/Typography.vue.js";
|
|
3
|
+
const s = { class: "data-grid-rows-counter" }, m = /* @__PURE__ */ r({
|
|
5
4
|
__name: "DataGridRowsCounter",
|
|
6
5
|
props: {
|
|
7
6
|
count: { default: 0 },
|
|
8
7
|
totalCount: { default: 0 },
|
|
9
8
|
displayingText: { default: "Displaying" },
|
|
10
9
|
outOfText: { default: "out of" },
|
|
11
|
-
totalText: { default: "total rows" }
|
|
12
|
-
testId: { default: "" }
|
|
10
|
+
totalText: { default: "total rows" }
|
|
13
11
|
},
|
|
14
12
|
setup(t) {
|
|
15
|
-
return (c,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
default: i(() => [
|
|
21
|
-
a(d(t.displayingText) + " ", 1),
|
|
22
|
-
o(e(s), {
|
|
13
|
+
return (c, f) => (i(), d("div", s, [
|
|
14
|
+
o(n(u), { variant: "body1" }, {
|
|
15
|
+
default: l(() => [
|
|
16
|
+
e(a(t.displayingText) + " ", 1),
|
|
17
|
+
o(n(u), {
|
|
23
18
|
class: "text-strong",
|
|
24
|
-
variant: "subtitle1"
|
|
25
|
-
"data-testid": `${t.testId}-${e(n).COUNT}`
|
|
19
|
+
variant: "subtitle1"
|
|
26
20
|
}, {
|
|
27
|
-
default:
|
|
28
|
-
a(
|
|
21
|
+
default: l(() => [
|
|
22
|
+
e(a(t.count), 1)
|
|
29
23
|
]),
|
|
30
24
|
_: 1
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
o(
|
|
25
|
+
}),
|
|
26
|
+
e(" " + a(t.outOfText) + " ", 1),
|
|
27
|
+
o(n(u), {
|
|
34
28
|
class: "text-strong",
|
|
35
|
-
variant: "subtitle1"
|
|
36
|
-
"data-testid": `${t.testId}-${e(n).TOTAL}`
|
|
29
|
+
variant: "subtitle1"
|
|
37
30
|
}, {
|
|
38
|
-
default:
|
|
39
|
-
a(
|
|
31
|
+
default: l(() => [
|
|
32
|
+
e(a(t.totalCount), 1)
|
|
40
33
|
]),
|
|
41
34
|
_: 1
|
|
42
|
-
}
|
|
43
|
-
|
|
35
|
+
}),
|
|
36
|
+
e(" " + a(t.totalText), 1)
|
|
44
37
|
]),
|
|
45
38
|
_: 1
|
|
46
39
|
})
|
|
47
|
-
]
|
|
40
|
+
]));
|
|
48
41
|
}
|
|
49
42
|
});
|
|
50
43
|
export {
|
|
51
|
-
|
|
44
|
+
m as default
|
|
52
45
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../MultipleDataGrid.
|
|
4
|
-
const
|
|
1
|
+
import o from "./MultipleDataGrid.vue2.js";
|
|
2
|
+
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-260b9cdc"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import "../../../MultipleDataGrid.
|
|
1
|
+
import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; import { defineComponent as T, useCssVars as V, computed as L, openBlock as l, createElementBlock as d, createElementVNode as f, normalizeClass as z, createBlock as c, unref as o, createCommentVNode as m, isRef as p, Fragment as E, renderList as g, createSlots as D, withCtx as N, renderSlot as O } from "vue";
|
|
2
2
|
import S from "./DataGrid.vue.js";
|
|
3
3
|
import "./DataGridMenu.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import G from "./DataGridRowsCounter.vue.js";
|
|
5
5
|
import "./MultipleDataGrid.vue.js";
|
|
6
|
-
import
|
|
7
|
-
import { useVModel as
|
|
8
|
-
|
|
9
|
-
const A = ["data-testid"], F = {
|
|
6
|
+
import M from "../../search/v4/SearchV4.vue.js";
|
|
7
|
+
import { useVModel as P } from "@vueuse/core";
|
|
8
|
+
const $ = { class: "rows-counter-container" }, A = {
|
|
10
9
|
key: 0,
|
|
11
10
|
class: "tables-container"
|
|
12
|
-
},
|
|
11
|
+
}, K = /* @__PURE__ */ T({
|
|
13
12
|
__name: "MultipleDataGrid",
|
|
14
13
|
props: {
|
|
15
14
|
tablesSettings: { default: () => [] },
|
|
@@ -33,40 +32,37 @@ const A = ["data-testid"], F = {
|
|
|
33
32
|
},
|
|
34
33
|
emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
|
|
35
34
|
setup(t, { emit: n }) {
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
"
|
|
35
|
+
const u = t;
|
|
36
|
+
V((e) => ({
|
|
37
|
+
"6bca14de": t.zIndexBase
|
|
39
38
|
}));
|
|
40
|
-
const h =
|
|
41
|
-
() =>
|
|
42
|
-
),
|
|
39
|
+
const h = L(
|
|
40
|
+
() => u.isLoading || !u.tablesSettings.flatMap((e) => e.rows).length
|
|
41
|
+
), r = P(u, "search", n), y = (e) => `cell-${e.id}`, w = (e) => {
|
|
43
42
|
n("onScroll", e.target.scrollTop);
|
|
44
43
|
}, k = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
|
|
45
44
|
return (e, s) => (l(), d("div", {
|
|
46
45
|
class: "multi-table-container",
|
|
47
46
|
onScrollPassive: w
|
|
48
47
|
}, [
|
|
49
|
-
|
|
48
|
+
f("div", {
|
|
50
49
|
class: z(["table-header-container", { sticky: t.isSticky }])
|
|
51
50
|
}, [
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
"data-testid": `${t.testId}-${o(P).TITLE}`
|
|
55
|
-
}, [
|
|
56
|
-
t.isLoading ? m("", !0) : (l(), c(o(N), {
|
|
51
|
+
f("div", $, [
|
|
52
|
+
t.isLoading ? m("", !0) : (l(), c(o(G), {
|
|
57
53
|
key: 0,
|
|
58
54
|
count: t.count,
|
|
59
55
|
"total-count": t.totalCount,
|
|
60
56
|
"total-text": t.totalText,
|
|
61
57
|
"displaying-text": t.displayingText,
|
|
62
58
|
"out-of-text": t.outOfText,
|
|
63
|
-
"
|
|
64
|
-
}, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "
|
|
65
|
-
]
|
|
66
|
-
t.showSearch ? (l(), c(o(
|
|
59
|
+
"data-testid": t.testId
|
|
60
|
+
}, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "data-testid"]))
|
|
61
|
+
]),
|
|
62
|
+
t.showSearch ? (l(), c(o(M), {
|
|
67
63
|
key: 0,
|
|
68
|
-
modelValue: o(
|
|
69
|
-
"onUpdate:modelValue": s[0] || (s[0] = (a) =>
|
|
64
|
+
modelValue: o(r),
|
|
65
|
+
"onUpdate:modelValue": s[0] || (s[0] = (a) => p(r) ? r.value = a : null),
|
|
70
66
|
placeholder: t.searchPlaceholder,
|
|
71
67
|
"test-id": t.testId,
|
|
72
68
|
onOnClear: k
|
|
@@ -82,8 +78,8 @@ const A = ["data-testid"], F = {
|
|
|
82
78
|
"empty-state-title": t.emptyStateTitle,
|
|
83
79
|
"empty-state-subtitle": t.emptyStateSubtitle,
|
|
84
80
|
"loading-row-count": t.loadingRowCount
|
|
85
|
-
}, null, 8, ["is-loading", "columns", "test-id", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "loading-row-count"])) : (l(), d("div",
|
|
86
|
-
(l(!0), d(
|
|
81
|
+
}, null, 8, ["is-loading", "columns", "test-id", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "loading-row-count"])) : (l(), d("div", A, [
|
|
82
|
+
(l(!0), d(E, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
|
|
87
83
|
key: a.testId,
|
|
88
84
|
class: "table-wrapper"
|
|
89
85
|
}, [
|
|
@@ -97,22 +93,22 @@ const A = ["data-testid"], F = {
|
|
|
97
93
|
"z-index-base": t.zIndexBase,
|
|
98
94
|
"test-id": a.testId,
|
|
99
95
|
onClickRow: (i) => x(i, C)
|
|
100
|
-
},
|
|
96
|
+
}, D({ _: 2 }, [
|
|
101
97
|
g(a.columns, (i) => ({
|
|
102
|
-
name:
|
|
103
|
-
fn:
|
|
98
|
+
name: y(i),
|
|
99
|
+
fn: N(({
|
|
104
100
|
cell: b,
|
|
105
|
-
rowIndex:
|
|
106
|
-
isLoading:
|
|
107
|
-
cellIndex:
|
|
108
|
-
row:
|
|
101
|
+
rowIndex: v,
|
|
102
|
+
isLoading: B,
|
|
103
|
+
cellIndex: I,
|
|
104
|
+
row: R
|
|
109
105
|
}) => [
|
|
110
|
-
|
|
106
|
+
O(e.$slots, `${y(i)}`, {
|
|
111
107
|
cell: b,
|
|
112
|
-
isLoading:
|
|
113
|
-
cellIndex:
|
|
114
|
-
row:
|
|
115
|
-
rowIndex:
|
|
108
|
+
isLoading: B,
|
|
109
|
+
cellIndex: I,
|
|
110
|
+
row: R,
|
|
111
|
+
rowIndex: v
|
|
116
112
|
}, void 0, !0)
|
|
117
113
|
])
|
|
118
114
|
}))
|
|
@@ -123,5 +119,5 @@ const A = ["data-testid"], F = {
|
|
|
123
119
|
}
|
|
124
120
|
});
|
|
125
121
|
export {
|
|
126
|
-
|
|
122
|
+
K as default
|
|
127
123
|
};
|
|
@@ -686,10 +686,6 @@ declare const DataGridTypes: () => (({
|
|
|
686
686
|
rowIndex: number;
|
|
687
687
|
menuItems: import("../common/Table.types").MenuItem[];
|
|
688
688
|
}> | import("vue").DefineComponent<{
|
|
689
|
-
testId: {
|
|
690
|
-
type: import("vue").PropType<string>;
|
|
691
|
-
default: string;
|
|
692
|
-
};
|
|
693
689
|
count: {
|
|
694
690
|
type: import("vue").PropType<number>;
|
|
695
691
|
default: number;
|
|
@@ -711,10 +707,6 @@ declare const DataGridTypes: () => (({
|
|
|
711
707
|
default: string;
|
|
712
708
|
};
|
|
713
709
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
714
|
-
testId: {
|
|
715
|
-
type: import("vue").PropType<string>;
|
|
716
|
-
default: string;
|
|
717
|
-
};
|
|
718
710
|
count: {
|
|
719
711
|
type: import("vue").PropType<number>;
|
|
720
712
|
default: number;
|
|
@@ -736,7 +728,6 @@ declare const DataGridTypes: () => (({
|
|
|
736
728
|
default: string;
|
|
737
729
|
};
|
|
738
730
|
}>>, {
|
|
739
|
-
testId: string;
|
|
740
731
|
count: number;
|
|
741
732
|
totalCount: number;
|
|
742
733
|
displayingText: string;
|