@ironsource/shared-ui 2.2.0-rc.48 → 2.2.0-rc.50
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/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_38354f10_lang.css +1 -0
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css +1 -0
- package/FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css +1 -0
- package/HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css +1 -0
- package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +1 -0
- package/InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css +1 -0
- package/Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +1 -0
- package/README.md +2 -2
- package/SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css +1 -0
- package/TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css +1 -0
- package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +1 -0
- package/components/autocomplete/index.d.ts +16 -16
- package/components/columnPicker/ColumnPicker.vue.d.ts +1 -1
- package/components/columnPicker/index.d.ts +20 -20
- package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
- package/components/dateRange/v4/DateRangeV4.vue2.js +27 -28
- package/components/dropdown/common/Dropdown.common.js +274 -351
- package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
- package/components/dropdown/v3/index.d.ts +77 -77
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +32 -38
- package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +1 -1
- package/components/dropdown/v4/DropdownV4.vue.d.ts +41 -50
- package/components/dropdown/v4/DropdownV4.vue.js +2 -2
- package/components/dropdown/v4/DropdownV4.vue2.js +216 -237
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +0 -5
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +9 -12
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +12 -12
- package/components/dropdown/v4/TreeDropdown.vue.d.ts +1 -1
- package/components/dropdown/v4/index.d.ts +2102 -2130
- package/components/helpText/HelpText.vue.js +3 -3
- package/components/helpText/HelpText.vue2.js +10 -11
- package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
- package/components/includeExclude/index.d.ts +54 -54
- package/components/inlineCopy/InlineCopy.vue.d.ts +0 -5
- package/components/inlineCopy/InlineCopy.vue.js +3 -3
- package/components/inlineCopy/InlineCopy.vue2.js +53 -54
- package/components/inlineCopy/index.d.ts +0 -9
- package/components/input/v4/TextField.vue.d.ts +0 -5
- package/components/input/v4/TextField.vue.js +2 -2
- package/components/input/v4/TextField.vue2.js +19 -22
- package/components/input/v4/index.d.ts +1 -20
- package/components/link/Link.vue.js +5 -5
- package/components/link/Link.vue2.js +21 -30
- package/components/search/v4/SearchV4.vue.d.ts +0 -5
- package/components/search/v4/SearchV4.vue.js +5 -5
- package/components/search/v4/SearchV4.vue2.js +18 -23
- package/components/search/v4/index.d.ts +0 -9
- package/components/shared/FieldLabel.vue.js +3 -3
- package/components/shared/FieldLabel.vue2.js +8 -9
- package/components/table/v4/DataGridMenu.vue.d.ts +0 -5
- package/components/table/v4/DataGridMenu.vue.js +5 -5
- package/components/table/v4/DataGridMenu.vue2.js +22 -28
- package/components/table/v4/index.d.ts +0 -9
- package/components/tabs/v4/TabsV4.vue.d.ts +0 -5
- package/components/tabs/v4/TabsV4.vue.js +3 -3
- package/components/tabs/v4/TabsV4.vue2.js +43 -74
- package/components/tabs/v4/index.d.ts +1 -20
- package/components/toggle/v4/ToggleV4.vue.d.ts +0 -5
- package/components/toggle/v4/ToggleV4.vue.js +3 -3
- package/components/toggle/v4/ToggleV4.vue2.js +41 -50
- package/components/toggle/v4/index.d.ts +1 -20
- package/components/tooltip/v4/TooltipV4.vue.d.ts +1 -14
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +63 -85
- package/components/tooltip/v4/index.d.ts +4 -51
- package/index.d.ts +2404 -2722
- package/index.js +1 -1
- package/package.json +1 -5
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_5a645cc9_lang.css +0 -1
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_b7e65177_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_bb44cdf8_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_f44f2402_lang.css +0 -1
- package/FieldLabel.vue_vue_type_style_index_0_scoped_960ea8b1_lang.css +0 -1
- package/HelpText.vue_vue_type_style_index_0_scoped_b5caf7cd_lang.css +0 -1
- package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_2a5345ef_lang.css +0 -1
- package/InlineCopy.vue_vue_type_style_index_0_scoped_8cb01c9d_lang.css +0 -1
- package/Link.vue_vue_type_style_index_0_scoped_c4345b08_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_d48a9318_lang.css +0 -1
- package/SearchV4.vue_vue_type_style_index_0_scoped_e1a33934_lang.css +0 -1
- package/TabsV4.vue_vue_type_style_index_0_scoped_9747c9da_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_f4275491_lang.css +0 -1
- package/ToggleV4.vue_vue_type_style_index_0_scoped_fbbae882_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_22e25f74_lang.css +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./HelpText.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../HelpText.
|
|
4
|
-
const
|
|
3
|
+
// import "../../HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-641c2356"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "../../HelpText.
|
|
1
|
+
import "../../HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css"; import { defineComponent as s, openBlock as n, createBlock as p, unref as e, mergeProps as d, withCtx as l, renderSlot as i, createVNode as f } from "vue";
|
|
2
2
|
import u from "../typography/v4/Typography.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import { useTestIdAttrs as
|
|
3
|
+
import m from "../tooltip/v4/TooltipV4.vue.js";
|
|
4
|
+
import { useTestIdAttrs as c } from "../../utils/testIds.js";
|
|
5
5
|
import { HelpTextTestIdModifiers as a } from "../../testids/index.js";
|
|
6
|
-
const y = /* @__PURE__ */
|
|
6
|
+
const y = /* @__PURE__ */ s({
|
|
7
7
|
__name: "HelpText",
|
|
8
8
|
props: {
|
|
9
9
|
variant: { default: "body1" },
|
|
@@ -15,24 +15,23 @@ const y = /* @__PURE__ */ i({
|
|
|
15
15
|
tooltipPlacement: { default: "auto" }
|
|
16
16
|
},
|
|
17
17
|
setup(t) {
|
|
18
|
-
const r =
|
|
19
|
-
return (o, g) => (n(), p(e(
|
|
18
|
+
const r = c(t.testId, a);
|
|
19
|
+
return (o, g) => (n(), p(e(m), d({
|
|
20
20
|
class: ["help-text", [`help-text--${t.color}`, { "help-text--disabled": t.disabled }]],
|
|
21
21
|
disabled: !o.$slots.tooltip || t.tooltipDisabled,
|
|
22
22
|
triggers: t.tooltipTriggers,
|
|
23
|
-
placement: t.tooltipPlacement
|
|
24
|
-
focusable: ""
|
|
23
|
+
placement: t.tooltipPlacement
|
|
25
24
|
}, e(r)[e(a).TOOLTIP]), {
|
|
26
25
|
tooltip: l(() => [
|
|
27
|
-
|
|
26
|
+
i(o.$slots, "tooltip", {}, void 0, !0)
|
|
28
27
|
]),
|
|
29
28
|
default: l(() => [
|
|
30
|
-
f(e(u),
|
|
29
|
+
f(e(u), d(e(r)[e(a).TEXT], {
|
|
31
30
|
class: "underlined",
|
|
32
31
|
variant: t.variant
|
|
33
32
|
}), {
|
|
34
33
|
default: l(() => [
|
|
35
|
-
|
|
34
|
+
i(o.$slots, "default", {}, void 0, !0)
|
|
36
35
|
]),
|
|
37
36
|
_: 3
|
|
38
37
|
}, 16, ["variant"])
|
|
@@ -87,10 +87,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
87
87
|
loading: boolean;
|
|
88
88
|
autoFocus: boolean;
|
|
89
89
|
hasSubtitle: boolean;
|
|
90
|
-
|
|
90
|
+
showClearAll: boolean;
|
|
91
91
|
defaultOpen: boolean;
|
|
92
|
+
isOnTop: boolean;
|
|
92
93
|
onSearch: (option: any, term: string) => boolean;
|
|
93
|
-
showClearAll: boolean;
|
|
94
94
|
searchPlaceholder: string;
|
|
95
95
|
titleText: string;
|
|
96
96
|
alwayesOpen: boolean;
|
|
@@ -94,10 +94,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
94
94
|
loading: boolean;
|
|
95
95
|
autoFocus: boolean;
|
|
96
96
|
hasSubtitle: boolean;
|
|
97
|
-
|
|
97
|
+
showClearAll: boolean;
|
|
98
98
|
defaultOpen: boolean;
|
|
99
|
+
isOnTop: boolean;
|
|
99
100
|
onSearch: (option: any, term: string) => boolean;
|
|
100
|
-
showClearAll: boolean;
|
|
101
101
|
searchPlaceholder: string;
|
|
102
102
|
titleText: string;
|
|
103
103
|
alwayesOpen: boolean;
|
|
@@ -17,10 +17,10 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
17
17
|
loading: boolean;
|
|
18
18
|
autoFocus: boolean;
|
|
19
19
|
hasSubtitle: boolean;
|
|
20
|
-
|
|
20
|
+
showClearAll: boolean;
|
|
21
21
|
defaultOpen: boolean;
|
|
22
|
+
isOnTop: boolean;
|
|
22
23
|
onSearch: (option: any, term: string) => boolean;
|
|
23
|
-
showClearAll: boolean;
|
|
24
24
|
searchPlaceholder: string;
|
|
25
25
|
titleText: string;
|
|
26
26
|
alwayesOpen: boolean;
|
|
@@ -66,7 +66,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
66
66
|
type: import("vue").PropType<boolean>;
|
|
67
67
|
default: boolean;
|
|
68
68
|
};
|
|
69
|
-
|
|
69
|
+
showClearAll: {
|
|
70
70
|
type: import("vue").PropType<boolean>;
|
|
71
71
|
default: boolean;
|
|
72
72
|
};
|
|
@@ -74,14 +74,14 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
74
74
|
type: import("vue").PropType<boolean>;
|
|
75
75
|
default: boolean;
|
|
76
76
|
};
|
|
77
|
+
isOnTop: {
|
|
78
|
+
type: import("vue").PropType<boolean>;
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
77
81
|
onSearch: {
|
|
78
82
|
type: import("vue").PropType<(option: any, term: string) => boolean>;
|
|
79
83
|
default: () => true;
|
|
80
84
|
};
|
|
81
|
-
showClearAll: {
|
|
82
|
-
type: import("vue").PropType<boolean>;
|
|
83
|
-
default: boolean;
|
|
84
|
-
};
|
|
85
85
|
searchPlaceholder: {
|
|
86
86
|
type: import("vue").PropType<string>;
|
|
87
87
|
default: string;
|
|
@@ -108,7 +108,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
108
108
|
};
|
|
109
109
|
}>> & {
|
|
110
110
|
"onUpdate:modelValue"?: (value: unknown) => any;
|
|
111
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "
|
|
111
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "showClearAll" | "defaultOpen" | "isOnTop" | "onSearch" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "distanceOffset" | "skiddingOffset">;
|
|
112
112
|
$attrs: {
|
|
113
113
|
[x: string]: unknown;
|
|
114
114
|
};
|
|
@@ -162,7 +162,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
162
162
|
type: import("vue").PropType<boolean>;
|
|
163
163
|
default: boolean;
|
|
164
164
|
};
|
|
165
|
-
|
|
165
|
+
showClearAll: {
|
|
166
166
|
type: import("vue").PropType<boolean>;
|
|
167
167
|
default: boolean;
|
|
168
168
|
};
|
|
@@ -170,14 +170,14 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
170
170
|
type: import("vue").PropType<boolean>;
|
|
171
171
|
default: boolean;
|
|
172
172
|
};
|
|
173
|
+
isOnTop: {
|
|
174
|
+
type: import("vue").PropType<boolean>;
|
|
175
|
+
default: boolean;
|
|
176
|
+
};
|
|
173
177
|
onSearch: {
|
|
174
178
|
type: import("vue").PropType<(option: any, term: string) => boolean>;
|
|
175
179
|
default: () => true;
|
|
176
180
|
};
|
|
177
|
-
showClearAll: {
|
|
178
|
-
type: import("vue").PropType<boolean>;
|
|
179
|
-
default: boolean;
|
|
180
|
-
};
|
|
181
181
|
searchPlaceholder: {
|
|
182
182
|
type: import("vue").PropType<string>;
|
|
183
183
|
default: string;
|
|
@@ -214,10 +214,10 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
214
214
|
loading: boolean;
|
|
215
215
|
autoFocus: boolean;
|
|
216
216
|
hasSubtitle: boolean;
|
|
217
|
-
|
|
217
|
+
showClearAll: boolean;
|
|
218
218
|
defaultOpen: boolean;
|
|
219
|
+
isOnTop: boolean;
|
|
219
220
|
onSearch: (option: any, term: string) => boolean;
|
|
220
|
-
showClearAll: boolean;
|
|
221
221
|
searchPlaceholder: string;
|
|
222
222
|
titleText: string;
|
|
223
223
|
alwayesOpen: boolean;
|
|
@@ -283,7 +283,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
283
283
|
type: import("vue").PropType<boolean>;
|
|
284
284
|
default: boolean;
|
|
285
285
|
};
|
|
286
|
-
|
|
286
|
+
showClearAll: {
|
|
287
287
|
type: import("vue").PropType<boolean>;
|
|
288
288
|
default: boolean;
|
|
289
289
|
};
|
|
@@ -291,14 +291,14 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
291
291
|
type: import("vue").PropType<boolean>;
|
|
292
292
|
default: boolean;
|
|
293
293
|
};
|
|
294
|
+
isOnTop: {
|
|
295
|
+
type: import("vue").PropType<boolean>;
|
|
296
|
+
default: boolean;
|
|
297
|
+
};
|
|
294
298
|
onSearch: {
|
|
295
299
|
type: import("vue").PropType<(option: any, term: string) => boolean>;
|
|
296
300
|
default: () => true;
|
|
297
301
|
};
|
|
298
|
-
showClearAll: {
|
|
299
|
-
type: import("vue").PropType<boolean>;
|
|
300
|
-
default: boolean;
|
|
301
|
-
};
|
|
302
302
|
searchPlaceholder: {
|
|
303
303
|
type: import("vue").PropType<string>;
|
|
304
304
|
default: string;
|
|
@@ -369,7 +369,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
369
369
|
type: import("vue").PropType<boolean>;
|
|
370
370
|
default: boolean;
|
|
371
371
|
};
|
|
372
|
-
|
|
372
|
+
showClearAll: {
|
|
373
373
|
type: import("vue").PropType<boolean>;
|
|
374
374
|
default: boolean;
|
|
375
375
|
};
|
|
@@ -377,14 +377,14 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
377
377
|
type: import("vue").PropType<boolean>;
|
|
378
378
|
default: boolean;
|
|
379
379
|
};
|
|
380
|
+
isOnTop: {
|
|
381
|
+
type: import("vue").PropType<boolean>;
|
|
382
|
+
default: boolean;
|
|
383
|
+
};
|
|
380
384
|
onSearch: {
|
|
381
385
|
type: import("vue").PropType<(option: any, term: string) => boolean>;
|
|
382
386
|
default: () => true;
|
|
383
387
|
};
|
|
384
|
-
showClearAll: {
|
|
385
|
-
type: import("vue").PropType<boolean>;
|
|
386
|
-
default: boolean;
|
|
387
|
-
};
|
|
388
388
|
searchPlaceholder: {
|
|
389
389
|
type: import("vue").PropType<string>;
|
|
390
390
|
default: string;
|
|
@@ -421,10 +421,10 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
421
421
|
loading: boolean;
|
|
422
422
|
autoFocus: boolean;
|
|
423
423
|
hasSubtitle: boolean;
|
|
424
|
-
|
|
424
|
+
showClearAll: boolean;
|
|
425
425
|
defaultOpen: boolean;
|
|
426
|
+
isOnTop: boolean;
|
|
426
427
|
onSearch: (option: any, term: string) => boolean;
|
|
427
|
-
showClearAll: boolean;
|
|
428
428
|
searchPlaceholder: string;
|
|
429
429
|
titleText: string;
|
|
430
430
|
alwayesOpen: boolean;
|
|
@@ -460,10 +460,10 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
460
460
|
loading: boolean;
|
|
461
461
|
autoFocus: boolean;
|
|
462
462
|
hasSubtitle: boolean;
|
|
463
|
-
|
|
463
|
+
showClearAll: boolean;
|
|
464
464
|
defaultOpen: boolean;
|
|
465
|
+
isOnTop: boolean;
|
|
465
466
|
onSearch: (option: any, term: string) => boolean;
|
|
466
|
-
showClearAll: boolean;
|
|
467
467
|
searchPlaceholder: string;
|
|
468
468
|
titleText: string;
|
|
469
469
|
alwayesOpen: boolean;
|
|
@@ -507,7 +507,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
507
507
|
type: import("vue").PropType<boolean>;
|
|
508
508
|
default: boolean;
|
|
509
509
|
};
|
|
510
|
-
|
|
510
|
+
showClearAll: {
|
|
511
511
|
type: import("vue").PropType<boolean>;
|
|
512
512
|
default: boolean;
|
|
513
513
|
};
|
|
@@ -515,14 +515,14 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
515
515
|
type: import("vue").PropType<boolean>;
|
|
516
516
|
default: boolean;
|
|
517
517
|
};
|
|
518
|
+
isOnTop: {
|
|
519
|
+
type: import("vue").PropType<boolean>;
|
|
520
|
+
default: boolean;
|
|
521
|
+
};
|
|
518
522
|
onSearch: {
|
|
519
523
|
type: import("vue").PropType<(option: any, term: string) => boolean>;
|
|
520
524
|
default: () => true;
|
|
521
525
|
};
|
|
522
|
-
showClearAll: {
|
|
523
|
-
type: import("vue").PropType<boolean>;
|
|
524
|
-
default: boolean;
|
|
525
|
-
};
|
|
526
526
|
searchPlaceholder: {
|
|
527
527
|
type: import("vue").PropType<string>;
|
|
528
528
|
default: string;
|
|
@@ -559,7 +559,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
559
559
|
"onUpdate:modelValue"?: (value: unknown) => any;
|
|
560
560
|
onChangeDragDrop?: (value: unknown) => any;
|
|
561
561
|
onClickOutside?: (value: unknown) => any;
|
|
562
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "
|
|
562
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "distance" | "loading" | "autoFocus" | "hasSubtitle" | "showClearAll" | "defaultOpen" | "isOnTop" | "onSearch" | "searchPlaceholder" | "titleText" | "alwayesOpen" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
|
|
563
563
|
$attrs: {
|
|
564
564
|
[x: string]: unknown;
|
|
565
565
|
};
|
|
@@ -609,7 +609,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
609
609
|
type: import("vue").PropType<boolean>;
|
|
610
610
|
default: boolean;
|
|
611
611
|
};
|
|
612
|
-
|
|
612
|
+
showClearAll: {
|
|
613
613
|
type: import("vue").PropType<boolean>;
|
|
614
614
|
default: boolean;
|
|
615
615
|
};
|
|
@@ -617,14 +617,14 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
617
617
|
type: import("vue").PropType<boolean>;
|
|
618
618
|
default: boolean;
|
|
619
619
|
};
|
|
620
|
+
isOnTop: {
|
|
621
|
+
type: import("vue").PropType<boolean>;
|
|
622
|
+
default: boolean;
|
|
623
|
+
};
|
|
620
624
|
onSearch: {
|
|
621
625
|
type: import("vue").PropType<(option: any, term: string) => boolean>;
|
|
622
626
|
default: () => true;
|
|
623
627
|
};
|
|
624
|
-
showClearAll: {
|
|
625
|
-
type: import("vue").PropType<boolean>;
|
|
626
|
-
default: boolean;
|
|
627
|
-
};
|
|
628
628
|
searchPlaceholder: {
|
|
629
629
|
type: import("vue").PropType<string>;
|
|
630
630
|
default: string;
|
|
@@ -672,10 +672,10 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
672
672
|
loading: boolean;
|
|
673
673
|
autoFocus: boolean;
|
|
674
674
|
hasSubtitle: boolean;
|
|
675
|
-
|
|
675
|
+
showClearAll: boolean;
|
|
676
676
|
defaultOpen: boolean;
|
|
677
|
+
isOnTop: boolean;
|
|
677
678
|
onSearch: (option: any, term: string) => boolean;
|
|
678
|
-
showClearAll: boolean;
|
|
679
679
|
searchPlaceholder: string;
|
|
680
680
|
titleText: string;
|
|
681
681
|
alwayesOpen: boolean;
|
|
@@ -739,7 +739,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
739
739
|
type: import("vue").PropType<boolean>;
|
|
740
740
|
default: boolean;
|
|
741
741
|
};
|
|
742
|
-
|
|
742
|
+
showClearAll: {
|
|
743
743
|
type: import("vue").PropType<boolean>;
|
|
744
744
|
default: boolean;
|
|
745
745
|
};
|
|
@@ -747,14 +747,14 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
747
747
|
type: import("vue").PropType<boolean>;
|
|
748
748
|
default: boolean;
|
|
749
749
|
};
|
|
750
|
+
isOnTop: {
|
|
751
|
+
type: import("vue").PropType<boolean>;
|
|
752
|
+
default: boolean;
|
|
753
|
+
};
|
|
750
754
|
onSearch: {
|
|
751
755
|
type: import("vue").PropType<(option: any, term: string) => boolean>;
|
|
752
756
|
default: () => true;
|
|
753
757
|
};
|
|
754
|
-
showClearAll: {
|
|
755
|
-
type: import("vue").PropType<boolean>;
|
|
756
|
-
default: boolean;
|
|
757
|
-
};
|
|
758
758
|
searchPlaceholder: {
|
|
759
759
|
type: import("vue").PropType<string>;
|
|
760
760
|
default: string;
|
|
@@ -831,7 +831,7 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
831
831
|
type: import("vue").PropType<boolean>;
|
|
832
832
|
default: boolean;
|
|
833
833
|
};
|
|
834
|
-
|
|
834
|
+
showClearAll: {
|
|
835
835
|
type: import("vue").PropType<boolean>;
|
|
836
836
|
default: boolean;
|
|
837
837
|
};
|
|
@@ -839,14 +839,14 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
839
839
|
type: import("vue").PropType<boolean>;
|
|
840
840
|
default: boolean;
|
|
841
841
|
};
|
|
842
|
+
isOnTop: {
|
|
843
|
+
type: import("vue").PropType<boolean>;
|
|
844
|
+
default: boolean;
|
|
845
|
+
};
|
|
842
846
|
onSearch: {
|
|
843
847
|
type: import("vue").PropType<(option: any, term: string) => boolean>;
|
|
844
848
|
default: () => true;
|
|
845
849
|
};
|
|
846
|
-
showClearAll: {
|
|
847
|
-
type: import("vue").PropType<boolean>;
|
|
848
|
-
default: boolean;
|
|
849
|
-
};
|
|
850
850
|
searchPlaceholder: {
|
|
851
851
|
type: import("vue").PropType<string>;
|
|
852
852
|
default: string;
|
|
@@ -894,10 +894,10 @@ declare const IncludeExcludeTypes: () => (({
|
|
|
894
894
|
loading: boolean;
|
|
895
895
|
autoFocus: boolean;
|
|
896
896
|
hasSubtitle: boolean;
|
|
897
|
-
|
|
897
|
+
showClearAll: boolean;
|
|
898
898
|
defaultOpen: boolean;
|
|
899
|
+
isOnTop: boolean;
|
|
899
900
|
onSearch: (option: any, term: string) => boolean;
|
|
900
|
-
showClearAll: boolean;
|
|
901
901
|
searchPlaceholder: string;
|
|
902
902
|
titleText: string;
|
|
903
903
|
alwayesOpen: boolean;
|
|
@@ -12,7 +12,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
12
12
|
asyncCopy?: boolean;
|
|
13
13
|
isLoading?: boolean;
|
|
14
14
|
loadingTitle?: string;
|
|
15
|
-
ariaLabel?: string;
|
|
16
15
|
}>, {
|
|
17
16
|
size: string;
|
|
18
17
|
text: string;
|
|
@@ -26,7 +25,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
26
25
|
asyncCopy: boolean;
|
|
27
26
|
isLoading: boolean;
|
|
28
27
|
loadingTitle: string;
|
|
29
|
-
ariaLabel: string;
|
|
30
28
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
29
|
copy: () => void;
|
|
32
30
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -42,7 +40,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
42
40
|
asyncCopy?: boolean;
|
|
43
41
|
isLoading?: boolean;
|
|
44
42
|
loadingTitle?: string;
|
|
45
|
-
ariaLabel?: string;
|
|
46
43
|
}>, {
|
|
47
44
|
size: string;
|
|
48
45
|
text: string;
|
|
@@ -56,7 +53,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
56
53
|
asyncCopy: boolean;
|
|
57
54
|
isLoading: boolean;
|
|
58
55
|
loadingTitle: string;
|
|
59
|
-
ariaLabel: string;
|
|
60
56
|
}>>> & {
|
|
61
57
|
onCopy?: () => any;
|
|
62
58
|
}, {
|
|
@@ -72,7 +68,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
72
68
|
valueToCopy: string;
|
|
73
69
|
asyncCopy: boolean;
|
|
74
70
|
loadingTitle: string;
|
|
75
|
-
ariaLabel: string;
|
|
76
71
|
}>;
|
|
77
72
|
export default _default;
|
|
78
73
|
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
|
|
3
|
+
// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9fa1921a"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
t as default
|
|
7
7
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import "../../InlineCopy.
|
|
2
|
-
import
|
|
1
|
+
import "../../InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css"; import { defineComponent as v, ref as g, computed as h, watch as k, resolveComponent as z, openBlock as m, createElementBlock as I, createBlock as B, unref as t, mergeProps as y, withCtx as T, createTextVNode as S, toDisplayString as w, createCommentVNode as V, createVNode as n } from "vue";
|
|
2
|
+
import b from "../icon/v4/IconV4.vue.js";
|
|
3
3
|
import "../icon/v4/IconFlag.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import L from "../typography/v4/Typography.vue.js";
|
|
5
5
|
import { useClipboard as N } from "@vueuse/core";
|
|
6
|
-
import { Snackbar as
|
|
6
|
+
import { Snackbar as c } from "../snackbar/v4/index.js";
|
|
7
7
|
import P from "../tooltip/v4/TooltipV4.vue.js";
|
|
8
8
|
import { useTestIdAttrs as A } from "../../utils/testIds.js";
|
|
9
|
-
import { InlineCopyTestIdModifiers as
|
|
10
|
-
const
|
|
9
|
+
import { InlineCopyTestIdModifiers as s } from "../../testids/index.js";
|
|
10
|
+
const F = /* @__PURE__ */ v({
|
|
11
11
|
__name: "InlineCopy",
|
|
12
12
|
props: {
|
|
13
13
|
text: { default: "" },
|
|
@@ -21,14 +21,11 @@ const E = ["aria-label"], F = /* @__PURE__ */ h({
|
|
|
21
21
|
valueToCopy: { default: "" },
|
|
22
22
|
asyncCopy: { type: Boolean, default: !1 },
|
|
23
23
|
isLoading: { type: Boolean, default: !1 },
|
|
24
|
-
loadingTitle: { default: "" }
|
|
25
|
-
ariaLabel: { default: "" }
|
|
24
|
+
loadingTitle: { default: "" }
|
|
26
25
|
},
|
|
27
26
|
emits: ["copy"],
|
|
28
|
-
setup(o, { emit:
|
|
29
|
-
const e = o, a =
|
|
30
|
-
() => e.ariaLabel || (e.text ? `Copy ${e.text}` : e.tooltipText)
|
|
31
|
-
), C = d(() => {
|
|
27
|
+
setup(o, { emit: r }) {
|
|
28
|
+
const e = o, a = g(null), { copy: d, copied: p } = N({}), C = h(() => {
|
|
32
29
|
switch (e.size) {
|
|
33
30
|
case "medium":
|
|
34
31
|
return "0.875rem";
|
|
@@ -37,12 +34,12 @@ const E = ["aria-label"], F = /* @__PURE__ */ h({
|
|
|
37
34
|
return "0.75rem";
|
|
38
35
|
}
|
|
39
36
|
});
|
|
40
|
-
|
|
37
|
+
k(
|
|
41
38
|
() => e.isLoading,
|
|
42
|
-
async (l,
|
|
43
|
-
if (
|
|
44
|
-
const
|
|
45
|
-
a.value.close(), await
|
|
39
|
+
async (l, f) => {
|
|
40
|
+
if (f && !l && a.value) {
|
|
41
|
+
const i = e.valueToCopy || e.text;
|
|
42
|
+
a.value.close(), await d(i), p.value && c({
|
|
46
43
|
title: "Copied successfully",
|
|
47
44
|
type: "success",
|
|
48
45
|
duration: 2e3
|
|
@@ -50,53 +47,55 @@ const E = ["aria-label"], F = /* @__PURE__ */ h({
|
|
|
50
47
|
}
|
|
51
48
|
}
|
|
52
49
|
);
|
|
53
|
-
const
|
|
50
|
+
const x = async () => {
|
|
54
51
|
if (e.asyncCopy)
|
|
55
|
-
a.value =
|
|
52
|
+
a.value = c({
|
|
56
53
|
title: e.loadingTitle,
|
|
57
54
|
type: "loading",
|
|
58
55
|
isLoading: !0
|
|
59
|
-
}),
|
|
56
|
+
}), r("copy");
|
|
60
57
|
else {
|
|
61
58
|
const l = e.valueToCopy || e.text;
|
|
62
|
-
await
|
|
59
|
+
await d(l), p.value && c({
|
|
63
60
|
title: "Copied successfully",
|
|
64
61
|
type: "success",
|
|
65
62
|
duration: 2e3
|
|
66
|
-
}),
|
|
63
|
+
}), r("copy");
|
|
67
64
|
}
|
|
68
|
-
}, u = A(e.testId,
|
|
69
|
-
return (l,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
65
|
+
}, u = A(e.testId, s);
|
|
66
|
+
return (l, f) => {
|
|
67
|
+
const i = z("Loader");
|
|
68
|
+
return m(), I("div", {
|
|
69
|
+
class: "inline-copy",
|
|
70
|
+
onClick: x
|
|
71
|
+
}, [
|
|
72
|
+
o.hideTextValue ? V("", !0) : (m(), B(t(L), y({
|
|
73
|
+
key: 0,
|
|
74
|
+
variant: "caption",
|
|
75
|
+
style: { fontSize: t(C) }
|
|
76
|
+
}, t(u)[t(s).TEXT]), {
|
|
77
|
+
default: T(() => [
|
|
78
|
+
S(w(o.text), 1)
|
|
79
|
+
]),
|
|
80
|
+
_: 1
|
|
81
|
+
}, 16, ["style"])),
|
|
82
|
+
n(i, { "stroke-width": 2 }),
|
|
83
|
+
n(t(P), {
|
|
84
|
+
text: o.tooltipText,
|
|
85
|
+
header: o.tooltipHeader,
|
|
86
|
+
placement: o.tooltipPlacement
|
|
87
|
+
}, {
|
|
88
|
+
default: T(() => [
|
|
89
|
+
n(t(b), y({
|
|
90
|
+
class: "icon-copy",
|
|
91
|
+
name: "copy",
|
|
92
|
+
size: o.iconSize || "16px"
|
|
93
|
+
}, t(u)[t(s).COPY_BTN]), null, 16, ["size"])
|
|
94
|
+
]),
|
|
95
|
+
_: 1
|
|
96
|
+
}, 8, ["text", "header", "placement"])
|
|
97
|
+
]);
|
|
98
|
+
};
|
|
100
99
|
}
|
|
101
100
|
});
|
|
102
101
|
export {
|
|
@@ -52,10 +52,6 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
|
|
|
52
52
|
type: import("vue").PropType<string>;
|
|
53
53
|
default: string;
|
|
54
54
|
};
|
|
55
|
-
ariaLabel: {
|
|
56
|
-
type: import("vue").PropType<string>;
|
|
57
|
-
default: string;
|
|
58
|
-
};
|
|
59
55
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
60
56
|
copy: () => void;
|
|
61
57
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -111,10 +107,6 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
|
|
|
111
107
|
type: import("vue").PropType<string>;
|
|
112
108
|
default: string;
|
|
113
109
|
};
|
|
114
|
-
ariaLabel: {
|
|
115
|
-
type: import("vue").PropType<string>;
|
|
116
|
-
default: string;
|
|
117
|
-
};
|
|
118
110
|
}>> & {
|
|
119
111
|
onCopy?: () => any;
|
|
120
112
|
}, {
|
|
@@ -130,6 +122,5 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
|
|
|
130
122
|
valueToCopy: string;
|
|
131
123
|
asyncCopy: boolean;
|
|
132
124
|
loadingTitle: string;
|
|
133
|
-
ariaLabel: string;
|
|
134
125
|
}>[];
|
|
135
126
|
export { InlineCopy, InlineCopyTypes };
|
|
@@ -31,7 +31,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
31
31
|
inlineErrorText?: string;
|
|
32
32
|
inlineErrorTextPlacement?: TooltipPositions;
|
|
33
33
|
clearable?: boolean;
|
|
34
|
-
clearLabel?: string;
|
|
35
34
|
loading?: boolean;
|
|
36
35
|
}>, {
|
|
37
36
|
modelValue: string;
|
|
@@ -63,7 +62,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
63
62
|
showFeedbackTextIcon: boolean;
|
|
64
63
|
feedbackPositionAbsolute: boolean;
|
|
65
64
|
clearable: boolean;
|
|
66
|
-
clearLabel: string;
|
|
67
65
|
loading: boolean;
|
|
68
66
|
}>, {
|
|
69
67
|
manualFocus: () => any;
|
|
@@ -101,7 +99,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
101
99
|
inlineErrorText?: string;
|
|
102
100
|
inlineErrorTextPlacement?: TooltipPositions;
|
|
103
101
|
clearable?: boolean;
|
|
104
|
-
clearLabel?: string;
|
|
105
102
|
loading?: boolean;
|
|
106
103
|
}>, {
|
|
107
104
|
modelValue: string;
|
|
@@ -133,7 +130,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
133
130
|
showFeedbackTextIcon: boolean;
|
|
134
131
|
feedbackPositionAbsolute: boolean;
|
|
135
132
|
clearable: boolean;
|
|
136
|
-
clearLabel: string;
|
|
137
133
|
loading: boolean;
|
|
138
134
|
}>>> & {
|
|
139
135
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
@@ -170,7 +166,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
170
166
|
showFeedbackTextIcon: boolean;
|
|
171
167
|
feedbackPositionAbsolute: boolean;
|
|
172
168
|
clearable: boolean;
|
|
173
|
-
clearLabel: string;
|
|
174
169
|
}>, {
|
|
175
170
|
iconBefore?(_: {}): any;
|
|
176
171
|
iconAfter?(_: {}): any;
|