@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.9
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/Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css +1 -0
- package/ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_31e553e8_lang.css +1 -0
- package/CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css +1 -0
- package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +1 -0
- package/FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css +1 -0
- package/FoldableSection.vue_vue_type_style_index_0_scoped_51b5b56d_lang.css +1 -0
- package/FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css +1 -0
- package/IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css +1 -0
- package/MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css +1 -0
- package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
- package/ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css +1 -0
- package/Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css +1 -0
- package/components/appTrigger/AppTrigger.vue2.js +19 -20
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
- package/components/autocompleteDropdown/index.d.ts +1 -1
- package/components/button/v3/Button.vue.d.ts +4 -27
- package/components/button/v3/Button.vue.js +2 -2
- package/components/button/v3/Button.vue2.js +43 -75
- package/components/button/{common → v3}/ButtonBase.vue.d.ts +9 -9
- package/components/button/{common → v3}/ButtonBase.vue.js +3 -3
- package/components/button/{common → v3}/ButtonBase.vue2.js +3 -3
- package/components/button/v3/IconButton.vue.js +2 -2
- package/components/button/v3/IconButton.vue2.js +4 -4
- package/components/button/v3/LoaderCircleIcon.vue2.js +0 -0
- package/components/button/v3/LoaderDotsIcon.vue2.js +0 -0
- package/components/button/v3/ScrollButton.vue2.js +4 -5
- package/components/button/v3/index.d.ts +130 -0
- package/components/button/v4/ButtonV4.vue.d.ts +16 -6
- package/components/button/v4/ButtonV4.vue.js +3 -3
- package/components/button/v4/ButtonV4.vue2.js +41 -38
- package/components/button/v4/index.d.ts +53 -15
- package/components/chip/v3/Chip.vue.d.ts +1 -1
- package/components/chip/v3/index.d.ts +20 -20
- package/components/chip/v4/ChipV4.vue.d.ts +1 -1
- package/components/chip/v4/index.d.ts +20 -20
- package/components/dialog/v3/Dialog.vue.d.ts +1 -1
- package/components/dialog/v3/index.d.ts +4 -4
- package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
- package/components/dialog/v4/index.d.ts +4 -4
- package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
- package/components/dropdown/v3/Dropdown.vue.js +2 -2
- package/components/dropdown/v3/Dropdown.vue2.js +4 -4
- package/components/dropdown/v3/index.d.ts +59 -59
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +3 -3
- package/components/dropdown/v4/DropdownV4.vue.d.ts +2 -2
- package/components/dropdown/v4/index.d.ts +111 -111
- package/components/filterDropdown/FilterDropdown.vue.js +2 -2
- package/components/filterDropdown/FilterDropdown.vue2.js +4 -4
- package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExclude.vue2.js +22 -23
- package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js +15 -16
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +31 -32
- package/components/includeExclude/IncludeExcludeOption.vue2.js +6 -7
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js +16 -17
- package/components/includeExclude/index.d.ts +135 -135
- package/components/input/v3/Input.vue.d.ts +3 -3
- package/components/input/v3/Input.vue2.js +3 -4
- package/components/input/v3/index.d.ts +82 -82
- package/components/input/v4/TextField.vue.d.ts +6 -6
- package/components/input/v4/TextField.vue2.js +8 -8
- package/components/input/v4/index.d.ts +103 -103
- package/components/layout/CardPanel.vue.d.ts +36 -0
- package/components/layout/CardPanel.vue.js +7 -0
- package/components/layout/CardPanel.vue2.js +25 -0
- package/components/layout/FoldableSection.vue.d.ts +50 -0
- package/components/layout/FoldableSection.vue.js +7 -0
- package/components/layout/FoldableSection.vue2.js +57 -0
- package/components/layout/FormCard.vue.d.ts +74 -0
- package/components/layout/FormCard.vue.js +7 -0
- package/components/layout/FormCard.vue2.js +74 -0
- package/components/layout/index.d.ts +405 -0
- package/components/layout/index.js +10 -0
- package/components/menu/Menu.vue.d.ts +1 -1
- package/components/menu/index.d.ts +20 -20
- package/components/menuItem/MenuItem.vue.js +5 -24
- package/components/menuItem/MenuItem.vue2.js +23 -0
- package/components/multibar/MultiBar.vue.d.ts +1 -1
- package/components/multibar/index.d.ts +1 -1
- package/components/popover/Popover.vue.js +6 -36
- package/components/popover/Popover.vue2.js +36 -3
- package/components/popover/index.d.ts +16 -16
- package/components/popover/index.js +2 -3
- package/components/shared/FieldLabel.vue2.js +3 -3
- package/components/snackbar/v4/SnackbarV4.vue.d.ts +30 -10
- package/components/table/common/Table.common.js +20 -20
- package/components/table/v3/index.d.ts +16 -16
- package/components/table/v4/DataGrid.vue.d.ts +1 -1
- package/components/table/v4/index.d.ts +20 -20
- package/components/toggle/v3/Toggle.vue.d.ts +1 -1
- package/components/toggle/v3/index.d.ts +17 -17
- package/components/toggle/v4/ToggleV4.vue.d.ts +2 -2
- package/components/toggle/v4/ToggleV4.vue.js +7 -0
- package/components/toggle/v4/ToggleV4.vue2.js +95 -0
- package/components/toggle/v4/index.d.ts +313 -0
- package/components/toggle/v4/index.js +6 -0
- package/components/tooltip/v3/Tooltip.vue.js +6 -3
- package/components/tooltip/v3/Tooltip.vue2.js +3 -3
- package/components/tooltip/v3/index.js +3 -4
- package/components/tooltip/v4/TooltipV4.vue.js +6 -65
- package/components/tooltip/v4/TooltipV4.vue2.js +67 -0
- package/components/tooltip/v4/index.js +2 -2
- package/index.d.ts +1556 -858
- package/index.js +137 -129
- package/package.json +17 -5
- package/testids/index.d.ts +11 -0
- package/testids/index.js +16 -14
- package/Button.vue_vue_type_style_index_0_scoped_d92097c8_lang.css +0 -1
- package/ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_3fd2281b_lang.css +0 -1
- package/Dropdown.vue_vue_type_style_index_0_scoped_e8324d12_lang.css +0 -1
- package/FilterDropdown.vue_vue_type_style_index_0_scoped_1320b13b_lang.css +0 -1
- package/IconButton.vue_vue_type_style_index_0_scoped_2fe9bc4c_lang.css +0 -1
- package/MenuItem.vue_vue_type_style_index_0_scoped_c7e837fa_lang.css +0 -1
- package/components/button/common/ButtonSuper.vue.d.ts +0 -52
- package/components/tooltip/v4/TooltipV4.vue3.js +0 -4
- /package/{Popover.vue_vue_type_style_index_0_lang.css → Popover.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/{Tooltip.vue_vue_type_style_index_0_lang.css → Tooltip.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/{TooltipV4.vue_vue_type_style_index_0_lang.css → TooltipV4.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/components/button/{consts.d.ts → common/consts.d.ts} +0 -0
- /package/components/button/{consts.js → common/consts.js} +0 -0
- /package/components/button/{icon → v3}/LoaderCircleIcon.vue.d.ts +0 -0
- /package/components/button/{icon → v3}/LoaderCircleIcon.vue.js +0 -0
- /package/components/button/{icon → v3}/LoaderDotsIcon.vue.d.ts +0 -0
- /package/components/button/{icon → v3}/LoaderDotsIcon.vue.js +0 -0
|
@@ -34,8 +34,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
34
34
|
size: string;
|
|
35
35
|
position: string;
|
|
36
36
|
}>>> & {
|
|
37
|
-
onClose?: () => any;
|
|
38
37
|
"onUpdate:modelValue"?: (value: unknown) => any;
|
|
38
|
+
onClose?: () => any;
|
|
39
39
|
onAction?: (action: MultiBarAction) => any;
|
|
40
40
|
}, {
|
|
41
41
|
size: 'small' | 'medium';
|
|
@@ -62,8 +62,8 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
|
|
|
62
62
|
default: number;
|
|
63
63
|
};
|
|
64
64
|
}>> & {
|
|
65
|
-
onClose?: () => any;
|
|
66
65
|
"onUpdate:modelValue"?: (value: unknown) => any;
|
|
66
|
+
onClose?: () => any;
|
|
67
67
|
onAction?: (action: import("./MultiBar.types").MultiBarAction) => any;
|
|
68
68
|
}, {
|
|
69
69
|
size: "small" | "medium";
|
|
@@ -1,38 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
open: { type: Boolean },
|
|
7
|
-
autoHide: { type: Boolean, default: !1 },
|
|
8
|
-
trigger: { default: "click" },
|
|
9
|
-
disabled: { type: Boolean, default: !1 },
|
|
10
|
-
placement: { default: "bottom-start" },
|
|
11
|
-
distance: { default: 0 },
|
|
12
|
-
skidding: { default: 0 },
|
|
13
|
-
testId: { default: "" }
|
|
14
|
-
},
|
|
15
|
-
setup(e) {
|
|
16
|
-
return (t, c) => (i(), l(r(s), {
|
|
17
|
-
theme: "custom-popover",
|
|
18
|
-
placement: e.placement,
|
|
19
|
-
shown: !!e.open,
|
|
20
|
-
triggers: e.trigger === "managed" ? [] : [e.trigger],
|
|
21
|
-
"auto-hide": e.autoHide,
|
|
22
|
-
distance: e.distance,
|
|
23
|
-
skidding: e.skidding,
|
|
24
|
-
"data-testid": e.testId
|
|
25
|
-
}, {
|
|
26
|
-
popper: a(({ hide: n }) => [
|
|
27
|
-
d(t.$slots, "content", { hide: n })
|
|
28
|
-
]),
|
|
29
|
-
default: a(() => [
|
|
30
|
-
d(t.$slots, "trigger")
|
|
31
|
-
]),
|
|
32
|
-
_: 3
|
|
33
|
-
}, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]));
|
|
34
|
-
}
|
|
35
|
-
});
|
|
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"]]);
|
|
36
6
|
export {
|
|
37
|
-
|
|
7
|
+
r as default
|
|
38
8
|
};
|
|
@@ -1,5 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
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
|
+
import { Dropdown as s } from "floating-vue";
|
|
3
|
+
const f = /* @__PURE__ */ n({
|
|
4
|
+
__name: "Popover",
|
|
5
|
+
props: {
|
|
6
|
+
open: { type: Boolean },
|
|
7
|
+
autoHide: { type: Boolean, default: !1 },
|
|
8
|
+
trigger: { default: "click" },
|
|
9
|
+
disabled: { type: Boolean, default: !1 },
|
|
10
|
+
placement: { default: "bottom-start" },
|
|
11
|
+
distance: { default: 0 },
|
|
12
|
+
skidding: { default: 0 },
|
|
13
|
+
testId: { default: "" }
|
|
14
|
+
},
|
|
15
|
+
setup(e) {
|
|
16
|
+
return (t, u) => (i(), r(l(s), {
|
|
17
|
+
theme: "custom-popover",
|
|
18
|
+
placement: e.placement,
|
|
19
|
+
shown: !!e.open,
|
|
20
|
+
triggers: e.trigger === "managed" ? [] : [e.trigger],
|
|
21
|
+
"auto-hide": e.autoHide,
|
|
22
|
+
distance: e.distance,
|
|
23
|
+
skidding: e.skidding,
|
|
24
|
+
"data-testid": e.testId
|
|
25
|
+
}, {
|
|
26
|
+
popper: a(({ hide: o }) => [
|
|
27
|
+
d(t.$slots, "content", { hide: o }, void 0, !0)
|
|
28
|
+
]),
|
|
29
|
+
default: a(() => [
|
|
30
|
+
d(t.$slots, "trigger", {}, void 0, !0)
|
|
31
|
+
]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]));
|
|
34
|
+
}
|
|
35
|
+
});
|
|
3
36
|
export {
|
|
4
|
-
|
|
37
|
+
f as default
|
|
5
38
|
};
|
|
@@ -27,14 +27,14 @@ declare const PopoverTypes: () => ({
|
|
|
27
27
|
type: import("vue").PropType<boolean>;
|
|
28
28
|
default: boolean;
|
|
29
29
|
};
|
|
30
|
-
distance: {
|
|
31
|
-
type: import("vue").PropType<number>;
|
|
32
|
-
default: number;
|
|
33
|
-
};
|
|
34
30
|
open: {
|
|
35
31
|
type: import("vue").PropType<boolean>;
|
|
36
32
|
required: true;
|
|
37
33
|
};
|
|
34
|
+
distance: {
|
|
35
|
+
type: import("vue").PropType<number>;
|
|
36
|
+
default: number;
|
|
37
|
+
};
|
|
38
38
|
skidding: {
|
|
39
39
|
type: import("vue").PropType<number>;
|
|
40
40
|
default: number;
|
|
@@ -74,14 +74,14 @@ declare const PopoverTypes: () => ({
|
|
|
74
74
|
type: import("vue").PropType<boolean>;
|
|
75
75
|
default: boolean;
|
|
76
76
|
};
|
|
77
|
-
distance: {
|
|
78
|
-
type: import("vue").PropType<number>;
|
|
79
|
-
default: number;
|
|
80
|
-
};
|
|
81
77
|
open: {
|
|
82
78
|
type: import("vue").PropType<boolean>;
|
|
83
79
|
required: true;
|
|
84
80
|
};
|
|
81
|
+
distance: {
|
|
82
|
+
type: import("vue").PropType<number>;
|
|
83
|
+
default: number;
|
|
84
|
+
};
|
|
85
85
|
skidding: {
|
|
86
86
|
type: import("vue").PropType<number>;
|
|
87
87
|
default: number;
|
|
@@ -135,14 +135,14 @@ declare const PopoverTypes: () => ({
|
|
|
135
135
|
type: import("vue").PropType<boolean>;
|
|
136
136
|
default: boolean;
|
|
137
137
|
};
|
|
138
|
-
distance: {
|
|
139
|
-
type: import("vue").PropType<number>;
|
|
140
|
-
default: number;
|
|
141
|
-
};
|
|
142
138
|
open: {
|
|
143
139
|
type: import("vue").PropType<boolean>;
|
|
144
140
|
required: true;
|
|
145
141
|
};
|
|
142
|
+
distance: {
|
|
143
|
+
type: import("vue").PropType<number>;
|
|
144
|
+
default: number;
|
|
145
|
+
};
|
|
146
146
|
skidding: {
|
|
147
147
|
type: import("vue").PropType<number>;
|
|
148
148
|
default: number;
|
|
@@ -172,14 +172,14 @@ declare const PopoverTypes: () => ({
|
|
|
172
172
|
type: import("vue").PropType<boolean>;
|
|
173
173
|
default: boolean;
|
|
174
174
|
};
|
|
175
|
-
distance: {
|
|
176
|
-
type: import("vue").PropType<number>;
|
|
177
|
-
default: number;
|
|
178
|
-
};
|
|
179
175
|
open: {
|
|
180
176
|
type: import("vue").PropType<boolean>;
|
|
181
177
|
required: true;
|
|
182
178
|
};
|
|
179
|
+
distance: {
|
|
180
|
+
type: import("vue").PropType<number>;
|
|
181
|
+
default: number;
|
|
182
|
+
};
|
|
183
183
|
skidding: {
|
|
184
184
|
type: import("vue").PropType<number>;
|
|
185
185
|
default: number;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "../../FieldLabel.vue_vue_type_style_index_0_scoped_526af548_lang.css"; import { defineComponent as c, openBlock as r, createElementBlock as u, mergeProps as o, unref as e, createVNode as n, withCtx as d, createTextVNode as s, toDisplayString as p, createBlock as i, createCommentVNode as m } from "vue";
|
|
2
2
|
import T from "../icon/v3/Icon.vue.js";
|
|
3
3
|
import b from "../tooltip/v4/TooltipV4.vue.js";
|
|
4
|
-
|
|
4
|
+
import f from "../typography/v4/Typography.vue.js";
|
|
5
5
|
import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
|
|
6
6
|
import { useTestIdAttrs as x } from "../../utils/testIds.js";
|
|
7
|
-
const
|
|
7
|
+
const H = /* @__PURE__ */ c({
|
|
8
8
|
__name: "FieldLabel",
|
|
9
9
|
props: {
|
|
10
10
|
label: { default: "" },
|
|
@@ -57,5 +57,5 @@ const C = /* @__PURE__ */ c({
|
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
59
|
export {
|
|
60
|
-
|
|
60
|
+
H as default
|
|
61
61
|
};
|
|
@@ -23,8 +23,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
23
23
|
content: string;
|
|
24
24
|
disabled: boolean;
|
|
25
25
|
color: "default" | "info" | "success" | "warning" | "primary" | "danger";
|
|
26
|
-
startIconName:
|
|
27
|
-
endIconName:
|
|
26
|
+
startIconName: string;
|
|
27
|
+
endIconName: string;
|
|
28
|
+
startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
29
|
+
endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
28
30
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
29
31
|
size: {
|
|
30
32
|
type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
|
|
@@ -55,14 +57,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
55
57
|
default: string;
|
|
56
58
|
};
|
|
57
59
|
startIconName: {
|
|
58
|
-
type: import("vue").PropType<
|
|
60
|
+
type: import("vue").PropType<string>;
|
|
59
61
|
default: any;
|
|
60
62
|
};
|
|
61
63
|
endIconName: {
|
|
62
|
-
type: import("vue").PropType<
|
|
64
|
+
type: import("vue").PropType<string>;
|
|
63
65
|
default: any;
|
|
64
66
|
};
|
|
65
|
-
|
|
67
|
+
startIconType: {
|
|
68
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
69
|
+
default: string;
|
|
70
|
+
};
|
|
71
|
+
endIconType: {
|
|
72
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
75
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
|
|
66
76
|
testId: string;
|
|
67
77
|
}>, {
|
|
68
78
|
type: string;
|
|
@@ -98,8 +108,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
98
108
|
content: string;
|
|
99
109
|
disabled: boolean;
|
|
100
110
|
color: "default" | "info" | "success" | "warning" | "primary" | "danger";
|
|
101
|
-
startIconName:
|
|
102
|
-
endIconName:
|
|
111
|
+
startIconName: string;
|
|
112
|
+
endIconName: string;
|
|
113
|
+
startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
114
|
+
endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
103
115
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
104
116
|
size: {
|
|
105
117
|
type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
|
|
@@ -130,14 +142,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
130
142
|
default: string;
|
|
131
143
|
};
|
|
132
144
|
startIconName: {
|
|
133
|
-
type: import("vue").PropType<
|
|
145
|
+
type: import("vue").PropType<string>;
|
|
134
146
|
default: any;
|
|
135
147
|
};
|
|
136
148
|
endIconName: {
|
|
137
|
-
type: import("vue").PropType<
|
|
149
|
+
type: import("vue").PropType<string>;
|
|
138
150
|
default: any;
|
|
139
151
|
};
|
|
140
|
-
|
|
152
|
+
startIconType: {
|
|
153
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
154
|
+
default: string;
|
|
155
|
+
};
|
|
156
|
+
endIconType: {
|
|
157
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
158
|
+
default: string;
|
|
159
|
+
};
|
|
160
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
|
|
141
161
|
testId: string;
|
|
142
162
|
}>, {
|
|
143
163
|
type: string;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ref as
|
|
1
|
+
import { ref as a, provide as z, computed as i, useSlots as G, onMounted as K, nextTick as N } from "vue";
|
|
2
2
|
import { useVirtualList as V, useInfiniteScroll as j } from "@vueuse/core";
|
|
3
3
|
import { TableContext as q } from "./TableContext.js";
|
|
4
|
-
const F = 46, J = 46, Z = (o,
|
|
5
|
-
const c =
|
|
4
|
+
const F = 46, J = 46, Z = (o, u) => {
|
|
5
|
+
const c = a([]);
|
|
6
6
|
z(q, {
|
|
7
7
|
onClose({ rowIndex: t, cellIndex: e, value: n } = {}) {
|
|
8
|
-
n && (c.value = [...c.value, t],
|
|
8
|
+
n && (c.value = [...c.value, t], u("saveRow", {
|
|
9
9
|
rowIndex: t,
|
|
10
10
|
cellIndex: e,
|
|
11
11
|
value: n,
|
|
@@ -17,40 +17,40 @@ const F = 46, J = 46, Z = (o, a) => {
|
|
|
17
17
|
}));
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
const m =
|
|
20
|
+
const m = i(() => !!o.selection), T = i(() => {
|
|
21
21
|
const t = (m.value ? `${J}px ` : "") + (C.value ? `${F}px ` : "");
|
|
22
22
|
return o.columns.reduce((e, n) => {
|
|
23
23
|
const s = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
|
|
24
24
|
return `${e} ${s}`;
|
|
25
25
|
}, t);
|
|
26
|
-
}), R =
|
|
26
|
+
}), R = a(null), y = i(() => Array(o.loadingRowCount).fill(
|
|
27
27
|
Array(o.columns.length).fill("")
|
|
28
|
-
)), $ =
|
|
28
|
+
)), $ = i(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: v, containerProps: l, wrapperProps: b } = V($, {
|
|
29
29
|
itemHeight: (t) => h[t] ?? o.rowHeight
|
|
30
|
-
}), H =
|
|
31
|
-
|
|
30
|
+
}), H = a(null), g = a(0), x = G(), k = i(() => !!x.search), B = (t) => {
|
|
31
|
+
l.onScroll(), g.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
|
|
32
32
|
};
|
|
33
33
|
K(() => {
|
|
34
|
-
g.value =
|
|
35
|
-
|
|
34
|
+
g.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
|
|
35
|
+
l.ref.value?.scrollTo({
|
|
36
36
|
top: o.defaultScrollPosition,
|
|
37
37
|
behavior: "smooth"
|
|
38
38
|
});
|
|
39
39
|
}, 300);
|
|
40
40
|
});
|
|
41
|
-
const I =
|
|
41
|
+
const I = i(() => {
|
|
42
42
|
const [t] = v.value;
|
|
43
43
|
return t && t.index > 0;
|
|
44
|
-
}), O =
|
|
44
|
+
}), O = i(() => l.style), P = i(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
|
|
45
45
|
j(
|
|
46
|
-
|
|
46
|
+
l.ref,
|
|
47
47
|
() => {
|
|
48
|
-
o.isInfiniteScroll &&
|
|
48
|
+
o.isInfiniteScroll && u("loadMore");
|
|
49
49
|
},
|
|
50
50
|
{ distance: o.infiniteScrollThreshold }
|
|
51
51
|
);
|
|
52
52
|
function E() {
|
|
53
|
-
|
|
53
|
+
l.ref.value?.scrollTo({
|
|
54
54
|
top: 0,
|
|
55
55
|
behavior: "smooth"
|
|
56
56
|
});
|
|
@@ -62,7 +62,7 @@ const F = 46, J = 46, Z = (o, a) => {
|
|
|
62
62
|
if (!(t.isSortable || t.isSortable === void 0))
|
|
63
63
|
return;
|
|
64
64
|
let s = o.sort.sortOrder, f = o.sort.sortBy;
|
|
65
|
-
e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id,
|
|
65
|
+
e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: s });
|
|
66
66
|
}
|
|
67
67
|
function A(t) {
|
|
68
68
|
const { isSticky: e, width: n } = t;
|
|
@@ -74,7 +74,7 @@ const F = 46, J = 46, Z = (o, a) => {
|
|
|
74
74
|
zIndex: 1
|
|
75
75
|
};
|
|
76
76
|
}
|
|
77
|
-
const d =
|
|
77
|
+
const d = a([]), h = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
|
|
78
78
|
const n = d.value.indexOf(t);
|
|
79
79
|
if (n === -1) {
|
|
80
80
|
d.value.push(t);
|
|
@@ -82,12 +82,12 @@ const F = 46, J = 46, Z = (o, a) => {
|
|
|
82
82
|
await N(), s && (h[t] = s.offsetHeight);
|
|
83
83
|
} else
|
|
84
84
|
d.value.splice(n, 1), delete h[t];
|
|
85
|
-
}, C =
|
|
85
|
+
}, C = i(() => !!x.expanded), M = i(() => `${o.rowHeight}px`), W = i(
|
|
86
86
|
() => `1 / span ${o.columns.length + 1}`
|
|
87
87
|
);
|
|
88
88
|
return {
|
|
89
89
|
list: v,
|
|
90
|
-
containerProps:
|
|
90
|
+
containerProps: l,
|
|
91
91
|
wrapperProps: b,
|
|
92
92
|
activeRow: R,
|
|
93
93
|
gridColumnTemplate: T,
|
|
@@ -28,14 +28,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
28
28
|
type: import("vue").PropType<string>;
|
|
29
29
|
default: string;
|
|
30
30
|
};
|
|
31
|
-
isLoading: {
|
|
32
|
-
type: import("vue").PropType<boolean>;
|
|
33
|
-
default: boolean;
|
|
34
|
-
};
|
|
35
31
|
columns: {
|
|
36
32
|
type: import("vue").PropType<import("../common/Table.types").Column[]>;
|
|
37
33
|
required: true;
|
|
38
34
|
};
|
|
35
|
+
isLoading: {
|
|
36
|
+
type: import("vue").PropType<boolean>;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
39
|
isSticky: {
|
|
40
40
|
type: import("vue").PropType<boolean>;
|
|
41
41
|
default: boolean;
|
|
@@ -122,14 +122,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
122
122
|
type: import("vue").PropType<string>;
|
|
123
123
|
default: string;
|
|
124
124
|
};
|
|
125
|
-
isLoading: {
|
|
126
|
-
type: import("vue").PropType<boolean>;
|
|
127
|
-
default: boolean;
|
|
128
|
-
};
|
|
129
125
|
columns: {
|
|
130
126
|
type: import("vue").PropType<import("../common/Table.types").Column[]>;
|
|
131
127
|
required: true;
|
|
132
128
|
};
|
|
129
|
+
isLoading: {
|
|
130
|
+
type: import("vue").PropType<boolean>;
|
|
131
|
+
default: boolean;
|
|
132
|
+
};
|
|
133
133
|
isSticky: {
|
|
134
134
|
type: import("vue").PropType<boolean>;
|
|
135
135
|
default: boolean;
|
|
@@ -240,14 +240,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
240
240
|
type: import("vue").PropType<string>;
|
|
241
241
|
default: string;
|
|
242
242
|
};
|
|
243
|
-
isLoading: {
|
|
244
|
-
type: import("vue").PropType<boolean>;
|
|
245
|
-
default: boolean;
|
|
246
|
-
};
|
|
247
243
|
columns: {
|
|
248
244
|
type: import("vue").PropType<import("../common/Table.types").Column[]>;
|
|
249
245
|
required: true;
|
|
250
246
|
};
|
|
247
|
+
isLoading: {
|
|
248
|
+
type: import("vue").PropType<boolean>;
|
|
249
|
+
default: boolean;
|
|
250
|
+
};
|
|
251
251
|
isSticky: {
|
|
252
252
|
type: import("vue").PropType<boolean>;
|
|
253
253
|
default: boolean;
|
|
@@ -319,14 +319,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
319
319
|
type: import("vue").PropType<string>;
|
|
320
320
|
default: string;
|
|
321
321
|
};
|
|
322
|
-
isLoading: {
|
|
323
|
-
type: import("vue").PropType<boolean>;
|
|
324
|
-
default: boolean;
|
|
325
|
-
};
|
|
326
322
|
columns: {
|
|
327
323
|
type: import("vue").PropType<import("../common/Table.types").Column[]>;
|
|
328
324
|
required: true;
|
|
329
325
|
};
|
|
326
|
+
isLoading: {
|
|
327
|
+
type: import("vue").PropType<boolean>;
|
|
328
|
+
default: boolean;
|
|
329
|
+
};
|
|
330
330
|
isSticky: {
|
|
331
331
|
type: import("vue").PropType<boolean>;
|
|
332
332
|
default: boolean;
|
|
@@ -120,10 +120,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
120
120
|
title: string;
|
|
121
121
|
search: string;
|
|
122
122
|
testId: string;
|
|
123
|
-
isLoading: boolean;
|
|
124
123
|
searchPlaceholder: string;
|
|
125
124
|
selection: unknown[];
|
|
126
125
|
searchAutoFocus: boolean;
|
|
126
|
+
isLoading: boolean;
|
|
127
127
|
isSticky: boolean;
|
|
128
128
|
sections: Section[];
|
|
129
129
|
isStickyHeader: boolean;
|