@ironsource/shared-ui 2.1.11-test.1 → 2.1.11-test.5

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

@@ -1,19 +1,19 @@
- import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_e944c610_lang.css"; import { defineComponent as R, provide as G, ref as c, onMounted as H, watch as m, computed as J, openBlock as v, createElementBlock as I, Fragment as N, createVNode as g, unref as d, withCtx as K, normalizeProps as Q, guardReactiveProps as W, createSlots as X, renderSlot as Y, withModifiers as q, withDirectives as Z, createElementVNode as x, renderList as _, createBlock as ee, vShow as ne, createCommentVNode as oe, toDisplayString as te } from "vue";
-import le from "./DropdownV4.vue.js";
-import ie from "./DefaultDropdownTrigger.vue.js";
+ import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_6ac5f602_lang.css"; import { defineComponent as F, provide as R, ref as c, onMounted as G, watch as m, computed as H, openBlock as v, createBlock as U, unref as d, withCtx as g, createVNode as k, normalizeProps as J, guardReactiveProps as Q, createSlots as W, renderSlot as X, withModifiers as N, createElementBlock as q, withDirectives as Y, createElementVNode as Z, Fragment as _, renderList as ee, vShow as ne, createCommentVNode as oe } from "vue";
+import te from "./DropdownV4.vue.js";
+import le from "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
 import "./ChipDropdownTrigger.vue.js";
 import "./AppDropdownTrigger.vue.js";
 import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
-import z from "./OptionV4.vue.js";
-import { useChildOptions as de } from "../composables/useChildOptions.js";
-import ae from "../../search/v4/SearchV4.vue.js";
-const se = {
+import x from "./OptionV4.vue.js";
+import { useChildOptions as ie } from "../composables/useChildOptions.js";
+import de from "../../search/v4/SearchV4.vue.js";
+const ae = {
   key: 0,
   class: "child-options"
-}, re = { style: { position: "absolute", top: "0", right: "0" } }, Ie = /* @__PURE__ */ R({
+}, Ce = /* @__PURE__ */ F({
   __name: "TreeDropdown",
   props: {
     options: null,
@@ -38,18 +38,18 @@ const se = {
     preExpandedOptions: null
   },
   emits: ["update:selected", "update:isOpen"],
-  setup(t, { emit: O }) {
+  setup(t, { emit: I }) {
     const o = t;
-    G("isTreeDropdown", !0);
-    const h = c([]), f = c([]), w = c({}), b = c(!1), i = c([...o.selected]), u = c(""), E = () => {
+    R("isTreeDropdown", !0);
+    const h = c([]), f = c([]), O = c({}), w = c(!1), i = c([...o.selected]), u = c(""), b = () => {
       o.options.forEach((n) => {
-        n[o.optionChildrenKey] && n[o.optionChildrenKey].length && (w.value[n[o.optionUniqueIdKey]] = [
+        n[o.optionChildrenKey] && n[o.optionChildrenKey].length && (O.value[n[o.optionUniqueIdKey]] = [
           ...n[o.optionChildrenKey]
         ]);
       }), h.value = [...o.options], f.value = [...o.options];
-    }, { hasChildren: p, getChildren: y, allChildrenSelected: C, someChildrenSelected: D } = de(i, o.optionChildrenKey), S = (n) => {
+    }, { hasChildren: p, getChildren: y, allChildrenSelected: K, someChildrenSelected: z } = ie(i, o.optionChildrenKey), E = (n) => {
       if (p(n)) {
-        C(n) ? i.value = i.value.filter(
+        K(n) ? i.value = i.value.filter(
           (l) => !y(n).includes(l)
         ) : i.value = [
           ...i.value.filter((l) => !y(n).includes(l)),
@@ -60,11 +60,11 @@ const se = {
       i.value.includes(n) ? i.value = i.value.filter(
         (l) => l !== n
       ) : i.value = [...i.value, n];
-    }, T = (n) => i.value.includes(n), V = (n) => 1 + (p(n) ? y(n).length : 0), B = () => {
-      O("update:selected", i.value);
-    }, L = () => {
+    }, S = (n) => i.value.includes(n), V = (n) => 1 + (p(n) ? y(n).length : 0), D = () => {
+      I("update:selected", i.value);
+    }, B = () => {
       i.value = [];
-    }, M = () => {
+    }, L = () => {
       const n = /* @__PURE__ */ new Set([]);
       f.value.forEach((e) => {
         if (o.selected?.includes(e))
@@ -82,14 +82,14 @@ const se = {
         !o.selected.includes(e) && !n.has(e) && l.push(e);
       }), l;
     };
-    H(() => {
-      b.value || (E(), b.value = !0, o.preExpandedOptions && o.preExpandedOptions.forEach((n) => {
+    G(() => {
+      w.value || (b(), w.value = !0, o.preExpandedOptions && o.preExpandedOptions.forEach((n) => {
         a.value[n] = 1;
       }));
     }), m(
       () => o.options,
       () => {
-        E();
+        b();
       }
     ), m(
       () => o.selected,
@@ -99,29 +99,29 @@ const se = {
     ), m(
       () => o.isOpen,
       () => {
-        o.isOpen ? h.value = M() : (i.value = [...o.selected], u.value = "");
+        o.isOpen ? h.value = L() : (i.value = [...o.selected], u.value = "");
       }
     );
-    const a = c({}), P = (n) => {
+    const a = c({}), M = (n) => {
       a.value[n[o.optionUniqueIdKey]] ? delete a.value[n[o.optionUniqueIdKey]] : a.value[n[o.optionUniqueIdKey]] = 1;
     };
-    function A(n, l) {
+    function P(n, l) {
       const e = n.toLowerCase(), s = [];
       return l.value.forEach((r) => {
-        const k = r[o.optionNameKey].toLowerCase().includes(e), U = w.value[r[o.optionUniqueIdKey]]?.filter(
-          (F) => F[o.optionNameKey].toLowerCase().includes(e)
+        const C = r[o.optionNameKey].toLowerCase().includes(e), T = O.value[r[o.optionUniqueIdKey]]?.filter(
+          (j) => j[o.optionNameKey].toLowerCase().includes(e)
         ) || [];
-        (k || U.length > 0) && (r[o.optionChildrenKey] = U, s.push(r));
+        (C || T.length > 0) && (r[o.optionChildrenKey] = T, s.push(r));
       }), s;
     }
-    const $ = (n) => {
-      const l = A(n, f);
+    const A = (n) => {
+      const l = P(n, f);
       n && (Object.keys(a.value).forEach((e) => {
         delete a.value[e];
       }), l.forEach((e) => {
         Array.isArray(e[o.optionChildrenKey]) && e[o.optionChildrenKey].length && (a.value[e[o.optionUniqueIdKey]] = 1);
       })), h.value = l;
-    }, j = J(() => {
+    }, $ = H(() => {
       const n = o.options.length, l = o.options.reduce(
         (e, s) => (a.value[s[o.optionUniqueIdKey]] && (e = e + s[o.optionChildrenKey].length), e),
         0
@@ -131,101 +131,98 @@ const se = {
     return m(
       () => u.value,
       () => {
-        $(u.value);
+        A(u.value);
       }
-    ), (n, l) => (v(), I(N, null, [
-      g(d(le), {
-        multi: "",
-        class: "tree-dropdown",
-        "show-select-all": !1,
-        "is-open": t.isOpen,
-        options: h.value,
-        selected: t.selected,
-        "display-value": t.displayValue,
-        placeholder: t.placeholder,
-        "inline-search": "",
-        "inline-search-placeholder": t.inlineSearchPlaceholder,
-        "option-name-key": t.optionNameKey,
-        size: t.size,
-        "test-id": t.testId,
-        disabled: t.disabled,
-        "disable-virtual-scroll": "",
-        "override-option-count-calculation": V,
-        "trigger-show-all-selected-text": !1,
-        "predefined-trigger": "default",
-        "custom-number-of-displayed-options": d(j),
-        "onUpdate:isOpen": l[1] || (l[1] = (e) => O("update:isOpen", e)),
-        onApply: B,
-        onClear: L
-      }, {
-        "dropdown-trigger": K(({ defaultTriggerProps: e }) => [
-          g(d(ie), Q(W(e)), X({ _: 2 }, [
-            n.$slots["trigger-end-icon"] ? {
-              name: "end-icon",
-              fn: K(() => [
-                Y(n.$slots, "trigger-end-icon", {}, void 0, !0)
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040)
-        ]),
-        "inline-search": K(() => [
-          g(d(ae), {
-            modelValue: u.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (e) => u.value = e),
-            placeholder: t.inlineSearchPlaceholder,
-            variant: "transparent",
-            size: "md",
-            "auto-focus": "",
-            "test-id": t.testId
-          }, null, 8, ["modelValue", "placeholder", "test-id"])
-        ]),
-        default: K(({ option: e, index: s }) => [
-          g(d(z), {
-            option: e,
-            "selected-prop": d(p)(e) ? d(C)(e) : T(e),
-            "is-indeterminate": !d(C)(e) && d(D)(e),
-            disabled: e[t.disabledOptionKey],
-            "name-key": t.optionNameKey,
-            "image-key": t.optionImageKey,
-            "icon-key": t.optionIconKey,
-            "icon-type": t.optionIconType,
-            "end-icon-key": t.optionEndIconKey,
-            "end-icon-type": t.optionEndIconType,
-            "tree-main-option": d(p)(e),
-            "tree-main-option-expanded": a.value[e[t.optionUniqueIdKey]],
-            "stop-option-click-event-propagation": "",
-            onClick: q(() => S(e), ["stop"]),
-            onToggleTreeCollapse: P
-          }, null, 8, ["option", "selected-prop", "is-indeterminate", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-main-option", "tree-main-option-expanded", "onClick"]),
-          d(p)(e) ? (v(), I("div", se, [
-            Z(x("div", null, [
-              (v(!0), I(N, null, _(d(y)(e), (r, k) => (v(), ee(d(z), {
-                key: `${s}-${k}`,
-                option: r,
-                "selected-prop": T(r),
-                disabled: r[t.disabledOptionKey],
-                "name-key": t.optionNameKey,
-                "image-key": t.optionImageKey,
-                "icon-key": t.optionIconKey,
-                "icon-type": t.optionIconType,
-                "end-icon-key": t.optionEndIconKey,
-                "end-icon-type": t.optionEndIconType,
-                "tree-child-shown": a.value[e[t.optionUniqueIdKey]],
-                "stop-option-click-event-propagation": "",
-                onClick: q(() => S(r), ["stop"])
-              }, null, 8, ["option", "selected-prop", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-child-shown", "onClick"]))), 128))
-            ], 512), [
-              [ne, a.value[e[t.optionUniqueIdKey]]]
-            ])
-          ])) : oe("", !0)
-        ]),
-        _: 3
-      }, 8, ["is-open", "options", "selected", "display-value", "placeholder", "inline-search-placeholder", "option-name-key", "size", "test-id", "disabled", "custom-number-of-displayed-options"]),
-      x("pre", re, te(a.value), 1)
-    ], 64));
+    ), (n, l) => (v(), U(d(te), {
+      multi: "",
+      class: "tree-dropdown",
+      "show-select-all": !1,
+      "is-open": t.isOpen,
+      options: h.value,
+      selected: t.selected,
+      "display-value": t.displayValue,
+      placeholder: t.placeholder,
+      "inline-search": "",
+      "inline-search-placeholder": t.inlineSearchPlaceholder,
+      "option-name-key": t.optionNameKey,
+      size: t.size,
+      "test-id": t.testId,
+      disabled: t.disabled,
+      "disable-virtual-scroll": "",
+      "override-option-count-calculation": V,
+      "trigger-show-all-selected-text": !1,
+      "predefined-trigger": "default",
+      "custom-number-of-displayed-options": d($),
+      "onUpdate:isOpen": l[1] || (l[1] = (e) => I("update:isOpen", e)),
+      onApply: D,
+      onClear: B
+    }, {
+      "dropdown-trigger": g(({ defaultTriggerProps: e }) => [
+        k(d(le), J(Q(e)), W({ _: 2 }, [
+          n.$slots["trigger-end-icon"] ? {
+            name: "end-icon",
+            fn: g(() => [
+              X(n.$slots, "trigger-end-icon", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040)
+      ]),
+      "inline-search": g(() => [
+        k(d(de), {
+          modelValue: u.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => u.value = e),
+          placeholder: t.inlineSearchPlaceholder,
+          variant: "transparent",
+          size: "md",
+          "auto-focus": "",
+          "test-id": t.testId
+        }, null, 8, ["modelValue", "placeholder", "test-id"])
+      ]),
+      default: g(({ option: e, index: s }) => [
+        k(d(x), {
+          option: e,
+          "selected-prop": d(p)(e) ? d(K)(e) : S(e),
+          "is-indeterminate": !d(K)(e) && d(z)(e),
+          disabled: e[t.disabledOptionKey],
+          "name-key": t.optionNameKey,
+          "image-key": t.optionImageKey,
+          "icon-key": t.optionIconKey,
+          "icon-type": t.optionIconType,
+          "end-icon-key": t.optionEndIconKey,
+          "end-icon-type": t.optionEndIconType,
+          "tree-main-option": d(p)(e),
+          "tree-main-option-expanded": a.value[e[t.optionUniqueIdKey]],
+          "stop-option-click-event-propagation": "",
+          onClick: N(() => E(e), ["stop"]),
+          onToggleTreeCollapse: M
+        }, null, 8, ["option", "selected-prop", "is-indeterminate", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-main-option", "tree-main-option-expanded", "onClick"]),
+        d(p)(e) ? (v(), q("div", ae, [
+          Y(Z("div", null, [
+            (v(!0), q(_, null, ee(d(y)(e), (r, C) => (v(), U(d(x), {
+              key: `${s}-${C}`,
+              option: r,
+              "selected-prop": S(r),
+              disabled: r[t.disabledOptionKey],
+              "name-key": t.optionNameKey,
+              "image-key": t.optionImageKey,
+              "icon-key": t.optionIconKey,
+              "icon-type": t.optionIconType,
+              "end-icon-key": t.optionEndIconKey,
+              "end-icon-type": t.optionEndIconType,
+              "tree-child-shown": a.value[e[t.optionUniqueIdKey]],
+              "stop-option-click-event-propagation": "",
+              onClick: N(() => E(r), ["stop"])
+            }, null, 8, ["option", "selected-prop", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "tree-child-shown", "onClick"]))), 128))
+          ], 512), [
+            [ne, a.value[e[t.optionUniqueIdKey]]]
+          ])
+        ])) : oe("", !0)
+      ]),
+      _: 3
+    }, 8, ["is-open", "options", "selected", "display-value", "placeholder", "inline-search-placeholder", "option-name-key", "size", "test-id", "disabled", "custom-number-of-displayed-options"]));
   }
 });
 export {
-  Ie as default
+  Ce as default
 };

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

@@ -1704,6 +1704,7 @@ declare const DropdownTypes: () => (({
             optionTwoLinesKey: string;
             groupedOptions: boolean;
             comparingKey: string;
+            withConditions: boolean;
             customNumberOfDisplayedOptions: number;
             fullWidth: boolean;
             optionsListWidth: string;
@@ -1913,6 +1914,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             customNumberOfDisplayedOptions: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -1947,7 +1953,7 @@ declare const DropdownTypes: () => (({
             onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "withConditions" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2164,6 +2170,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             customNumberOfDisplayedOptions: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -2259,6 +2270,7 @@ declare const DropdownTypes: () => (({
             optionTwoLinesKey: string;
             groupedOptions: boolean;
             comparingKey: string;
+            withConditions: boolean;
             customNumberOfDisplayedOptions: number;
             fullWidth: boolean;
             optionsListWidth: string;
@@ -2488,6 +2500,11 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         customNumberOfDisplayedOptions: {
             type: import("vue").PropType<number>;
             default: any;
@@ -2732,6 +2749,11 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
+    withConditions: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
     customNumberOfDisplayedOptions: {
         type: import("vue").PropType<number>;
         default: any;
@@ -2827,6 +2849,7 @@ declare const DropdownTypes: () => (({
     optionTwoLinesKey: string;
     groupedOptions: boolean;
     comparingKey: string;
+    withConditions: boolean;
     customNumberOfDisplayedOptions: number;
     fullWidth: boolean;
     optionsListWidth: string;
@@ -2872,6 +2895,7 @@ declare const DropdownTypes: () => (({
                 onClick: () => void;
             };
         }): any;
+        "dropdown-conditions"?(_: {}): any;
         "inline-search"?(_: {}): any;
         "input-list"?(_: {
             open: true;

package/index.d.ts

@@ -15799,6 +15799,7 @@ declare const _default: {
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
                 comparingKey: string;
+                withConditions: boolean;
                 customNumberOfDisplayedOptions: number;
                 fullWidth: boolean;
                 optionsListWidth: string;
@@ -16008,6 +16009,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 customNumberOfDisplayedOptions: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -16042,7 +16048,7 @@ declare const _default: {
                 onOnsearch?: (value: string) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "withConditions" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16259,6 +16265,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 customNumberOfDisplayedOptions: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -16354,6 +16365,7 @@ declare const _default: {
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
                 comparingKey: string;
+                withConditions: boolean;
                 customNumberOfDisplayedOptions: number;
                 fullWidth: boolean;
                 optionsListWidth: string;
@@ -16583,6 +16595,11 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             customNumberOfDisplayedOptions: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -16827,6 +16844,11 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         customNumberOfDisplayedOptions: {
             type: import("vue").PropType<number>;
             default: any;
@@ -16922,6 +16944,7 @@ declare const _default: {
         optionTwoLinesKey: string;
         groupedOptions: boolean;
         comparingKey: string;
+        withConditions: boolean;
         customNumberOfDisplayedOptions: number;
         fullWidth: boolean;
         optionsListWidth: string;
@@ -16967,6 +16990,7 @@ declare const _default: {
                     onClick: () => void;
                 };
             }): any;
+            "dropdown-conditions"?(_: {}): any;
             "inline-search"?(_: {}): any;
             "input-list"?(_: {
                 open: true;
@@ -20179,6 +20203,7 @@ declare const _default: {
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
                 comparingKey: string;
+                withConditions: boolean;
                 customNumberOfDisplayedOptions: number;
                 fullWidth: boolean;
                 optionsListWidth: string;
@@ -20388,6 +20413,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 customNumberOfDisplayedOptions: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -20422,7 +20452,7 @@ declare const _default: {
                 onOnsearch?: (value: string) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "withConditions" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -20639,6 +20669,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
                 customNumberOfDisplayedOptions: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -20734,6 +20769,7 @@ declare const _default: {
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
                 comparingKey: string;
+                withConditions: boolean;
                 customNumberOfDisplayedOptions: number;
                 fullWidth: boolean;
                 optionsListWidth: string;
@@ -20963,6 +20999,11 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
             customNumberOfDisplayedOptions: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -21207,6 +21248,11 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
         customNumberOfDisplayedOptions: {
             type: import("vue").PropType<number>;
             default: any;
@@ -21302,6 +21348,7 @@ declare const _default: {
         optionTwoLinesKey: string;
         groupedOptions: boolean;
         comparingKey: string;
+        withConditions: boolean;
         customNumberOfDisplayedOptions: number;
         fullWidth: boolean;
         optionsListWidth: string;
@@ -21347,6 +21394,7 @@ declare const _default: {
                     onClick: () => void;
                 };
             }): any;
+            "dropdown-conditions"?(_: {}): any;
             "inline-search"?(_: {}): any;
             "input-list"?(_: {
                 open: true;

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css';
+import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";

package/mocks/options.d.ts

@@ -24,3 +24,7 @@ export declare const NESTED_OPTIONS_TEXT: ({
     }[];
 })[];
 export declare const countries: readonly Country[];
+export declare const CONDITIONAL_DROPDOWN_OPTIONS: {
+    label: string;
+    value: string;
+}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.11-test.1",
+  "version": "2.1.11-test.5",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -209,7 +209,7 @@
     "./text": "./components/typography/Text.vue.js",
     "./heading": "./components/typography/Heading.vue.js",
     "./popover": "./components/popover/v3/Popover.vue.js",
-    "./popove/v4": "./components/popover/v4/index.js",
+    "./popover/v4": "./components/popover/v4/index.js",
     "./input": "./components/input/v3/Input.vue.js",
     "./input/v4": "./components/input/v4/index.js",
     "./dollarInput": "./components/input/v3/DollarInput.vue.js",

package/DropdownV4.vue_vue_type_style_index_0_scoped_991a7aad_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-991a7aad],.v-leave-active[data-v-991a7aad]{transition:opacity .25s ease}ol[data-v-991a7aad],ul[data-v-991a7aad],menu[data-v-991a7aad]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-991a7aad],.dropdown.full-width .button__container[data-v-991a7aad]{width:100%}.dropdown-list-wrapper[data-v-991a7aad]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-991a7aad]{padding:.5rem}.list-container--multi[data-v-991a7aad]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-991a7aad]{padding-bottom:.25rem}.inline-search .list-container[data-v-991a7aad]{padding-top:0}.no-result-container[data-v-991a7aad]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-991a7aad]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-991a7aad]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-991a7aad]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-991a7aad]{margin-right:.5rem}.actions-wrapper[data-v-991a7aad]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-991a7aad]{margin-left:.5rem}

package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css

@@ -1 +0,0 @@
-.settings-header-container[data-v-1791e4fe]{display:flex;border:.0625rem solid var(--common-divider);border-radius:.375rem .375rem 0 0;border-bottom:none;background-color:var(--background-paper-elevation-0, #f9f9f9);justify-content:space-between}.settings-header-container .settings[data-v-1791e4fe]{display:flex;flex-direction:row;justify-content:space-between;height:4rem;padding:.75rem 0 .75rem 1.5rem;align-items:center;gap:.75rem;flex:1}.settings-header-container .settings .chart-type-selection[data-v-1791e4fe]{display:flex;height:1.75rem;max-width:8.125rem}.settings-header-container .settings .chart-type-selection[data-v-1791e4fe] .displayed-value{font-weight:600}.settings-header-container .settings-spacer[data-v-1791e4fe]{padding:.75rem 1.5rem}.settings-header-container .breakdowns[data-v-1791e4fe]{display:flex;width:13.8125rem;height:4rem;padding:0 .75rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem}.settings-header-container .breakdowns-border[data-v-1791e4fe]{border-left:.0625rem solid var(--common-divider)}