@ironsource/shared-ui 2.1.11-rc.2 → 2.1.11-rc.21

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 (81) hide show
  1. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +1 -0
  2. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css +1 -0
  3. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css +1 -0
  4. package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css +1 -0
  5. package/DropdownV4.vue_vue_type_style_index_0_scoped_b1bde483_lang.css +1 -0
  6. package/InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css +1 -0
  7. package/OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css +1 -0
  8. package/PopoverV4.vue_vue_type_style_index_0_scoped_c7e688b1_lang.css +1 -0
  9. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +1 -0
  10. package/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css +1 -0
  11. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css +1 -0
  12. package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css +1 -0
  13. package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css +1 -0
  14. package/components/autocomplete/Autocomplete.vue2.js +3 -2
  15. package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +3 -1
  16. package/components/button/v4/ToggleButtonGroupAB.vue.js +2 -2
  17. package/components/button/v4/ToggleButtonGroupAB.vue2.js +44 -39
  18. package/components/button/v4/index.d.ts +9 -3
  19. package/components/chart/SettingsHeader.vue.js +3 -3
  20. package/components/chart/SettingsHeader.vue2.js +34 -26
  21. package/components/datePicker/v4/DatePickerV4.vue2.js +8 -7
  22. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  23. package/components/dateRange/v4/DateRangeV4.vue2.js +9 -9
  24. package/components/dropdown/common/Dropdown.common.js +174 -171
  25. package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
  26. package/components/dropdown/v3/index.d.ts +39 -39
  27. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +1 -1
  28. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
  29. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +7 -7
  30. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  31. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +66 -44
  32. package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +75 -0
  33. package/components/dropdown/v4/ConditionalDropdown.vue.js +7 -0
  34. package/components/dropdown/v4/ConditionalDropdown.vue2.js +159 -0
  35. package/components/dropdown/v4/DropdownV4.vue.d.ts +20 -6
  36. package/components/dropdown/v4/DropdownV4.vue.js +4 -4
  37. package/components/dropdown/v4/DropdownV4.vue2.js +211 -187
  38. package/components/dropdown/v4/OptionV4.vue.d.ts +10 -0
  39. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  40. package/components/dropdown/v4/OptionV4.vue2.js +135 -98
  41. package/components/dropdown/v4/TreeDropdown.vue.d.ts +6 -1
  42. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  43. package/components/dropdown/v4/TreeDropdown.vue2.js +161 -116
  44. package/components/dropdown/v4/index.d.ts +313 -86
  45. package/components/dropdown/v4/index.js +6 -3
  46. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  47. package/components/inlineCopy/InlineCopy.vue.js +2 -2
  48. package/components/inlineCopy/InlineCopy.vue2.js +24 -22
  49. package/components/inlineCopy/index.d.ts +9 -0
  50. package/components/input/v4/TextField.vue.js +3 -3
  51. package/components/input/v4/TextField.vue2.js +12 -12
  52. package/components/multibar/MultiBarMenu.vue2.js +3 -2
  53. package/components/popover/v4/PopoverV4.vue.d.ts +14 -2
  54. package/components/popover/v4/PopoverV4.vue.js +4 -3
  55. package/components/popover/v4/PopoverV4.vue2.js +40 -24
  56. package/components/popover/v4/index.d.ts +55 -11
  57. package/components/sortableList/SortableList.vue.d.ts +1 -1
  58. package/components/sortableList/index.d.ts +4 -4
  59. package/components/table/common/Table.common.js +26 -28
  60. package/components/table/v4/DataGridMenu.vue2.js +3 -2
  61. package/components/table/v4/index.d.ts +2 -2
  62. package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
  63. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  64. package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
  65. package/components/tooltip/v4/index.d.ts +39 -1
  66. package/index.d.ts +860 -213
  67. package/index.js +1 -1
  68. package/mocks/options.d.ts +48 -2
  69. package/package.json +3 -2
  70. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css +0 -1
  71. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +0 -1
  72. package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css +0 -1
  73. package/DropdownV4.vue_vue_type_style_index_0_scoped_991a7aad_lang.css +0 -1
  74. package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css +0 -1
  75. package/OptionV4.vue_vue_type_style_index_0_scoped_4070942a_lang.css +0 -1
  76. package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +0 -1
  77. package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css +0 -1
  78. package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
  79. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +0 -1
  80. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
  81. package/TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css +0 -1
@@ -7,7 +7,8 @@ import m from "./ButtonDropdownTrigger.vue.js";
7
7
  import n from "./ButtonFilterDropdownTrigger.vue.js";
8
8
  import e from "./TreeDropdown.vue.js";
9
9
  import g from "./OptionV4.vue.js";
10
- const s = () => [
10
+ import d from "./ConditionalDropdown.vue.js";
11
+ const C = () => [
11
12
  o,
12
13
  r,
13
14
  p,
@@ -16,16 +17,18 @@ const s = () => [
16
17
  n,
17
18
  i,
18
19
  g,
19
- e
20
+ e,
21
+ d
20
22
  ];
21
23
  export {
22
24
  i as AppDropdownTrigger,
23
25
  m as ButtonDropdownTrigger,
24
26
  n as ButtonFilterDropdownTrigger,
25
27
  t as ChipDropdownTrigger,
28
+ d as ConditionalDropdown,
26
29
  r as DefaultDropdownTrigger,
27
30
  o as Dropdown,
28
- s as DropdownTypes,
31
+ C as DropdownTypes,
29
32
  p as IconButtonDropdownTrigger,
30
33
  g as Option,
31
34
  e as TreeDropdown
@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
8
8
  tooltipHeader?: string;
9
9
  tooltipText?: string;
10
10
  tooltipPlacement?: TooltipPositions;
11
+ valueToCopy?: string;
11
12
  }>, {
12
13
  size: string;
13
14
  text: string;
@@ -17,6 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
17
18
  tooltipHeader: string;
18
19
  tooltipText: string;
19
20
  tooltipPlacement: string;
21
+ valueToCopy: string;
20
22
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
21
23
  copy: () => void;
22
24
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -28,6 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
28
30
  tooltipHeader?: string;
29
31
  tooltipText?: string;
30
32
  tooltipPlacement?: TooltipPositions;
33
+ valueToCopy?: string;
31
34
  }>, {
32
35
  size: string;
33
36
  text: string;
@@ -37,6 +40,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
37
40
  tooltipHeader: string;
38
41
  tooltipText: string;
39
42
  tooltipPlacement: string;
43
+ valueToCopy: string;
40
44
  }>>> & {
41
45
  onCopy?: () => any;
42
46
  }, {
@@ -48,6 +52,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
48
52
  hideTextValue: boolean;
49
53
  iconSize: string;
50
54
  tooltipHeader: string;
55
+ valueToCopy: string;
51
56
  }>;
52
57
  export default _default;
53
58
  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_893a203c_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-893a203c"]]);
3
+ // import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad48b61e"]]);
5
5
  export {
6
6
  t as default
7
7
  };
@@ -1,13 +1,13 @@
1
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css"; import { defineComponent as f, computed as y, openBlock as l, createElementBlock as x, createBlock as T, unref as e, mergeProps as c, withCtx as r, createTextVNode as C, toDisplayString as h, createCommentVNode as z, createVNode as n } from "vue";
2
- import I from "../icon/v4/IconV4.vue.js";
1
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; import { defineComponent as y, computed as x, openBlock as c, createElementBlock as T, createBlock as C, unref as e, mergeProps as n, withCtx as r, createTextVNode as h, toDisplayString as z, createCommentVNode as I, createVNode as s } from "vue";
2
+ import k from "../icon/v4/IconV4.vue.js";
3
3
  import "../icon/v4/IconFlag.vue.js";
4
- import k from "../typography/v4/Typography.vue.js";
5
- import { useClipboard as S } from "@vueuse/core";
6
- import { Snackbar as V } from "../snackbar/v4/index.js";
4
+ import S from "../typography/v4/Typography.vue.js";
5
+ import { useClipboard as V } from "@vueuse/core";
6
+ import { Snackbar as v } from "../snackbar/v4/index.js";
7
7
  import B from "../tooltip/v4/TooltipV4.vue.js";
8
8
  import { useTestIdAttrs as b } from "../../utils/testIds.js";
9
9
  import { InlineCopyTestIdModifiers as a } from "../../testids/index.js";
10
- const X = /* @__PURE__ */ f({
10
+ const X = /* @__PURE__ */ y({
11
11
  __name: "InlineCopy",
12
12
  props: {
13
13
  text: { default: "" },
@@ -17,11 +17,12 @@ const X = /* @__PURE__ */ f({
17
17
  iconSize: { default: null },
18
18
  tooltipHeader: { default: "" },
19
19
  tooltipText: { default: "Copy to clipboard" },
20
- tooltipPlacement: { default: "bottom" }
20
+ tooltipPlacement: { default: "bottom" },
21
+ valueToCopy: { default: "" }
21
22
  },
22
23
  emits: ["copy"],
23
- setup(t, { emit: s }) {
24
- const o = t, { copy: m, copied: p } = S({}), d = y(() => {
24
+ setup(t, { emit: p }) {
25
+ const o = t, { copy: d, copied: m } = V({}), u = x(() => {
25
26
  switch (o.size) {
26
27
  case "medium":
27
28
  return "0.875rem";
@@ -29,38 +30,39 @@ const X = /* @__PURE__ */ f({
29
30
  default:
30
31
  return "0.75rem";
31
32
  }
32
- }), u = async () => {
33
- await m(o.text), p.value && V({
33
+ }), f = async () => {
34
+ const i = o.valueToCopy || o.text;
35
+ await d(i), m.value && v({
34
36
  title: "Copied successfully",
35
37
  type: "success",
36
38
  duration: 2e3
37
- }), s("copy");
38
- }, i = b(o.testId, a);
39
- return (N, P) => (l(), x("div", {
39
+ }), p("copy");
40
+ }, l = b(o.testId, a);
41
+ return (i, N) => (c(), T("div", {
40
42
  class: "inline-copy",
41
- onClick: u
43
+ onClick: f
42
44
  }, [
43
- t.hideTextValue ? z("", !0) : (l(), T(e(k), c({
45
+ t.hideTextValue ? I("", !0) : (c(), C(e(S), n({
44
46
  key: 0,
45
47
  variant: "caption",
46
- style: { fontSize: e(d) }
47
- }, e(i)[e(a).TEXT]), {
48
+ style: { fontSize: e(u) }
49
+ }, e(l)[e(a).TEXT]), {
48
50
  default: r(() => [
49
- C(h(t.text), 1)
51
+ h(z(t.text), 1)
50
52
  ]),
51
53
  _: 1
52
54
  }, 16, ["style"])),
53
- n(e(B), {
55
+ s(e(B), {
54
56
  text: t.tooltipText,
55
57
  header: t.tooltipHeader,
56
58
  placement: t.tooltipPlacement
57
59
  }, {
58
60
  default: r(() => [
59
- n(e(I), c({
61
+ s(e(k), n({
60
62
  class: "icon-copy",
61
63
  name: "copy",
62
64
  size: t.iconSize || "16px"
63
- }, e(i)[e(a).COPY_BTN]), null, 16, ["size"])
65
+ }, e(l)[e(a).COPY_BTN]), null, 16, ["size"])
64
66
  ]),
65
67
  _: 1
66
68
  }, 8, ["text", "header", "placement"])
@@ -36,6 +36,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
36
36
  type: import("vue").PropType<string>;
37
37
  default: string;
38
38
  };
39
+ valueToCopy: {
40
+ type: import("vue").PropType<string>;
41
+ default: string;
42
+ };
39
43
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
40
44
  copy: () => void;
41
45
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -75,6 +79,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
75
79
  type: import("vue").PropType<string>;
76
80
  default: string;
77
81
  };
82
+ valueToCopy: {
83
+ type: import("vue").PropType<string>;
84
+ default: string;
85
+ };
78
86
  }>> & {
79
87
  onCopy?: () => any;
80
88
  }, {
@@ -86,5 +94,6 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
86
94
  hideTextValue: boolean;
87
95
  iconSize: string;
88
96
  tooltipHeader: string;
97
+ valueToCopy: string;
89
98
  }>[];
90
99
  export { InlineCopy, InlineCopyTypes };
@@ -1,7 +1,7 @@
1
1
  import e from "./TextField.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; //*');
4
- const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4d9bf5b2"]]);
3
+ // import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2e327aa1"]]);
5
5
  export {
6
- d as default
6
+ a as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
1
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
2
2
  import v from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
4
  import X from "../../tooltip/v4/TooltipV4.vue.js";
@@ -13,7 +13,7 @@ const te = {
13
13
  key: 0,
14
14
  class: "icon-container icon-before"
15
15
  }, le = ["maxlength", "value", "placeholder", "disabled", "type", "step"], ae = ["onClick"], ne = {
16
- key: 4,
16
+ key: 5,
17
17
  class: "inline-error"
18
18
  }, oe = {
19
19
  key: 7,
@@ -154,6 +154,16 @@ const te = {
154
154
  size: "20px"
155
155
  })
156
156
  ], 8, ae)) : n("", !0),
157
+ e.suffix ? (l(), r(t(D), {
158
+ key: 4,
159
+ class: "suffix-text",
160
+ variant: "body1"
161
+ }, {
162
+ default: b(() => [
163
+ V($(e.suffix), 1)
164
+ ]),
165
+ _: 1
166
+ })) : n("", !0),
157
167
  e.inlineError || t(s)?.error?.value ? (l(), d("div", ne, [
158
168
  p(t(X), c({
159
169
  disabled: !e.inlineErrorText && !t(s)?.error?.value,
@@ -170,16 +180,6 @@ const te = {
170
180
  _: 1
171
181
  }, 16, ["disabled", "text", "test-id", "placement"])
172
182
  ])) : n("", !0),
173
- e.suffix ? (l(), r(t(D), {
174
- key: 5,
175
- class: "suffix-text",
176
- variant: "body1"
177
- }, {
178
- default: b(() => [
179
- V($(e.suffix), 1)
180
- ]),
181
- _: 1
182
- })) : n("", !0),
183
183
  e.type === "password" ? (l(), d("div", c({
184
184
  key: 6,
185
185
  class: "password-visibility-toggle"
@@ -8,9 +8,10 @@ import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
8
8
  import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
9
9
  import "../dropdown/v4/TreeDropdown.vue.js";
10
10
  import g from "../dropdown/v4/OptionV4.vue.js";
11
+ import "../dropdown/v4/ConditionalDropdown.vue.js";
11
12
  import x from "../icon/v4/IconV4.vue.js";
12
13
  import "../icon/v4/IconFlag.vue.js";
13
- const S = /* @__PURE__ */ a({
14
+ const h = /* @__PURE__ */ a({
14
15
  __name: "MultiBarMenu",
15
16
  props: {
16
17
  menuItems: { default: () => [] },
@@ -56,5 +57,5 @@ const S = /* @__PURE__ */ a({
56
57
  }
57
58
  });
58
59
  export {
59
- S as default
60
+ h as default
60
61
  };
@@ -1,5 +1,6 @@
1
1
  import { Placement } from 'floating-vue';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ isOpen?: boolean;
3
4
  autoHide?: boolean;
4
5
  trigger?: "hover" | "click" | "focus" | "touch" | "managed";
5
6
  disabled?: boolean;
@@ -8,7 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
9
  skidding?: number;
9
10
  testId?: string;
10
11
  popperClass?: string;
12
+ container?: string;
11
13
  }>, {
14
+ isOpen: boolean;
12
15
  trigger: string;
13
16
  autoHide: boolean;
14
17
  disabled: boolean;
@@ -17,9 +20,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
17
20
  skidding: number;
18
21
  testId: string;
19
22
  popperClass: string;
20
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
23
+ container: any;
24
+ }>, {
25
+ toggle: (value?: boolean) => boolean;
26
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
21
27
  isOpen: (value: boolean) => void;
22
28
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
29
+ isOpen?: boolean;
23
30
  autoHide?: boolean;
24
31
  trigger?: "hover" | "click" | "focus" | "touch" | "managed";
25
32
  disabled?: boolean;
@@ -28,7 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
28
35
  skidding?: number;
29
36
  testId?: string;
30
37
  popperClass?: string;
38
+ container?: string;
31
39
  }>, {
40
+ isOpen: boolean;
32
41
  trigger: string;
33
42
  autoHide: boolean;
34
43
  disabled: boolean;
@@ -37,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
37
46
  skidding: number;
38
47
  testId: string;
39
48
  popperClass: string;
49
+ container: any;
40
50
  }>>> & {
41
51
  onIsOpen?: (value: boolean) => any;
42
52
  }, {
@@ -44,8 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
54
  placement: Placement;
45
55
  disabled: boolean;
46
56
  distance: number;
47
- popperClass: string;
57
+ container: string;
48
58
  autoHide: boolean;
59
+ popperClass: string;
60
+ isOpen: boolean;
49
61
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
50
62
  skidding: number;
51
63
  }>, {
@@ -1,7 +1,8 @@
1
1
  import o from "./PopoverV4.vue2.js";
2
2
  /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-74bbce13"]]);
3
+ // import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_c7e688b1_lang.css"; //*');
4
+ // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; //');
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c7e688b1"]]);
5
6
  export {
6
- s as default
7
+ r as default
7
8
  };
@@ -1,9 +1,10 @@
1
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css"; import { defineComponent as m, watch as c, openBlock as d, createBlock as f, unref as o, withCtx as i, createElementBlock as g, renderSlot as n, createCommentVNode as k, createElementVNode as v } from "vue";
2
- import { Dropdown as h } from "floating-vue";
3
- import { popoverCommon as C } from "../common/Popover.common.js";
4
- const w = ["data-testid"], b = /* @__PURE__ */ m({
1
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_c7e688b1_lang.css"; import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as k, watch as s, openBlock as p, createBlock as h, unref as a, withCtx as u, createElementBlock as y, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
2
+ import { Dropdown as w } from "floating-vue";
3
+ import { popoverCommon as $ } from "../common/Popover.common.js";
4
+ const O = ["data-testid"], H = /* @__PURE__ */ k({
5
5
  __name: "PopoverV4",
6
6
  props: {
7
+ isOpen: { type: Boolean, default: !1 },
7
8
  autoHide: { type: Boolean, default: !1 },
8
9
  trigger: { default: "click" },
9
10
  disabled: { type: Boolean, default: !1 },
@@ -11,47 +12,62 @@ const w = ["data-testid"], b = /* @__PURE__ */ m({
11
12
  distance: { default: 0 },
12
13
  skidding: { default: 0 },
13
14
  testId: { default: "" },
14
- popperClass: { default: "" }
15
+ popperClass: { default: "" },
16
+ container: { default: null }
15
17
  },
16
18
  emits: ["isOpen"],
17
- setup(e, { emit: p }) {
18
- const { popup: s, open: t, toggle: l, triggerRef: u } = C();
19
- return c(t, () => {
20
- p("isOpen", t.value);
21
- }), (a, r) => (d(), f(o(h), {
19
+ setup(e, { expose: f, emit: m }) {
20
+ const i = e, { popup: c, open: t, toggle: l, triggerRef: v } = $();
21
+ s(t, () => {
22
+ m("isOpen", t.value);
23
+ }), s(
24
+ () => i.isOpen,
25
+ (o) => {
26
+ l(o);
27
+ }
28
+ );
29
+ const r = (o) => {
30
+ i.trigger === o && (t.value = !t.value);
31
+ };
32
+ return f({
33
+ toggle: l
34
+ }), (o, n) => (p(), h(a(w), {
22
35
  theme: "custom-popover",
23
36
  placement: e.placement,
24
- shown: !!o(t),
37
+ shown: !!a(t),
25
38
  triggers: e.trigger === "managed" ? [] : [e.trigger],
26
39
  "auto-hide": e.autoHide,
27
40
  distance: e.distance,
28
41
  skidding: e.skidding,
42
+ container: e.container,
29
43
  "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
30
44
  }, {
31
- popper: i(() => [
32
- o(t) ? (d(), g("div", {
45
+ popper: u(() => [
46
+ a(t) ? (p(), y("div", {
33
47
  key: 0,
34
48
  ref_key: "popup",
35
- ref: s,
49
+ ref: c,
36
50
  class: "menu-popup",
37
51
  "data-testid": e.testId
38
52
  }, [
39
- n(a.$slots, "content", {}, void 0, !0)
40
- ], 8, w)) : k("", !0)
53
+ g(o.$slots, "content", {}, void 0, !0)
54
+ ], 8, O)) : B("", !0)
41
55
  ]),
42
- default: i(() => [
43
- v("div", {
56
+ default: u(() => [
57
+ C("div", {
44
58
  ref_key: "triggerRef",
45
- ref: u,
46
- onClick: r[0] || (r[0] = (y) => o(l)(!o(t)))
59
+ ref: v,
60
+ onClick: n[0] || (n[0] = (d) => r("click")),
61
+ onMouseenter: n[1] || (n[1] = (d) => r("hover")),
62
+ onMouseleave: n[2] || (n[2] = (d) => r("hover"))
47
63
  }, [
48
- n(a.$slots, "trigger", {}, void 0, !0)
49
- ], 512)
64
+ g(o.$slots, "trigger", {}, void 0, !0)
65
+ ], 544)
50
66
  ]),
51
67
  _: 3
52
- }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "popper-class"]));
68
+ }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
53
69
  }
54
70
  });
55
71
  export {
56
- b as default
72
+ H as default
57
73
  };
@@ -8,8 +8,10 @@ declare const PopoverTypes: () => ({
8
8
  placement: import("floating-vue").Placement;
9
9
  disabled: boolean;
10
10
  distance: number;
11
- popperClass: string;
11
+ container: string;
12
12
  autoHide: boolean;
13
+ popperClass: string;
14
+ isOpen: boolean;
13
15
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
14
16
  skidding: number;
15
17
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -29,11 +31,19 @@ declare const PopoverTypes: () => ({
29
31
  type: import("vue").PropType<number>;
30
32
  default: number;
31
33
  };
34
+ container: {
35
+ type: import("vue").PropType<string>;
36
+ default: any;
37
+ };
38
+ autoHide: {
39
+ type: import("vue").PropType<boolean>;
40
+ default: boolean;
41
+ };
32
42
  popperClass: {
33
43
  type: import("vue").PropType<string>;
34
44
  default: string;
35
45
  };
36
- autoHide: {
46
+ isOpen: {
37
47
  type: import("vue").PropType<boolean>;
38
48
  default: boolean;
39
49
  };
@@ -47,7 +57,7 @@ declare const PopoverTypes: () => ({
47
57
  };
48
58
  }>> & {
49
59
  onIsOpen?: (value: boolean) => any;
50
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
60
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
51
61
  $attrs: {
52
62
  [x: string]: unknown;
53
63
  };
@@ -78,11 +88,19 @@ declare const PopoverTypes: () => ({
78
88
  type: import("vue").PropType<number>;
79
89
  default: number;
80
90
  };
91
+ container: {
92
+ type: import("vue").PropType<string>;
93
+ default: any;
94
+ };
95
+ autoHide: {
96
+ type: import("vue").PropType<boolean>;
97
+ default: boolean;
98
+ };
81
99
  popperClass: {
82
100
  type: import("vue").PropType<string>;
83
101
  default: string;
84
102
  };
85
- autoHide: {
103
+ isOpen: {
86
104
  type: import("vue").PropType<boolean>;
87
105
  default: boolean;
88
106
  };
@@ -96,15 +114,19 @@ declare const PopoverTypes: () => ({
96
114
  };
97
115
  }>> & {
98
116
  onIsOpen?: (value: boolean) => any;
99
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
117
+ }, {
118
+ toggle: (value?: boolean) => boolean;
119
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
100
120
  isOpen: (value: boolean) => void;
101
121
  }, string, {
102
122
  testId: string;
103
123
  placement: import("floating-vue").Placement;
104
124
  disabled: boolean;
105
125
  distance: number;
106
- popperClass: string;
126
+ container: string;
107
127
  autoHide: boolean;
128
+ popperClass: string;
129
+ isOpen: boolean;
108
130
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
109
131
  skidding: number;
110
132
  }, {}, string> & {
@@ -144,11 +166,19 @@ declare const PopoverTypes: () => ({
144
166
  type: import("vue").PropType<number>;
145
167
  default: number;
146
168
  };
169
+ container: {
170
+ type: import("vue").PropType<string>;
171
+ default: any;
172
+ };
173
+ autoHide: {
174
+ type: import("vue").PropType<boolean>;
175
+ default: boolean;
176
+ };
147
177
  popperClass: {
148
178
  type: import("vue").PropType<string>;
149
179
  default: string;
150
180
  };
151
- autoHide: {
181
+ isOpen: {
152
182
  type: import("vue").PropType<boolean>;
153
183
  default: boolean;
154
184
  };
@@ -162,7 +192,9 @@ declare const PopoverTypes: () => ({
162
192
  };
163
193
  }>> & {
164
194
  onIsOpen?: (value: boolean) => any;
165
- } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
195
+ } & import("vue").ShallowUnwrapRef<{
196
+ toggle: (value?: boolean) => boolean;
197
+ }> & {} & import("vue").ComponentCustomProperties & {};
166
198
  __isFragment?: never;
167
199
  __isTeleport?: never;
168
200
  __isSuspense?: never;
@@ -183,11 +215,19 @@ declare const PopoverTypes: () => ({
183
215
  type: import("vue").PropType<number>;
184
216
  default: number;
185
217
  };
218
+ container: {
219
+ type: import("vue").PropType<string>;
220
+ default: any;
221
+ };
222
+ autoHide: {
223
+ type: import("vue").PropType<boolean>;
224
+ default: boolean;
225
+ };
186
226
  popperClass: {
187
227
  type: import("vue").PropType<string>;
188
228
  default: string;
189
229
  };
190
- autoHide: {
230
+ isOpen: {
191
231
  type: import("vue").PropType<boolean>;
192
232
  default: boolean;
193
233
  };
@@ -201,15 +241,19 @@ declare const PopoverTypes: () => ({
201
241
  };
202
242
  }>> & {
203
243
  onIsOpen?: (value: boolean) => any;
204
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
244
+ }, {
245
+ toggle: (value?: boolean) => boolean;
246
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
205
247
  isOpen: (value: boolean) => void;
206
248
  }, string, {
207
249
  testId: string;
208
250
  placement: import("floating-vue").Placement;
209
251
  disabled: boolean;
210
252
  distance: number;
211
- popperClass: string;
253
+ container: string;
212
254
  autoHide: boolean;
255
+ popperClass: string;
256
+ isOpen: boolean;
213
257
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
214
258
  skidding: number;
215
259
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -67,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
67
67
  emptyStateTitle: string;
68
68
  testId: string;
69
69
  }>>> & {
70
+ onClearSearch?: () => any;
70
71
  onSortableItemDragged?: (event: {
71
72
  id: string;
72
73
  newIndex: number;
@@ -76,7 +77,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
76
77
  "onUpdate:selectedId"?: (id: string | number) => any;
77
78
  "onUpdate:selectedChildId"?: (id: string | number) => any;
78
79
  "onUpdate:search"?: (query: string) => any;
79
- onClearSearch?: () => any;
80
80
  }, {
81
81
  search: string;
82
82
  testId: string;