@ironsource/shared-ui 2.1.12-test.1 → 2.1.12-test.3

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

@@ -1,21 +1,21 @@
- import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_683b8a75_lang.css"; import { defineComponent as G, computed as w, ref as u, watch as g, onMounted as H, openBlock as D, createBlock as J, unref as y, createSlots as X, withCtx as p, createVNode as h, mergeProps as Y, createElementVNode as Z, normalizeProps as _, guardReactiveProps as x, createElementBlock as ee, createTextVNode as oe, toDisplayString as le, createCommentVNode as ae, renderSlot as te } from "vue";
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css"; import { defineComponent as H, computed as b, ref as r, watch as v, onMounted as J, openBlock as L, createBlock as X, unref as h, createSlots as Y, withCtx as p, createVNode as S, mergeProps as Z, createElementVNode as _, normalizeProps as x, guardReactiveProps as ee, createElementBlock as oe, createTextVNode as le, toDisplayString as ae, createCommentVNode as te, renderSlot as ne } from "vue";
 import F from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
-import ne from "./ChipDropdownTrigger.vue.js";
+import ie from "./ChipDropdownTrigger.vue.js";
 import "./AppDropdownTrigger.vue.js";
 import "./ButtonDropdownTrigger.vue.js";
-import ie from "./ButtonFilterDropdownTrigger.vue.js";
+import ue from "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import "./OptionV4.vue.js";
 import "./ConditionalDropdown.vue.js";
 import re from "../../search/v4/SearchV4.vue.js";
-import ue from "../../typography/v4/Typography.vue.js";
-import { useDebounceFn as se } from "@vueuse/core";
-const de = { class: "conditional-container" }, pe = {
+import se from "../../typography/v4/Typography.vue.js";
+import { useDebounceFn as de } from "@vueuse/core";
+const pe = { class: "conditional-container" }, ce = {
   key: 0,
   class: "custom-list-area"
-}, Ae = /* @__PURE__ */ G({
+}, Ne = /* @__PURE__ */ H({
   __name: "ConditionalDropdown",
   props: {
     selectedCondition: {},
@@ -42,47 +42,56 @@ const de = { class: "conditional-container" }, pe = {
     triggerShownValuesCount: { default: 1 }
   },
   emits: ["update:selectedCondition", "update:appliedSelections", "clear", "closed"],
-  setup(L, { emit: B }) {
-    const o = L, S = B, v = w({
+  setup(B, { emit: U }) {
+    const o = B, f = U, m = b({
       get: () => o.appliedSelections,
       set: (e) => {
-        S("update:appliedSelections", e);
+        f("update:appliedSelections", e);
       }
-    }), r = w({
-      get: () => o.selectedCondition || o.conditionalOptions[0],
+    }), k = r(
+      o.selectedCondition || o.conditionalOptions[0]
+    ), n = b({
+      get: () => k.value || o.conditionalOptions[0],
       set: (e) => {
-        S("update:selectedCondition", e);
+        k.value = e;
       }
-    }), K = () => {
+    });
+    v(
+      () => o.selectedCondition,
+      (e) => {
+        e && e.value !== n.value?.value && (n.value = e, K());
+      }
+    );
+    const T = () => {
       const { appliedSelections: e } = o;
       return e ? Array.isArray(e) ? e : [e] : [];
-    }, k = u(null), d = u(!0), t = u([]), n = u(K()), T = u(!0), s = u(!1), C = u(!1), i = u(o.searchQuery), U = u(""), f = u(o.label), O = u([]), I = w(() => (!i.value || i.value?.length < o.minCharsToStart) && !t.value.length ? `Enter at least ${o.minCharsToStart} characters to begin` : "No results found"), M = w(() => {
+    }, A = r(null), d = r(!0), t = r([]), i = r(T()), N = r(!0), s = r(!1), C = r(!1), u = r(o.searchQuery), I = r(""), g = r(o.label), w = r([]), M = b(() => (!u.value || u.value?.length < o.minCharsToStart) && !t.value.length ? `Enter at least ${o.minCharsToStart} characters to begin` : "No results found"), E = b(() => {
       const e = d.value ? 4 : 4.5, a = t.value.length > 4 ? t.value.length : e;
       if (o.groupedOptions) {
         let l = 0;
-        return t.value.forEach((m) => {
-          m.options && (l = l + m.options.length);
+        return t.value.forEach((y) => {
+          y.options && (l = l + y.options.length);
         }), l > 4 ? l : e;
       }
       return a > e ? a : e;
-    }), E = (e, a) => {
-      if (o.infiniteLoading && r.value.multi && Array.isArray(n.value) && n.value.length && e && a.length) {
-        const l = [], m = n.value.filter(
+    }), Q = (e, a) => {
+      if (o.infiniteLoading && n.value.multi && Array.isArray(i.value) && i.value.length && e && a.length) {
+        const l = [], y = i.value.filter(
           (c) => c[o.optionNameKey].includes(e)
         );
         return a.forEach((c) => {
-          m.find(
-            (q) => q[o.comparingKey] === c[o.comparingKey]
+          y.find(
+            (G) => G[o.comparingKey] === c[o.comparingKey]
           ) && l.push(c[o.comparingKey]);
-        }), m.filter(
+        }), y.filter(
           (c) => !l.includes(c[o.comparingKey])
         );
       }
       return [];
-    }, A = async (e) => {
+    }, D = async (e) => {
       try {
         s.value = !0;
-        const a = await o.fetchFnCallback(e), l = E(
+        const a = await o.fetchFnCallback(e), l = Q(
           e,
           a
         );
@@ -90,7 +99,7 @@ const de = { class: "conditional-container" }, pe = {
       } catch (a) {
         s.value = !1, console.error("Error fetching data:", a);
       }
-    }, P = async () => {
+    }, V = async () => {
       if (o.infiniteLoading)
         try {
           C.value = !0;
@@ -99,115 +108,115 @@ const de = { class: "conditional-container" }, pe = {
         } catch (e) {
           C.value = !1, console.error("Error fetching data:", e);
         }
-    }, Q = se(
-      A,
+    }, $ = de(
+      D,
       o.fetchDataDebounceTime
-    ), b = (e) => {
-      e.length >= o.minCharsToStart ? (Q(e), k.value?.scrollTo(0)) : o.infiniteLoading && r.value.multi ? t.value = O.value || [] : t.value = [];
-    }, V = () => {
-      i.value && t.value.length && !s.value && !r.value.multi ? t.value[0].conditionalOptions ? t.value[0] = {
-        [o.optionNameKey]: i.value,
+    ), O = (e) => {
+      e.length >= o.minCharsToStart ? ($(e), A.value?.scrollTo(0)) : o.infiniteLoading && n.value.multi ? t.value = w.value || [] : t.value = [];
+    }, P = () => {
+      u.value && t.value.length && !s.value && !n.value.multi ? t.value[0].conditionalOptions ? t.value[0] = {
+        [o.optionNameKey]: u.value,
         conditionalOptions: !0,
-        conditionalName: r.value.label,
-        [o.comparingKey]: i.value
+        conditionalName: n.value.label,
+        [o.comparingKey]: u.value
       } : t.value = [
         {
-          [o.optionNameKey]: i.value,
+          [o.optionNameKey]: u.value,
           conditionalOptions: !0,
-          conditionalName: r.value.label,
-          [o.comparingKey]: i.value
+          conditionalName: n.value.label,
+          [o.comparingKey]: u.value
         },
         ...t.value
       ] : t.value.length && t.value[0].conditionalOptions && t.value.shift();
-    }, N = () => {
-      d.value && n.value.length === 0 ? f.value = o.label : f.value = `${o.label} ${r.value.label.toLowerCase()}`;
+    }, K = () => {
+      d.value && i.value.length === 0 ? g.value = o.label : g.value = `${o.label} ${n.value.label.toLowerCase()}`;
     };
-    g(i, () => {
-      b(i.value);
-    }), g([r, t], () => {
-      V();
-    }), g(
+    v(u, () => {
+      O(u.value);
+    }), v([n, t], () => {
+      P();
+    }), v(
       () => o.loadingOverride,
       (e, a) => {
-        !e && a && !o.infiniteLoading && A(o.searchQuery);
+        !e && a && !o.infiniteLoading && D(o.searchQuery);
       }
     );
-    const $ = () => {
-      d.value && n.value.length === 0 ? (r.value = null, v.value = [], r.value = null) : (U.value = i.value, v.value = d.value ? [...n.value] : { ...n.value }, T.value = d.value), N();
+    const z = () => {
+      d.value && i.value.length === 0 ? (m.value = [], n.value = null) : (I.value = u.value, m.value = d.value ? [...i.value] : { ...i.value }, N.value = d.value), f("update:selectedCondition", n.value), K();
     };
-    g(r, (e, a) => {
-      r.value.multi ? (s.value = !0, !a.multi && e.multi && (Array.isArray(o.appliedSelections) ? n.value = o.appliedSelections : n.value = [o.appliedSelections]), setTimeout(() => {
+    v(n, (e, a) => {
+      n.value.multi ? (s.value = !0, !a.multi && e.multi && (Array.isArray(o.appliedSelections) ? i.value = o.appliedSelections : i.value = [o.appliedSelections]), setTimeout(() => {
         s.value = !1, d.value = !0;
       }, 100)) : (!a.multi && !e.multi && (s.value = !0), setTimeout(() => {
         !a.multi && !e.multi && (s.value = !1), d.value = !1;
       }, 100));
-    }), g(v, () => {
-      n.value = K();
+    }), v(m, () => {
+      i.value = T();
     });
-    const z = (e) => {
-      O.value = e;
-    }, R = () => {
-      n.value = [], v.value = [], r.value = null, f.value = o.label, i.value = "", S("clear");
-    }, j = (e) => {
-      e && r.value.multi && o.infiniteLoading && n.value && (t.value = n.value, i.value && b(i.value));
+    const R = (e) => {
+      w.value = e;
+    }, j = () => {
+      i.value = [], m.value = [], n.value = null, f("update:selectedCondition", null), g.value = o.label, u.value = "", f("clear");
+    }, W = (e) => {
+      n.value === null && (n.value = o.conditionalOptions[0]), e && n.value.multi && o.infiniteLoading && i.value && (t.value = i.value, u.value && O(u.value));
     };
-    H(() => {
-      (o.searchQuery || !o.infiniteLoading || o.minCharsToStart === 0) && b(o.searchQuery), o.appliedSelections && Array.isArray(o.appliedSelections) && (t.value = o.appliedSelections, n.value = o.appliedSelections, O.value = o.appliedSelections), N();
+    J(() => {
+      (o.searchQuery || !o.infiniteLoading || o.minCharsToStart === 0) && O(o.searchQuery), o.appliedSelections && Array.isArray(o.appliedSelections) && (t.value = o.appliedSelections, i.value = o.appliedSelections, w.value = o.appliedSelections), K();
     });
-    const W = () => {
-      S("closed");
+    const q = () => {
+      f("closed");
     };
-    return (e, a) => (D(), J(y(F), {
+    return (e, a) => (L(), X(h(F), {
       ref_key: "dropdownRef",
-      ref: k,
-      selected: n.value,
-      "onUpdate:selected": a[2] || (a[2] = (l) => n.value = l),
+      ref: A,
+      selected: i.value,
+      "onUpdate:selected": a[2] || (a[2] = (l) => i.value = l),
       "predefined-trigger": "chip",
       "display-value": (l) => l?.[e.optionNameKey],
       multi: d.value,
       options: t.value,
-      placeholder: f.value,
+      placeholder: g.value,
       "search-placeholder": "Search",
       "option-name-key": e.optionNameKey,
       "with-conditions": "",
       "inline-search": "",
-      "custom-number-of-displayed-options": M.value,
+      "custom-number-of-displayed-options": E.value,
       "options-list-width": "330px",
       loading: s.value || e.loadingOverride,
       "load-more-loading": C.value,
       "comparing-key": e.comparingKey,
       "is-open": e.isOpen,
       "infinite-loading": e.infiniteLoading,
-      "show-select-all": !e.infiniteLoading && !i.value,
+      "show-select-all": !e.infiniteLoading && !u.value,
       "grouped-options": e.groupedOptions,
       "option-flag-key": e.optionFlagKey,
       "option-image-key": e.optionImageKey,
       "option-icon-key": e.optionIconKey,
       "option-icon-type": e.optionIconType,
       "trigger-shown-values-count": e.triggerShownValuesCount,
-      "onUpdate:isOpen": j,
-      onOnsearch: b,
-      onApply: $,
-      onLoadMore: P,
-      onUnsavedSelectionUpdate: z,
-      onClosed: W
-    }, X({
+      "onUpdate:isOpen": W,
+      onOnsearch: O,
+      onApply: z,
+      onLoadMore: V,
+      onUnsavedSelectionUpdate: R,
+      onClosed: q
+    }, Y({
       "dropdown-trigger": p(({ defaultTriggerProps: l }) => [
-        h(y(ne), Y(l, {
-          label: f.value,
-          "selected-option": v.value,
-          multi: T.value,
+        S(h(ie), Z(l, {
+          label: g.value,
+          "selected-option": m.value,
+          multi: N.value,
           "cancel-all-selected-display": "",
-          "display-value-in-quotes": !Array.isArray(n.value) && n.value.conditionalOptions,
+          "display-value-in-quotes": !Array.isArray(i.value) && i.value.conditionalOptions,
           "shown-values-count": e.triggerShownValuesCount,
-          onClear: R
+          onClear: j
         }), null, 16, ["label", "selected-option", "multi", "display-value-in-quotes", "shown-values-count"])
       ]),
       "dropdown-conditions": p(() => [
-        Z("div", de, [
-          h(y(F), {
-            selected: r.value,
-            "onUpdate:selected": a[0] || (a[0] = (l) => r.value = l),
+        _("div", pe, [
+          S(h(F), {
+            selected: n.value,
+            "onUpdate:selected": a[0] || (a[0] = (l) => n.value = l),
             options: e.conditionalOptions,
             "option-name-key": "label",
             "display-value": (l) => l?.label,
@@ -215,16 +224,16 @@ const de = { class: "conditional-container" }, pe = {
             size: "small"
           }, {
             "dropdown-trigger": p(({ buttonTriggerProps: l }) => [
-              h(y(ie), _(x(l)), null, 16)
+              S(h(ue), x(ee(l)), null, 16)
             ]),
             _: 1
           }, 8, ["selected", "options", "display-value"])
         ])
       ]),
       "inline-search": p(() => [
-        h(y(re), {
-          modelValue: i.value,
-          "onUpdate:modelValue": a[1] || (a[1] = (l) => i.value = l),
+        S(h(re), {
+          modelValue: u.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (l) => u.value = l),
           class: "inline-search",
           placeholder: "Search",
           variant: "transparent",
@@ -233,21 +242,21 @@ const de = { class: "conditional-container" }, pe = {
         }, null, 8, ["modelValue", "auto-focus"])
       ]),
       "custom-list-area": p(() => [
-        !t.value.length && !s.value ? (D(), ee("div", pe, [
-          h(ue, { variant: "body1" }, {
+        !t.value.length && !s.value ? (L(), oe("div", ce, [
+          S(se, { variant: "body1" }, {
             default: p(() => [
-              oe(le(I.value), 1)
+              le(ae(M.value), 1)
             ]),
             _: 1
           })
-        ])) : ae("", !0)
+        ])) : te("", !0)
       ]),
       _: 2
     }, [
       e.$slots["option-end"] ? {
         name: "option-end",
         fn: p(({ option: l }) => [
-          te(e.$slots, "option-end", { option: l }, void 0, !0)
+          ne(e.$slots, "option-end", { option: l }, void 0, !0)
         ]),
         key: "0"
       } : void 0
@@ -255,5 +264,5 @@ const de = { class: "conditional-container" }, pe = {
   }
 });
 export {
-  Ae as default
+  Ne as default
 };

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

@@ -60,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     groupedOptions?: boolean;
     comparingKey?: string;
     customNumberOfDisplayedOptions?: number;
+    optionTooltipPosition?: "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";
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
@@ -124,6 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     groupedOptions: boolean;
     comparingKey: any;
     customNumberOfDisplayedOptions: any;
+    optionTooltipPosition: string;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
@@ -208,6 +210,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     groupedOptions?: boolean;
     comparingKey?: string;
     customNumberOfDisplayedOptions?: number;
+    optionTooltipPosition?: "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";
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
@@ -272,6 +275,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     groupedOptions: boolean;
     comparingKey: any;
     customNumberOfDisplayedOptions: any;
+    optionTooltipPosition: string;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
@@ -349,6 +353,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     groupedOptions: boolean;
     comparingKey: string;
     customNumberOfDisplayedOptions: number;
+    optionTooltipPosition: "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";
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "error" | "disabled" | "success" | "warning" | "archive";

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_dd86e387_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_55dd36a7_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-dd86e387"]]);
+const d = /* @__PURE__ */ _(o, [["__scopeId", "data-v-55dd36a7"]]);
 export {
   d as default
 };