@ironsource/shared-ui 2.0.0-test.1 → 2.0.0-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/ButtonV4.vue_vue_type_style_index_0_scoped_6db34241_lang.css +1 -0
- package/Checkbox.vue_vue_type_style_index_0_scoped_345b8f69_lang.css +1 -0
- package/components/appIcon/AppIcon.vue.js +3 -2
- package/components/appIcon/AppIcon.vue2.js +1 -1
- package/components/appTrigger/AppTrigger.vue.js +5 -4
- package/components/appTrigger/AppTrigger.vue2.js +9 -5
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +4 -3
- package/components/autocompleteDropdown/AutocompleteDropdown.vue2.js +39 -38
- package/components/autocompleteDropdown/AutocompleteInput.vue.js +1 -0
- package/components/autocompleteDropdown/AutocompleteInput.vue2.js +1 -1
- package/components/autocompleteDropdown/GroupOption.vue.js +4 -3
- package/components/autocompleteDropdown/GroupOption.vue2.js +3 -2
- package/components/banner/Banner.vue.js +4 -3
- package/components/banner/Banner.vue2.js +1 -1
- package/components/button/common/ButtonBase.vue.js +7 -0
- package/components/button/common/ButtonBase.vue2.js +52 -4
- package/components/button/v3/Button.vue.js +1 -0
- package/components/button/v3/Button.vue2.js +3 -2
- package/components/button/v3/IconButton.vue.js +3 -2
- package/components/button/v3/IconButton.vue2.js +2 -2
- package/components/button/v3/ScrollButton.vue.js +3 -2
- package/components/button/v3/ScrollButton.vue2.js +15 -12
- package/components/button/v4/ButtonV4.vue.js +2 -1
- package/components/button/v4/ButtonV4.vue2.js +1 -1
- package/components/checkbox/Checkbox.vue.js +4 -3
- package/components/checkbox/Checkbox.vue2.js +58 -52
- package/components/chip/v3/Chip.vue.js +4 -3
- package/components/chip/v3/Chip.vue2.js +1 -1
- package/components/chip/v4/ChipV4.vue.js +4 -3
- package/components/chip/v4/ChipV4.vue2.js +1 -1
- package/components/cssBaseline/CssBaseline.vue2.js +0 -0
- package/components/datePicker/DatePicker.vue.js +5 -4
- package/components/datePicker/DatePicker.vue2.js +1 -1
- package/components/datePicker/DatePickerMonth.vue.js +4 -3
- package/components/datePicker/DatePickerMonth.vue2.js +1 -1
- package/components/dateRange/CalendarMonth.vue.js +4 -3
- package/components/dateRange/CalendarMonth.vue2.js +14 -13
- package/components/dateRange/DateRange.vue.js +5 -4
- package/components/dateRange/DateRange.vue2.js +35 -33
- package/components/dialog/Dialog.vue.js +4 -3
- package/components/dialog/Dialog.vue2.js +22 -21
- package/components/dropdown/common/Label.vue.js +4 -3
- package/components/dropdown/common/Label.vue2.js +3 -2
- package/components/dropdown/common/Option.vue.js +4 -3
- package/components/dropdown/common/Option.vue2.js +3 -2
- package/components/dropdown/common/SearchInput.vue.js +4 -3
- package/components/dropdown/common/SearchInput.vue2.js +25 -24
- package/components/dropdown/v3/Dropdown.vue.js +5 -3
- package/components/dropdown/v3/Dropdown.vue2.js +26 -23
- package/components/dropdown/v4/DropdownV4.vue.js +5 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +4 -3
- package/components/emptyState/EmptyState.vue.js +3 -2
- package/components/emptyState/EmptyState.vue2.js +20 -18
- package/components/emptyState/EmptyStateIcon.vue2.js +0 -0
- package/components/filterDropdown/AddFilterButton.vue.js +5 -4
- package/components/filterDropdown/AddFilterButton.vue2.js +1 -1
- package/components/filterDropdown/FilterDropdown.vue.js +4 -3
- package/components/filterDropdown/FilterDropdown.vue2.js +26 -25
- package/components/filtersPanel/FilterSearchInput.vue.js +4 -3
- package/components/filtersPanel/FilterSearchInput.vue2.js +21 -21
- package/components/filtersPanel/FiltersPanel.vue.js +5 -4
- package/components/filtersPanel/FiltersPanel.vue2.js +1 -1
- package/components/floatingToolbar/FloatingToolbar.vue.js +4 -3
- package/components/floatingToolbar/FloatingToolbar.vue2.js +11 -10
- package/components/icon/Icon.vue.js +4 -3
- package/components/icon/Icon.vue2.js +1 -1
- package/components/includeExclude/IncludeExclude.vue.js +5 -4
- package/components/includeExclude/IncludeExclude.vue2.js +55 -52
- package/components/includeExclude/IncludeExcludeAppHeader.vue.js +4 -3
- package/components/includeExclude/IncludeExcludeAppHeader.vue2.js +36 -35
- package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +3 -2
- package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js +8 -4
- package/components/includeExclude/IncludeExcludeChipFilter.vue.js +4 -3
- package/components/includeExclude/IncludeExcludeChipFilter.vue2.js +38 -36
- package/components/includeExclude/IncludeExcludeDragDrop.vue.js +3 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +64 -61
- package/components/includeExclude/IncludeExcludeOption.vue.js +3 -2
- package/components/includeExclude/IncludeExcludeOption.vue2.js +6 -4
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +5 -4
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js +5 -3
- package/components/input/common/Input.common.js +13 -13
- package/components/input/v3/DollarInput.vue.js +4 -3
- package/components/input/v3/DollarInput.vue2.js +3 -2
- package/components/input/v3/Input.vue.js +4 -3
- package/components/input/v3/Input.vue2.js +15 -11
- package/components/input/v3/PasswordInput.vue.js +4 -3
- package/components/input/v3/PasswordInput.vue2.js +3 -2
- package/components/input/v3/PercentageInput.vue.js +4 -3
- package/components/input/v3/PercentageInput.vue2.js +3 -2
- package/components/input/v4/TextField.vue.js +5 -4
- package/components/input/v4/TextField.vue2.js +13 -12
- package/components/loader/v4/Loader.vue.js +4 -3
- package/components/loader/v4/Loader.vue2.js +1 -1
- package/components/menu/Menu.vue.js +6 -4
- package/components/menu/Menu.vue2.js +1 -1
- package/components/menuItem/MenuItem.vue.js +12 -11
- package/components/menuItem/MenuItem.vue2.js +0 -0
- package/components/popover/Popover.vue2.js +5 -0
- package/components/popover/index.js +2 -1
- package/components/radioButton/RadioButton.vue.js +3 -2
- package/components/radioButton/RadioButton.vue2.js +1 -1
- package/components/radioButton/RadioGroup.vue.js +4 -3
- package/components/radioButton/RadioGroup.vue2.js +1 -1
- package/components/search/v3/Search.vue.js +5 -4
- package/components/search/v3/Search.vue2.js +1 -1
- package/components/search/v4/SearchV4.vue.js +4 -3
- package/components/search/v4/SearchV4.vue2.js +1 -1
- package/components/shared/FieldHelpText.vue.js +5 -4
- package/components/shared/FieldHelpText.vue2.js +1 -1
- package/components/shared/FieldLabel.vue.js +3 -2
- package/components/shared/FieldLabel.vue2.js +4 -3
- package/components/skeleton/Skeleton.vue.js +5 -4
- package/components/skeleton/Skeleton.vue2.js +1 -1
- package/components/snackbar/Snackbar.vue.js +4 -3
- package/components/snackbar/Snackbar.vue2.js +23 -22
- package/components/switch/v3/Switch.vue.js +4 -3
- package/components/switch/v3/Switch.vue2.js +1 -1
- package/components/switch/v4/SwitchV4.vue.js +0 -6
- package/components/table/SortOrderIcon.vue2.js +0 -0
- package/components/table/Table.vue.js +4 -3
- package/components/table/Table.vue2.js +62 -59
- package/components/table/TableHeaderSorter.vue.js +5 -4
- package/components/table/TableHeaderSorter.vue2.js +1 -1
- package/components/table-cells/Editable.vue.js +3 -2
- package/components/table-cells/Editable.vue2.js +1 -1
- package/components/tabs/Tabs.vue.js +5 -4
- package/components/tabs/Tabs.vue2.js +4 -3
- package/components/textArea/TextArea.vue.js +5 -4
- package/components/textArea/TextArea.vue2.js +3 -2
- package/components/toggle/Toggle.vue.js +4 -3
- package/components/toggle/Toggle.vue2.js +4 -3
- package/components/tooltip/TextWithTitleContent.vue.js +7 -0
- package/components/tooltip/TextWithTitleContent.vue2.js +44 -4
- package/components/tooltip/Tooltip.vue.js +4 -3
- package/components/tooltip/Tooltip.vue2.js +5 -0
- package/components/tooltip/index.js +2 -1
- package/components/typography/Heading.vue.js +5 -4
- package/components/typography/{Heading.vue3.js → Heading.vue2.js} +1 -1
- package/components/typography/Text.vue.js +4 -3
- package/components/typography/Text.vue2.js +1 -1
- package/components/typography/v4/Typography.vue.js +3 -2
- package/components/typography/v4/Typography.vue2.js +1 -1
- package/package.json +2 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_981897ea_lang.css +0 -1
- package/Checkbox.vue_vue_type_style_index_0_scoped_03174f1a_lang.css +0 -1
- package/components/button/common/ButtonBase.vue3.js +0 -53
- package/components/popover/Popover.vue3.js +0 -4
- package/components/tooltip/TextWithTitleContent.vue3.js +0 -45
- package/components/tooltip/Tooltip.vue3.js +0 -4
- /package/{styles/v4 → v4}/border-radius.css +0 -0
- /package/{styles/v4 → v4}/breakpoints.scss +0 -0
- /package/{styles/v4 → v4}/colors.css +0 -0
- /package/{styles/v4 → v4}/elevations.css +0 -0
- /package/{styles/v4 → v4}/fonts.css +0 -0
- /package/{styles/v4 → v4}/fonts.css.map +0 -0
- /package/{styles/v4 → v4}/fonts.scss +0 -0
- /package/{styles/v4 → v4}/grid.css +0 -0
- /package/{styles/v4 → v4}/grid.css.map +0 -0
- /package/{styles/v4 → v4}/grid.scss +0 -0
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { defineComponent as n, openBlock as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_b25c5605_lang.css"; import { defineComponent as n, openBlock as s, createBlock as r, unref as l, withCtx as t, createVNode as a, createTextVNode as i, toDisplayString as o } from "vue";
|
|
2
|
+
import u from "../dropdown/v3/Dropdown.vue.js";
|
|
3
|
+
import c from "../dropdown/common/Option.vue.js";
|
|
4
|
+
import "../dropdown/common/Label.vue.js";
|
|
5
|
+
import "../dropdown/common/SearchInput.vue.js";
|
|
6
|
+
import f from "./AddFilterButton.vue.js";
|
|
7
|
+
const B = /* @__PURE__ */ n({
|
|
7
8
|
__name: "FilterDropdown",
|
|
8
9
|
props: {
|
|
9
10
|
displayValue: null,
|
|
@@ -14,34 +15,34 @@ const C = /* @__PURE__ */ n({
|
|
|
14
15
|
addNewFilter: null,
|
|
15
16
|
testId: { default: "" }
|
|
16
17
|
},
|
|
17
|
-
setup(
|
|
18
|
-
return (
|
|
19
|
-
"display-value":
|
|
20
|
-
disabled:
|
|
21
|
-
"on-search":
|
|
18
|
+
setup(e) {
|
|
19
|
+
return (m, p) => (s(), r(l(u), {
|
|
20
|
+
"display-value": e.displayValue,
|
|
21
|
+
disabled: e.disabled,
|
|
22
|
+
"on-search": e.onSearch,
|
|
22
23
|
distance: 0,
|
|
23
24
|
skidding: 0,
|
|
24
25
|
"is-on-top": "",
|
|
25
|
-
options:
|
|
26
|
-
"test-id":
|
|
27
|
-
"onUpdate:selected":
|
|
26
|
+
options: e.options,
|
|
27
|
+
"test-id": e.testId,
|
|
28
|
+
"onUpdate:selected": e.addNewFilter
|
|
28
29
|
}, {
|
|
29
|
-
input:
|
|
30
|
-
|
|
30
|
+
input: t(() => [
|
|
31
|
+
a(f, {
|
|
31
32
|
class: "add-filter-button",
|
|
32
|
-
disabled:
|
|
33
|
-
"test-id":
|
|
33
|
+
disabled: e.disabled,
|
|
34
|
+
"test-id": e.testId
|
|
34
35
|
}, {
|
|
35
|
-
default:
|
|
36
|
-
|
|
36
|
+
default: t(() => [
|
|
37
|
+
i(o(e.text), 1)
|
|
37
38
|
]),
|
|
38
39
|
_: 1
|
|
39
40
|
}, 8, ["disabled", "test-id"])
|
|
40
41
|
]),
|
|
41
|
-
default:
|
|
42
|
-
|
|
43
|
-
default:
|
|
44
|
-
|
|
42
|
+
default: t(({ option: d }) => [
|
|
43
|
+
a(l(c), { option: d }, {
|
|
44
|
+
default: t(() => [
|
|
45
|
+
i(o(d.label), 1)
|
|
45
46
|
]),
|
|
46
47
|
_: 2
|
|
47
48
|
}, 1032, ["option"])
|
|
@@ -51,5 +52,5 @@ const C = /* @__PURE__ */ n({
|
|
|
51
52
|
}
|
|
52
53
|
});
|
|
53
54
|
export {
|
|
54
|
-
|
|
55
|
+
B as default
|
|
55
56
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "./FilterSearchInput.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
|
|
3
|
+
// import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_6c9bb538_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6c9bb538"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
p as default
|
|
6
7
|
};
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_6c9bb538_lang.css"; import { defineComponent as a, ref as i, onMounted as l, openBlock as p, createElementBlock as u, createVNode as n, unref as o, withCtx as m, createElementVNode as r } from "vue";
|
|
2
|
+
import "../dropdown/v3/Dropdown.vue.js";
|
|
3
|
+
import "../dropdown/common/Option.vue.js";
|
|
4
|
+
import "../dropdown/common/Label.vue.js";
|
|
5
|
+
import h from "../dropdown/common/SearchInput.vue.js";
|
|
6
|
+
import d from "../icon/Icon.vue.js";
|
|
7
7
|
const _ = {
|
|
8
8
|
class: "search-container",
|
|
9
9
|
tabindex: "0"
|
|
10
|
-
}, f = { class: "search" }, I = ["placeholder", "disabled", "onInput"],
|
|
10
|
+
}, f = { class: "search" }, I = ["placeholder", "disabled", "onInput"], N = /* @__PURE__ */ a({
|
|
11
11
|
__name: "FilterSearchInput",
|
|
12
12
|
setup(x) {
|
|
13
|
-
const
|
|
14
|
-
return
|
|
13
|
+
const e = i(null);
|
|
14
|
+
return l(() => {
|
|
15
15
|
setTimeout(() => {
|
|
16
|
-
|
|
16
|
+
e.value.focus();
|
|
17
17
|
}, 250);
|
|
18
|
-
}), (k, v) => (
|
|
19
|
-
o(
|
|
20
|
-
default:
|
|
21
|
-
|
|
22
|
-
o(
|
|
18
|
+
}), (k, v) => (p(), u("div", _, [
|
|
19
|
+
n(o(h), null, {
|
|
20
|
+
default: m(({ disabled: c, change: s, placeholder: t }) => [
|
|
21
|
+
r("div", f, [
|
|
22
|
+
n(o(d), {
|
|
23
23
|
class: "search-icon",
|
|
24
24
|
width: "12",
|
|
25
25
|
height: "12",
|
|
26
26
|
name: "search"
|
|
27
27
|
}),
|
|
28
|
-
|
|
28
|
+
r("input", {
|
|
29
29
|
ref_key: "element",
|
|
30
|
-
ref:
|
|
30
|
+
ref: e,
|
|
31
31
|
class: "search-input",
|
|
32
|
-
placeholder:
|
|
33
|
-
disabled:
|
|
34
|
-
onInput:
|
|
32
|
+
placeholder: t || "Search",
|
|
33
|
+
disabled: c,
|
|
34
|
+
onInput: s
|
|
35
35
|
}, null, 40, I)
|
|
36
36
|
])
|
|
37
37
|
]),
|
|
@@ -41,5 +41,5 @@ const _ = {
|
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
export {
|
|
44
|
-
|
|
44
|
+
N as default
|
|
45
45
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
1
|
+
import e from "./FiltersPanel.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2996b384"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
p as default
|
|
6
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as h, computed as l, openBlock as r, createElementBlock as i, Fragment as m, renderList as p, unref as o, normalizeClass as f, renderSlot as a, normalizeProps as y, guardReactiveProps as F, createCommentVNode as v } from "vue";
|
|
1
|
+
import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css"; import { defineComponent as h, computed as l, openBlock as r, createElementBlock as i, Fragment as m, renderList as p, unref as o, normalizeClass as f, renderSlot as a, normalizeProps as y, guardReactiveProps as F, createCommentVNode as v } from "vue";
|
|
2
2
|
const k = { class: "filter-panel" }, B = ["data-testid"], g = /* @__PURE__ */ h({
|
|
3
3
|
__name: "FiltersPanel",
|
|
4
4
|
props: {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import o from "./FloatingToolbar.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
2
|
+
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../FloatingToolbar.vue_vue_type_style_index_0_scoped_35992369_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-35992369"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
a as default
|
|
6
7
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import "../../FloatingToolbar.vue_vue_type_style_index_0_scoped_35992369_lang.css"; import { defineComponent as m, openBlock as o, createBlock as p, Teleport as f, createVNode as l, Transition as y, withCtx as n, unref as d, createElementBlock as a, toDisplayString as b, createCommentVNode as s, renderSlot as u } from "vue";
|
|
2
2
|
import v from "../icon/Icon.vue.js";
|
|
3
3
|
import k from "../icon/icons/Close.vue.js";
|
|
4
4
|
import { useVModel as B } from "@vueuse/core";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
import "../button/v3/Button.vue.js";
|
|
6
|
+
import V from "../button/v3/IconButton.vue.js";
|
|
7
|
+
import "../button/v3/ScrollButton.vue.js";
|
|
8
|
+
const h = {
|
|
8
9
|
key: 0,
|
|
9
10
|
class: "floating-toolbar"
|
|
10
11
|
}, C = {
|
|
@@ -16,7 +17,7 @@ import { useVModel as B } from "@vueuse/core";
|
|
|
16
17
|
}, _ = {
|
|
17
18
|
key: 2,
|
|
18
19
|
class: "actions"
|
|
19
|
-
},
|
|
20
|
+
}, F = /* @__PURE__ */ m({
|
|
20
21
|
__name: "FloatingToolbar",
|
|
21
22
|
props: {
|
|
22
23
|
modelValue: { type: Boolean },
|
|
@@ -24,8 +25,8 @@ import { useVModel as B } from "@vueuse/core";
|
|
|
24
25
|
appendToBody: { type: Boolean, default: !0 }
|
|
25
26
|
},
|
|
26
27
|
emits: ["update:modelValue"],
|
|
27
|
-
setup(e, { emit:
|
|
28
|
-
const r = B(e, "modelValue",
|
|
28
|
+
setup(e, { emit: c }) {
|
|
29
|
+
const r = B(e, "modelValue", c);
|
|
29
30
|
return (t, i) => (o(), p(f, {
|
|
30
31
|
to: "body",
|
|
31
32
|
disabled: !e.appendToBody
|
|
@@ -35,10 +36,10 @@ import { useVModel as B } from "@vueuse/core";
|
|
|
35
36
|
d(r) ? (o(), a("div", h, [
|
|
36
37
|
e.count ? (o(), a("div", C, b(e.count), 1)) : s("", !0),
|
|
37
38
|
t.$slots.label ? (o(), a("div", T, [
|
|
38
|
-
|
|
39
|
+
u(t.$slots, "label", {}, void 0, !0)
|
|
39
40
|
])) : s("", !0),
|
|
40
41
|
t.$slots.actions ? (o(), a("div", _, [
|
|
41
|
-
|
|
42
|
+
u(t.$slots, "actions", {}, void 0, !0)
|
|
42
43
|
])) : s("", !0),
|
|
43
44
|
l(d(V), {
|
|
44
45
|
class: "close-icon",
|
|
@@ -65,5 +66,5 @@ import { useVModel as B } from "@vueuse/core";
|
|
|
65
66
|
}
|
|
66
67
|
});
|
|
67
68
|
export {
|
|
68
|
-
|
|
69
|
+
F as default
|
|
69
70
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import o from "./Icon.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
2
|
+
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../Icon.vue_vue_type_style_index_0_scoped_17a86683_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-17a86683"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
c as default
|
|
6
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import v from "../../_virtual/dynamic-import-helper.js";
|
|
1
|
+
import "../../Icon.vue_vue_type_style_index_0_scoped_17a86683_lang.css"; import v from "../../_virtual/dynamic-import-helper.js";
|
|
2
2
|
import { defineComponent as a, useCssVars as l, useSlots as d, computed as e, defineAsyncComponent as C, openBlock as n, createElementBlock as f, normalizeClass as A, unref as s, createBlock as g, normalizeProps as S, mergeProps as h, createCommentVNode as w, renderSlot as T } from "vue";
|
|
3
3
|
import { icons as t } from "./icons/index.js";
|
|
4
4
|
const P = /* @__PURE__ */ a({
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
1
|
+
import e from "./IncludeExclude.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_802d4031_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-802d4031"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
s as default
|
|
6
7
|
};
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import
|
|
1
|
+
import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_802d4031_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
|
|
2
|
+
import "../popover/Popover.vue2.js";
|
|
3
|
+
import N from "../button/v3/Button.vue.js";
|
|
4
|
+
import "../button/v3/IconButton.vue.js";
|
|
5
|
+
import "../button/v3/ScrollButton.vue.js";
|
|
6
|
+
import Ae from "../search/v3/Search.vue.js";
|
|
7
|
+
import "../typography/Heading.vue.js";
|
|
8
|
+
import X from "../typography/Text.vue.js";
|
|
9
|
+
import Ee from "../checkbox/Checkbox.vue.js";
|
|
9
10
|
import b from "../skeleton/Skeleton.vue.js";
|
|
10
|
-
import
|
|
11
|
-
import { useToggle as
|
|
12
|
-
import { IncludeExcludeContext as
|
|
13
|
-
import { onClickOutside as
|
|
11
|
+
import Be from "../emptyState/EmptyState.vue.js";
|
|
12
|
+
import { useToggle as Ve } from "../../composables/useToggle.js";
|
|
13
|
+
import { IncludeExcludeContext as Pe } from "./IncludeExcludeContext.js";
|
|
14
|
+
import { onClickOutside as Le, useClamp as Ne, useVirtualList as Z } from "@vueuse/core";
|
|
15
|
+
import { IncludeExcludeTestIdModifiers as m } from "../../testids/index.js";
|
|
16
|
+
import Fe from "../popover/Popover.vue.js";
|
|
14
17
|
const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude-header" }, Ge = { class: "include-exclude-header-left-section" }, Ue = { class: "include-exclude-header-right-section" }, We = { class: "include-exclude-container-wrapper" }, qe = {
|
|
15
18
|
key: 0,
|
|
16
19
|
class: "include-exclude-container"
|
|
@@ -23,7 +26,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
23
26
|
}, je = ["aria-selected", "aria-disabled", "onClick"], Je = { key: 1 }, Qe = { class: "loader-wrapper" }, Xe = ["data-testid"], Ze = {
|
|
24
27
|
key: 0,
|
|
25
28
|
class: "loader-wrapper"
|
|
26
|
-
}, _e = { class: "include-exclude-selected-header-left" }, et = { class: "include-exclude-selected-header-right" }, tt = { key: 1 }, lt = { class: "loader-wrapper" }, nt = { class: "include-exclude-footer" }, at = { class: "include-exclude-footer-buttons" },
|
|
29
|
+
}, _e = { class: "include-exclude-selected-header-left" }, et = { class: "include-exclude-selected-header-right" }, tt = { key: 1 }, lt = { class: "loader-wrapper" }, nt = { class: "include-exclude-footer" }, at = { class: "include-exclude-footer-buttons" }, Ct = /* @__PURE__ */ Te({
|
|
27
30
|
__name: "IncludeExclude",
|
|
28
31
|
props: {
|
|
29
32
|
titleText: { default: "" },
|
|
@@ -52,7 +55,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
52
55
|
const n = l, F = 50, H = 3, ee = 6, te = 32, le = 48, ne = v(() => {
|
|
53
56
|
const e = n.placement?.includes("bottom") ? ee : 0;
|
|
54
57
|
return n.isOnTop ? -E.value?.getBoundingClientRect().height : e;
|
|
55
|
-
}), z = u(null), p = u(""), A = u(!1), E = u(null), ae = u(null), se = u(null), B = u(null), V = u(null),
|
|
58
|
+
}), z = u(null), p = u(""), A = u(!1), E = u(null), ae = u(null), se = u(null), B = u(null), V = u(null), de = u(null), c = u(n.modelValue), D = (e) => new Promise((s) => setTimeout(s, e)), r = v({
|
|
56
59
|
get() {
|
|
57
60
|
return c.value;
|
|
58
61
|
},
|
|
@@ -68,7 +71,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
68
71
|
c.value = n.modelValue;
|
|
69
72
|
}
|
|
70
73
|
);
|
|
71
|
-
const
|
|
74
|
+
const ie = v(() => c.value.filter(
|
|
72
75
|
(e) => n.onSearch(e, p.value)
|
|
73
76
|
)), oe = () => {
|
|
74
77
|
r.value?.length !== n.options?.length && (r.value = c.value), y(!1);
|
|
@@ -78,14 +81,14 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
78
81
|
c.value = [];
|
|
79
82
|
}, U = v(() => () => n.hasSubtitle ? le : te), W = v(
|
|
80
83
|
() => (e, s) => e.every(
|
|
81
|
-
(
|
|
84
|
+
(i) => s.some((x) => x[n.keyField] === i[n.keyField])
|
|
82
85
|
)
|
|
83
86
|
), q = v(() => {
|
|
84
87
|
if (!S.value)
|
|
85
88
|
return !1;
|
|
86
89
|
const e = c.value, s = k.value;
|
|
87
90
|
return e === s ? !0 : e?.length !== s?.length ? !1 : W.value(e, s) && W.value(s, e);
|
|
88
|
-
}), K = u(null), [S, ue] =
|
|
91
|
+
}), K = u(null), [S, ue] = Ve({
|
|
89
92
|
disabled: n.disabled,
|
|
90
93
|
initialValue: n.defaultOpen
|
|
91
94
|
}), fe = (e = 300) => {
|
|
@@ -107,16 +110,16 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
107
110
|
}, y = (e) => {
|
|
108
111
|
n.disabled || (e || fe(), ue(e));
|
|
109
112
|
};
|
|
110
|
-
|
|
113
|
+
Le(K, () => {
|
|
111
114
|
S.value && G();
|
|
112
115
|
});
|
|
113
116
|
const ve = u([]), ge = v(() => k.value?.length - 1), M = (e) => {
|
|
114
117
|
p.value = e;
|
|
115
|
-
}, P =
|
|
118
|
+
}, P = Ne(0, 0, ge), L = (e) => {
|
|
116
119
|
B.value?.focus();
|
|
117
120
|
const s = c.value;
|
|
118
121
|
s.includes(e) ? c.value = s.filter(
|
|
119
|
-
(
|
|
122
|
+
(i) => i !== e
|
|
120
123
|
) : c.value = [.../* @__PURE__ */ new Set([...s, e])];
|
|
121
124
|
}, pe = (e) => {
|
|
122
125
|
L(e);
|
|
@@ -132,7 +135,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
132
135
|
select: L,
|
|
133
136
|
activeIndex: P,
|
|
134
137
|
selectedOption: r,
|
|
135
|
-
activeOption:
|
|
138
|
+
activeOption: de,
|
|
136
139
|
listRef: z,
|
|
137
140
|
query: p,
|
|
138
141
|
open: S,
|
|
@@ -140,7 +143,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
140
143
|
}, ye = () => {
|
|
141
144
|
c.value?.length !== k.value?.length ? c.value = k.value : c.value = [];
|
|
142
145
|
};
|
|
143
|
-
Oe(
|
|
146
|
+
Oe(Pe, Y);
|
|
144
147
|
const k = v(() => p.value?.length ? n.options?.filter((e) => n.onSearch(e, p.value)) : n.options), {
|
|
145
148
|
list: ke,
|
|
146
149
|
containerProps: xe,
|
|
@@ -152,7 +155,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
152
155
|
list: be,
|
|
153
156
|
containerProps: Se,
|
|
154
157
|
wrapperProps: Ie
|
|
155
|
-
} = Z(
|
|
158
|
+
} = Z(ie, {
|
|
156
159
|
itemHeight: U.value,
|
|
157
160
|
overscan: F
|
|
158
161
|
}), we = (e) => {
|
|
@@ -166,7 +169,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
166
169
|
}
|
|
167
170
|
e.key === "ArrowDown" && (y(!0), e.preventDefault());
|
|
168
171
|
};
|
|
169
|
-
return (e, s) => (
|
|
172
|
+
return (e, s) => (d(), I(t(Fe), {
|
|
170
173
|
distance: t(ne) + l.distanceOffset,
|
|
171
174
|
skidding: l.skiddingOffset,
|
|
172
175
|
trigger: "managed",
|
|
@@ -201,7 +204,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
201
204
|
a("div", De, [
|
|
202
205
|
a("div", Ge, [
|
|
203
206
|
C(e.$slots, "header-left-section", {}, () => [
|
|
204
|
-
l.titleText ? (
|
|
207
|
+
l.titleText ? (d(), I(t(X), {
|
|
205
208
|
key: 0,
|
|
206
209
|
class: "include-exclude-header-left-section-title",
|
|
207
210
|
size: "md",
|
|
@@ -216,11 +219,11 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
216
219
|
]),
|
|
217
220
|
a("div", Ue, [
|
|
218
221
|
C(e.$slots, "header-right-section", {}, () => [
|
|
219
|
-
f(t(
|
|
222
|
+
f(t(Ae), {
|
|
220
223
|
ref_key: "searchRef",
|
|
221
224
|
ref: V,
|
|
222
225
|
modelValue: p.value,
|
|
223
|
-
"onUpdate:modelValue": s[0] || (s[0] = (
|
|
226
|
+
"onUpdate:modelValue": s[0] || (s[0] = (i) => p.value = i),
|
|
224
227
|
class: "include-exclude-header-right-section-search-input",
|
|
225
228
|
variant: "transparent",
|
|
226
229
|
placeholder: l.searchPlaceholder,
|
|
@@ -236,9 +239,9 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
236
239
|
mode: "out-in"
|
|
237
240
|
}, {
|
|
238
241
|
default: g(() => [
|
|
239
|
-
!t(k)?.length && !l.loading ? (
|
|
242
|
+
!t(k)?.length && !l.loading ? (d(), o("div", qe, [
|
|
240
243
|
C(e.$slots, "no-result", {}, () => [
|
|
241
|
-
f(t(
|
|
244
|
+
f(t(Be), {
|
|
242
245
|
size: "lg",
|
|
243
246
|
title: "No results found",
|
|
244
247
|
subtitle: "Try diffrent keyword",
|
|
@@ -246,7 +249,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
246
249
|
"icon-height": 72
|
|
247
250
|
})
|
|
248
251
|
], !0)
|
|
249
|
-
])) : (
|
|
252
|
+
])) : (d(), o("div", Ke, [
|
|
250
253
|
a("div", {
|
|
251
254
|
class: "include-exclude-list-wrapper",
|
|
252
255
|
"data-testid": `${l.testId}-${t(m).LIST}`
|
|
@@ -257,7 +260,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
257
260
|
"include-exclude-list-header-loaded": !l.loading
|
|
258
261
|
}])
|
|
259
262
|
}, [
|
|
260
|
-
l.loading ? h("", !0) : (
|
|
263
|
+
l.loading ? h("", !0) : (d(), I(t(Ee), {
|
|
261
264
|
key: 0,
|
|
262
265
|
size: "sm",
|
|
263
266
|
"is-checked": t(q),
|
|
@@ -267,7 +270,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
267
270
|
"data-testid": `${l.testId}-${t(m).SELECT_ALL}`,
|
|
268
271
|
onClick: ye
|
|
269
272
|
}, null, 8, ["is-checked", "is-indeterminate", "disabled", "data-testid"])),
|
|
270
|
-
l.loading ? (
|
|
273
|
+
l.loading ? (d(), o("div", Ye, [
|
|
271
274
|
f(t(b), {
|
|
272
275
|
class: "dot-skeleton",
|
|
273
276
|
round: ""
|
|
@@ -276,28 +279,28 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
276
279
|
])) : h("", !0)
|
|
277
280
|
], 2),
|
|
278
281
|
a("div", O({ class: "include-exclude-list" }, t(xe)), [
|
|
279
|
-
l.loading ? h("", !0) : (
|
|
282
|
+
l.loading ? h("", !0) : (d(), o("ul", O({ key: 0 }, t(Ce), {
|
|
280
283
|
ref_key: "listRef",
|
|
281
284
|
ref: z,
|
|
282
285
|
tabindex: "1"
|
|
283
286
|
}), [
|
|
284
|
-
(
|
|
287
|
+
(d(!0), o($, null, R(t(ke), ({ data: i, index: x }) => (d(), o("li", {
|
|
285
288
|
key: x,
|
|
286
|
-
"aria-selected": T(t(r)) ===
|
|
289
|
+
"aria-selected": T(t(r)) === i,
|
|
287
290
|
"aria-disabled": !!l.disabled,
|
|
288
|
-
onClick: () => L(
|
|
291
|
+
onClick: () => L(i)
|
|
289
292
|
}, [
|
|
290
293
|
C(e.$slots, "option", {
|
|
291
294
|
showCheckbox: !0,
|
|
292
|
-
option:
|
|
293
|
-
selected: T(t(r)) ===
|
|
295
|
+
option: i,
|
|
296
|
+
selected: T(t(r)) === i,
|
|
294
297
|
active: T(t(P)) === x
|
|
295
298
|
}, void 0, !0)
|
|
296
299
|
], 8, je))), 128))
|
|
297
300
|
], 16)),
|
|
298
|
-
l.loading ? (
|
|
299
|
-
(
|
|
300
|
-
key:
|
|
301
|
+
l.loading ? (d(), o("ul", Je, [
|
|
302
|
+
(d(), o($, null, R(H, (i) => a("li", {
|
|
303
|
+
key: i,
|
|
301
304
|
class: "include-exclude-list-item-skeleton"
|
|
302
305
|
}, [
|
|
303
306
|
a("div", Qe, [
|
|
@@ -321,11 +324,11 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
321
324
|
"include-exclude-list-header-loaded": !l.loading
|
|
322
325
|
}])
|
|
323
326
|
}, [
|
|
324
|
-
l.loading ? (
|
|
327
|
+
l.loading ? (d(), o("div", Ze, [
|
|
325
328
|
f(t(b), { round: "" })
|
|
326
329
|
])) : h("", !0),
|
|
327
330
|
a("div", _e, [
|
|
328
|
-
l.loading ? h("", !0) : (
|
|
331
|
+
l.loading ? h("", !0) : (d(), I(t(X), {
|
|
329
332
|
key: 0,
|
|
330
333
|
class: "include-exclude-selected-header-left-selected",
|
|
331
334
|
size: "sm"
|
|
@@ -337,7 +340,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
337
340
|
}))
|
|
338
341
|
]),
|
|
339
342
|
a("div", et, [
|
|
340
|
-
t(r)?.length && !l.loading && l.showClearAll ? (
|
|
343
|
+
t(r)?.length && !l.loading && l.showClearAll ? (d(), I(t(N), {
|
|
341
344
|
key: 0,
|
|
342
345
|
variant: "link",
|
|
343
346
|
theme: "third",
|
|
@@ -354,21 +357,21 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
354
357
|
])
|
|
355
358
|
], 2),
|
|
356
359
|
a("div", O({ class: "include-exclude-selected-list" }, t(Se)), [
|
|
357
|
-
t(r)?.length && !l.loading ? (
|
|
360
|
+
t(r)?.length && !l.loading ? (d(), o("ul", O({ key: 0 }, t(Ie), {
|
|
358
361
|
ref: "SelectedlistRef",
|
|
359
362
|
tabindex: "2"
|
|
360
363
|
}), [
|
|
361
|
-
(
|
|
364
|
+
(d(!0), o($, null, R(t(be), ({ data: i, index: x }) => (d(), o("li", { key: x }, [
|
|
362
365
|
C(e.$slots, "selected_option", {
|
|
363
|
-
option:
|
|
364
|
-
selected: T(t(r)) ===
|
|
366
|
+
option: i,
|
|
367
|
+
selected: T(t(r)) === i,
|
|
365
368
|
active: T(t(P)) === x
|
|
366
369
|
}, void 0, !0)
|
|
367
370
|
]))), 128))
|
|
368
371
|
], 16)) : h("", !0),
|
|
369
|
-
l.loading ? (
|
|
370
|
-
(
|
|
371
|
-
key:
|
|
372
|
+
l.loading ? (d(), o("ul", tt, [
|
|
373
|
+
(d(), o($, null, R(H, (i) => a("li", {
|
|
374
|
+
key: i,
|
|
372
375
|
class: "include-exclude-list-item-skeleton"
|
|
373
376
|
}, [
|
|
374
377
|
a("div", lt, [
|
|
@@ -425,5 +428,5 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
|
|
|
425
428
|
}
|
|
426
429
|
});
|
|
427
430
|
export {
|
|
428
|
-
|
|
431
|
+
Ct as default
|
|
429
432
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import e from "./IncludeExcludeAppHeader.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
|
|
2
|
+
/* empty css */import c from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_3cd4fcee_lang.css"; //*');
|
|
4
|
+
const _ = /* @__PURE__ */ c(e, [["__scopeId", "data-v-3cd4fcee"]]);
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
+
_ as default
|
|
6
7
|
};
|