@ironsource/shared-ui 2.1.11-rc.47 → 2.1.11-rc.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8f96cf5a_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +1 -0
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +5 -0
- package/components/chart/Chart.vue.js +3 -3
- package/components/chart/Chart.vue2.js +69 -66
- package/components/chart/index.d.ts +20 -1
- package/components/dropdown/common/Dropdown.common.js +36 -34
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +55 -40
- package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +20 -0
- package/components/dropdown/v4/ConditionalDropdown.vue.js +4 -4
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +136 -97
- package/components/dropdown/v4/DropdownV4.vue.d.ts +2 -0
- package/components/dropdown/v4/DropdownV4.vue.js +2 -2
- package/components/dropdown/v4/DropdownV4.vue2.js +7 -7
- package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue2.js +86 -86
- package/components/dropdown/v4/index.d.ts +43 -1
- package/components/table/common/Table.common.d.ts +1 -1
- package/components/table/common/Table.common.js +78 -70
- package/components/table/common/consts.d.ts +4 -0
- package/components/table/common/consts.js +7 -0
- package/components/table/v4/DataGrid.vue.d.ts +10 -5
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +173 -171
- package/components/table/v4/index.d.ts +39 -20
- package/index.d.ts +164 -42
- package/index.js +1 -1
- package/package.json +1 -1
- package/testids/index.d.ts +1 -0
- package/testids/index.js +13 -13
- package/Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_039dd922_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_2406226b_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_6466948d_lang.css +0 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./TreeDropdown.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TreeDropdown.
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b883d1fa"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../TreeDropdown.
|
|
1
|
+
import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css"; import { defineComponent as ee, provide as ne, ref as c, computed as K, onMounted as le, watch as g, openBlock as C, createBlock as D, unref as d, withCtx as f, createVNode as I, mergeProps as z, createSlots as te, renderSlot as oe, createElementVNode as M, withModifiers as S, createTextVNode as ie, createElementBlock as B, withDirectives as de, Fragment as ae, renderList as re, vShow as se, createCommentVNode as ce } from "vue";
|
|
2
2
|
import ue from "./DropdownV4.vue.js";
|
|
3
3
|
import pe from "./DefaultDropdownTrigger.vue.js";
|
|
4
4
|
import "./IconButtonDropdownTrigger.vue.js";
|
|
@@ -7,11 +7,11 @@ import "./AppDropdownTrigger.vue.js";
|
|
|
7
7
|
import "./ButtonDropdownTrigger.vue.js";
|
|
8
8
|
import "./ButtonFilterDropdownTrigger.vue.js";
|
|
9
9
|
import "./TreeDropdown.vue.js";
|
|
10
|
-
import
|
|
10
|
+
import w from "./OptionV4.vue.js";
|
|
11
11
|
import "./ConditionalDropdown.vue.js";
|
|
12
12
|
import { useChildOptions as ye } from "../composables/useChildOptions.js";
|
|
13
|
-
import
|
|
14
|
-
import { useTestIdAttrs as
|
|
13
|
+
import fe from "../../search/v4/SearchV4.vue.js";
|
|
14
|
+
import { useTestIdAttrs as he } from "../../../utils/testIds.js";
|
|
15
15
|
import { DropdownTestIdModifiers as $ } from "../../../testids/index.js";
|
|
16
16
|
const ve = {
|
|
17
17
|
key: 0,
|
|
@@ -43,18 +43,18 @@ const ve = {
|
|
|
43
43
|
},
|
|
44
44
|
emits: ["update:selected", "update:isOpen"],
|
|
45
45
|
setup(t, { emit: b }) {
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
const m = c([]), u = c([]), T = c({}),
|
|
46
|
+
const n = t;
|
|
47
|
+
ne("isTreeDropdown", !0);
|
|
48
|
+
const m = c([]), u = c([]), T = c({}), O = c(!1), i = c([...n.selected]), p = c(""), x = c(!0), N = K(() => u.value.reduce((e, o) => (o[n.optionChildrenKey] && o[n.optionChildrenKey].length && o[n.optionChildrenKey].forEach(() => {
|
|
49
49
|
e = e + 1;
|
|
50
|
-
}), o[
|
|
51
|
-
|
|
52
|
-
e[
|
|
53
|
-
...e[
|
|
50
|
+
}), o[n.optionChildrenKey] || (e = e + 1), e), 0)), U = () => {
|
|
51
|
+
n.options.forEach((e) => {
|
|
52
|
+
e[n.optionChildrenKey] && e[n.optionChildrenKey].length && (T.value[e[n.optionUniqueIdKey]] = [
|
|
53
|
+
...e[n.optionChildrenKey]
|
|
54
54
|
]);
|
|
55
|
-
}), m.value = [...
|
|
56
|
-
}, { hasChildren:
|
|
57
|
-
if (
|
|
55
|
+
}), m.value = [...n.options], u.value = [...n.options];
|
|
56
|
+
}, { hasChildren: h, getChildren: v, allChildrenSelected: k, someChildrenSelected: P } = ye(i, n.optionChildrenKey), q = (e) => {
|
|
57
|
+
if (h(e)) {
|
|
58
58
|
k(e) ? i.value = i.value.filter(
|
|
59
59
|
(o) => !v(e).includes(o)
|
|
60
60
|
) : i.value = [
|
|
@@ -66,72 +66,72 @@ const ve = {
|
|
|
66
66
|
i.value.includes(e) ? i.value = i.value.filter(
|
|
67
67
|
(o) => o !== e
|
|
68
68
|
) : i.value = [...i.value, e];
|
|
69
|
-
}, A = (e) => i.value.includes(e),
|
|
69
|
+
}, A = (e) => i.value.includes(e), J = (e) => 1 + (h(e) ? v(e).length : 0), j = () => {
|
|
70
70
|
b("update:selected", i.value), L.value = y.value;
|
|
71
|
-
},
|
|
71
|
+
}, F = () => {
|
|
72
72
|
i.value = [];
|
|
73
|
-
},
|
|
73
|
+
}, G = () => {
|
|
74
74
|
const e = /* @__PURE__ */ new Set([]);
|
|
75
|
-
u.value.forEach((
|
|
76
|
-
if (
|
|
77
|
-
e.add(
|
|
78
|
-
else if (n
|
|
79
|
-
for (const
|
|
80
|
-
if (
|
|
81
|
-
e.add(
|
|
75
|
+
u.value.forEach((l) => {
|
|
76
|
+
if (n.selected?.includes(l))
|
|
77
|
+
e.add(l);
|
|
78
|
+
else if (l[n.optionChildrenKey] && l[n.optionChildrenKey].length) {
|
|
79
|
+
for (const r of l[n.optionChildrenKey])
|
|
80
|
+
if (n.selected?.includes(r)) {
|
|
81
|
+
e.add(l);
|
|
82
82
|
break;
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
86
|
const o = Array.from(e);
|
|
87
|
-
return u.value.forEach((
|
|
88
|
-
!
|
|
87
|
+
return u.value.forEach((l) => {
|
|
88
|
+
!n.selected.includes(l) && !e.has(l) && o.push(l);
|
|
89
89
|
}), o;
|
|
90
90
|
};
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
le(() => {
|
|
92
|
+
O.value || (U(), O.value = !0, n.preExpandedOptions && n.preExpandedOptions.forEach((e) => {
|
|
93
93
|
a.value[e] = 1;
|
|
94
94
|
}));
|
|
95
95
|
}), g(
|
|
96
|
-
() =>
|
|
96
|
+
() => n.options,
|
|
97
97
|
() => {
|
|
98
98
|
U();
|
|
99
99
|
}
|
|
100
100
|
), g(
|
|
101
|
-
() =>
|
|
102
|
-
() => {
|
|
103
|
-
i.value = [...
|
|
101
|
+
() => n.selected,
|
|
102
|
+
(e, o) => {
|
|
103
|
+
JSON.stringify(e) !== JSON.stringify(o) && (i.value = [...n.selected]);
|
|
104
104
|
}
|
|
105
105
|
);
|
|
106
|
-
const y = K(() => i.value.length < N.value ? !1 : i.value.length === N.value),
|
|
106
|
+
const y = K(() => i.value.length < N.value ? !1 : i.value.length === N.value), H = K(() => !y.value && i.value.length > 0), L = c(y.value);
|
|
107
107
|
g(
|
|
108
|
-
() =>
|
|
108
|
+
() => n.isOpen,
|
|
109
109
|
() => {
|
|
110
|
-
|
|
110
|
+
n.isOpen ? m.value = G() : (i.value = [...n.selected], p.value = "");
|
|
111
111
|
}
|
|
112
112
|
);
|
|
113
113
|
const a = c({}), Q = (e) => {
|
|
114
|
-
a.value[e[
|
|
114
|
+
a.value[e[n.optionUniqueIdKey]] ? delete a.value[e[n.optionUniqueIdKey]] : a.value[e[n.optionUniqueIdKey]] = 1;
|
|
115
115
|
};
|
|
116
116
|
function R(e, o) {
|
|
117
|
-
const
|
|
118
|
-
return o.value.forEach((
|
|
119
|
-
const E =
|
|
120
|
-
(_) => _[
|
|
117
|
+
const l = e.toLowerCase(), r = [];
|
|
118
|
+
return o.value.forEach((s) => {
|
|
119
|
+
const E = s[n.optionNameKey].toLowerCase().includes(l), V = T.value[s[n.optionUniqueIdKey]]?.filter(
|
|
120
|
+
(_) => _[n.optionNameKey].toLowerCase().includes(l)
|
|
121
121
|
) || [];
|
|
122
|
-
(E || V.length > 0) && (
|
|
123
|
-
}),
|
|
122
|
+
(E || V.length > 0) && (s[n.optionChildrenKey] = V, r.push(s));
|
|
123
|
+
}), r;
|
|
124
124
|
}
|
|
125
125
|
const W = (e) => {
|
|
126
126
|
const o = R(e, u);
|
|
127
|
-
e && (Object.keys(a.value).forEach((
|
|
128
|
-
delete a.value[
|
|
129
|
-
}), o.forEach((
|
|
130
|
-
Array.isArray(n
|
|
127
|
+
e && (Object.keys(a.value).forEach((l) => {
|
|
128
|
+
delete a.value[l];
|
|
129
|
+
}), o.forEach((l) => {
|
|
130
|
+
Array.isArray(l[n.optionChildrenKey]) && l[n.optionChildrenKey].length && (a.value[l[n.optionUniqueIdKey]] = 1);
|
|
131
131
|
})), m.value = o;
|
|
132
132
|
}, X = K(() => {
|
|
133
|
-
const e =
|
|
134
|
-
(
|
|
133
|
+
const e = n.options.length, o = n.options.reduce(
|
|
134
|
+
(l, r) => (a.value[r[n.optionUniqueIdKey]] && (l = l + r[n.optionChildrenKey].length), l),
|
|
135
135
|
0
|
|
136
136
|
);
|
|
137
137
|
return e + o;
|
|
@@ -139,22 +139,22 @@ const ve = {
|
|
|
139
139
|
g(
|
|
140
140
|
() => p.value,
|
|
141
141
|
() => {
|
|
142
|
-
W(p.value),
|
|
142
|
+
W(p.value), x.value = !p.value;
|
|
143
143
|
}
|
|
144
144
|
);
|
|
145
145
|
const Y = () => {
|
|
146
146
|
y.value ? i.value = [] : (i.value = [], u.value.forEach((e) => {
|
|
147
|
-
if (e[
|
|
148
|
-
for (const o of e[
|
|
147
|
+
if (e[n.optionChildrenKey] && e[n.optionChildrenKey].length)
|
|
148
|
+
for (const o of e[n.optionChildrenKey])
|
|
149
149
|
i.value = [o, ...i.value];
|
|
150
150
|
else
|
|
151
151
|
i.value = [e, ...i.value];
|
|
152
152
|
}));
|
|
153
|
-
}, Z =
|
|
153
|
+
}, Z = he(n.testId, $);
|
|
154
154
|
return (e, o) => (C(), D(d(ue), {
|
|
155
155
|
multi: "",
|
|
156
156
|
class: "tree-dropdown",
|
|
157
|
-
"show-select-all":
|
|
157
|
+
"show-select-all": x.value,
|
|
158
158
|
"is-open": t.isOpen,
|
|
159
159
|
options: m.value,
|
|
160
160
|
selected: t.selected,
|
|
@@ -167,32 +167,32 @@ const ve = {
|
|
|
167
167
|
"test-id": t.testId,
|
|
168
168
|
disabled: t.disabled,
|
|
169
169
|
"disable-virtual-scroll": "",
|
|
170
|
-
"override-option-count-calculation":
|
|
170
|
+
"override-option-count-calculation": J,
|
|
171
171
|
"trigger-show-all-selected-text": !1,
|
|
172
172
|
"predefined-trigger": "default",
|
|
173
173
|
"custom-number-of-displayed-options": d(X),
|
|
174
|
-
"onUpdate:isOpen": o[2] || (o[2] = (
|
|
175
|
-
onApply:
|
|
176
|
-
onClear:
|
|
174
|
+
"onUpdate:isOpen": o[2] || (o[2] = (l) => b("update:isOpen", l)),
|
|
175
|
+
onApply: j,
|
|
176
|
+
onClear: F
|
|
177
177
|
}, {
|
|
178
|
-
"dropdown-trigger":
|
|
179
|
-
I(d(pe), z(
|
|
178
|
+
"dropdown-trigger": f(({ defaultTriggerProps: l }) => [
|
|
179
|
+
I(d(pe), z(l, {
|
|
180
180
|
"all-selected": L.value,
|
|
181
181
|
"show-all-selected-text": ""
|
|
182
182
|
}), te({ _: 2 }, [
|
|
183
183
|
e.$slots["trigger-end-icon"] ? {
|
|
184
184
|
name: "end-icon",
|
|
185
|
-
fn:
|
|
185
|
+
fn: f(() => [
|
|
186
186
|
oe(e.$slots, "trigger-end-icon", {}, void 0, !0)
|
|
187
187
|
]),
|
|
188
188
|
key: "0"
|
|
189
189
|
} : void 0
|
|
190
190
|
]), 1040, ["all-selected"])
|
|
191
191
|
]),
|
|
192
|
-
"inline-search":
|
|
193
|
-
I(d(
|
|
192
|
+
"inline-search": f(() => [
|
|
193
|
+
I(d(fe), {
|
|
194
194
|
modelValue: p.value,
|
|
195
|
-
"onUpdate:modelValue": o[0] || (o[0] = (
|
|
195
|
+
"onUpdate:modelValue": o[0] || (o[0] = (l) => p.value = l),
|
|
196
196
|
class: "tree-search",
|
|
197
197
|
placeholder: t.inlineSearchPlaceholder,
|
|
198
198
|
variant: "transparent",
|
|
@@ -201,31 +201,31 @@ const ve = {
|
|
|
201
201
|
"test-id": t.testId
|
|
202
202
|
}, null, 8, ["modelValue", "placeholder", "test-id"])
|
|
203
203
|
]),
|
|
204
|
-
"select-all":
|
|
204
|
+
"select-all": f(() => [
|
|
205
205
|
M("li", null, [
|
|
206
|
-
I(d(
|
|
206
|
+
I(d(w), z({
|
|
207
207
|
"aria-selected": d(y),
|
|
208
208
|
"aria-disabled": !!t.disabled,
|
|
209
209
|
"selected-prop": d(y),
|
|
210
|
-
"is-indeterminate": d(
|
|
210
|
+
"is-indeterminate": d(H),
|
|
211
211
|
"is-multi": "",
|
|
212
212
|
"select-all-option": ""
|
|
213
213
|
}, d(Z)[d($).SELECT_ALL], {
|
|
214
|
-
onClick: o[1] || (o[1] =
|
|
214
|
+
onClick: o[1] || (o[1] = S((l) => Y(), ["stop"]))
|
|
215
215
|
}), {
|
|
216
|
-
default:
|
|
216
|
+
default: f(() => [
|
|
217
217
|
ie(" Select all ")
|
|
218
218
|
]),
|
|
219
219
|
_: 1
|
|
220
220
|
}, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
|
|
221
221
|
])
|
|
222
222
|
]),
|
|
223
|
-
default:
|
|
224
|
-
I(d(
|
|
225
|
-
option:
|
|
226
|
-
"selected-prop": d(
|
|
227
|
-
"is-indeterminate": !d(k)(
|
|
228
|
-
disabled:
|
|
223
|
+
default: f(({ option: l, index: r }) => [
|
|
224
|
+
I(d(w), {
|
|
225
|
+
option: l,
|
|
226
|
+
"selected-prop": d(h)(l) ? d(k)(l) : A(l),
|
|
227
|
+
"is-indeterminate": !d(k)(l) && d(P)(l),
|
|
228
|
+
disabled: l[t.disabledOptionKey],
|
|
229
229
|
"name-key": t.optionNameKey,
|
|
230
230
|
"image-key": t.optionImageKey,
|
|
231
231
|
"icon-key": t.optionIconKey,
|
|
@@ -233,20 +233,20 @@ const ve = {
|
|
|
233
233
|
"end-icon-key": t.optionEndIconKey,
|
|
234
234
|
"end-icon-type": t.optionEndIconType,
|
|
235
235
|
"end-text-icon-key": t.optionEndTextIconKey,
|
|
236
|
-
"tree-main-option": d(
|
|
237
|
-
"tree-main-option-expanded": a.value[
|
|
236
|
+
"tree-main-option": d(h)(l),
|
|
237
|
+
"tree-main-option-expanded": a.value[l[t.optionUniqueIdKey]],
|
|
238
238
|
"stop-option-click-event-propagation": "",
|
|
239
239
|
"is-multi": "",
|
|
240
|
-
onClick:
|
|
240
|
+
onClick: S(() => q(l), ["stop"]),
|
|
241
241
|
onToggleTreeCollapse: Q
|
|
242
242
|
}, null, 8, ["option", "selected-prop", "is-indeterminate", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "tree-main-option", "tree-main-option-expanded", "onClick"]),
|
|
243
|
-
d(
|
|
243
|
+
d(h)(l) ? (C(), B("div", ve, [
|
|
244
244
|
de(M("div", null, [
|
|
245
|
-
(C(!0), B(ae, null,
|
|
246
|
-
key: `${
|
|
247
|
-
option:
|
|
248
|
-
"selected-prop": A(
|
|
249
|
-
disabled:
|
|
245
|
+
(C(!0), B(ae, null, re(d(v)(l), (s, E) => (C(), D(d(w), {
|
|
246
|
+
key: `${r}-${E}`,
|
|
247
|
+
option: s,
|
|
248
|
+
"selected-prop": A(s),
|
|
249
|
+
disabled: s[t.disabledOptionKey],
|
|
250
250
|
"name-key": t.optionNameKey,
|
|
251
251
|
"image-key": t.optionImageKey,
|
|
252
252
|
"icon-key": t.optionIconKey,
|
|
@@ -254,13 +254,13 @@ const ve = {
|
|
|
254
254
|
"end-icon-key": t.optionEndIconKey,
|
|
255
255
|
"end-icon-type": t.optionEndIconType,
|
|
256
256
|
"end-text-icon-key": t.optionEndTextIconKey,
|
|
257
|
-
"tree-child-shown": a.value[
|
|
257
|
+
"tree-child-shown": a.value[l[t.optionUniqueIdKey]],
|
|
258
258
|
"stop-option-click-event-propagation": "",
|
|
259
259
|
"is-multi": "",
|
|
260
|
-
onClick:
|
|
260
|
+
onClick: S(() => q(s), ["stop"])
|
|
261
261
|
}, null, 8, ["option", "selected-prop", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "tree-child-shown", "onClick"]))), 128))
|
|
262
262
|
], 512), [
|
|
263
|
-
[
|
|
263
|
+
[se, a.value[l[t.optionUniqueIdKey]]]
|
|
264
264
|
])
|
|
265
265
|
])) : ce("", !0)
|
|
266
266
|
]),
|
|
@@ -2022,6 +2022,7 @@ declare const DropdownTypes: () => (({
|
|
|
2022
2022
|
"onUpdate:isOpen"?: (value: unknown) => any;
|
|
2023
2023
|
onOnsearch?: (value: string) => any;
|
|
2024
2024
|
onLoadMore?: () => any;
|
|
2025
|
+
onUnsavedSelectionUpdate?: (value: unknown[]) => any;
|
|
2025
2026
|
onOpened?: () => any;
|
|
2026
2027
|
onClosed?: () => any;
|
|
2027
2028
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
|
|
@@ -2036,7 +2037,7 @@ declare const DropdownTypes: () => (({
|
|
|
2036
2037
|
}>;
|
|
2037
2038
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
2038
2039
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
2039
|
-
$emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "opened") => void) & ((event: "closed") => void);
|
|
2040
|
+
$emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
|
|
2040
2041
|
$el: any;
|
|
2041
2042
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
2042
2043
|
theme: {
|
|
@@ -2290,6 +2291,7 @@ declare const DropdownTypes: () => (({
|
|
|
2290
2291
|
"onUpdate:isOpen"?: (value: unknown) => any;
|
|
2291
2292
|
onOnsearch?: (value: string) => any;
|
|
2292
2293
|
onLoadMore?: () => any;
|
|
2294
|
+
onUnsavedSelectionUpdate?: (value: unknown[]) => any;
|
|
2293
2295
|
onOpened?: () => any;
|
|
2294
2296
|
onClosed?: () => any;
|
|
2295
2297
|
}, {
|
|
@@ -2307,6 +2309,7 @@ declare const DropdownTypes: () => (({
|
|
|
2307
2309
|
onsearch: (value: string) => void;
|
|
2308
2310
|
loadMore: () => void;
|
|
2309
2311
|
allSelectedChanged: (value: boolean) => void;
|
|
2312
|
+
unsavedSelectionUpdate: (value: unknown[]) => void;
|
|
2310
2313
|
}, string, {
|
|
2311
2314
|
theme: string;
|
|
2312
2315
|
testId: string;
|
|
@@ -2636,6 +2639,7 @@ declare const DropdownTypes: () => (({
|
|
|
2636
2639
|
"onUpdate:isOpen"?: (value: unknown) => any;
|
|
2637
2640
|
onOnsearch?: (value: string) => any;
|
|
2638
2641
|
onLoadMore?: () => any;
|
|
2642
|
+
onUnsavedSelectionUpdate?: (value: unknown[]) => any;
|
|
2639
2643
|
onOpened?: () => any;
|
|
2640
2644
|
onClosed?: () => any;
|
|
2641
2645
|
} & import("vue").ShallowUnwrapRef<{
|
|
@@ -2897,6 +2901,7 @@ declare const DropdownTypes: () => (({
|
|
|
2897
2901
|
"onUpdate:isOpen"?: (value: unknown) => any;
|
|
2898
2902
|
onOnsearch?: (value: string) => any;
|
|
2899
2903
|
onLoadMore?: () => any;
|
|
2904
|
+
onUnsavedSelectionUpdate?: (value: unknown[]) => any;
|
|
2900
2905
|
onOpened?: () => any;
|
|
2901
2906
|
onClosed?: () => any;
|
|
2902
2907
|
}, {
|
|
@@ -2914,6 +2919,7 @@ declare const DropdownTypes: () => (({
|
|
|
2914
2919
|
onsearch: (value: string) => void;
|
|
2915
2920
|
loadMore: () => void;
|
|
2916
2921
|
allSelectedChanged: (value: boolean) => void;
|
|
2922
|
+
unsavedSelectionUpdate: (value: unknown[]) => void;
|
|
2917
2923
|
}, string, {
|
|
2918
2924
|
theme: string;
|
|
2919
2925
|
testId: string;
|
|
@@ -3576,6 +3582,14 @@ declare const DropdownTypes: () => (({
|
|
|
3576
3582
|
required: true;
|
|
3577
3583
|
default: string;
|
|
3578
3584
|
};
|
|
3585
|
+
optionFlagKey: {
|
|
3586
|
+
type: import("vue").PropType<string>;
|
|
3587
|
+
default: string;
|
|
3588
|
+
};
|
|
3589
|
+
groupedOptions: {
|
|
3590
|
+
type: import("vue").PropType<boolean>;
|
|
3591
|
+
default: boolean;
|
|
3592
|
+
};
|
|
3579
3593
|
comparingKey: {
|
|
3580
3594
|
type: import("vue").PropType<string>;
|
|
3581
3595
|
required: true;
|
|
@@ -3617,6 +3631,14 @@ declare const DropdownTypes: () => (({
|
|
|
3617
3631
|
type: import("vue").PropType<() => Promise<void>>;
|
|
3618
3632
|
default: any;
|
|
3619
3633
|
};
|
|
3634
|
+
fetchDataDebounceTime: {
|
|
3635
|
+
type: import("vue").PropType<number>;
|
|
3636
|
+
default: number;
|
|
3637
|
+
};
|
|
3638
|
+
autoFocusSearch: {
|
|
3639
|
+
type: import("vue").PropType<boolean>;
|
|
3640
|
+
default: boolean;
|
|
3641
|
+
};
|
|
3620
3642
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3621
3643
|
"update:selectedCondition": (value: {
|
|
3622
3644
|
label: string;
|
|
@@ -3648,6 +3670,14 @@ declare const DropdownTypes: () => (({
|
|
|
3648
3670
|
required: true;
|
|
3649
3671
|
default: string;
|
|
3650
3672
|
};
|
|
3673
|
+
optionFlagKey: {
|
|
3674
|
+
type: import("vue").PropType<string>;
|
|
3675
|
+
default: string;
|
|
3676
|
+
};
|
|
3677
|
+
groupedOptions: {
|
|
3678
|
+
type: import("vue").PropType<boolean>;
|
|
3679
|
+
default: boolean;
|
|
3680
|
+
};
|
|
3651
3681
|
comparingKey: {
|
|
3652
3682
|
type: import("vue").PropType<string>;
|
|
3653
3683
|
required: true;
|
|
@@ -3689,6 +3719,14 @@ declare const DropdownTypes: () => (({
|
|
|
3689
3719
|
type: import("vue").PropType<() => Promise<void>>;
|
|
3690
3720
|
default: any;
|
|
3691
3721
|
};
|
|
3722
|
+
fetchDataDebounceTime: {
|
|
3723
|
+
type: import("vue").PropType<number>;
|
|
3724
|
+
default: number;
|
|
3725
|
+
};
|
|
3726
|
+
autoFocusSearch: {
|
|
3727
|
+
type: import("vue").PropType<boolean>;
|
|
3728
|
+
default: boolean;
|
|
3729
|
+
};
|
|
3692
3730
|
}>> & {
|
|
3693
3731
|
onClear?: () => any;
|
|
3694
3732
|
"onUpdate:selectedCondition"?: (value: {
|
|
@@ -3703,9 +3741,13 @@ declare const DropdownTypes: () => (({
|
|
|
3703
3741
|
isOpen: boolean;
|
|
3704
3742
|
infiniteLoading: boolean;
|
|
3705
3743
|
optionNameKey: string;
|
|
3744
|
+
optionFlagKey: string;
|
|
3745
|
+
groupedOptions: boolean;
|
|
3706
3746
|
comparingKey: string;
|
|
3707
3747
|
minCharsToStart: number;
|
|
3708
3748
|
searchQuery: string;
|
|
3709
3749
|
loadMoreFn: () => Promise<void>;
|
|
3750
|
+
fetchDataDebounceTime: number;
|
|
3751
|
+
autoFocusSearch: boolean;
|
|
3710
3752
|
}>)[];
|
|
3711
3753
|
export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };
|
|
@@ -19,7 +19,7 @@ export declare const tableCommon: (props: any, emit: any) => {
|
|
|
19
19
|
floatingActionRef: import("vue").Ref<HTMLDivElement>;
|
|
20
20
|
scrollToTop: () => void;
|
|
21
21
|
toggleSortOrder: (column: Column) => void;
|
|
22
|
-
columnsStickyPositions: import("vue").ComputedRef<Record<string,
|
|
22
|
+
columnsStickyPositions: import("vue").ComputedRef<Record<string, CSSProperties>>;
|
|
23
23
|
hasSearchSlot: import("vue").ComputedRef<boolean>;
|
|
24
24
|
showBackToTopButton: import("vue").ComputedRef<boolean>;
|
|
25
25
|
containerStyle: import("vue").ComputedRef<CSSProperties>;
|