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

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

@@ -1,19 +1,19 @@
- import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_c361375a_lang.css"; import { defineComponent as R, provide as G, ref as c, onMounted as H, watch as v, computed as J, openBlock as m, createElementBlock as I, Fragment as N, createVNode as g, unref as a, 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 le } from "vue";
+ 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 ie from "./DefaultDropdownTrigger.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 ae } from "../composables/useChildOptions.js";
+import x from "./OptionV4.vue.js";
+import { useChildOptions as ie } from "../composables/useChildOptions.js";
 import de from "../../search/v4/SearchV4.vue.js";
-const se = {
+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,194 +38,191 @@ const se = {
     preExpandedOptions: null
   },
   emits: ["update:selected", "update:isOpen"],
-  setup(l, { emit: O }) {
-    const o = l;
-    G("isTreeDropdown", !0);
-    const h = c([]), f = c([]), w = c({}), b = c(!1), i = c([...o.selected]), u = c(""), E = () => {
+  setup(t, { emit: I }) {
+    const o = t;
+    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 } = ae(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(
-          (t) => !y(n).includes(t)
+        K(n) ? i.value = i.value.filter(
+          (l) => !y(n).includes(l)
         ) : i.value = [
-          ...i.value.filter((t) => !y(n).includes(t)),
+          ...i.value.filter((l) => !y(n).includes(l)),
           ...y(n)
         ];
         return;
       }
       i.value.includes(n) ? i.value = i.value.filter(
-        (t) => t !== n
+        (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))
           n.add(e);
         else if (e[o.optionChildrenKey] && e[o.optionChildrenKey].length) {
-          for (const r of e[o.optionChildrenKey])
-            if (o.selected?.includes(r)) {
+          for (const s of e[o.optionChildrenKey])
+            if (o.selected?.includes(s)) {
               n.add(e);
               break;
             }
         }
       });
-      const t = Array.from(n);
+      const l = Array.from(n);
       return f.value.forEach((e) => {
-        !o.selected.includes(e) && !n.has(e) && t.push(e);
-      }), t;
+        !o.selected.includes(e) && !n.has(e) && l.push(e);
+      }), l;
     };
-    H(() => {
-      b.value || (E(), b.value = !0, o.preExpandedOptions && o.preExpandedOptions.forEach((n) => {
-        d.value[n] = 1;
+    G(() => {
+      w.value || (b(), w.value = !0, o.preExpandedOptions && o.preExpandedOptions.forEach((n) => {
+        a.value[n] = 1;
       }));
-    }), v(
+    }), m(
       () => o.options,
       () => {
-        E();
+        b();
       }
-    ), v(
+    ), m(
       () => o.selected,
       () => {
         i.value = [...o.selected];
       }
-    ), v(
+    ), 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 d = c({}), P = (n) => {
-      console.log("toggleTreeCollapse", n), d.value[n[o.optionUniqueIdKey]] ? delete d.value[n[o.optionUniqueIdKey]] : d.value[n[o.optionUniqueIdKey]] = 1;
+    const a = c({}), M = (n) => {
+      a.value[n[o.optionUniqueIdKey]] ? delete a.value[n[o.optionUniqueIdKey]] : a.value[n[o.optionUniqueIdKey]] = 1;
     };
-    function $(n, t) {
-      const e = n.toLowerCase(), r = [];
-      return t.value.forEach((s) => {
-        const k = s[o.optionNameKey].toLowerCase().includes(e), U = w.value[s[o.optionUniqueIdKey]]?.filter(
-          (F) => F[o.optionNameKey].toLowerCase().includes(e)
+    function P(n, l) {
+      const e = n.toLowerCase(), s = [];
+      return l.value.forEach((r) => {
+        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) && (s[o.optionChildrenKey] = U, r.push(s));
-      }), r;
+        (C || T.length > 0) && (r[o.optionChildrenKey] = T, s.push(r));
+      }), s;
     }
     const A = (n) => {
-      const t = $(n, f);
-      n && (Object.keys(d.value).forEach((e) => {
-        delete d.value[e];
-      }), t.forEach((e) => {
-        Array.isArray(e[o.optionChildrenKey]) && e[o.optionChildrenKey].length && (d.value[e[o.optionUniqueIdKey]] = 1);
-      })), h.value = t;
-    }, j = J(() => {
-      const n = o.options.length, t = o.options.reduce(
-        (e, r) => (d.value[r[o.optionUniqueIdKey]] && (e = e + r[o.optionChildrenKey].length), e),
+      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;
+    }, $ = 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
       );
-      return n + t;
+      return n + l;
     });
-    return v(
+    return m(
       () => u.value,
       () => {
         A(u.value);
       }
-    ), (n, t) => (m(), I(N, null, [
-      g(a(te), {
-        multi: "",
-        class: "tree-dropdown",
-        "show-select-all": !1,
-        "is-open": l.isOpen,
-        options: h.value,
-        selected: l.selected,
-        "display-value": l.displayValue,
-        placeholder: l.placeholder,
-        "inline-search": "",
-        "inline-search-placeholder": l.inlineSearchPlaceholder,
-        "option-name-key": l.optionNameKey,
-        size: l.size,
-        "test-id": l.testId,
-        disabled: l.disabled,
-        "disable-virtual-scroll": "",
-        "override-option-count-calculation": V,
-        "trigger-show-all-selected-text": !1,
-        "predefined-trigger": "default",
-        "custom-number-of-displayed-options": a(j),
-        "onUpdate:isOpen": t[1] || (t[1] = (e) => O("update:isOpen", e)),
-        onApply: B,
-        onClear: L
-      }, {
-        "dropdown-trigger": K(({ defaultTriggerProps: e }) => [
-          g(a(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(a(de), {
-            modelValue: u.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (e) => u.value = e),
-            placeholder: l.inlineSearchPlaceholder,
-            variant: "transparent",
-            size: "md",
-            "auto-focus": "",
-            "test-id": l.testId
-          }, null, 8, ["modelValue", "placeholder", "test-id"])
-        ]),
-        default: K(({ option: e, index: r }) => [
-          g(a(z), {
-            option: e,
-            "selected-prop": a(p)(e) ? a(C)(e) : T(e),
-            "is-indeterminate": !a(C)(e) && a(D)(e),
-            disabled: e[l.disabledOptionKey],
-            "name-key": l.optionNameKey,
-            "image-key": l.optionImageKey,
-            "icon-key": l.optionIconKey,
-            "icon-type": l.optionIconType,
-            "end-icon-key": l.optionEndIconKey,
-            "end-icon-type": l.optionEndIconType,
-            "tree-main-option": a(p)(e),
-            "tree-main-option-expanded": d.value[e[l.optionUniqueIdKey]],
-            "stop-option-click-event-propagation": "",
-            onClick: q(() => S(e), ["stop"]),
-            onToggleTreeCollapse: (s) => P(e)
-          }, 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", "onToggleTreeCollapse"]),
-          a(p)(e) ? (m(), I("div", se, [
-            Z(x("div", null, [
-              (m(!0), I(N, null, _(a(y)(e), (s, k) => (m(), ee(a(z), {
-                key: `${r}-${k}`,
-                option: s,
-                "selected-prop": T(s),
-                disabled: s[l.disabledOptionKey],
-                "name-key": l.optionNameKey,
-                "image-key": l.optionImageKey,
-                "icon-key": l.optionIconKey,
-                "icon-type": l.optionIconType,
-                "end-icon-key": l.optionEndIconKey,
-                "end-icon-type": l.optionEndIconType,
-                "tree-child-shown": d.value[e[l.optionUniqueIdKey]],
-                "stop-option-click-event-propagation": "",
-                onClick: q(() => S(s), ["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, d.value[e[l.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, le(d.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/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;
+}[];