@ironsource/shared-ui 2.1.11-test.7 → 2.1.11-test.9

package/components/dropdown/common/Dropdown.common.js

@@ -1,83 +1,83 @@
 import { useToggle as Ve } from "../../../composables/useToggle.js";
-import { inject as ke, ref as i, computed as r, watch as A, useSlots as _e, toRaw as P, nextTick as N, provide as Ge, onMounted as He } from "vue";
-import { isObjectInArray as ee } from "../../../utils/array.js";
+import { inject as ke, ref as i, computed as o, watch as b, useSlots as _e, toRaw as P, nextTick as C, provide as Ge, onMounted as He } from "vue";
+import { isObjectInArray as le } from "../../../utils/array.js";
 import { objectsEqual as Be } from "../../../utils/object.js";
-import { useClamp as Le, useVirtualList as Ue, onClickOutside as le } from "@vueuse/core";
+import { useClamp as Le, useVirtualList as Ue, onClickOutside as te } from "@vueuse/core";
 import { Mode as T, Type as _, DropdownContext as qe } from "./DropdownContext.js";
 import { pxToRem as $e } from "../../../utils/style.js";
 import { useEditableContext as je } from "../../table-cells/common/EditableContext.js";
 import { useGroupedOptions as Xe } from "./useGroupedOptions.js";
-const ll = (l, b, h) => {
-  const te = ke("isTreeDropdown", !1), {
+const ll = (l, A, O) => {
+  const ae = ke("isTreeDropdown", !1), {
     sortOutGroups: G,
-    flattenAndMarkGroupOptions: ae,
+    flattenAndMarkGroupOptions: ne,
     isGroup: H,
-    selectAllWithGroups: ne,
-    isIndeterminateGrouped: ue,
-    allSelectedGrouped: ie,
-    areAllPreviousSelected: re
-  } = Xe(l), oe = (e, t) => l.multi ? l.comparingKey ? e.findIndex(
+    selectAllWithGroups: ue,
+    isIndeterminateGrouped: ie,
+    allSelectedGrouped: re,
+    areAllPreviousSelected: oe
+  } = Xe(l), ce = (e, t) => l.multi && Array.isArray(e) ? l.comparingKey ? e?.findIndex(
     (u) => u[l.comparingKey] === t[l.comparingKey]
-  ) > -1 : ee(e, t) : l.comparingKey ? e[l.comparingKey] === t[l.comparingKey] : P(e) === t;
+  ) > -1 : le(e, t) : l.comparingKey ? e?.[l.comparingKey] === t[l.comparingKey] : P(e) === t;
   let B;
   ((e) => {
     e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
   })(B || (B = {}));
   const a = i(
     l.selected
-  ), C = je(), n = r({
+  ), N = je(), n = o({
     get() {
-      return C?.value?.value ?? a.value;
+      return N?.value?.value ?? a.value;
     },
     set(e) {
-      C.onChange?.(e), C.onClose?.(), b("update:selected", e);
+      N.onChange?.(e), N.onClose?.(), A("update:selected", e);
     }
   });
-  A(
+  b(
     () => l.selected,
     () => {
       a.value = l.selected, d.value = l.selected;
     }
   );
-  const ce = _e(), w = i(null), O = i(null), L = i(null), R = i(null), U = i(null), I = i(null), se = i(), q = i(null), $ = i(null), j = i(null), de = 8, ve = r(() => I.value ? I.value.getBoundingClientRect().height + de + l.distance : 0), X = i(!1), f = i([]), x = i(-1), m = i(""), d = i(l.selected || []), z = () => I.value?.focus(), [g, fe, ge] = Ve({
+  const se = _e(), w = i(null), m = i(null), L = i(null), R = i(null), U = i(null), I = i(null), de = i(), q = i(null), $ = i(null), j = i(null), ve = 8, fe = o(() => I.value ? I.value.getBoundingClientRect().height + ve + l.distance : 0), X = i(!1), f = i([]), x = i(-1), g = i(""), d = i(l.selected || []), z = () => I.value?.focus(), [y, ge, ye] = Ve({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
-  A(
+  b(
     () => l.disabled,
     (e) => {
-      e !== void 0 && ge(e);
+      e !== void 0 && ye(e);
     }
   );
   const W = (e) => {
-    ye.value = fe(e);
-  }, ye = r({
+    he.value = ge(e);
+  }, he = o({
     get() {
       return l.isOpen;
     },
     set(e) {
-      b("update:isOpen", e);
+      A("update:isOpen", e);
     }
-  }), he = r(() => o.value.length - 1), v = Le(0, 0, he), J = r(() => n.value ? l.displayValue(n.value) : ""), Oe = (e) => {
+  }), Oe = o(() => c.value.length - 1), v = Le(0, 0, Oe), J = o(() => n.value ? l.displayValue(n.value) : ""), me = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
       return l.placeholder;
     const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
     return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
-  }, me = r(() => {
+  }, Se = o(() => {
     if (!l.multi)
       return n.value ? l.displayValue(n.value) : l.placeholder;
     if (Array.isArray(a.value))
-      return Oe(a);
-  }), E = r(() => {
+      return me(a);
+  }), E = o(() => {
     if (Array.isArray(a.value))
-      return l.groupedOptions ? ie(o, a) : a.value.length === o.value.length;
-  }), Se = r(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? ue(
-    o,
+      return l.groupedOptions ? re(c, a) : a.value.length === c.value.length;
+  }), Ae = o(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? ie(
+    c,
     a
-  ) : a.value.length > 0 && a.value.length < o.value.length), M = (e) => {
-    m.value = e;
-  }, D = r(() => l.groupedOptions ? ae(l.options) : l.options), be = r(() => {
-    if (re(
+  ) : a.value.length > 0 && a.value.length < c.value.length), M = (e) => {
+    g.value = e;
+  }, D = o(() => l.groupedOptions ? ne(l.options) : l.options), be = o(() => {
+    if (oe(
       D,
       d
     ))
@@ -87,107 +87,107 @@ const ll = (l, b, h) => {
       notSelected: []
     };
     P(D).value.forEach((u) => {
-      const s = (l.comparingKey ? d.value.findIndex(
+      const r = (l.comparingKey ? d.value.findIndex(
         (k) => k[l.comparingKey] === u[l.comparingKey]
       ) > -1 : d.value.includes(u)) ? "selected" : "notSelected";
-      e[s].push(u);
+      e[r].push(u);
     });
     const t = l.groupedOptions ? G(e.notSelected) : e.notSelected;
     return [].concat(e.selected, t);
-  }), o = r(() => {
-    const e = Array.isArray(d.value) && l.multi && h.VERSION === 4 && !te ? be.value : D.value;
+  }), c = o(() => {
+    const e = Array.isArray(d.value) && l.multi && O.VERSION === 4 && !ae ? be.value : D.value;
     if (l.onSearch) {
-      const t = e.filter((u) => l.groupedOptions && H(u) ? u : l.onSearch(u, m.value));
+      const t = e.filter((u) => l.groupedOptions && H(u) ? u : l.onSearch(u, g.value));
       return l.groupedOptions ? G(t) : t;
     } else
       return e;
-  }), Ae = r(() => f.value[0]?.hasSubtitle), Q = r(() => c.mode === T.Multi), Y = r(
-    () => Ae.value ? h.MULTILINE_LIST_HEIGHT : h.LIST_HEIGHT
+  }), Pe = o(() => f.value[0]?.hasSubtitle), Q = o(() => s.mode === T.Multi), Y = o(
+    () => Pe.value ? O.MULTILINE_LIST_HEIGHT : O.LIST_HEIGHT
   ), {
     list: Z,
     containerProps: F,
-    wrapperProps: Pe,
+    wrapperProps: Te,
     scrollTo: K
-  } = Ue(o, {
+  } = Ue(c, {
     itemHeight: Y.value,
     overscan: l.disableVirtualScroll ? 1 / 0 : 2
   });
-  A(
+  b(
     () => l.isOpen,
     (e) => {
       W(e);
     }
-  ), A([x], async () => {
-    await N();
-  }), A(
-    [g, v, x],
+  ), b([x], async () => {
+    await C();
+  }), b(
+    [y, v, x],
     async ([e], [t]) => {
-      g.value && (await N(), x.value !== -1 && e !== t && setTimeout(() => {
-        l.multi && h.VERSION === 4 || K(x.value);
+      y.value && (await C(), x.value !== -1 && e !== t && setTimeout(() => {
+        l.multi && O.VERSION === 4 || K(x.value);
       }), v.value && setTimeout(() => {
         K(v.value);
       }));
     }
-  ), A(m, () => {
-    b("onsearch", m.value), K(0);
+  ), b(g, () => {
+    A("onsearch", g.value), K(0);
   });
   const S = (e, t = !1) => {
-    l.disabled || (W(e), N(() => {
-      g.value && b("opened"), g.value || b("closed"), w.value && t && w.value.focus();
+    l.disabled || (W(e), C(() => {
+      y.value && A("opened"), y.value || A("closed"), w.value && t && w.value.focus();
     }));
   };
-  A(g, (e) => {
+  b(y, (e) => {
     if (e) {
-      m.value = "", Q.value && Array.isArray(n.value) && (d.value = P(n.value).slice());
+      g.value = "", Q.value && Array.isArray(n.value) && (d.value = P(n.value).slice());
       return;
     }
     z();
   });
-  const Te = () => {
+  const we = () => {
     if (E.value) {
       a.value = [];
       return;
     }
     if (Array.isArray(a.value)) {
       if (l.groupedOptions)
-        ne(o, a);
+        ue(c, a);
       else {
-        if (a.value.length === o.value.length) {
+        if (a.value.length === c.value.length) {
           a.value = [];
           return;
         }
-        a.value = o.value;
+        a.value = c.value;
       }
-      b("selectAll");
+      A("selectAll");
     }
-  }, we = () => {
-    Te(), h.VERSION !== 4 && (n.value = a.value);
-  }, Ie = (e = !0) => {
-    a.value = [], e && (n.value = [], d.value = []), b("clear");
+  }, Ie = () => {
+    we(), O.VERSION !== 4 && (n.value = a.value);
+  }, xe = (e = !0) => {
+    a.value = [], e && (n.value = [], d.value = []), A("clear");
   }, V = (e, t) => {
-    if (e = P(e), h.VERSION === 4 ? e[l.disabledOptionKey] : f.value[t]?.disabled)
+    if (e = P(e), O.VERSION === 4 ? e[l.disabledOptionKey] : f.value[t]?.disabled)
       return;
-    if (x.value = t, c.mode !== T.Multi) {
-      l.keepOpen || S(!1), c.goToOption(
+    if (x.value = t, !l.multi) {
+      l.keepOpen || S(!1), s.goToOption(
         0
         /* None */
-      ), n.value = e, M(""), z(), c.type === _.Search && O.value && (O.value.value = l.displayValue(e));
+      ), n.value = e, M(""), z(), s.type === _.Search && m.value && (m.value.value = l.displayValue(e)), p();
       return;
     }
     if (!Array.isArray(a.value))
       return;
-    O.value?.focus();
-    const y = P(a.value);
-    if (ee(y, e) || l.comparingKey && y.findIndex(
-      (s) => s[l.comparingKey] === e[l.comparingKey]
+    m.value?.focus();
+    const h = P(a.value);
+    if (le(h, e) || l.comparingKey && h.findIndex(
+      (r) => r[l.comparingKey] === e[l.comparingKey]
     ) > -1) {
-      a.value = y.filter((s) => l.comparingKey ? s[l.comparingKey] !== e[l.comparingKey] : !Be(s, e));
+      a.value = h.filter((r) => l.comparingKey ? r[l.comparingKey] !== e[l.comparingKey] : !Be(r, e));
       return;
     } else {
-      a.value = [...y, e];
+      a.value = [...h, e];
       return;
     }
-  }, xe = (e) => f.value[e]?.disabled, c = {
+  }, De = (e) => f.value[e]?.disabled, s = {
     activeIndex: v,
     options: f,
     selectedOption: n,
@@ -195,41 +195,41 @@ const ll = (l, b, h) => {
     activeOption: R,
     listRef: w,
     clearable: l.clearable,
-    type: ce.input ? _.Search : _.Dropdown,
+    type: se.input ? _.Search : _.Dropdown,
     mode: l.multi ? T.Multi : T.Single,
-    query: m,
+    query: g,
     selectedValue: J,
     toggle: S,
     disabled: l.disabled,
-    open: g,
+    open: y,
     mandatory: l.mandatory,
     size: l.size,
     placeholder: l.placeholder,
     select: V,
     clearSelection: () => {
-      M(""), n.value = c.mode === T.Single ? null : [], d.value = c.mode === T.Single ? null : [], O.value && (O.value.value = "");
+      M(""), n.value = s.mode === T.Single ? null : [], d.value = s.mode === T.Single ? null : [], m.value && (m.value.value = "");
     },
     search: M,
     goToOption: async (e) => {
-      if (!g.value)
+      if (!y.value)
         return;
       let t = v.value + e;
       const u = f.value.filter(
-        (s) => s.disabled
-      ).length, y = o.value.length - u;
-      for (t > y && (t = y + 1); ; ) {
+        (r) => r.disabled
+      ).length, h = c.value.length - u;
+      for (t > h && (t = h + 1); ; ) {
         if (!f.value[t]?.disabled) {
-          R.value = o.value[t], v.value = t;
+          R.value = c.value[t], v.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!xe(v.value)) {
-          R.value = o.value[t], v.value = t;
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(v.value)) {
+          R.value = c.value[t], v.value = t;
           return;
         }
       }
     },
     registerInput: (e) => {
-      O.value = e.value;
+      m.value = e.value;
     },
     registerOption: (e, t, u) => {
       f.value = [...f.value, { id: e, disabled: t, hasSubtitle: u }];
@@ -238,10 +238,10 @@ const ll = (l, b, h) => {
       f.value = f.value.filter((t) => t.id !== e);
     }
   };
-  Ge(qe, c), le(
+  Ge(qe, s), te(
     w,
     () => {
-      g.value && p();
+      y.value && ee();
     },
     {
       ignore: [
@@ -249,24 +249,24 @@ const ll = (l, b, h) => {
         q,
         $,
         j,
-        O,
+        m,
         F.ref
       ]
     }
   );
-  const De = () => {
-    O.value && (O.value.value = c.query.value = "");
+  const Ke = () => {
+    m.value && (m.value.value = s.query.value = "");
   };
   He(async () => {
-    l.autoFocus && (await N(), setTimeout(() => {
+    l.autoFocus && (await C(), setTimeout(() => {
       L.value.focus();
-    })), c.goToOption(0);
+    })), s.goToOption(0);
   });
-  const Ke = () => {
-    X.value = E.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice()), b("apply", n.value), S(!1), De();
-  }, p = () => {
-    Q.value && Array.isArray(d.value) && (n.value = P(d.value).slice()), m.value = "", S(!1);
-  }, Ne = (e) => {
+  const p = () => {
+    l.multi && (X.value = E.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice())), A("apply", n.value), S(!1), Ke();
+  }, ee = () => {
+    Q.value && Array.isArray(d.value) && (n.value = P(d.value).slice()), g.value = "", S(!1);
+  }, Ce = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "Space":
@@ -275,18 +275,18 @@ const ll = (l, b, h) => {
         case "ArrowDown":
           S(!0), e.preventDefault();
       }
-  }, Ce = (e) => {
+  }, Ne = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "ArrowUp": {
-          c.goToOption(
+          s.goToOption(
             -1
             /* Previous */
           ), e.preventDefault(), e.stopPropagation();
           break;
         }
         case "ArrowDown": {
-          c.goToOption(
+          s.goToOption(
             1
             /* Next */
           ), e.preventDefault(), e.stopPropagation();
@@ -297,76 +297,76 @@ const ll = (l, b, h) => {
           break;
         }
         case "PageUp": {
-          c.goToOption(
+          s.goToOption(
             10
             /* NextPage */
           ), e.preventDefault();
           break;
         }
         case "PageDown": {
-          c.goToOption(
+          s.goToOption(
             -10
             /* PrevPage */
           ), e.preventDefault();
           break;
         }
         case "Enter": {
-          if (!g.value) {
+          if (!y.value) {
             S(!0);
             return;
           }
-          V(o.value[v.value], v.value), c.mode === T.Single && !l.keepOpen && S(!1), e.preventDefault();
+          V(c.value[v.value], v.value), s.mode === T.Single && !l.keepOpen && S(!1), e.preventDefault();
           break;
         }
       }
-  }, Re = r(() => {
+  }, Re = o(() => {
     if (l.loading)
       return 8.5;
     const e = l.customNumberOfDisplayedOptions || Z.value.reduce((k, Ee) => {
       const Me = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Ee.data) : 1;
       return k + Me;
-    }, 0), t = l.multi && l.showSelectAll && !m.value ? 1 : 0, u = e > h.MAX_NUMBER_OF_OPTIONS, y = e + t;
-    let s = u ? h.MAX_NUMBER_OF_OPTIONS + 0.1 : y;
-    return l.noResultsText && s === 0 && (s = s + 1), $e(
-      s * Y.value + h.PADDING_PX
+    }, 0), t = l.multi && l.showSelectAll && !g.value ? 1 : 0, u = e > O.MAX_NUMBER_OF_OPTIONS, h = e + t;
+    let r = u ? O.MAX_NUMBER_OF_OPTIONS + 0.1 : h;
+    return l.noResultsText && r === 0 && (r = r + 1), l.withConditions && g.value && (r = r + 1), $e(
+      r * Y.value + O.PADDING_PX
     );
   });
   return {
-    onKeydown: Ce,
-    location: ve,
-    open: g,
+    onKeydown: Ne,
+    location: fe,
+    open: y,
     toggleMenu: S,
-    onButtonKeydown: Ne,
-    displayedValue: me,
+    onButtonKeydown: Ce,
+    displayedValue: Se,
     labelRef: U,
-    query: m,
+    query: g,
     containerProps: F,
     calculateTableHeight: Re,
-    wrapperProps: Pe,
-    filteredOptions: o,
+    wrapperProps: Te,
+    filteredOptions: c,
     allSelected: E,
     allSelectedApplied: X,
-    isIndeterminate: Se,
-    onSelectAll: we,
+    isIndeterminate: Ae,
+    onSelectAll: Ie,
     virtualOptions: Z,
-    isSelected: oe,
+    isSelected: ce,
     selectedOption: n,
     selectedOptionPrevious: d,
     selectedValue: J,
     onSelect: V,
     activeIndex: v,
-    onCancel: p,
-    onApply: Ke,
+    onCancel: ee,
+    onApply: p,
     scrollTo: K,
-    onClickOutside: le,
+    onClickOutside: te,
     listRef: w,
     buttonRef: I,
     apply: q,
     cancel: $,
     el: L,
-    triggerRef: se,
+    triggerRef: de,
     clearAll: j,
-    onClearAllSelections: Ie,
+    onClearAllSelections: xe,
     isGroup: H
   };
 };

package/components/dropdown/v3/Dropdown.vue.d.ts

@@ -198,8 +198,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     inlineSearch: boolean;
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
-    helperText: string;
     searchPlaceholder: string;
+    helperText: string;
     showButtonOnOpen: boolean;
     clearable: boolean;
     multiOptionsPlaceholderPrefix: string;

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

@@ -34,8 +34,8 @@ declare const DropdownTypes: () => (({
             inlineSearch: boolean;
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
-            helperText: string;
             searchPlaceholder: string;
+            helperText: string;
             showButtonOnOpen: boolean;
             clearable: boolean;
             multiOptionsPlaceholderPrefix: string;
@@ -167,11 +167,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
-            helperText: {
+            searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            searchPlaceholder: {
+            helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -203,7 +203,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "helperText" | "searchPlaceholder" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "searchPlaceholder" | "helperText" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -343,11 +343,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
             };
-            helperText: {
+            searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            searchPlaceholder: {
+            helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -418,8 +418,8 @@ declare const DropdownTypes: () => (({
             inlineSearch: boolean;
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
-            helperText: string;
             searchPlaceholder: string;
+            helperText: string;
             showButtonOnOpen: boolean;
             clearable: boolean;
             multiOptionsPlaceholderPrefix: string;
@@ -571,11 +571,11 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
-        helperText: {
+        searchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        searchPlaceholder: {
+        helperText: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -740,11 +740,11 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
     };
-    helperText: {
+    searchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    searchPlaceholder: {
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -815,8 +815,8 @@ declare const DropdownTypes: () => (({
     inlineSearch: boolean;
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
-    helperText: string;
     searchPlaceholder: string;
+    helperText: string;
     showButtonOnOpen: boolean;
     clearable: boolean;
     multiOptionsPlaceholderPrefix: string;

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

@@ -1,7 +1,7 @@
 import o from "./ChipDropdownTrigger.vue2.js";
 /* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-49bd7193"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ba28c717"]]);
 export {
   s as default
 };