@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.7
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/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_562f0b72_lang.css +1 -0
- package/InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_da829544_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css +1 -0
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css +1 -0
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_985779f7_lang.css +1 -0
- package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +3 -1
- package/components/button/v4/ToggleButtonGroupAB.vue.js +2 -2
- package/components/button/v4/ToggleButtonGroupAB.vue2.js +44 -39
- package/components/button/v4/index.d.ts +9 -3
- package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
- package/components/dateRange/v4/DateRangeV4.vue2.js +21 -22
- package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/v3/index.d.ts +20 -20
- package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +1 -1
- package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +7 -7
- package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -1
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +128 -122
- package/components/dropdown/v4/OptionV4.vue.d.ts +5 -0
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +78 -67
- package/components/dropdown/v4/TreeDropdown.vue.d.ts +6 -1
- package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue2.js +151 -116
- package/components/dropdown/v4/index.d.ts +112 -53
- package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
- package/components/inlineCopy/InlineCopy.vue.js +2 -2
- package/components/inlineCopy/InlineCopy.vue2.js +24 -22
- package/components/inlineCopy/index.d.ts +9 -0
- package/components/popover/v4/PopoverV4.vue.d.ts +3 -1
- package/components/popover/v4/PopoverV4.vue.js +2 -2
- package/components/popover/v4/PopoverV4.vue2.js +22 -20
- package/components/popover/v4/index.d.ts +9 -3
- package/index.d.ts +278 -118
- package/index.js +1 -1
- package/mocks/options.d.ts +29 -2
- package/package.json +1 -1
- package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_e899ec7a_lang.css +0 -1
- package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_4070942a_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +0 -1
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +0 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import "../../InlineCopy.
|
|
2
|
-
import
|
|
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
|
|
5
|
-
import { useClipboard as
|
|
6
|
-
import { Snackbar as
|
|
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__ */
|
|
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:
|
|
24
|
-
const o = t, { copy:
|
|
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
|
-
}),
|
|
33
|
-
|
|
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
|
-
}),
|
|
38
|
-
},
|
|
39
|
-
return (
|
|
39
|
+
}), p("copy");
|
|
40
|
+
}, l = b(o.testId, a);
|
|
41
|
+
return (i, N) => (c(), T("div", {
|
|
40
42
|
class: "inline-copy",
|
|
41
|
-
onClick:
|
|
43
|
+
onClick: f
|
|
42
44
|
}, [
|
|
43
|
-
t.hideTextValue ?
|
|
45
|
+
t.hideTextValue ? I("", !0) : (c(), C(e(S), n({
|
|
44
46
|
key: 0,
|
|
45
47
|
variant: "caption",
|
|
46
|
-
style: { fontSize: e(
|
|
47
|
-
}, e(
|
|
48
|
+
style: { fontSize: e(u) }
|
|
49
|
+
}, e(l)[e(a).TEXT]), {
|
|
48
50
|
default: r(() => [
|
|
49
|
-
|
|
51
|
+
h(z(t.text), 1)
|
|
50
52
|
]),
|
|
51
53
|
_: 1
|
|
52
54
|
}, 16, ["style"])),
|
|
53
|
-
|
|
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
|
-
|
|
61
|
+
s(e(k), n({
|
|
60
62
|
class: "icon-copy",
|
|
61
63
|
name: "copy",
|
|
62
64
|
size: t.iconSize || "16px"
|
|
63
|
-
}, e(
|
|
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 };
|
|
@@ -17,7 +17,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
17
17
|
skidding: number;
|
|
18
18
|
testId: string;
|
|
19
19
|
popperClass: string;
|
|
20
|
-
}>, {
|
|
20
|
+
}>, {
|
|
21
|
+
toggle: (value?: boolean) => boolean;
|
|
22
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
23
|
isOpen: (value: boolean) => void;
|
|
22
24
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
23
25
|
autoHide?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
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.
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-43b5cba4"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "../../../PopoverV4.
|
|
2
|
-
import { Dropdown as
|
|
3
|
-
import { popoverCommon as
|
|
4
|
-
const
|
|
1
|
+
import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css"; import { defineComponent as c, watch as f, openBlock as i, createBlock as g, unref as o, withCtx as n, createElementBlock as k, renderSlot as p, createCommentVNode as v, createElementVNode as h } from "vue";
|
|
2
|
+
import { Dropdown as C } from "floating-vue";
|
|
3
|
+
import { popoverCommon as w } from "../common/Popover.common.js";
|
|
4
|
+
const y = ["data-testid"], E = /* @__PURE__ */ c({
|
|
5
5
|
__name: "PopoverV4",
|
|
6
6
|
props: {
|
|
7
7
|
autoHide: { type: Boolean, default: !1 },
|
|
@@ -14,11 +14,13 @@ const w = ["data-testid"], b = /* @__PURE__ */ m({
|
|
|
14
14
|
popperClass: { default: "" }
|
|
15
15
|
},
|
|
16
16
|
emits: ["isOpen"],
|
|
17
|
-
setup(e, { emit:
|
|
18
|
-
const { popup:
|
|
19
|
-
return
|
|
20
|
-
|
|
21
|
-
}), (
|
|
17
|
+
setup(e, { expose: s, emit: l }) {
|
|
18
|
+
const { popup: u, open: t, toggle: a, triggerRef: m } = w();
|
|
19
|
+
return f(t, () => {
|
|
20
|
+
l("isOpen", t.value);
|
|
21
|
+
}), s({
|
|
22
|
+
toggle: a
|
|
23
|
+
}), (r, d) => (i(), g(o(C), {
|
|
22
24
|
theme: "custom-popover",
|
|
23
25
|
placement: e.placement,
|
|
24
26
|
shown: !!o(t),
|
|
@@ -28,24 +30,24 @@ const w = ["data-testid"], b = /* @__PURE__ */ m({
|
|
|
28
30
|
skidding: e.skidding,
|
|
29
31
|
"popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
|
|
30
32
|
}, {
|
|
31
|
-
popper:
|
|
32
|
-
o(t) ? (
|
|
33
|
+
popper: n(() => [
|
|
34
|
+
o(t) ? (i(), k("div", {
|
|
33
35
|
key: 0,
|
|
34
36
|
ref_key: "popup",
|
|
35
|
-
ref:
|
|
37
|
+
ref: u,
|
|
36
38
|
class: "menu-popup",
|
|
37
39
|
"data-testid": e.testId
|
|
38
40
|
}, [
|
|
39
|
-
|
|
40
|
-
], 8,
|
|
41
|
+
p(r.$slots, "content", {}, void 0, !0)
|
|
42
|
+
], 8, y)) : v("", !0)
|
|
41
43
|
]),
|
|
42
|
-
default:
|
|
43
|
-
|
|
44
|
+
default: n(() => [
|
|
45
|
+
h("div", {
|
|
44
46
|
ref_key: "triggerRef",
|
|
45
|
-
ref:
|
|
46
|
-
onClick:
|
|
47
|
+
ref: m,
|
|
48
|
+
onClick: d[0] || (d[0] = (B) => o(a)(!o(t)))
|
|
47
49
|
}, [
|
|
48
|
-
|
|
50
|
+
p(r.$slots, "trigger", {}, void 0, !0)
|
|
49
51
|
], 512)
|
|
50
52
|
]),
|
|
51
53
|
_: 3
|
|
@@ -53,5 +55,5 @@ const w = ["data-testid"], b = /* @__PURE__ */ m({
|
|
|
53
55
|
}
|
|
54
56
|
});
|
|
55
57
|
export {
|
|
56
|
-
|
|
58
|
+
E as default
|
|
57
59
|
};
|
|
@@ -96,7 +96,9 @@ declare const PopoverTypes: () => ({
|
|
|
96
96
|
};
|
|
97
97
|
}>> & {
|
|
98
98
|
onIsOpen?: (value: boolean) => any;
|
|
99
|
-
}, {
|
|
99
|
+
}, {
|
|
100
|
+
toggle: (value?: boolean) => boolean;
|
|
101
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
100
102
|
isOpen: (value: boolean) => void;
|
|
101
103
|
}, string, {
|
|
102
104
|
testId: string;
|
|
@@ -162,7 +164,9 @@ declare const PopoverTypes: () => ({
|
|
|
162
164
|
};
|
|
163
165
|
}>> & {
|
|
164
166
|
onIsOpen?: (value: boolean) => any;
|
|
165
|
-
} & import("vue").ShallowUnwrapRef<{
|
|
167
|
+
} & import("vue").ShallowUnwrapRef<{
|
|
168
|
+
toggle: (value?: boolean) => boolean;
|
|
169
|
+
}> & {} & import("vue").ComponentCustomProperties & {};
|
|
166
170
|
__isFragment?: never;
|
|
167
171
|
__isTeleport?: never;
|
|
168
172
|
__isSuspense?: never;
|
|
@@ -201,7 +205,9 @@ declare const PopoverTypes: () => ({
|
|
|
201
205
|
};
|
|
202
206
|
}>> & {
|
|
203
207
|
onIsOpen?: (value: boolean) => any;
|
|
204
|
-
}, {
|
|
208
|
+
}, {
|
|
209
|
+
toggle: (value?: boolean) => boolean;
|
|
210
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
205
211
|
isOpen: (value: boolean) => void;
|
|
206
212
|
}, string, {
|
|
207
213
|
testId: string;
|