@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.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/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +1 -0
- package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +1 -0
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_27802170_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_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_309e5351_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +1 -0
- package/EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css +1 -0
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +1 -0
- package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css +1 -0
- package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +1 -0
- package/IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_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_2c2947b3_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +1 -0
- package/README.md +4 -15
- package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css +1 -0
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +1 -0
- package/Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css +1 -0
- package/components/autocomplete/Autocomplete.vue2.js +3 -2
- 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/chart/Chart.vue.d.ts +16 -3
- package/components/chart/Chart.vue.js +5 -5
- package/components/chart/Chart.vue2.js +127 -110
- package/components/chart/ChartHeader.vue.d.ts +13 -6
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +32 -29
- package/components/chart/ChartLegend.vue.d.ts +5 -0
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +99 -49
- package/components/chart/ChartTooltip.vue.d.ts +4 -5
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +64 -43
- package/components/chart/SettingsHeader.vue2.js +3 -2
- package/components/chart/index.d.ts +55 -16
- package/components/chart/mockData.d.ts +15 -2
- package/components/chart/types.d.ts +15 -1
- package/components/chart/utils/utils.js +5 -5
- package/components/checkbox/v4/CheckboxV4.vue.js +3 -3
- package/components/checkbox/v4/CheckboxV4.vue2.js +2 -2
- package/components/datePicker/v4/DatePickerV4.vue2.js +8 -7
- package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
- package/components/dateRange/v4/DateRangeV4.vue2.js +9 -9
- package/components/dialog/v4/DialogV4.vue.d.ts +15 -0
- package/components/dialog/v4/DialogV4.vue.js +3 -3
- package/components/dialog/v4/DialogV4.vue2.js +80 -73
- package/components/dialog/v4/index.d.ts +58 -1
- package/components/dropdown/common/Dropdown.common.js +200 -189
- package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
- package/components/dropdown/v3/index.d.ts +39 -39
- package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +1 -1
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +15 -0
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +42 -20
- package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +7 -7
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +10 -0
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +88 -47
- package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +110 -0
- package/components/dropdown/v4/ConditionalDropdown.vue.js +7 -0
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +224 -0
- package/components/dropdown/v4/DropdownV4.vue.d.ts +32 -11
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +153 -138
- package/components/dropdown/v4/OptionV4.vue.d.ts +10 -0
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +135 -98
- 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 +165 -120
- package/components/dropdown/v4/index.d.ts +443 -110
- package/components/dropdown/v4/index.js +6 -3
- package/components/emptyState/v4/EmptyStateV4.vue.js +3 -3
- package/components/emptyState/v4/EmptyStateV4.vue2.js +1 -1
- package/components/filtersPanel/v4/FiltersPanelV4.vue.js +2 -2
- package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +8 -9
- package/components/forms/FormCard.vue.js +3 -3
- package/components/forms/FormCard.vue2.js +1 -1
- package/components/icon/v4/IconFlag.vue.js +3 -3
- package/components/icon/v4/IconFlag.vue2.js +1 -1
- package/components/icon/v4/consts.d.ts +1 -1
- package/components/icon/v4/consts.js +1 -1
- 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/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +185 -165
- package/components/multibar/MultiBarMenu.vue2.js +3 -2
- package/components/popover/v4/PopoverV4.vue.d.ts +14 -2
- package/components/popover/v4/PopoverV4.vue.js +4 -3
- package/components/popover/v4/PopoverV4.vue2.js +40 -24
- package/components/popover/v4/index.d.ts +55 -11
- package/components/snackbar/v4/SnackbarV4.vue.d.ts +7 -116
- package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
- package/components/snackbar/v4/SnackbarV4.vue2.js +62 -60
- package/components/sortableList/SortableItem.vue.d.ts +5 -0
- package/components/sortableList/SortableItem.vue.js +2 -2
- package/components/sortableList/SortableItem.vue2.js +86 -70
- package/components/sortableList/SortableItemLabel.vue.js +3 -3
- package/components/sortableList/SortableItemLabel.vue2.js +20 -23
- package/components/sortableList/SortableList.vue.d.ts +17 -1
- package/components/sortableList/SortableList.vue.js +4 -4
- package/components/sortableList/SortableList.vue2.js +113 -94
- package/components/sortableList/index.d.ts +63 -5
- package/components/table/common/Table.common.d.ts +1 -1
- package/components/table/common/Table.common.js +83 -77
- package/components/table/common/Table.types.d.ts +1 -1
- package/components/table/common/consts.d.ts +4 -0
- package/components/table/common/consts.js +7 -0
- package/components/table/v3/Table.vue.d.ts +1 -1
- package/components/table/v3/index.d.ts +5 -5
- package/components/table/v4/DataGrid.vue.d.ts +12 -2
- package/components/table/v4/DataGrid.vue.js +2 -2
- package/components/table/v4/DataGrid.vue2.js +164 -155
- package/components/table/v4/DataGridMenu.vue.js +5 -5
- package/components/table/v4/DataGridMenu.vue2.js +4 -3
- package/components/table/v4/MultipleDataGrid.vue.d.ts +1 -1
- package/components/table/v4/index.d.ts +84 -46
- package/components/table-cells/common/Editable.common.js +29 -23
- package/components/table-cells/common/EditableContext.d.ts +1 -0
- package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
- package/components/table-cells/v4/EditableV4.vue.js +3 -3
- package/components/table-cells/v4/EditableV4.vue2.js +11 -10
- package/components/table-cells/v4/index.d.ts +20 -1
- package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
- package/components/tooltip/v4/TooltipV4.vue.js +3 -3
- package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
- package/components/tooltip/v4/index.d.ts +39 -1
- package/components/typography/v4/Typography.vue.js +3 -3
- package/components/typography/v4/Typography.vue2.js +24 -18
- package/design-foundation.stories/icons/iconsData.d.ts +1 -1
- package/index.d.ts +1626 -366
- package/index.js +1 -1
- package/mocks/options.d.ts +48 -6
- package/mocks/words.d.ts +1 -1
- package/package.json +2 -1
- package/style/v4/grid.css +1 -1
- package/style/v4/grid.css.map +1 -1
- package/style/v4/spacings.scss +1 -0
- package/testids/index.d.ts +2 -0
- package/testids/index.js +13 -13
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +0 -1
- package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css +0 -1
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +0 -1
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_e899ec7a_lang.css +0 -1
- package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +0 -1
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css +0 -1
- package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +0 -1
- package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css +0 -1
- package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_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/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +0 -1
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css +0 -1
- package/Typography.vue_vue_type_style_index_0_scoped_992962bc_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
|
-
|
|
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
|
-
|
|
31
|
+
C as DropdownTypes,
|
|
29
32
|
p as IconButtonDropdownTrigger,
|
|
30
33
|
g as Option,
|
|
31
34
|
e as TreeDropdown
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./EmptyStateV4.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../EmptyStateV4.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-18728498"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../EmptyStateV4.
|
|
1
|
+
import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
|
|
2
2
|
import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as i, unref as n, createCommentVNode as a, createElementVNode as N, renderSlot as s, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
|
|
3
3
|
import I from "../../button/v4/ButtonV4.vue.js";
|
|
4
4
|
import "../../button/v4/IconButtonV4.vue.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./FiltersPanelV4.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../FiltersPanelV4.
|
|
4
|
-
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-383011d3"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
import "../../../FiltersPanelV4.
|
|
2
|
-
const
|
|
1
|
+
import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css"; import { defineComponent as d, openBlock as t, createElementBlock as s, Fragment as a, renderList as i, renderSlot as l, normalizeProps as c, guardReactiveProps as u } from "vue";
|
|
2
|
+
const p = { class: "filters-panel" }, m = ["data-testid"], v = /* @__PURE__ */ d({
|
|
3
3
|
__name: "FiltersPanelV4",
|
|
4
4
|
props: {
|
|
5
5
|
filters: null,
|
|
6
6
|
testId: { default: "" }
|
|
7
7
|
},
|
|
8
|
-
setup(
|
|
9
|
-
const n =
|
|
10
|
-
return (o,
|
|
11
|
-
(t(!0),
|
|
8
|
+
setup(r) {
|
|
9
|
+
const n = r;
|
|
10
|
+
return (o, _) => (t(), s("div", p, [
|
|
11
|
+
(t(!0), s(a, null, i(r.filters, (e) => (t(), s("div", {
|
|
12
12
|
key: e.id,
|
|
13
|
-
class: "filter-chip-wrapper",
|
|
14
13
|
"data-testid": `${n.testId}-filter-${e.id}`
|
|
15
14
|
}, [
|
|
16
|
-
l(o.$slots, e.id, c(
|
|
15
|
+
l(o.$slots, e.id, c(u({ filter: e })), void 0, !0)
|
|
17
16
|
], 8, m))), 128))
|
|
18
17
|
]));
|
|
19
18
|
}
|
|
20
19
|
});
|
|
21
20
|
export {
|
|
22
|
-
|
|
21
|
+
v as default
|
|
23
22
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./FormCard.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../FormCard.
|
|
4
|
-
const t = /* @__PURE__ */
|
|
2
|
+
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-86feae7b"]]);
|
|
5
5
|
export {
|
|
6
6
|
t as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../FormCard.
|
|
1
|
+
import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
|
|
2
2
|
import b from "../typography/v4/Typography.vue.js";
|
|
3
3
|
import k from "../button/v4/ButtonV4.vue.js";
|
|
4
4
|
import "../button/v4/IconButtonV4.vue.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./IconFlag.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../IconFlag.
|
|
4
|
-
const t = /* @__PURE__ */
|
|
2
|
+
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-be9dc7bb"]]);
|
|
5
5
|
export {
|
|
6
6
|
t as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../IconFlag.
|
|
1
|
+
import "../../../IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css"; import { defineComponent as n, computed as a, openBlock as e, createElementBlock as t, createElementVNode as c, unref as l } from "vue";
|
|
2
2
|
import { ASSETS_BASE_URL as i } from "./consts.js";
|
|
3
3
|
const d = { class: "icon-flag" }, u = {
|
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const ASSETS_BASE_URL = "https://
|
|
1
|
+
export declare const ASSETS_BASE_URL = "https://shared-platform-assets.ironsrc.mobi/assets";
|
|
@@ -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.
|
|
4
|
-
const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
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.
|
|
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 };
|
|
@@ -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.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fce3948c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|