@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.
Files changed (72) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css +1 -0
  2. package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css +1 -0
  3. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c859928d_lang.css +1 -0
  4. package/DataGrid.vue_vue_type_style_index_0_scoped_d5635f1b_lang.css +1 -0
  5. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css +1 -0
  6. package/DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css +1 -0
  7. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  8. package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css +1 -0
  9. package/MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css +1 -0
  10. package/MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css +1 -0
  11. package/StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css +1 -0
  12. package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css +1 -0
  13. package/components/appHeader/AppHeader.vue.d.ts +5 -0
  14. package/components/appHeader/AppHeader.vue.js +2 -2
  15. package/components/appHeader/AppHeader.vue2.js +33 -29
  16. package/components/appHeader/index.d.ts +9 -0
  17. package/components/dropdown/common/Dropdown.common.js +18 -18
  18. package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
  19. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +37 -37
  20. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  21. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
  22. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +5 -0
  23. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
  24. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +48 -40
  25. package/components/dropdown/v4/DropdownV4.vue.d.ts +11 -3
  26. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  27. package/components/dropdown/v4/DropdownV4.vue2.js +107 -102
  28. package/components/dropdown/v4/dropdownStoryArgs.d.ts +283 -0
  29. package/components/dropdown/v4/index.d.ts +54 -9
  30. package/components/icon/v3/Icon.vue2.js +1 -1
  31. package/components/icon/v3/icons/FiltersSearch.vue.js +41 -0
  32. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  33. package/components/inlineCopy/InlineCopy.vue.js +2 -2
  34. package/components/inlineCopy/InlineCopy.vue2.js +29 -27
  35. package/components/inlineCopy/index.d.ts +11 -0
  36. package/components/multibar/MultiBar.types.d.ts +1 -0
  37. package/components/multibar/MultiBar.vue.d.ts +10 -0
  38. package/components/multibar/MultiBar.vue.js +3 -3
  39. package/components/multibar/MultiBar.vue2.js +58 -51
  40. package/components/multibar/MultiBarMenu.vue.d.ts +5 -0
  41. package/components/multibar/MultiBarMenu.vue.js +3 -3
  42. package/components/multibar/MultiBarMenu.vue2.js +23 -18
  43. package/components/multibar/index.d.ts +18 -0
  44. package/components/statusDot/StatusDot.vue.d.ts +30 -0
  45. package/components/statusDot/StatusDot.vue.js +7 -0
  46. package/components/statusDot/StatusDot.vue2.js +15 -0
  47. package/components/statusDot/index.d.ts +17 -0
  48. package/components/statusDot/index.js +6 -0
  49. package/components/statusDot/types.d.ts +2 -0
  50. package/components/table/common/Table.common.js +31 -31
  51. package/components/table/v4/DataGrid.vue.d.ts +8 -3
  52. package/components/table/v4/DataGrid.vue.js +2 -2
  53. package/components/table/v4/DataGrid.vue2.js +76 -75
  54. package/components/table/v4/index.d.ts +27 -8
  55. package/components/toggle/v4/ToggleV4.vue.js +5 -5
  56. package/components/toggle/v4/ToggleV4.vue2.js +1 -1
  57. package/index.d.ts +232 -34
  58. package/index.js +104 -102
  59. package/package.json +6 -2
  60. package/testids/index.d.ts +6 -0
  61. package/testids/index.js +15 -14
  62. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css +0 -1
  63. package/AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css +0 -1
  64. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css +0 -1
  65. package/DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css +0 -1
  66. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css +0 -1
  67. package/DropdownV4.vue_vue_type_style_index_0_scoped_19f8fedd_lang.css +0 -1
  68. package/InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css +0 -1
  69. package/MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css +0 -1
  70. package/MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css +0 -1
  71. package/ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css +0 -1
  72. /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.vue_vue_type_style_index_0_scoped_39577dfc_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-39577dfc"]]);
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.vue_vue_type_style_index_0_scoped_39577dfc_lang.css"; import { defineComponent as u, computed as d, openBlock as f, createElementBlock as y, createVNode as o, unref as t, mergeProps as c, withCtx as n, createTextVNode as x, toDisplayString as C } from "vue";
2
- import I from "../icon/v4/IconV4.vue.js";
3
- import T from "../typography/v4/Typography.vue.js";
4
- import { useClipboard as _ } from "@vueuse/core";
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 h from "../tooltip/v4/TooltipV4.vue.js";
7
- import { useTestIdAttrs as k } from "../../utils/testIds.js";
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 P = /* @__PURE__ */ u({
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(s) {
17
- const e = s, { copy: a, copied: p } = _({}), l = d(() => {
18
- switch (e.size) {
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
- }), m = async () => {
26
- await a(e.text), p.value && z({
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
- }, i = k(e.testId, r);
32
- return (S, b) => (f(), y("div", {
32
+ }, a = _(o.testId, r);
33
+ return (N, S) => (s(), y("div", {
33
34
  class: "inline-copy",
34
- onClick: m
35
+ onClick: u
35
36
  }, [
36
- o(t(T), c({
37
+ t.hideTextValue ? I("", !0) : (s(), x(e(k), i({
38
+ key: 0,
37
39
  variant: "caption",
38
- style: { fontSize: t(l) }
39
- }, t(i)[t(r).TEXT]), {
40
- default: n(() => [
41
- x(C(s.text), 1)
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
- o(t(h), { text: "Copy to clipboar" }, {
46
- default: n(() => [
47
- o(t(I), c({
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
- }, t(i)[t(r).COPY_BTN]), null, 16)
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
- P as default
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 };
@@ -3,4 +3,5 @@ export type MultiBarAction = {
3
3
  id: string;
4
4
  title: string;
5
5
  icon?: IconName;
6
+ disabled?: boolean;
6
7
  };
@@ -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 _ from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css"; //*');
4
- const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f5061530"]]);
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.vue_vue_type_style_index_0_scoped_f5061530_lang.css"; import { defineComponent as k, computed as y, openBlock as n, createBlock as s, Teleport as g, createVNode as c, Transition as A, withCtx as u, unref as o, createElementBlock as r, mergeProps as T, createElementVNode as V, createTextVNode as C, toDisplayString as v, createCommentVNode as d, Fragment as x, renderList as z, normalizeClass as M } from "vue";
2
- import { useVModel as N } from "@vueuse/core";
3
- import S from "../typography/v4/Typography.vue.js";
4
- import w from "../button/v4/ButtonV4.vue.js";
5
- import E from "../button/v4/IconButtonV4.vue.js";
6
- import $ from "./MultiBarMenu.vue.js";
7
- const D = { class: "multi-bar-panel" }, F = {
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
- }, I = {
12
+ }, D = {
11
13
  inheritAttrs: !1
12
- }, O = /* @__PURE__ */ k({
13
- ...I,
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(t, { emit: l }) {
26
- const e = t, m = N(e, "modelValue", l), h = () => {
27
- m.value = !1, l("close");
28
- }, f = (a) => {
29
- l("action", a);
30
- }, b = y(
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
- ), p = y(
36
+ ), C = v(
33
37
  () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
34
- );
35
- return (a, L) => (n(), s(g, {
38
+ ), y = L(e.testId, n);
39
+ return (a, F) => (l(), d(x, {
36
40
  to: "body",
37
- disabled: !t.appendToBody
41
+ disabled: !o.appendToBody
38
42
  }, [
39
- c(A, { name: "multi-bar" }, {
43
+ c(g, { name: "multi-bar" }, {
40
44
  default: u(() => [
41
- o(m) ? (n(), r("div", T({
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": t.appendToBody,
46
- "multi-bar--sticky": !t.appendToBody,
47
- "multi-bar--small": t.size === "small",
48
- "multi-bar--medium": t.size === "medium",
49
- "multi-bar--left": t.position === "left"
50
- }]
51
- }, a.$attrs), [
52
- V("div", D, [
53
- c(o(E), {
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
- onClick: h
57
- }),
58
- t.selectedCount ? (n(), r("div", F, [
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
- C(v(t.selectedCount) + " selected ", 1)
65
+ h(A(o.selectedCount) + " selected ", 1)
62
66
  ]),
63
67
  _: 1
64
68
  })
65
- ])) : d("", !0),
66
- (n(!0), r(x, null, z(o(b), (i, B) => (n(), s(o(w), {
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: M(["action-button", {
69
- "action-button--last": B === o(b).length - 1
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
- onClick: (P) => f(i)
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
- C(v(i.title), 1)
83
+ h(A(i.title), 1)
78
84
  ]),
79
85
  _: 2
80
- }, 1032, ["class", "start-icon-name", "onClick"]))), 128)),
81
- o(p).length ? (n(), s($, {
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": o(p),
84
- onSelected: f
85
- }, null, 8, ["menu-items"])) : d("", !0)
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)) : d("", !0)
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
- O as default
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.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ae2bbc6c"]]);
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
- s as default
6
+ a as default
7
7
  };
@@ -1,49 +1,54 @@
1
- import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css"; import { defineComponent as s, openBlock as l, createBlock as d, unref as t, withCtx as o, createVNode as m, createSlots as c, createTextVNode as u, toDisplayString as f } from "vue";
2
- import _ from "../dropdown/v4/DropdownV4.vue.js";
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__ */ s({
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(a, { emit: p }) {
16
- const n = (r) => r.title;
17
- return (r, i) => (l(), d(t(_), {
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: a.menuItems,
20
- "display-value": n,
20
+ options: n.menuItems,
21
+ "display-value": o,
21
22
  "predefined-trigger": "icon-button",
22
23
  placement: "right-end",
23
24
  skidding: -20,
24
- "onUpdate:selected": i[0] || (i[0] = (e) => p("selected", e))
25
+ "test-id": n.testId,
26
+ "onUpdate:selected": r[0] || (r[0] = (e) => a("selected", e))
25
27
  }, {
26
- default: o(({ option: e }) => [
27
- m(t(g), { option: e }, c({
28
- default: o(() => [
29
- u(" " + f(n(e)), 1)
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: o(() => [
36
- m(t(x), {
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 };