@ironsource/shared-ui 2.1.11-rc.33 → 2.1.11-rc.34

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/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_9151e036_lang.css +1 -0
  2. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +5 -5
  3. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
  4. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +18 -17
  5. package/index.d.ts +11 -11
  6. package/index.js +1 -1
  7. package/package.json +1 -1
  8. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_853b18b2_lang.css +0 -1
package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_9151e036_lang.css ADDED
@@ -0,0 +1 @@
1
+ .button-trigger.open[data-v-9151e036]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-9151e036]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-9151e036]{display:block;width:100%}.button-trigger .label-wrapper .label[data-v-9151e036]{white-space:nowrap}
package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
9
9
  hideEndIcon?: boolean;
10
10
  testId?: string;
11
- maxWidth?: string;
11
+ maxWidth?: number;
12
12
  withTooltip?: boolean;
13
13
  tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
14
14
  }>, {
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
20
20
  startIconType: string;
21
21
  hideEndIcon: boolean;
22
22
  testId: string;
23
- maxWidth: string;
23
+ maxWidth: number;
24
24
  withTooltip: boolean;
25
25
  tooltipPlacement: string;
26
26
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
35
35
  startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
36
36
  hideEndIcon?: boolean;
37
37
  testId?: string;
38
- maxWidth?: string;
38
+ maxWidth?: number;
39
39
  withTooltip?: boolean;
40
40
  tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
41
41
  }>, {
@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
47
47
  startIconType: string;
48
48
  hideEndIcon: boolean;
49
49
  testId: string;
50
- maxWidth: string;
50
+ maxWidth: number;
51
51
  withTooltip: boolean;
52
52
  tooltipPlacement: string;
53
53
  }>>> & {
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
59
59
  tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
60
60
  disabled: boolean;
61
61
  size: "small" | "medium";
62
- maxWidth: string;
62
+ maxWidth: number;
63
63
  open: boolean;
64
64
  startIconName: string;
65
65
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
package/components/dropdown/v4/ButtonDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonDropdownTrigger.vue2.js";
2
- /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_853b18b2_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-853b18b2"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_9151e036_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9151e036"]]);
5
5
  export {
6
6
  p as default
7
7
  };
package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js CHANGED
@@ -1,10 +1,10 @@
1
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_853b18b2_lang.css"; import { defineComponent as n, openBlock as i, createBlock as d, unref as r, normalizeClass as c, withCtx as a, renderSlot as u, createElementVNode as m, normalizeStyle as s, createVNode as f, createTextVNode as p, toDisplayString as y } from "vue";
2
- import b from "../../button/v4/ButtonV4.vue.js";
1
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_9151e036_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
2
+ import T from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
5
5
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
6
- import h from "../../typography/v4/Typography.vue.js";
7
- const z = /* @__PURE__ */ n({
6
+ import B from "../../typography/v4/Typography.vue.js";
7
+ const W = /* @__PURE__ */ c({
8
8
  __name: "ButtonDropdownTrigger",
9
9
  props: {
10
10
  label: null,
@@ -16,14 +16,15 @@ const z = /* @__PURE__ */ n({
16
16
  startIconType: { default: "regular" },
17
17
  hideEndIcon: { type: Boolean, default: !1 },
18
18
  testId: { default: "" },
19
- maxWidth: { default: "" },
19
+ maxWidth: { default: 0 },
20
20
  withTooltip: { type: Boolean, default: !0 },
21
21
  tooltipPlacement: { default: "top" }
22
22
  },
23
23
  emits: ["click"],
24
- setup(t, { emit: l }) {
25
- return (o, e) => (i(), d(r(b), {
26
- class: c(["button-trigger", { open: t.open }]),
24
+ setup(t, { emit: i }) {
25
+ const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
26
+ return (r, l) => (s(), u(o(T), {
27
+ class: m(["button-trigger", { open: t.open }]),
27
28
  disabled: t.disabled,
28
29
  color: "default",
29
30
  variant: t.variant,
@@ -33,15 +34,15 @@ const z = /* @__PURE__ */ n({
33
34
  "end-icon-name": t.hideEndIcon ? null : "caret-down",
34
35
  content: t.label,
35
36
  "test-id": t.testId,
36
- onClick: e[0] || (e[0] = (w) => l("click"))
37
+ onClick: l[0] || (l[0] = (g) => i("click"))
37
38
  }, {
38
- default: a(() => [
39
- u(o.$slots, "default", {}, () => [
40
- m("div", {
41
- style: s({ maxWidth: t.maxWidth }),
39
+ default: n(() => [
40
+ f(r.$slots, "default", {}, () => [
41
+ p("div", {
42
+ style: y(o(d)),
42
43
  class: "label-wrapper"
43
44
  }, [
44
- f(h, {
45
+ h(B, {
45
46
  variant: "button",
46
47
  class: "label",
47
48
  "is-truncated": "",
@@ -49,8 +50,8 @@ const z = /* @__PURE__ */ n({
49
50
  "tooltip-text": t.label,
50
51
  "tooltip-placement": t.tooltipPlacement
51
52
  }, {
52
- default: a(() => [
53
- p(y(t.label), 1)
53
+ default: n(() => [
54
+ b(x(t.label), 1)
54
55
  ]),
55
56
  _: 1
56
57
  }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])
@@ -62,5 +63,5 @@ const z = /* @__PURE__ */ n({
62
63
  }
63
64
  });
64
65
  export {
65
- z as default
66
+ W as default
66
67
  };
package/index.d.ts CHANGED
@@ -18025,7 +18025,7 @@ declare const _default: {
18025
18025
  tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
18026
18026
  disabled: boolean;
18027
18027
  size: "small" | "medium";
18028
- maxWidth: string;
18028
+ maxWidth: number;
18029
18029
  open: boolean;
18030
18030
  startIconName: string;
18031
18031
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -18060,8 +18060,8 @@ declare const _default: {
18060
18060
  default: string;
18061
18061
  };
18062
18062
  maxWidth: {
18063
- type: import("vue").PropType<string>;
18064
- default: string;
18063
+ type: import("vue").PropType<number>;
18064
+ default: number;
18065
18065
  };
18066
18066
  open: {
18067
18067
  type: import("vue").PropType<boolean>;
@@ -18125,8 +18125,8 @@ declare const _default: {
18125
18125
  default: string;
18126
18126
  };
18127
18127
  maxWidth: {
18128
- type: import("vue").PropType<string>;
18129
- default: string;
18128
+ type: import("vue").PropType<number>;
18129
+ default: number;
18130
18130
  };
18131
18131
  open: {
18132
18132
  type: import("vue").PropType<boolean>;
@@ -18155,7 +18155,7 @@ declare const _default: {
18155
18155
  tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
18156
18156
  disabled: boolean;
18157
18157
  size: "small" | "medium";
18158
- maxWidth: string;
18158
+ maxWidth: number;
18159
18159
  open: boolean;
18160
18160
  startIconName: string;
18161
18161
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -18210,8 +18210,8 @@ declare const _default: {
18210
18210
  default: string;
18211
18211
  };
18212
18212
  maxWidth: {
18213
- type: import("vue").PropType<string>;
18214
- default: string;
18213
+ type: import("vue").PropType<number>;
18214
+ default: number;
18215
18215
  };
18216
18216
  open: {
18217
18217
  type: import("vue").PropType<boolean>;
@@ -18265,8 +18265,8 @@ declare const _default: {
18265
18265
  default: string;
18266
18266
  };
18267
18267
  maxWidth: {
18268
- type: import("vue").PropType<string>;
18269
- default: string;
18268
+ type: import("vue").PropType<number>;
18269
+ default: number;
18270
18270
  };
18271
18271
  open: {
18272
18272
  type: import("vue").PropType<boolean>;
@@ -18295,7 +18295,7 @@ declare const _default: {
18295
18295
  tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
18296
18296
  disabled: boolean;
18297
18297
  size: "small" | "medium";
18298
- maxWidth: string;
18298
+ maxWidth: number;
18299
18299
  open: boolean;
18300
18300
  startIconName: string;
18301
18301
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AddFilterButton.vue_vue_type_style_index_0_scoped_fd98af08_lang.css';
1
+ import './IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } 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.11-rc.33",
3
+ "version": "2.1.11-rc.34",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_853b18b2_lang.css DELETED
@@ -1 +0,0 @@
1
- .button-trigger.open[data-v-853b18b2]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-853b18b2]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-853b18b2]{display:block;width:100%}.button-trigger .label-wrapper .label[data-v-853b18b2]{white-space:nowrap}