@ironsource/shared-ui 2.1.12-rc.42 → 2.1.12-rc.43

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 (8) hide show
  1. package/Link.vue_vue_type_style_index_0_scoped_829952b9_lang.css +1 -0
  2. package/components/link/Link.vue.d.ts +15 -0
  3. package/components/link/Link.vue.js +3 -3
  4. package/components/link/Link.vue2.js +28 -22
  5. package/components/link/index.d.ts +58 -1
  6. package/index.js +1 -1
  7. package/package.json +1 -1
  8. package/Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css +0 -1
package/Link.vue_vue_type_style_index_0_scoped_829952b9_lang.css ADDED
@@ -0,0 +1 @@
1
+ .link[data-v-829952b9]{cursor:pointer;color:var(--primary-main);display:inline-flex;align-items:center;gap:var(--spacing-50)}.link[data-v-829952b9]:hover{color:var(--primary-dark)}.link--default[data-v-829952b9]{color:var(--text-secondary)}.link--default[data-v-829952b9]:hover{color:var(--text-primary)}.link--disabled[data-v-829952b9]{color:var(--text-disabled);pointer-events:none}
package/components/link/Link.vue.d.ts CHANGED
@@ -6,6 +6,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
6
6
  iconName?: string;
7
7
  iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
8
8
  testId?: string;
9
+ isTruncated?: boolean;
10
+ withTooltip?: boolean;
11
+ tooltipText?: string;
9
12
  }>, {
10
13
  href: any;
11
14
  disabled: boolean;
@@ -14,6 +17,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
14
17
  iconName: any;
15
18
  iconType: string;
16
19
  testId: string;
20
+ isTruncated: boolean;
21
+ withTooltip: boolean;
22
+ tooltipText: string;
17
23
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
18
24
  click: () => void;
19
25
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -24,6 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
24
30
  iconName?: string;
25
31
  iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
26
32
  testId?: string;
33
+ isTruncated?: boolean;
34
+ withTooltip?: boolean;
35
+ tooltipText?: string;
27
36
  }>, {
28
37
  href: any;
29
38
  disabled: boolean;
@@ -32,11 +41,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
32
41
  iconName: any;
33
42
  iconType: string;
34
43
  testId: string;
44
+ isTruncated: boolean;
45
+ withTooltip: boolean;
46
+ tooltipText: string;
35
47
  }>>> & {
36
48
  onClick?: () => any;
37
49
  }, {
38
50
  testId: string;
39
51
  variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
52
+ withTooltip: boolean;
53
+ tooltipText: string;
54
+ isTruncated: boolean;
40
55
  disabled: boolean;
41
56
  color: "default" | "primary";
42
57
  href: string;
package/components/link/Link.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Link.vue2.js";
2
- /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad98fe7b"]]);
2
+ /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../Link.vue_vue_type_style_index_0_scoped_829952b9_lang.css"; //*');
4
+ const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-829952b9"]]);
5
5
  export {
6
6
  p as default
7
7
  };
package/components/link/Link.vue2.js CHANGED
@@ -1,10 +1,10 @@
1
- import "../../Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css"; import { defineComponent as f, openBlock as i, createBlock as r, unref as t, mergeProps as l, withCtx as m, renderSlot as u, createCommentVNode as p } from "vue";
2
- import k from "../typography/v4/Typography.vue.js";
3
- import y from "../icon/v4/IconV4.vue.js";
1
+ import "../../Link.vue_vue_type_style_index_0_scoped_829952b9_lang.css"; import { defineComponent as f, openBlock as a, createBlock as n, unref as e, mergeProps as r, withCtx as u, renderSlot as m, createCommentVNode as p } from "vue";
2
+ import y from "../typography/v4/Typography.vue.js";
3
+ import k from "../icon/v4/IconV4.vue.js";
4
4
  import "../icon/v4/IconFlag.vue.js";
5
- import { useTestIdAttrs as I } from "../../utils/testIds.js";
6
- import { LinkTestIdModifiers as a } from "../../testids/index.js";
7
- const w = /* @__PURE__ */ f({
5
+ import { useTestIdAttrs as T } from "../../utils/testIds.js";
6
+ import { LinkTestIdModifiers as i } from "../../testids/index.js";
7
+ const C = /* @__PURE__ */ f({
8
8
  __name: "Link",
9
9
  props: {
10
10
  href: { default: null },
@@ -13,31 +13,37 @@ const w = /* @__PURE__ */ f({
13
13
  variant: { default: "body1" },
14
14
  iconName: { default: null },
15
15
  iconType: { default: "regular" },
16
- testId: { default: "" }
16
+ testId: { default: "" },
17
+ isTruncated: { type: Boolean, default: !1 },
18
+ withTooltip: { type: Boolean, default: !1 },
19
+ tooltipText: { default: "" }
17
20
  },
18
21
  emits: ["click"],
19
- setup(e, { emit: d }) {
20
- const o = e, c = () => {
22
+ setup(t, { emit: d }) {
23
+ const o = t, c = () => {
21
24
  o.disabled || (o.href && window.open(o.href), d("click"));
22
- }, n = I(o.testId, a);
23
- return (s, h) => (i(), r(t(k), l({
24
- class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
25
- variant: e.variant
26
- }, t(n)[t(a).WRAPPER], { onClick: c }), {
27
- default: m(() => [
28
- u(s.$slots, "default", {}, void 0, !0),
29
- e.iconName ? (i(), r(t(y), l({
25
+ }, l = T(o.testId, i);
26
+ return (s, h) => (a(), n(e(y), r({
27
+ class: ["link", [`link--${t.color}`, { "link--disabled": t.disabled }]],
28
+ variant: t.variant,
29
+ "is-truncated": t.isTruncated,
30
+ "with-tooltip": t.withTooltip,
31
+ "tooltip-text": t.tooltipText
32
+ }, e(l)[e(i).WRAPPER], { onClick: c }), {
33
+ default: u(() => [
34
+ m(s.$slots, "default", {}, void 0, !0),
35
+ t.iconName ? (a(), n(e(k), r({
30
36
  key: 0,
31
- name: e.iconName,
32
- type: e.iconType,
37
+ name: t.iconName,
38
+ type: t.iconType,
33
39
  size: "16px",
34
40
  class: "icon"
35
- }, t(n)[t(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
41
+ }, e(l)[e(i).ICON]), null, 16, ["name", "type"])) : p("", !0)
36
42
  ]),
37
43
  _: 3
38
- }, 16, ["class", "variant"]));
44
+ }, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text"]));
39
45
  }
40
46
  });
41
47
  export {
42
- w as default
48
+ C as default
43
49
  };
package/components/link/index.d.ts CHANGED
@@ -5,6 +5,9 @@ declare const LinkTypes: () => ({
5
5
  $props: Partial<{
6
6
  testId: string;
7
7
  variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
8
+ withTooltip: boolean;
9
+ tooltipText: string;
10
+ isTruncated: boolean;
8
11
  disabled: boolean;
9
12
  color: "default" | "primary";
10
13
  href: string;
@@ -19,6 +22,18 @@ declare const LinkTypes: () => ({
19
22
  type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
20
23
  default: string;
21
24
  };
25
+ withTooltip: {
26
+ type: import("vue").PropType<boolean>;
27
+ default: boolean;
28
+ };
29
+ tooltipText: {
30
+ type: import("vue").PropType<string>;
31
+ default: string;
32
+ };
33
+ isTruncated: {
34
+ type: import("vue").PropType<boolean>;
35
+ default: boolean;
36
+ };
22
37
  disabled: {
23
38
  type: import("vue").PropType<boolean>;
24
39
  default: boolean;
@@ -41,7 +56,7 @@ declare const LinkTypes: () => ({
41
56
  };
42
57
  }>> & {
43
58
  onClick?: () => any;
44
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "href" | "iconName" | "iconType">;
59
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipText" | "isTruncated" | "disabled" | "color" | "href" | "iconName" | "iconType">;
45
60
  $attrs: {
46
61
  [x: string]: unknown;
47
62
  };
@@ -64,6 +79,18 @@ declare const LinkTypes: () => ({
64
79
  type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
65
80
  default: string;
66
81
  };
82
+ withTooltip: {
83
+ type: import("vue").PropType<boolean>;
84
+ default: boolean;
85
+ };
86
+ tooltipText: {
87
+ type: import("vue").PropType<string>;
88
+ default: string;
89
+ };
90
+ isTruncated: {
91
+ type: import("vue").PropType<boolean>;
92
+ default: boolean;
93
+ };
67
94
  disabled: {
68
95
  type: import("vue").PropType<boolean>;
69
96
  default: boolean;
@@ -91,6 +118,9 @@ declare const LinkTypes: () => ({
91
118
  }, string, {
92
119
  testId: string;
93
120
  variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
121
+ withTooltip: boolean;
122
+ tooltipText: string;
123
+ isTruncated: boolean;
94
124
  disabled: boolean;
95
125
  color: "default" | "primary";
96
126
  href: string;
@@ -125,6 +155,18 @@ declare const LinkTypes: () => ({
125
155
  type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
126
156
  default: string;
127
157
  };
158
+ withTooltip: {
159
+ type: import("vue").PropType<boolean>;
160
+ default: boolean;
161
+ };
162
+ tooltipText: {
163
+ type: import("vue").PropType<string>;
164
+ default: string;
165
+ };
166
+ isTruncated: {
167
+ type: import("vue").PropType<boolean>;
168
+ default: boolean;
169
+ };
128
170
  disabled: {
129
171
  type: import("vue").PropType<boolean>;
130
172
  default: boolean;
@@ -160,6 +202,18 @@ declare const LinkTypes: () => ({
160
202
  type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
161
203
  default: string;
162
204
  };
205
+ withTooltip: {
206
+ type: import("vue").PropType<boolean>;
207
+ default: boolean;
208
+ };
209
+ tooltipText: {
210
+ type: import("vue").PropType<string>;
211
+ default: string;
212
+ };
213
+ isTruncated: {
214
+ type: import("vue").PropType<boolean>;
215
+ default: boolean;
216
+ };
163
217
  disabled: {
164
218
  type: import("vue").PropType<boolean>;
165
219
  default: boolean;
@@ -187,6 +241,9 @@ declare const LinkTypes: () => ({
187
241
  }, string, {
188
242
  testId: string;
189
243
  variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
244
+ withTooltip: boolean;
245
+ tooltipText: string;
246
+ isTruncated: boolean;
190
247
  disabled: boolean;
191
248
  color: "default" | "primary";
192
249
  href: string;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Heading.vue_vue_type_style_index_0_scoped_19878c4b_lang.css';
1
+ import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-rc.42",
3
+ "version": "2.1.12-rc.43",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css DELETED
@@ -1 +0,0 @@
1
- .link[data-v-ad98fe7b]{cursor:pointer;color:var(--primary-main);display:inline-flex;align-items:center;gap:var(--spacing-50)}.link[data-v-ad98fe7b]:hover{color:var(--primary-dark)}.link--default[data-v-ad98fe7b]{color:var(--text-secondary)}.link--default[data-v-ad98fe7b]:hover{color:var(--text-primary)}.link--disabled[data-v-ad98fe7b]{color:var(--text-disabled);pointer-events:none}