@ironsource/shared-ui 2.1.11-test.2 → 2.1.11-test.26

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_2aee12ad_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2aee12ad"]]);
+export {
+  d as default
+};

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

@@ -0,0 +1,185 @@
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css"; import { defineComponent as F, computed as h, ref as r, watch as w, onMounted as E, openBlock as k, createBlock as Q, unref as s, withCtx as v, createVNode as f, mergeProps as P, createElementVNode as R, isRef as z, normalizeProps as U, guardReactiveProps as $, createElementBlock as q, createTextVNode as I, toDisplayString as j, createCommentVNode as G } from "vue";
+import T from "./DropdownV4.vue.js";
+import "./DefaultDropdownTrigger.vue.js";
+import "./IconButtonDropdownTrigger.vue.js";
+import H from "./ChipDropdownTrigger.vue.js";
+import "./AppDropdownTrigger.vue.js";
+import J from "./ButtonDropdownTrigger.vue.js";
+import "./ButtonFilterDropdownTrigger.vue.js";
+import "./TreeDropdown.vue.js";
+import "./OptionV4.vue.js";
+import "./ConditionalDropdown.vue.js";
+import W from "../../search/v4/SearchV4.vue.js";
+import X from "../../typography/v4/Typography.vue.js";
+import { useDebounceFn as Y } from "@vueuse/core";
+const Z = { class: "conditional-container" }, _ = {
+  key: 0,
+  class: "custom-list-area"
+}, me = /* @__PURE__ */ F({
+  __name: "ConditionalDropdown",
+  props: {
+    selectedCondition: null,
+    appliedSelections: null,
+    conditionalOptions: null,
+    label: { default: "" },
+    testId: { default: "" },
+    comparingKey: { default: "id" },
+    fetchFnCallback: null,
+    optionNameKey: { default: "name" },
+    minCharsToStart: { default: 3 },
+    isOpen: { type: Boolean, default: !1 },
+    searchQuery: { default: "" },
+    loadMoreFn: { type: Function, default: null },
+    infiniteLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["update:selectedCondition", "update:appliedSelections", "clear"],
+  setup(c, { emit: b }) {
+    const e = c, y = h({
+      get: () => e.appliedSelections,
+      set: (a) => {
+        b("update:appliedSelections", a);
+      }
+    }), o = h({
+      get: () => e.selectedCondition || e.conditionalOptions[0],
+      set: (a) => {
+        b("update:selectedCondition", a);
+      }
+    }), S = r(null), p = r(!0), l = r([]), u = r([]), O = r(!0), d = r(!1), g = r(!1), t = r(e.searchQuery), N = r(""), m = r(e.label), D = h(() => (!t.value || t.value?.length < e.minCharsToStart) && !l.value.length ? `Enter at least ${e.minCharsToStart} keywords to begin` : "No results found"), M = h(() => {
+      const a = p.value ? 3 : 4.5;
+      return l.value.length ? null : a;
+    }), A = async (a) => {
+      try {
+        d.value = !0;
+        const i = await e.fetchFnCallback(a);
+        l.value = i, d.value = !1;
+      } catch (i) {
+        d.value = !1, console.error("Error fetching data:", i);
+      }
+    }, K = async () => {
+      if (e.infiniteLoading)
+        try {
+          g.value = !0;
+          const a = await e.loadMoreFn();
+          g.value = !1, Array.isArray(a) && (l.value = [...l.value, ...a]);
+        } catch (a) {
+          g.value = !1, console.error("Error fetching data:", a);
+        }
+    }, L = Y(A, 400), C = (a) => {
+      a.length >= e.minCharsToStart ? (L(a), S.value.scrollTo(0)) : l.value = [];
+    }, V = () => {
+      t.value && l.value.length && !d.value && !o.value.multi ? l.value[0].conditionalOptions ? l.value[0] = {
+        name: t.value,
+        conditionalOptions: !0,
+        conditionalName: o.value.label,
+        [e.comparingKey]: t.value
+      } : l.value = [
+        {
+          name: t.value,
+          conditionalOptions: !0,
+          conditionalName: o.value.label,
+          [e.comparingKey]: t.value
+        },
+        ...l.value
+      ] : l.value.length && l.value[0].conditionalOptions && l.value.shift();
+    };
+    w(t, () => {
+      C(t.value);
+    }), w([o, l], () => {
+      V();
+    });
+    const x = () => {
+      p.value && u.value.length === 0 ? (o.value = null, y.value = [], o.value = null, m.value = e.label) : (N.value = t.value, m.value = `${e.label} ${o.value.label.toLowerCase()}`, y.value = p.value ? [...u.value] : { ...u.value }, O.value = p.value);
+    };
+    w(o, () => {
+      o.value.multi ? (d.value = !0, u.value = [], setTimeout(() => {
+        d.value = !1, p.value = !0;
+      }, 100)) : setTimeout(() => {
+        p.value = !1;
+      }, 100);
+    });
+    const B = () => {
+      u.value = [], y.value = [], o.value = null, m.value = e.label, t.value = "", b("clear");
+    };
+    return E(() => {
+      e.searchQuery && C(e.searchQuery);
+    }), (a, i) => (k(), Q(s(T), {
+      ref_key: "dropdownRef",
+      ref: S,
+      selected: u.value,
+      "onUpdate:selected": i[2] || (i[2] = (n) => u.value = n),
+      "predefined-trigger": "chip",
+      "display-value": (n) => n?.[c.optionNameKey],
+      multi: p.value,
+      options: l.value,
+      placeholder: m.value,
+      "search-placeholder": "Search",
+      "option-name-key": c.optionNameKey,
+      "with-conditions": "",
+      "inline-search": "",
+      "custom-number-of-displayed-options": s(M),
+      "options-list-width": "330px",
+      loading: d.value,
+      "load-more-loading": g.value,
+      "comparing-key": c.comparingKey,
+      "is-open": c.isOpen,
+      "infinite-loading": c.infiniteLoading,
+      onOnsearch: C,
+      onApply: x,
+      onLoadMore: K
+    }, {
+      "dropdown-trigger": v(({ defaultTriggerProps: n }) => [
+        f(s(H), P(n, {
+          label: m.value,
+          "selected-option": s(y),
+          multi: O.value,
+          "cancel-all-selected-display": "",
+          "display-value-in-quotes": !Array.isArray(u.value) && u.value.conditionalOptions,
+          onClear: B
+        }), null, 16, ["label", "selected-option", "multi", "display-value-in-quotes"])
+      ]),
+      "dropdown-conditions": v(() => [
+        R("div", Z, [
+          f(s(T), {
+            selected: s(o),
+            "onUpdate:selected": i[0] || (i[0] = (n) => z(o) ? o.value = n : null),
+            options: c.conditionalOptions,
+            "option-name-key": "label",
+            "display-value": (n) => n?.label,
+            container: ".conditional-container",
+            size: "small"
+          }, {
+            "dropdown-trigger": v(({ buttonTriggerProps: n }) => [
+              f(s(J), U($(n)), null, 16)
+            ]),
+            _: 1
+          }, 8, ["selected", "options", "display-value"])
+        ])
+      ]),
+      "inline-search": v(() => [
+        f(s(W), {
+          modelValue: t.value,
+          "onUpdate:modelValue": i[1] || (i[1] = (n) => t.value = n),
+          class: "inline-search",
+          placeholder: "Search",
+          variant: "transparent",
+          size: "md",
+          "auto-focus": ""
+        }, null, 8, ["modelValue"])
+      ]),
+      "custom-list-area": v(() => [
+        !l.value.length && !d.value ? (k(), q("div", _, [
+          f(X, { variant: "body1" }, {
+            default: v(() => [
+              I(j(s(D)), 1)
+            ]),
+            _: 1
+          })
+        ])) : G("", !0)
+      ]),
+      _: 1
+    }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "load-more-loading", "comparing-key", "is-open", "infinite-loading"]));
+  }
+});
+export {
+  me as default
+};

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

@@ -7,6 +7,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean;
     popperClass?: string;
     loading?: boolean;
+    loadMoreLoading?: boolean;
+    infiniteLoading?: boolean;
     testId?: string;
     isOpen?: boolean;
     options: unknown[];
@@ -35,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onSearch?: (option: any, term: string) => boolean;
     noResultsText?: string;
     searchAutoFocus?: boolean;
-    onClear?: () => void;
+    onClearSearch?: () => void;
     displayValue: (option: unknown) => string;
     optionNameKey?: string;
     optionIconKey?: string;
@@ -43,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey?: string;
     optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionsEndTextIconKey?: string;
     optionFlagKey?: string;
     valueToCopy?: string;
     disabledOptionKey?: string;
@@ -57,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
+    withConditions?: boolean;
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -76,7 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placeholder: string;
     size: string;
     onSearch: any;
-    onClear: () => true;
+    onClearSearch: () => true;
     theme: string;
     container: string;
     flip: boolean;
@@ -99,6 +103,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
     optionEndIconKey: string;
     optionEndIconType: any;
+    optionsEndTextIconKey: any;
     optionFlagKey: any;
     valueToCopy: any;
     disabledOptionKey: string;
@@ -112,6 +117,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType: any;
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: any;
+    withConditions: boolean;
+    infiniteLoading: boolean;
 }>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
@@ -125,6 +132,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     clear: () => void;
     copyToClipboard: () => void;
     onsearch: (value: string) => void;
+    loadMore: () => void;
+    allSelectedChanged: (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     selected?: unknown;
@@ -133,6 +142,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean;
     popperClass?: string;
     loading?: boolean;
+    loadMoreLoading?: boolean;
+    infiniteLoading?: boolean;
     testId?: string;
     isOpen?: boolean;
     options: unknown[];
@@ -161,7 +172,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onSearch?: (option: any, term: string) => boolean;
     noResultsText?: string;
     searchAutoFocus?: boolean;
-    onClear?: () => void;
+    onClearSearch?: () => void;
     displayValue: (option: unknown) => string;
     optionNameKey?: string;
     optionIconKey?: string;
@@ -169,6 +180,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey?: string;
     optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionsEndTextIconKey?: string;
     optionFlagKey?: string;
     valueToCopy?: string;
     disabledOptionKey?: string;
@@ -183,6 +195,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll?: boolean;
     overrideOptionCountCalculation?: (option: unknown) => number;
+    withConditions?: boolean;
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -202,7 +215,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placeholder: string;
     size: string;
     onSearch: any;
-    onClear: () => true;
+    onClearSearch: () => true;
     theme: string;
     container: string;
     flip: boolean;
@@ -225,6 +238,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconType: any;
     optionEndIconKey: string;
     optionEndIconType: any;
+    optionsEndTextIconKey: any;
     optionFlagKey: any;
     valueToCopy: any;
     disabledOptionKey: string;
@@ -238,14 +252,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType: any;
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: any;
+    withConditions: boolean;
+    infiniteLoading: boolean;
 }>>> & {
     onCopyToClipboard?: () => any;
     onClear?: () => any;
     onApply?: (value: unknown) => any;
     onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
+    onAllSelectedChanged?: (value: boolean) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
+    onLoadMore?: () => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -262,9 +280,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     modelValue: any;
     selected: any;
-    onClear: () => void;
+    valueToCopy: string;
     placeholder: string;
     multi: boolean;
+    infiniteLoading: boolean;
     showSelectAll: boolean;
     defaultOpen: boolean;
     keepOpen: boolean;
@@ -283,14 +302,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
     searchAutoFocus: boolean;
+    onClearSearch: () => void;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionsEndTextIconKey: string;
     optionFlagKey: string;
-    valueToCopy: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
@@ -302,6 +322,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
+    withConditions: boolean;
 }>, {
     label?(_: {}): any;
     "dropdown-trigger"?(_: {
@@ -329,6 +350,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionAndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionsEndTextIconKey: string;
             optionFlagKey: string;
             feedbackVariant: "success" | "warning" | "error";
             valueToCopy: string;
@@ -340,10 +362,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             onClick: () => void;
         };
     }): any;
+    "dropdown-conditions"?(_: {}): any;
     "inline-search"?(_: {}): any;
     "input-list"?(_: {
         open: true;
     }): any;
+    "custom-list-area"?(_: {}): any;
+    "select-all"?(_: {}): any;
     "group-option"?(_: {}): any;
     default?(_: {
         option: unknown;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
 /* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_991a7aad_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_6466948d_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-991a7aad"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6466948d"]]);
 export {
-  a as default
+  r as default
 };