@ironsource/shared-ui 2.1.1 → 2.1.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/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css +1 -0
- package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c859928d_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css +1 -0
- package/MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css +1 -0
- package/MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css +1 -0
- package/StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css +1 -0
- package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css +1 -0
- package/components/appHeader/AppHeader.vue.d.ts +5 -0
- package/components/appHeader/AppHeader.vue.js +2 -2
- package/components/appHeader/AppHeader.vue2.js +33 -29
- package/components/appHeader/index.d.ts +9 -0
- package/components/dropdown/common/Dropdown.common.js +18 -18
- package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/AppDropdownTrigger.vue2.js +37 -37
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +5 -0
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +48 -40
- package/components/dropdown/v4/DropdownV4.vue.d.ts +11 -3
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +107 -102
- package/components/dropdown/v4/dropdownStoryArgs.d.ts +283 -0
- package/components/dropdown/v4/index.d.ts +54 -9
- package/components/icon/v3/Icon.vue2.js +1 -1
- package/components/icon/v3/icons/FiltersSearch.vue.js +41 -0
- package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
- package/components/inlineCopy/InlineCopy.vue.js +2 -2
- package/components/inlineCopy/InlineCopy.vue2.js +29 -27
- package/components/inlineCopy/index.d.ts +11 -0
- package/components/multibar/MultiBar.types.d.ts +1 -0
- package/components/multibar/MultiBar.vue.d.ts +10 -0
- package/components/multibar/MultiBar.vue.js +3 -3
- package/components/multibar/MultiBar.vue2.js +58 -51
- package/components/multibar/MultiBarMenu.vue.d.ts +5 -0
- package/components/multibar/MultiBarMenu.vue.js +3 -3
- package/components/multibar/MultiBarMenu.vue2.js +23 -18
- package/components/multibar/index.d.ts +18 -0
- package/components/statusDot/StatusDot.vue.d.ts +30 -0
- package/components/statusDot/StatusDot.vue.js +7 -0
- package/components/statusDot/StatusDot.vue2.js +15 -0
- package/components/statusDot/index.d.ts +17 -0
- package/components/statusDot/index.js +6 -0
- package/components/statusDot/types.d.ts +2 -0
- package/components/table/common/Table.common.js +31 -31
- package/components/table/v4/DataGrid.vue.d.ts +8 -3
- package/components/table/v4/DataGrid.vue.js +2 -2
- package/components/table/v4/DataGrid.vue2.js +76 -75
- package/components/table/v4/index.d.ts +27 -8
- package/components/toggle/v4/ToggleV4.vue.js +5 -5
- package/components/toggle/v4/ToggleV4.vue2.js +1 -1
- package/index.d.ts +232 -34
- package/index.js +104 -102
- package/package.json +6 -2
- package/testids/index.d.ts +6 -0
- package/testids/index.js +15 -14
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css +0 -1
- package/AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_19f8fedd_lang.css +0 -1
- package/InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css +0 -1
- package/MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css +0 -1
- package/MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css +0 -1
- package/ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css +0 -1
- /package/components/icon/{icons → v3/icons}/FiltersSearch.vue.d.ts +0 -0
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { openBlock as l, createElementBlock as o, createElementVNode as e } from "vue";
|
|
2
|
+
import t from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
const r = {}, c = {
|
|
4
|
+
viewBox: "0 0 37 37",
|
|
5
|
+
fill: "currentColor"
|
|
6
|
+
}, n = /* @__PURE__ */ e("path", {
|
|
7
|
+
"fill-rule": "evenodd",
|
|
8
|
+
"clip-rule": "evenodd",
|
|
9
|
+
d: "M36.9688 20.2016C36.9688 21.9305 35.5672 23.332 33.8383 23.332L3.16005 23.332C1.43116 23.332 0.0296174 21.9305 0.0296176 20.2016C0.0296177 18.4727 1.43116 17.0712 3.16005 17.0712L33.8383 17.0712C35.5672 17.0712 36.9688 18.4727 36.9688 20.2016Z",
|
|
10
|
+
fill: "#DDDFE1"
|
|
11
|
+
}, null, -1), i = /* @__PURE__ */ e("path", {
|
|
12
|
+
"fill-rule": "evenodd",
|
|
13
|
+
"clip-rule": "evenodd",
|
|
14
|
+
d: "M0.0312495 6.42731C0.0312498 4.69842 1.43279 3.29688 3.16168 3.29688L33.8399 3.29688C35.5688 3.29688 36.9704 4.69842 36.9704 6.42732C36.9704 8.15621 35.5688 9.55775 33.8399 9.55775L3.16168 9.55774C1.43279 9.55774 0.0312492 8.1562 0.0312495 6.42731Z",
|
|
15
|
+
fill: "#DDDFE1"
|
|
16
|
+
}, null, -1), s = /* @__PURE__ */ e("ellipse", {
|
|
17
|
+
cx: "26.3251",
|
|
18
|
+
cy: "20.2001",
|
|
19
|
+
rx: "6.26087",
|
|
20
|
+
ry: "6.26087",
|
|
21
|
+
transform: "rotate(-180 26.3251 20.2001)",
|
|
22
|
+
fill: "#53575B"
|
|
23
|
+
}, null, -1), d = /* @__PURE__ */ e("ellipse", {
|
|
24
|
+
cx: "10.6749",
|
|
25
|
+
cy: "6.42689",
|
|
26
|
+
rx: "6.26087",
|
|
27
|
+
ry: "6.26087",
|
|
28
|
+
fill: "#53575B"
|
|
29
|
+
}, null, -1), _ = [
|
|
30
|
+
n,
|
|
31
|
+
i,
|
|
32
|
+
s,
|
|
33
|
+
d
|
|
34
|
+
];
|
|
35
|
+
function f(u, a) {
|
|
36
|
+
return l(), o("svg", c, _);
|
|
37
|
+
}
|
|
38
|
+
const C = /* @__PURE__ */ t(r, [["render", f]]);
|
|
39
|
+
export {
|
|
40
|
+
C as default
|
|
41
|
+
};
|
|
@@ -2,22 +2,27 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
2
2
|
text: string;
|
|
3
3
|
size: 'small' | 'medium';
|
|
4
4
|
testId: string;
|
|
5
|
+
hideTextValue: boolean;
|
|
5
6
|
}>, {
|
|
6
7
|
size: string;
|
|
7
8
|
text: string;
|
|
8
9
|
testId: string;
|
|
10
|
+
hideTextValue: boolean;
|
|
9
11
|
}>, {}, 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<{
|
|
10
12
|
text: string;
|
|
11
13
|
size: 'small' | 'medium';
|
|
12
14
|
testId: string;
|
|
15
|
+
hideTextValue: boolean;
|
|
13
16
|
}>, {
|
|
14
17
|
size: string;
|
|
15
18
|
text: string;
|
|
16
19
|
testId: string;
|
|
20
|
+
hideTextValue: boolean;
|
|
17
21
|
}>>>, {
|
|
18
22
|
text: string;
|
|
19
23
|
size: 'small' | 'medium';
|
|
20
24
|
testId: string;
|
|
25
|
+
hideTextValue: boolean;
|
|
21
26
|
}>;
|
|
22
27
|
export default _default;
|
|
23
28
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./InlineCopy.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../InlineCopy.
|
|
4
|
-
const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-117ac157"]]);
|
|
5
5
|
export {
|
|
6
6
|
t as default
|
|
7
7
|
};
|
|
@@ -1,54 +1,56 @@
|
|
|
1
|
-
import "../../InlineCopy.
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { useClipboard as
|
|
1
|
+
import "../../InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css"; import { defineComponent as d, computed as f, openBlock as s, createElementBlock as y, createBlock as x, unref as e, mergeProps as i, withCtx as c, createTextVNode as C, toDisplayString as T, createCommentVNode as I, createVNode as l } from "vue";
|
|
2
|
+
import h from "../icon/v4/IconV4.vue.js";
|
|
3
|
+
import k from "../typography/v4/Typography.vue.js";
|
|
4
|
+
import { useClipboard as V } from "@vueuse/core";
|
|
5
5
|
import { Snackbar as z } from "../snackbar/v4/index.js";
|
|
6
|
-
import
|
|
7
|
-
import { useTestIdAttrs as
|
|
6
|
+
import B from "../tooltip/v4/TooltipV4.vue.js";
|
|
7
|
+
import { useTestIdAttrs as _ } from "../../utils/testIds.js";
|
|
8
8
|
import { InlineCopyTestIdModifiers as r } from "../../testids/index.js";
|
|
9
|
-
const
|
|
9
|
+
const M = /* @__PURE__ */ d({
|
|
10
10
|
__name: "InlineCopy",
|
|
11
11
|
props: {
|
|
12
12
|
text: { default: "" },
|
|
13
13
|
size: { default: "small" },
|
|
14
|
-
testId: { default: "" }
|
|
14
|
+
testId: { default: "" },
|
|
15
|
+
hideTextValue: { type: Boolean, default: !1 }
|
|
15
16
|
},
|
|
16
|
-
setup(
|
|
17
|
-
const
|
|
18
|
-
switch (
|
|
17
|
+
setup(t) {
|
|
18
|
+
const o = t, { copy: n, copied: p } = V({}), m = f(() => {
|
|
19
|
+
switch (o.size) {
|
|
19
20
|
case "medium":
|
|
20
21
|
return "0.875rem";
|
|
21
22
|
case "small":
|
|
22
23
|
default:
|
|
23
24
|
return "0.75rem";
|
|
24
25
|
}
|
|
25
|
-
}),
|
|
26
|
-
await
|
|
26
|
+
}), u = async () => {
|
|
27
|
+
await n(o.text), p.value && z({
|
|
27
28
|
title: "Copied successfully",
|
|
28
29
|
type: "success",
|
|
29
30
|
duration: 2e3
|
|
30
31
|
});
|
|
31
|
-
},
|
|
32
|
-
return (
|
|
32
|
+
}, a = _(o.testId, r);
|
|
33
|
+
return (N, S) => (s(), y("div", {
|
|
33
34
|
class: "inline-copy",
|
|
34
|
-
onClick:
|
|
35
|
+
onClick: u
|
|
35
36
|
}, [
|
|
36
|
-
|
|
37
|
+
t.hideTextValue ? I("", !0) : (s(), x(e(k), i({
|
|
38
|
+
key: 0,
|
|
37
39
|
variant: "caption",
|
|
38
|
-
style: { fontSize:
|
|
39
|
-
},
|
|
40
|
-
default:
|
|
41
|
-
|
|
40
|
+
style: { fontSize: e(m) }
|
|
41
|
+
}, e(a)[e(r).TEXT]), {
|
|
42
|
+
default: c(() => [
|
|
43
|
+
C(T(t.text), 1)
|
|
42
44
|
]),
|
|
43
45
|
_: 1
|
|
44
|
-
}, 16, ["style"]),
|
|
45
|
-
|
|
46
|
-
default:
|
|
47
|
-
|
|
46
|
+
}, 16, ["style"])),
|
|
47
|
+
l(e(B), { text: "Copy to clipboar" }, {
|
|
48
|
+
default: c(() => [
|
|
49
|
+
l(e(h), i({
|
|
48
50
|
class: "icon-copy",
|
|
49
51
|
name: "copy",
|
|
50
52
|
size: "16px"
|
|
51
|
-
},
|
|
53
|
+
}, e(a)[e(r).COPY_BTN]), null, 16)
|
|
52
54
|
]),
|
|
53
55
|
_: 1
|
|
54
56
|
})
|
|
@@ -56,5 +58,5 @@ const P = /* @__PURE__ */ u({
|
|
|
56
58
|
}
|
|
57
59
|
});
|
|
58
60
|
export {
|
|
59
|
-
|
|
61
|
+
M as default
|
|
60
62
|
};
|
|
@@ -15,6 +15,11 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
|
|
|
15
15
|
required: true;
|
|
16
16
|
default: string;
|
|
17
17
|
};
|
|
18
|
+
hideTextValue: {
|
|
19
|
+
type: import("vue").PropType<boolean>;
|
|
20
|
+
required: true;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
18
23
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
24
|
text: {
|
|
20
25
|
type: import("vue").PropType<string>;
|
|
@@ -31,9 +36,15 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
|
|
|
31
36
|
required: true;
|
|
32
37
|
default: string;
|
|
33
38
|
};
|
|
39
|
+
hideTextValue: {
|
|
40
|
+
type: import("vue").PropType<boolean>;
|
|
41
|
+
required: true;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
34
44
|
}>>, {
|
|
35
45
|
text: string;
|
|
36
46
|
size: "small" | "medium";
|
|
37
47
|
testId: string;
|
|
48
|
+
hideTextValue: boolean;
|
|
38
49
|
}>[];
|
|
39
50
|
export { InlineCopy, InlineCopyTypes };
|
|
@@ -7,6 +7,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
7
7
|
visibleActionsCount?: number;
|
|
8
8
|
size?: 'small' | 'medium';
|
|
9
9
|
position?: 'center' | 'left';
|
|
10
|
+
testId?: string;
|
|
11
|
+
zIndex?: number;
|
|
10
12
|
}>, {
|
|
11
13
|
selectedCount: number;
|
|
12
14
|
appendToBody: boolean;
|
|
@@ -14,6 +16,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
14
16
|
visibleActionsCount: number;
|
|
15
17
|
size: string;
|
|
16
18
|
position: string;
|
|
19
|
+
testId: string;
|
|
20
|
+
zIndex: number;
|
|
17
21
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
22
|
"update:modelValue": (value: unknown) => void;
|
|
19
23
|
close: () => void;
|
|
@@ -26,6 +30,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
26
30
|
visibleActionsCount?: number;
|
|
27
31
|
size?: 'small' | 'medium';
|
|
28
32
|
position?: 'center' | 'left';
|
|
33
|
+
testId?: string;
|
|
34
|
+
zIndex?: number;
|
|
29
35
|
}>, {
|
|
30
36
|
selectedCount: number;
|
|
31
37
|
appendToBody: boolean;
|
|
@@ -33,6 +39,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
33
39
|
visibleActionsCount: number;
|
|
34
40
|
size: string;
|
|
35
41
|
position: string;
|
|
42
|
+
testId: string;
|
|
43
|
+
zIndex: number;
|
|
36
44
|
}>>> & {
|
|
37
45
|
onClose?: () => any;
|
|
38
46
|
"onUpdate:modelValue"?: (value: unknown) => any;
|
|
@@ -40,6 +48,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
40
48
|
}, {
|
|
41
49
|
size: 'small' | 'medium';
|
|
42
50
|
position: 'center' | 'left';
|
|
51
|
+
zIndex: number;
|
|
52
|
+
testId: string;
|
|
43
53
|
actions: MultiBarAction[];
|
|
44
54
|
appendToBody: boolean;
|
|
45
55
|
selectedCount: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./MultiBar.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../MultiBar.
|
|
4
|
-
const p = /* @__PURE__ */
|
|
2
|
+
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b473b35e"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import "../../MultiBar.
|
|
2
|
-
import { useVModel as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
1
|
+
import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as c, Transition as g, withCtx as u, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
|
|
2
|
+
import { useVModel as $ } from "@vueuse/core";
|
|
3
|
+
import E from "../typography/v4/Typography.vue.js";
|
|
4
|
+
import S from "../button/v4/ButtonV4.vue.js";
|
|
5
|
+
import P from "../button/v4/IconButtonV4.vue.js";
|
|
6
|
+
import w from "./MultiBarMenu.vue.js";
|
|
7
|
+
import { useTestIdAttrs as L } from "../../utils/testIds.js";
|
|
8
|
+
import { MultiBarTestIdModifiers as n } from "../../testids/index.js";
|
|
9
|
+
const O = { class: "multi-bar-panel" }, R = {
|
|
8
10
|
key: 0,
|
|
9
11
|
class: "count-text"
|
|
10
|
-
},
|
|
12
|
+
}, D = {
|
|
11
13
|
inheritAttrs: !1
|
|
12
|
-
},
|
|
13
|
-
...
|
|
14
|
+
}, X = /* @__PURE__ */ k({
|
|
15
|
+
...D,
|
|
14
16
|
__name: "MultiBar",
|
|
15
17
|
props: {
|
|
16
18
|
modelValue: { type: Boolean },
|
|
@@ -19,72 +21,77 @@ const D = { class: "multi-bar-panel" }, F = {
|
|
|
19
21
|
actions: { default: () => [] },
|
|
20
22
|
visibleActionsCount: { default: 4 },
|
|
21
23
|
size: { default: "medium" },
|
|
22
|
-
position: { default: "center" }
|
|
24
|
+
position: { default: "center" },
|
|
25
|
+
testId: { default: "" },
|
|
26
|
+
zIndex: { default: 1e3 }
|
|
23
27
|
},
|
|
24
28
|
emits: ["update:modelValue", "close", "action"],
|
|
25
|
-
setup(
|
|
26
|
-
const e =
|
|
27
|
-
|
|
28
|
-
},
|
|
29
|
-
|
|
30
|
-
},
|
|
29
|
+
setup(o, { emit: s }) {
|
|
30
|
+
const e = o, f = $(e, "modelValue", s), I = () => {
|
|
31
|
+
f.value = !1, s("close");
|
|
32
|
+
}, b = (a) => {
|
|
33
|
+
s("action", a);
|
|
34
|
+
}, p = v(
|
|
31
35
|
() => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
|
|
32
|
-
),
|
|
36
|
+
), C = v(
|
|
33
37
|
() => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
|
|
34
|
-
);
|
|
35
|
-
return (a,
|
|
38
|
+
), y = L(e.testId, n);
|
|
39
|
+
return (a, F) => (l(), d(x, {
|
|
36
40
|
to: "body",
|
|
37
|
-
disabled: !
|
|
41
|
+
disabled: !o.appendToBody
|
|
38
42
|
}, [
|
|
39
|
-
c(
|
|
43
|
+
c(g, { name: "multi-bar" }, {
|
|
40
44
|
default: u(() => [
|
|
41
|
-
|
|
45
|
+
t(f) ? (l(), r("div", B({
|
|
42
46
|
key: 0,
|
|
43
47
|
class: ["multi-bar", {
|
|
44
48
|
"light-theme-v4": !0,
|
|
45
|
-
"multi-bar--fixed":
|
|
46
|
-
"multi-bar--sticky": !
|
|
47
|
-
"multi-bar--small":
|
|
48
|
-
"multi-bar--medium":
|
|
49
|
-
"multi-bar--left":
|
|
50
|
-
}]
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
"multi-bar--fixed": o.appendToBody,
|
|
50
|
+
"multi-bar--sticky": !o.appendToBody,
|
|
51
|
+
"multi-bar--small": o.size === "small",
|
|
52
|
+
"multi-bar--medium": o.size === "medium",
|
|
53
|
+
"multi-bar--left": o.position === "left"
|
|
54
|
+
}],
|
|
55
|
+
style: { zIndex: o.zIndex }
|
|
56
|
+
}, { ...a.$attrs, ...t(y)[t(n).WRAPPER] }), [
|
|
57
|
+
V("div", O, [
|
|
58
|
+
c(t(P), B({
|
|
54
59
|
"icon-name": "x",
|
|
55
|
-
class: "close-icon"
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
c(o(S), { variant: "body1" }, {
|
|
60
|
+
class: "close-icon"
|
|
61
|
+
}, t(y)[t(n).CLOSE_BTN], { onClick: I }), null, 16),
|
|
62
|
+
o.selectedCount ? (l(), r("div", R, [
|
|
63
|
+
c(t(E), { variant: "body1" }, {
|
|
60
64
|
default: u(() => [
|
|
61
|
-
|
|
65
|
+
h(A(o.selectedCount) + " selected ", 1)
|
|
62
66
|
]),
|
|
63
67
|
_: 1
|
|
64
68
|
})
|
|
65
|
-
])) :
|
|
66
|
-
(
|
|
69
|
+
])) : m("", !0),
|
|
70
|
+
(l(!0), r(z, null, M(t(p), (i, T) => (l(), d(t(S), {
|
|
67
71
|
key: i.id,
|
|
68
|
-
class:
|
|
69
|
-
"action-button--last":
|
|
72
|
+
class: N(["action-button", {
|
|
73
|
+
"action-button--last": T === t(p).length - 1
|
|
70
74
|
}]),
|
|
71
75
|
variant: "text",
|
|
72
76
|
color: "default",
|
|
73
77
|
"start-icon-name": i.icon,
|
|
74
|
-
|
|
78
|
+
"data-testid": `${e.testId}-${t(n).ACTION}-${i.id}`,
|
|
79
|
+
disabled: i.disabled,
|
|
80
|
+
onClick: (U) => b(i)
|
|
75
81
|
}, {
|
|
76
82
|
default: u(() => [
|
|
77
|
-
|
|
83
|
+
h(A(i.title), 1)
|
|
78
84
|
]),
|
|
79
85
|
_: 2
|
|
80
|
-
}, 1032, ["class", "start-icon-name", "onClick"]))), 128)),
|
|
81
|
-
|
|
86
|
+
}, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
|
|
87
|
+
t(C).length ? (l(), d(w, {
|
|
82
88
|
key: 1,
|
|
83
|
-
"menu-items":
|
|
84
|
-
|
|
85
|
-
|
|
89
|
+
"menu-items": t(C),
|
|
90
|
+
"test-id": `${e.testId}-${t(n).MENU}`,
|
|
91
|
+
onSelected: b
|
|
92
|
+
}, null, 8, ["menu-items", "test-id"])) : m("", !0)
|
|
86
93
|
])
|
|
87
|
-
], 16)) :
|
|
94
|
+
], 16)) : m("", !0)
|
|
88
95
|
]),
|
|
89
96
|
_: 1
|
|
90
97
|
})
|
|
@@ -92,5 +99,5 @@ const D = { class: "multi-bar-panel" }, F = {
|
|
|
92
99
|
}
|
|
93
100
|
});
|
|
94
101
|
export {
|
|
95
|
-
|
|
102
|
+
X as default
|
|
96
103
|
};
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import { MultiBarAction } from '@/components/multibar/MultiBar.types';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
3
|
menuItems: MultiBarAction[];
|
|
4
|
+
testId?: string;
|
|
4
5
|
}>, {
|
|
5
6
|
menuItems: () => any[];
|
|
7
|
+
testId: string;
|
|
6
8
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
9
|
selected: (item: unknown) => void;
|
|
8
10
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
9
11
|
menuItems: MultiBarAction[];
|
|
12
|
+
testId?: string;
|
|
10
13
|
}>, {
|
|
11
14
|
menuItems: () => any[];
|
|
15
|
+
testId: string;
|
|
12
16
|
}>>> & {
|
|
13
17
|
onSelected?: (item: unknown) => any;
|
|
14
18
|
}, {
|
|
19
|
+
testId: string;
|
|
15
20
|
menuItems: MultiBarAction[];
|
|
16
21
|
}>;
|
|
17
22
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./MultiBarMenu.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../MultiBarMenu.
|
|
4
|
-
const
|
|
3
|
+
// import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e40e5dda"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,49 +1,54 @@
|
|
|
1
|
-
import "../../MultiBarMenu.
|
|
2
|
-
import
|
|
1
|
+
import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css"; import { defineComponent as l, openBlock as m, createBlock as p, unref as t, withCtx as i, createVNode as s, createSlots as u, createTextVNode as c, toDisplayString as f } from "vue";
|
|
2
|
+
import b from "../dropdown/v4/DropdownV4.vue.js";
|
|
3
3
|
import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
|
|
4
4
|
import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
|
|
5
5
|
import "../dropdown/v4/ChipDropdownTrigger.vue.js";
|
|
6
6
|
import "../dropdown/v4/AppDropdownTrigger.vue.js";
|
|
7
7
|
import g from "../dropdown/v4/OptionV4.vue.js";
|
|
8
8
|
import x from "../icon/v4/IconV4.vue.js";
|
|
9
|
-
const C = /* @__PURE__ */
|
|
9
|
+
const C = /* @__PURE__ */ l({
|
|
10
10
|
__name: "MultiBarMenu",
|
|
11
11
|
props: {
|
|
12
|
-
menuItems: { default: () => [] }
|
|
12
|
+
menuItems: { default: () => [] },
|
|
13
|
+
testId: { default: "" }
|
|
13
14
|
},
|
|
14
15
|
emits: ["selected"],
|
|
15
|
-
setup(
|
|
16
|
-
const
|
|
17
|
-
return (
|
|
16
|
+
setup(n, { emit: a }) {
|
|
17
|
+
const o = (d) => d.title;
|
|
18
|
+
return (d, r) => (m(), p(t(b), {
|
|
18
19
|
class: "multi-bar-menu",
|
|
19
|
-
options:
|
|
20
|
-
"display-value":
|
|
20
|
+
options: n.menuItems,
|
|
21
|
+
"display-value": o,
|
|
21
22
|
"predefined-trigger": "icon-button",
|
|
22
23
|
placement: "right-end",
|
|
23
24
|
skidding: -20,
|
|
24
|
-
"
|
|
25
|
+
"test-id": n.testId,
|
|
26
|
+
"onUpdate:selected": r[0] || (r[0] = (e) => a("selected", e))
|
|
25
27
|
}, {
|
|
26
|
-
default:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
default: i(({ option: e }) => [
|
|
29
|
+
s(t(g), {
|
|
30
|
+
option: e,
|
|
31
|
+
disabled: e.disabled
|
|
32
|
+
}, u({
|
|
33
|
+
default: i(() => [
|
|
34
|
+
c(" " + f(o(e)), 1)
|
|
30
35
|
]),
|
|
31
36
|
_: 2
|
|
32
37
|
}, [
|
|
33
38
|
e.icon ? {
|
|
34
39
|
name: "icon-start",
|
|
35
|
-
fn:
|
|
36
|
-
|
|
40
|
+
fn: i(() => [
|
|
41
|
+
s(t(x), {
|
|
37
42
|
name: e.icon,
|
|
38
43
|
size: "20px"
|
|
39
44
|
}, null, 8, ["name"])
|
|
40
45
|
]),
|
|
41
46
|
key: "0"
|
|
42
47
|
} : void 0
|
|
43
|
-
]), 1032, ["option"])
|
|
48
|
+
]), 1032, ["option", "disabled"])
|
|
44
49
|
]),
|
|
45
50
|
_: 1
|
|
46
|
-
}, 8, ["options"]));
|
|
51
|
+
}, 8, ["options", "test-id"]));
|
|
47
52
|
}
|
|
48
53
|
});
|
|
49
54
|
export {
|
|
@@ -8,6 +8,14 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
|
|
|
8
8
|
type: import("vue").PropType<"center" | "left">;
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
|
+
zIndex: {
|
|
12
|
+
type: import("vue").PropType<number>;
|
|
13
|
+
default: number;
|
|
14
|
+
};
|
|
15
|
+
testId: {
|
|
16
|
+
type: import("vue").PropType<string>;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
11
19
|
actions: {
|
|
12
20
|
type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
|
|
13
21
|
default: () => any[];
|
|
@@ -41,6 +49,14 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
|
|
|
41
49
|
type: import("vue").PropType<"center" | "left">;
|
|
42
50
|
default: string;
|
|
43
51
|
};
|
|
52
|
+
zIndex: {
|
|
53
|
+
type: import("vue").PropType<number>;
|
|
54
|
+
default: number;
|
|
55
|
+
};
|
|
56
|
+
testId: {
|
|
57
|
+
type: import("vue").PropType<string>;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
44
60
|
actions: {
|
|
45
61
|
type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
|
|
46
62
|
default: () => any[];
|
|
@@ -68,6 +84,8 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
|
|
|
68
84
|
}, {
|
|
69
85
|
size: "small" | "medium";
|
|
70
86
|
position: "center" | "left";
|
|
87
|
+
zIndex: number;
|
|
88
|
+
testId: string;
|
|
71
89
|
actions: import("./MultiBar.types").MultiBarAction[];
|
|
72
90
|
appendToBody: boolean;
|
|
73
91
|
selectedCount: number;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { StatusDotTypes } from './types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
type: StatusDotTypes;
|
|
4
|
+
}>, {
|
|
5
|
+
type: string;
|
|
6
|
+
}>, {}, 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<{
|
|
7
|
+
type: StatusDotTypes;
|
|
8
|
+
}>, {
|
|
9
|
+
type: string;
|
|
10
|
+
}>>>, {
|
|
11
|
+
type: StatusDotTypes;
|
|
12
|
+
}>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
16
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
+
} : {
|
|
19
|
+
type: import('vue').PropType<T[K]>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
type __VLS_WithDefaults<P, D> = {
|
|
24
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
25
|
+
default: D[K];
|
|
26
|
+
}> : P[K];
|
|
27
|
+
};
|
|
28
|
+
type __VLS_Prettify<T> = {
|
|
29
|
+
[K in keyof T]: T[K];
|
|
30
|
+
} & {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import o from "./StatusDot.vue2.js";
|
|
2
|
+
/* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0c8a38e5"]]);
|
|
5
|
+
export {
|
|
6
|
+
a as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import "../../StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css"; import { defineComponent as t, openBlock as s, createElementBlock as o, normalizeClass as a } from "vue";
|
|
2
|
+
const r = /* @__PURE__ */ t({
|
|
3
|
+
__name: "StatusDot",
|
|
4
|
+
props: {
|
|
5
|
+
type: { default: "success" }
|
|
6
|
+
},
|
|
7
|
+
setup(e) {
|
|
8
|
+
return (n, c) => (s(), o("div", {
|
|
9
|
+
class: a([e.type, "status-dot"])
|
|
10
|
+
}, null, 2));
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
export {
|
|
14
|
+
r as default
|
|
15
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import StatusDot from './StatusDot.vue';
|
|
2
|
+
declare const StatusDotTypes: () => import("vue").DefineComponent<{
|
|
3
|
+
type: {
|
|
4
|
+
type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
|
|
5
|
+
required: true;
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
9
|
+
type: {
|
|
10
|
+
type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
|
|
11
|
+
required: true;
|
|
12
|
+
default: string;
|
|
13
|
+
};
|
|
14
|
+
}>>, {
|
|
15
|
+
type: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
16
|
+
}>[];
|
|
17
|
+
export { StatusDot, StatusDotTypes };
|