@ironsource/shared-ui 2.1.11-rc.16 → 2.1.11-rc.18

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css

@@ -0,0 +1 @@
+.custom-list-area[data-v-93545ce0]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:53px 43px}.inline-search[data-v-93545ce0]{width:100%}.contain-accept[data-v-93545ce0]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-93545ce0]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-93545ce0]{margin-left:4px;display:inline-flex;color:var(--primary-main)}

package/PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css

@@ -0,0 +1 @@
+div[data-v-052bc376]{display:block}

package/components/autocomplete/Autocomplete.vue2.js

@@ -8,7 +8,7 @@ import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDroprown.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
 import N from "../input/v4/TextField.vue.js";
 import { useVModel as O } from "@vueuse/core";
 import D from "../shared/FieldHelpText.vue.js";

package/components/chart/SettingsHeader.vue2.js

@@ -8,7 +8,7 @@ import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDroprown.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
 import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
 const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, x = /* @__PURE__ */ h({
   __name: "SettingsHeader",

package/components/datePicker/v4/DatePickerV4.vue2.js

@@ -11,7 +11,7 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import w from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
-import "../../dropdown/v4/ConditionalDroprown.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
 const $ = ["id", "data-testid"], S = /* @__PURE__ */ g({
   __name: "DatePickerV4",
   props: {

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -14,7 +14,7 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
-import "../../dropdown/v4/ConditionalDroprown.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
 import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
 import { dateRangeCommon as ae } from "../common/DateRange.common.js";
 import p from "../../typography/v4/Typography.vue.js";

package/components/dropdown/v3/index.d.ts

@@ -93,13 +93,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -269,13 +269,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -497,13 +497,13 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -666,13 +666,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;

package/components/dropdown/v4/{ConditionalDroprown.vue.d.ts → ConditionalDropdown.vue.d.ts}

@@ -13,15 +13,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fetchFnCallback: (q: string) => Promise<unknown[]>;
     optionNameKey: string;
     minCharsToStart?: number;
+    isOpen?: boolean;
 }>, {
     label: string;
     testId: string;
     comparingKey: string;
     optionNameKey: string;
     minCharsToStart: number;
+    isOpen: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: SelectedCondition) => void;
     "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selectedCondition: SelectedCondition | null;
     appliedSelections: unknown | unknown[];
@@ -32,18 +35,22 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fetchFnCallback: (q: string) => Promise<unknown[]>;
     optionNameKey: string;
     minCharsToStart?: number;
+    isOpen?: boolean;
 }>, {
     label: string;
     testId: string;
     comparingKey: string;
     optionNameKey: string;
     minCharsToStart: number;
+    isOpen: boolean;
 }>>> & {
+    onClear?: () => any;
     "onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
     "onUpdate:appliedSelections"?: (value: unknown) => any;
 }, {
     label: string;
     testId: string;
+    isOpen: boolean;
     optionNameKey: string;
     comparingKey: string;
     minCharsToStart: number;

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

@@ -0,0 +1,7 @@
+import o from "./ConditionalDropdown.vue2.js";
+/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css"; //*');
+const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-93545ce0"]]);
+export {
+  n as default
+};

package/components/dropdown/v4/{ConditionalDroprown.vue2.js → ConditionalDropdown.vue2.js}

@@ -1,5 +1,5 @@
- import "../../../ConditionalDroprown.vue_vue_type_style_index_0_scoped_546e19a9_lang.css"; import { defineComponent as E, computed as f, ref as u, watch as y, openBlock as w, createBlock as A, unref as s, withCtx as m, createVNode as h, mergeProps as B, createElementVNode as F, isRef as U, createElementBlock as $, createTextVNode as z, toDisplayString as M, createCommentVNode as P } from "vue";
-import N from "./DropdownV4.vue.js";
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css"; import { defineComponent as B, computed as f, ref as s, watch as b, openBlock as k, createBlock as E, unref as u, withCtx as m, createVNode as h, mergeProps as A, createElementVNode as F, isRef as U, createElementBlock as $, createTextVNode as z, toDisplayString as M, createCommentVNode as P } from "vue";
+import w from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
 import I from "./ChipDropdownTrigger.vue.js";
@@ -8,15 +8,15 @@ import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import "./OptionV4.vue.js";
-import "./ConditionalDroprown.vue.js";
+import "./ConditionalDropdown.vue.js";
 import L from "../../search/v4/SearchV4.vue.js";
 import Q from "../../typography/v4/Typography.vue.js";
 import { useDebounceFn as R } from "@vueuse/core";
 const j = { class: "conditional-container" }, q = {
   key: 0,
   class: "custom-list-area"
-}, ue = /* @__PURE__ */ E({
-  __name: "ConditionalDroprown",
+}, se = /* @__PURE__ */ B({
+  __name: "ConditionalDropdown",
   props: {
     selectedCondition: null,
     appliedSelections: null,
@@ -26,34 +26,35 @@ const j = { class: "conditional-container" }, q = {
     comparingKey: { default: "id" },
     fetchFnCallback: null,
     optionNameKey: { default: "name" },
-    minCharsToStart: { default: 3 }
+    minCharsToStart: { default: 3 },
+    isOpen: { type: Boolean, default: !1 }
   },
-  emits: ["update:selectedCondition", "update:appliedSelections"],
-  setup(p, { emit: b }) {
-    const t = p, g = f({
+  emits: ["update:selectedCondition", "update:appliedSelections", "clear"],
+  setup(c, { emit: y }) {
+    const t = c, g = f({
       get: () => t.appliedSelections,
       set: (o) => {
-        b("update:appliedSelections", o);
+        y("update:appliedSelections", o);
       }
     }), a = f({
       get: () => t.selectedCondition || t.conditionalOptions[0],
       set: (o) => {
-        b("update:selectedCondition", o);
+        y("update:selectedCondition", o);
       }
-    }), c = u(!0), e = u([]), d = u([]), C = u(!0), r = u(!1), l = u(""), O = u(""), v = u(t.label), D = f(() => (!l.value || l.value?.length < t.minCharsToStart) && !e.value.length ? `Enter at least ${t.minCharsToStart} keywords to begin` : "No results found"), T = f(() => {
-      const o = c.value ? 2.5 : 4;
+    }), d = s(!0), e = s([]), p = s([]), C = s(!0), r = s(!1), l = s(""), N = s(""), v = s(t.label), D = f(() => (!l.value || l.value?.length < t.minCharsToStart) && !e.value.length ? `Enter at least ${t.minCharsToStart} keywords to begin` : "No results found"), T = f(() => {
+      const o = d.value ? 2.5 : 4;
       return e.value.length ? null : o;
     }), K = R(async (o) => {
       try {
         r.value = !0;
         const i = await t.fetchFnCallback(o);
-        r.value = !1, e.value = i, k();
+        r.value = !1, e.value = i, O();
       } catch (i) {
         console.error("Error fetching data:", i);
       }
     }, 400), S = (o) => {
       o.length >= t.minCharsToStart ? K(o) : e.value = [];
-    }, k = () => {
+    }, O = () => {
       l.value && e.value.length && !r.value && !a.value.multi ? e.value[0].conditionalOptions ? e.value[0] = {
         name: l.value,
         conditionalOptions: !0,
@@ -69,57 +70,58 @@ const j = { class: "conditional-container" }, q = {
         ...e.value
       ] : e.value.length && e.value[0].conditionalOptions && e.value.shift();
     };
-    y(l, () => {
+    b(l, () => {
       S(l.value);
-    }), y(a, () => {
-      k();
+    }), b(a, () => {
+      O();
     });
     const V = () => {
-      O.value = l.value, v.value = `${t.label} ${a.value.label.toLowerCase()}`, g.value = c.value ? [...d.value] : { ...d.value }, C.value = c.value;
+      N.value = l.value, v.value = `${t.label} ${a.value.label.toLowerCase()}`, g.value = d.value ? [...p.value] : { ...p.value }, C.value = d.value;
     };
-    y(a, () => {
-      a.value.multi ? (r.value = !0, d.value = [], setTimeout(() => {
-        r.value = !1, c.value = !0;
+    b(a, () => {
+      a.value.multi ? (r.value = !0, p.value = [], setTimeout(() => {
+        r.value = !1, d.value = !0;
       }, 100)) : setTimeout(() => {
-        c.value = !1;
+        d.value = !1;
       }, 100);
     });
     const x = () => {
-      d.value = [], g.value = [], a.value = null, v.value = t.label, l.value = "";
+      p.value = [], g.value = [], a.value = null, v.value = t.label, l.value = "", y("clear");
     };
-    return (o, i) => (w(), A(s(N), {
-      selected: d.value,
-      "onUpdate:selected": i[2] || (i[2] = (n) => d.value = n),
+    return (o, i) => (k(), E(u(w), {
+      selected: p.value,
+      "onUpdate:selected": i[2] || (i[2] = (n) => p.value = n),
       "predefined-trigger": "chip",
-      "display-value": (n) => n?.[p.optionNameKey],
-      multi: c.value,
+      "display-value": (n) => n?.[c.optionNameKey],
+      multi: d.value,
       options: e.value,
       placeholder: v.value,
       "search-placeholder": "Search",
-      "option-name-key": p.optionNameKey,
+      "option-name-key": c.optionNameKey,
       "with-conditions": "",
       "inline-search": "",
-      "custom-number-of-displayed-options": s(T),
+      "custom-number-of-displayed-options": u(T),
       "options-list-width": "330px",
       loading: r.value,
-      "comparing-key": p.comparingKey,
+      "comparing-key": c.comparingKey,
+      "is-open": c.isOpen,
       onOnsearch: S,
       onApply: V
     }, {
       "dropdown-trigger": m(({ defaultTriggerProps: n }) => [
-        h(s(I), B(n, {
+        h(u(I), A(n, {
           label: v.value,
-          "selected-option": s(g),
+          "selected-option": u(g),
           multi: C.value,
           onClear: x
         }), null, 16, ["label", "selected-option", "multi"])
       ]),
       "dropdown-conditions": m(() => [
         F("div", j, [
-          h(s(N), {
-            selected: s(a),
+          h(u(w), {
+            selected: u(a),
             "onUpdate:selected": i[0] || (i[0] = (n) => U(a) ? a.value = n : null),
-            options: p.conditionalOptions,
+            options: c.conditionalOptions,
             "option-name-key": "label",
             "display-value": (n) => n?.label,
             container: ".conditional-container",
@@ -128,7 +130,7 @@ const j = { class: "conditional-container" }, q = {
         ])
       ]),
       "inline-search": m(() => [
-        h(s(L), {
+        h(u(L), {
           modelValue: l.value,
           "onUpdate:modelValue": i[1] || (i[1] = (n) => l.value = n),
           class: "inline-search",
@@ -139,19 +141,19 @@ const j = { class: "conditional-container" }, q = {
         }, null, 8, ["modelValue"])
       ]),
       "custom-list-area": m(() => [
-        !e.value.length && !r.value ? (w(), $("div", q, [
+        !e.value.length && !r.value ? (k(), $("div", q, [
           h(Q, { variant: "body1" }, {
             default: m(() => [
-              z(M(s(D)), 1)
+              z(M(u(D)), 1)
             ]),
             _: 1
           })
         ])) : P("", !0)
       ]),
       _: 1
-    }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "comparing-key"]));
+    }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "comparing-key", "is-open"]));
   }
 });
 export {
-  ue as default
+  se as default
 };

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

@@ -12,7 +12,7 @@ import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import q from "./OptionV4.vue.js";
-import "./ConditionalDroprown.vue.js";
+import "./ConditionalDropdown.vue.js";
 import Ce from "../../search/v4/SearchV4.vue.js";
 import Y from "../../typography/v4/Typography.vue.js";
 import { Dropdown as Se } from "floating-vue";

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

@@ -8,7 +8,7 @@ import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import S from "./OptionV4.vue.js";
-import "./ConditionalDroprown.vue.js";
+import "./ConditionalDropdown.vue.js";
 import { useChildOptions as ye } from "../composables/useChildOptions.js";
 import he from "../../search/v4/SearchV4.vue.js";
 import { useTestIdAttrs as fe } from "../../../utils/testIds.js";

package/components/dropdown/v4/index.d.ts

@@ -7,7 +7,7 @@ import ButtonDropdownTrigger from './ButtonDropdownTrigger.vue';
 import ButtonFilterDropdownTrigger from './ButtonFilterDropdownTrigger.vue';
 import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
-import ConditionalDroprown from './ConditionalDroprown.vue';
+import ConditionalDropdown from './ConditionalDropdown.vue';
 declare const DropdownTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1795,13 +1795,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2054,13 +2054,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2388,13 +2388,13 @@ declare const DropdownTypes: () => (({
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -2640,13 +2640,13 @@ declare const DropdownTypes: () => (({
     loading: {
         type: import("vue").PropType<boolean>;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -3502,6 +3502,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3547,6 +3551,7 @@ declare const DropdownTypes: () => (({
         multi: boolean;
     }) => void;
     "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -3557,6 +3562,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3596,6 +3605,7 @@ declare const DropdownTypes: () => (({
         default: number;
     };
 }>> & {
+    onClear?: () => any;
     "onUpdate:selectedCondition"?: (value: {
         label: string;
         value: string;
@@ -3605,8 +3615,9 @@ declare const DropdownTypes: () => (({
 }, {
     label: string;
     testId: string;
+    isOpen: boolean;
     optionNameKey: string;
     comparingKey: string;
     minCharsToStart: number;
 }>)[];
-export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDroprown, };
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };

package/components/dropdown/v4/index.js

@@ -7,7 +7,7 @@ import m from "./ButtonDropdownTrigger.vue.js";
 import n from "./ButtonFilterDropdownTrigger.vue.js";
 import e from "./TreeDropdown.vue.js";
 import g from "./OptionV4.vue.js";
-import f from "./ConditionalDroprown.vue.js";
+import d from "./ConditionalDropdown.vue.js";
 const C = () => [
   o,
   r,
@@ -18,14 +18,14 @@ const C = () => [
   i,
   g,
   e,
-  f
+  d
 ];
 export {
   i as AppDropdownTrigger,
   m as ButtonDropdownTrigger,
   n as ButtonFilterDropdownTrigger,
   t as ChipDropdownTrigger,
-  f as ConditionalDroprown,
+  d as ConditionalDropdown,
   r as DefaultDropdownTrigger,
   o as Dropdown,
   C as DropdownTypes,

package/components/multibar/MultiBarMenu.vue2.js

@@ -8,7 +8,7 @@ import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import g from "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDroprown.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
 import x from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 const h = /* @__PURE__ */ a({

package/components/popover/v4/PopoverV4.vue.d.ts

@@ -1,5 +1,6 @@
 import { Placement } from 'floating-vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isOpen?: boolean;
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -9,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId?: string;
     popperClass?: string;
 }>, {
+    isOpen: boolean;
     trigger: string;
     autoHide: boolean;
     disabled: boolean;
@@ -22,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     isOpen: (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isOpen?: boolean;
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -31,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId?: string;
     popperClass?: string;
 }>, {
+    isOpen: boolean;
     trigger: string;
     autoHide: boolean;
     disabled: boolean;
@@ -48,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     distance: number;
     autoHide: boolean;
     popperClass: string;
+    isOpen: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
     skidding: number;
 }>, {

package/components/popover/v4/PopoverV4.vue.js

@@ -1,7 +1,8 @@
 import o from "./PopoverV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-43b5cba4"]]);
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-052bc376"]]);
 export {
-  s as default
+  r as default
 };

package/components/popover/v4/PopoverV4.vue2.js

@@ -1,9 +1,10 @@
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css"; import { defineComponent as c, watch as f, openBlock as i, createBlock as g, unref as o, withCtx as n, createElementBlock as k, renderSlot as p, createCommentVNode as v, createElementVNode as h } from "vue";
-import { Dropdown as C } from "floating-vue";
-import { popoverCommon as w } from "../common/Popover.common.js";
-const y = ["data-testid"], E = /* @__PURE__ */ c({
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_052bc376_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as l, openBlock as p, createBlock as h, unref as i, withCtx as u, createElementBlock as y, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
+import { Dropdown as w } from "floating-vue";
+import { popoverCommon as $ } from "../common/Popover.common.js";
+const O = ["data-testid"], H = /* @__PURE__ */ k({
   __name: "PopoverV4",
   props: {
+    isOpen: { type: Boolean, default: !1 },
     autoHide: { type: Boolean, default: !1 },
     trigger: { default: "click" },
     disabled: { type: Boolean, default: !1 },
@@ -14,46 +15,57 @@ const y = ["data-testid"], E = /* @__PURE__ */ c({
     popperClass: { default: "" }
   },
   emits: ["isOpen"],
-  setup(e, { expose: s, emit: l }) {
-    const { popup: u, open: t, toggle: a, triggerRef: m } = w();
-    return f(t, () => {
-      l("isOpen", t.value);
-    }), s({
-      toggle: a
-    }), (r, d) => (i(), g(o(C), {
+  setup(e, { expose: f, emit: m }) {
+    const a = e, { popup: c, open: t, toggle: d, triggerRef: v } = $();
+    l(t, () => {
+      m("isOpen", t.value);
+    }), l(
+      () => a.isOpen,
+      (o) => {
+        d(o);
+      }
+    );
+    const n = (o) => {
+      a.trigger === o && (t.value = !t.value);
+    };
+    return f({
+      toggle: d
+    }), (o, r) => (p(), h(i(w), {
       theme: "custom-popover",
       placement: e.placement,
-      shown: !!o(t),
+      shown: !!i(t),
       triggers: e.trigger === "managed" ? [] : [e.trigger],
       "auto-hide": e.autoHide,
       distance: e.distance,
       skidding: e.skidding,
       "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
     }, {
-      popper: n(() => [
-        o(t) ? (i(), k("div", {
+      popper: u(() => [
+        i(t) ? (p(), y("div", {
           key: 0,
           ref_key: "popup",
-          ref: u,
+          ref: c,
           class: "menu-popup",
           "data-testid": e.testId
         }, [
-          p(r.$slots, "content", {}, void 0, !0)
-        ], 8, y)) : v("", !0)
+          g(o.$slots, "content", {}, void 0, !0)
+        ], 8, O)) : B("", !0)
       ]),
-      default: n(() => [
-        h("div", {
+      default: u(() => [
+        C("div", {
           ref_key: "triggerRef",
-          ref: m,
-          onClick: d[0] || (d[0] = (B) => o(a)(!o(t)))
+          ref: v,
+          onClick: r[0] || (r[0] = (s) => n("click")),
+          onMouseenter: r[1] || (r[1] = (s) => n("hover")),
+          onMouseleave: r[2] || (r[2] = (s) => n("hover"))
         }, [
-          p(r.$slots, "trigger", {}, void 0, !0)
-        ], 512)
+          g(o.$slots, "trigger", {}, void 0, !0)
+        ], 544)
       ]),
       _: 3
     }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "popper-class"]));
   }
 });
 export {
-  E as default
+  H as default
 };

package/components/popover/v4/index.d.ts

@@ -10,6 +10,7 @@ declare const PopoverTypes: () => ({
             distance: number;
             autoHide: boolean;
             popperClass: string;
+            isOpen: boolean;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
             skidding: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -37,6 +38,10 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
@@ -47,7 +52,7 @@ declare const PopoverTypes: () => ({
             };
         }>> & {
             onIsOpen?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "trigger" | "skidding">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -86,6 +91,10 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
@@ -107,6 +116,7 @@ declare const PopoverTypes: () => ({
             distance: number;
             autoHide: boolean;
             popperClass: string;
+            isOpen: boolean;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
             skidding: number;
         }, {}, string> & {
@@ -154,6 +164,10 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
@@ -195,6 +209,10 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     trigger: {
         type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
         default: string;
@@ -216,6 +234,7 @@ declare const PopoverTypes: () => ({
     distance: number;
     autoHide: boolean;
     popperClass: string;
+    isOpen: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
     skidding: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/table/v4/DataGridMenu.vue2.js

@@ -8,7 +8,7 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import C from "../../dropdown/v4/OptionV4.vue.js";
-import "../../dropdown/v4/ConditionalDroprown.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
 import k from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import { useTableContext as y } from "../common/TableContext.js";

package/index.d.ts

@@ -30,6 +30,7 @@ declare const _default: {
                 distance: number;
                 autoHide: boolean;
                 popperClass: string;
+                isOpen: boolean;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
                 skidding: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -57,6 +58,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
@@ -67,7 +72,7 @@ declare const _default: {
                 };
             }>> & {
                 onIsOpen?: (value: boolean) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "trigger" | "skidding">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -106,6 +111,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
@@ -127,6 +136,7 @@ declare const _default: {
                 distance: number;
                 autoHide: boolean;
                 popperClass: string;
+                isOpen: boolean;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
                 skidding: number;
             }, {}, string> & {
@@ -174,6 +184,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
@@ -215,6 +229,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
@@ -236,6 +254,7 @@ declare const _default: {
         distance: number;
         autoHide: boolean;
         popperClass: string;
+        isOpen: boolean;
         trigger: "hover" | "click" | "focus" | "touch" | "managed";
         skidding: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -255,6 +274,7 @@ declare const _default: {
                 distance: number;
                 autoHide: boolean;
                 popperClass: string;
+                isOpen: boolean;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
                 skidding: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -282,6 +302,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
@@ -292,7 +316,7 @@ declare const _default: {
                 };
             }>> & {
                 onIsOpen?: (value: boolean) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "trigger" | "skidding">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -331,6 +355,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
@@ -352,6 +380,7 @@ declare const _default: {
                 distance: number;
                 autoHide: boolean;
                 popperClass: string;
+                isOpen: boolean;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
                 skidding: number;
             }, {}, string> & {
@@ -399,6 +428,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
@@ -440,6 +473,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
@@ -461,6 +498,7 @@ declare const _default: {
         distance: number;
         autoHide: boolean;
         popperClass: string;
+        isOpen: boolean;
         trigger: "hover" | "click" | "focus" | "touch" | "managed";
         skidding: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -15957,13 +15995,13 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 skidding: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -16216,13 +16254,13 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 skidding: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -16550,13 +16588,13 @@ declare const _default: {
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -16802,13 +16840,13 @@ declare const _default: {
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -20417,13 +20455,13 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 skidding: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -20676,13 +20714,13 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 skidding: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -21010,13 +21048,13 @@ declare const _default: {
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -21262,13 +21300,13 @@ declare const _default: {
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -22124,6 +22162,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         optionNameKey: {
             type: import("vue").PropType<string>;
             required: true;
@@ -22169,6 +22211,7 @@ declare const _default: {
             multi: boolean;
         }) => void;
         "update:appliedSelections": (value: unknown) => void;
+        clear: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
@@ -22179,6 +22222,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         optionNameKey: {
             type: import("vue").PropType<string>;
             required: true;
@@ -22218,6 +22265,7 @@ declare const _default: {
             default: number;
         };
     }>> & {
+        onClear?: () => any;
         "onUpdate:selectedCondition"?: (value: {
             label: string;
             value: string;
@@ -22227,6 +22275,7 @@ declare const _default: {
     }, {
         label: string;
         testId: string;
+        isOpen: boolean;
         optionNameKey: string;
         comparingKey: string;
         minCharsToStart: number;
@@ -23180,7 +23229,7 @@ declare const _default: {
             "trigger-end-icon"?(_: {}): any;
         };
     });
-    ConditionalDroprown: import("vue").DefineComponent<{
+    ConditionalDropdown: import("vue").DefineComponent<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -23190,6 +23239,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         optionNameKey: {
             type: import("vue").PropType<string>;
             required: true;
@@ -23235,6 +23288,7 @@ declare const _default: {
             multi: boolean;
         }) => void;
         "update:appliedSelections": (value: unknown) => void;
+        clear: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
@@ -23245,6 +23299,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         optionNameKey: {
             type: import("vue").PropType<string>;
             required: true;
@@ -23284,6 +23342,7 @@ declare const _default: {
             default: number;
         };
     }>> & {
+        onClear?: () => any;
         "onUpdate:selectedCondition"?: (value: {
             label: string;
             value: string;
@@ -23293,6 +23352,7 @@ declare const _default: {
     }, {
         label: string;
         testId: string;
+        isOpen: boolean;
         optionNameKey: string;
         comparingKey: string;
         minCharsToStart: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.11-rc.16",
+  "version": "2.1.11-rc.18",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/ConditionalDroprown.vue_vue_type_style_index_0_scoped_546e19a9_lang.css

@@ -1 +0,0 @@
-.custom-list-area[data-v-546e19a9]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:53px 43px}.inline-search[data-v-546e19a9]{width:100%}.contain-accept[data-v-546e19a9]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-546e19a9]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-546e19a9]{margin-left:4px;display:inline-flex;color:var(--primary-main)}

package/PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css

@@ -1 +0,0 @@
-div[data-v-43b5cba4]{display:block}

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

@@ -1,7 +0,0 @@
-import o from "./ConditionalDroprown.vue2.js";
-/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ConditionalDroprown.vue_vue_type_style_index_0_scoped_546e19a9_lang.css"; //*');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-546e19a9"]]);
-export {
-  r as default
-};