@ironsource/shared-ui 2.2.0-rc.43 → 2.2.0-rc.48

package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts

@@ -3,21 +3,26 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     iconName?: string;
     iconType?: IconTypes;
     testId?: string;
+    ariaLabel?: string;
 }>, {
     iconName: string;
     iconType: string;
     testId: string;
+    ariaLabel: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     iconName?: string;
     iconType?: IconTypes;
     testId?: string;
+    ariaLabel?: string;
 }>, {
     iconName: string;
     iconType: string;
     testId: string;
+    ariaLabel: string;
 }>>>, {
     testId: string;
     iconName: string;
+    ariaLabel: string;
     iconType: IconTypes;
 }>;
 export default _default;

package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconButtonDropdownTrigger.vue2.js";
 /* empty css                                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css"; //*');
-const _ = /* @__PURE__ */ e(o, [["__scopeId", "data-v-99e51ecc"]]);
+// import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_2a5345ef_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2a5345ef"]]);
 export {
-  _ as default
+  p as default
 };

package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js

@@ -1,23 +1,26 @@
- import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css"; import { defineComponent as t, openBlock as n, createBlock as r, unref as c, mergeProps as m } from "vue";
+ import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_2a5345ef_lang.css"; import { defineComponent as t, openBlock as o, createBlock as a, unref as n } from "vue";
 import "../../button/v4/ButtonV4.vue.js";
-import p from "../../button/v4/IconButtonV4.vue.js";
+import i from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-const y = /* @__PURE__ */ t({
+const f = /* @__PURE__ */ t({
   __name: "IconButtonDropdownTrigger",
   props: {
     iconName: { default: "dots-three" },
     iconType: { default: "bold" },
-    testId: { default: "" }
+    testId: { default: "" },
+    ariaLabel: { default: "" }
   },
   setup(e) {
-    const o = e;
-    return (i, a) => (n(), r(c(p), m({
+    return (r, c) => (o(), a(n(i), {
       "icon-name": e.iconName,
-      type: e.iconType
-    }, o), null, 16, ["icon-name", "type"]));
+      type: e.iconType,
+      "aria-label": e.ariaLabel || "More options",
+      tabindex: -1,
+      "test-id": e.testId
+    }, null, 8, ["icon-name", "type", "aria-label", "test-id"]));
   }
 });
 export {
-  y as default
+  f as default
 };

package/components/dropdown/v4/OptionV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./OptionV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_7e70c643_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7e70c643"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d48a9318_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d48a9318"]]);
 export {
   s as default
 };

package/components/dropdown/v4/OptionV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_7e70c643_lang.css"; import { defineComponent as V, ref as I, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as s, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as a, toDisplayString as m, createTextVNode as T, withModifiers as O, Fragment as j, renderList as R } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d48a9318_lang.css"; import { defineComponent as V, ref as I, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as s, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as a, toDisplayString as m, createTextVNode as T, withModifiers as O, Fragment as j, renderList as R } from "vue";
 import "../../typography/Heading.vue.js";
 import D from "../../typography/Text.vue.js";
 import q from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -6,7 +6,7 @@ import y from "../../icon/v4/IconV4.vue.js";
 import G from "../../icon/v4/IconFlag.vue.js";
 import { NOOP as $ } from "@vue/shared";
 import { optionCommon as H } from "../common/Option.common.js";
-import x from "../../typography/v4/Typography.vue.js";
+import p from "../../typography/v4/Typography.vue.js";
 import h from "../../tooltip/v4/TooltipV4.vue.js";
 import { isElementTruncated as J } from "../../../utils/text.js";
 import { promiseTimeout as Q } from "@vueuse/core";
@@ -71,11 +71,11 @@ const U = { class: "multiline-tooltip" }, W = {
   setup(e, { emit: M }) {
     const d = e, { selected: b, id: B, onClick: S, api: K } = H(d), z = (t) => {
       d.stopOptionClickEventPropagation && t.stopPropagation(), d.disabled ? $() : S(t);
-    }, p = I(null), w = I(!1), A = (t) => {
+    }, x = I(null), w = I(!1), A = (t) => {
       d.disabled && (t.stopPropagation(), $());
     };
-    F([() => d.treeChildShown, p], async () => {
-      await Q(100), w.value = p.value && J(p.value);
+    F([() => d.treeChildShown, x], async () => {
+      await Q(100), w.value = x.value && J(x.value);
     });
     const P = (t) => t && typeof t == "object" && "optionTooltipText" in t ? (Array.isArray(t.optionTooltipText), t.optionTooltipText) : w.value ? t[d.nameKey] : "", k = L(() => {
       const t = d.disabled && d.minMaxSelectionTooltipMessage || "", c = P(d.option);
@@ -95,7 +95,7 @@ const U = { class: "multiline-tooltip" }, W = {
           ref: "el",
           class: v(["item-container", {
             "item-container--disabled": e.disabled,
-            "item-container--active": e.nameKey ? !1 : e.active,
+            "item-container--active": e.active,
             "item-container--selected": n(b),
             "item-container--multi": e.isMulti,
             "item-container--filtered-out": e.option?.filteredOut
@@ -146,10 +146,10 @@ const U = { class: "multiline-tooltip" }, W = {
             ])) : o("", !0),
             u("div", {
               ref_key: "textContainerRef",
-              ref: p,
+              ref: x,
               class: "text-container"
             }, [
-              a(n(x), {
+              a(n(p), {
                 class: "option-text",
                 variant: "body2"
               }, {
@@ -167,7 +167,7 @@ const U = { class: "multiline-tooltip" }, W = {
                       }, {
                         default: s(() => [
                           e.option?.conditionalOptions ? (i(), l("div", ee, [
-                            a(n(x), {
+                            a(n(p), {
                               variant: "body2",
                               class: "conditional-option-label"
                             }, {
@@ -176,7 +176,7 @@ const U = { class: "multiline-tooltip" }, W = {
                               ]),
                               _: 1
                             }),
-                            a(n(x), {
+                            a(n(p), {
                               variant: "h5",
                               class: "conditional-option-value"
                             }, {
@@ -197,7 +197,7 @@ const U = { class: "multiline-tooltip" }, W = {
                         }, null, 8, ["name"])
                       ])) : o("", !0),
                       e.optionTwoLinesKey ? (i(), l("div", ne, [
-                        a(n(x), { variant: "caption" }, {
+                        a(n(p), { variant: "caption" }, {
                           default: s(() => [
                             T(m(e.option[e.optionTwoLinesKey]), 1)
                           ]),
@@ -280,7 +280,7 @@ const U = { class: "multiline-tooltip" }, W = {
         name: "tooltip",
         fn: s(() => [
           u("div", U, [
-            (i(!0), l(j, null, R(n(k), (f) => (i(), g(n(x), {
+            (i(!0), l(j, null, R(n(k), (f) => (i(), g(n(p), {
               key: f,
               variant: "body2"
             }, {

package/components/dropdown/v4/TreeDropdown.vue.d.ts

@@ -95,9 +95,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     valueToCopy: string;
     selected: unknown[];
     placeholder: string;
+    inlineSearchPlaceholder: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: "success" | "warning" | "error";
-    inlineSearchPlaceholder: string;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;