@ironsource/shared-ui 2.1.3-rc.2 → 2.1.3-rc.21

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

@@ -40,14 +40,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            subtitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
+            subtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             appendToBody: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -122,7 +122,7 @@ declare const DialogTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "open") => void) & ((event: "cancel") => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
+        $emit: ((event: "open") => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "cancel") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -141,14 +141,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            subtitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
+            subtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             appendToBody: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -274,14 +274,14 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        subtitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         modelValue: {
             type: import("vue").PropType<boolean>;
             required: true;
         };
+        subtitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         appendToBody: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -365,14 +365,14 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    subtitle: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
     };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     appendToBody: {
         type: import("vue").PropType<boolean>;
         default: boolean;

package/components/dropdown/common/Dropdown.common.d.ts

@@ -28,6 +28,7 @@ export declare const dropdownCommon: (props: any, emit: any, commonOptions: any)
     virtualOptions: Ref<UseVirtualListItem<unknown>[]>;
     isSelected: (arr: any, element: any) => boolean;
     selectedOption: import("vue").WritableComputedRef<unknown>;
+    selectedValue: import("vue").ComputedRef<any>;
     onSelect: (option: any, index?: number) => void;
     activeIndex: Ref<number>;
     onCancel: () => void;

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

@@ -1,13 +1,13 @@
 import { useToggle as Ae } from "../../../composables/useToggle.js";
 import { ref as n, computed as r, watch as b, useSlots as Pe, nextTick as D, toRaw as x, provide as Se, onMounted as Te } from "vue";
-import { isObjectInArray as J } from "../../../utils/array.js";
+import { isObjectInArray as Q } from "../../../utils/array.js";
 import { objectsEqual as we } from "../../../utils/object.js";
-import { useClamp as xe, useVirtualList as De, onClickOutside as Q } from "@vueuse/core";
+import { useClamp as xe, useVirtualList as De, onClickOutside as W } from "@vueuse/core";
 import { Mode as m, Type as k, DropdownContext as Ie } from "./DropdownContext.js";
 import { pxToRem as Me } from "../../../utils/style.js";
 import { useEditableContext as Ce } from "../../table-cells/common/EditableContext.js";
 const Ue = (l, O, A) => {
-  const W = (e, t) => l.multi ? J(e, t) : x(e) === t;
+  const Y = (e, t) => l.multi ? Q(e, t) : x(e) === t;
   let E;
   ((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";
@@ -28,26 +28,26 @@ const Ue = (l, O, A) => {
       a.value = l.selected;
     }
   );
-  const Y = Pe(), P = n(null), d = n(null), V = n(null), M = n(null), H = n(null), S = n(null), Z = n(), L = n(null), U = n(null), B = n(null), F = 8, ee = r(() => S.value ? S.value.getBoundingClientRect().height + F + l.distance : 0), c = n([]), T = n(-1), w = n(""), C = n([]), p = () => S.value?.focus(), [v, le, te] = Ae({
+  const Z = Pe(), P = n(null), d = n(null), V = n(null), M = n(null), H = n(null), S = n(null), F = n(), L = n(null), U = n(null), B = n(null), ee = 8, le = r(() => S.value ? S.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), T = n(-1), w = n(""), C = n([]), p = () => S.value?.focus(), [v, te, ae] = Ae({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
   b(
     () => l.disabled,
     (e) => {
-      e !== void 0 && te(e);
+      e !== void 0 && ae(e);
     }
   );
   const q = (e) => {
-    ae.value = le(e);
-  }, ae = r({
+    ue.value = te(e);
+  }, ue = r({
     get() {
       return l.isOpen;
     },
     set(e) {
       O("update:isOpen", e);
     }
-  }), ue = r(() => s.value.length - 1), o = xe(0, 0, ue), ne = r(() => u.value ? l.displayValue(u.value) : ""), ie = (e) => {
+  }), ne = r(() => s.value.length - 1), o = xe(0, 0, ne), G = r(() => u.value ? l.displayValue(u.value) : ""), ie = (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 ?? ""}`;
@@ -57,22 +57,22 @@ const Ue = (l, O, A) => {
       return u.value ? l.displayValue(u.value) : l.placeholder;
     if (Array.isArray(a.value))
       return ie(a);
-  }), G = r(() => {
+  }), K = r(() => {
     if (Array.isArray(a.value))
       return a.value.length === s.value.length;
   }), oe = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), N = (e) => {
     w.value = e;
   }, s = r(() => l.onSearch ? l.options.filter(
     (e) => l.onSearch(e, w.value)
-  ) : l.options), se = r(() => c.value[0]?.hasSubtitle), K = r(() => i.mode === m.Multi), $ = r(
+  ) : l.options), se = r(() => c.value[0]?.hasSubtitle), $ = r(() => i.mode === m.Multi), X = r(
     () => se.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
   ), {
-    list: X,
-    containerProps: j,
+    list: j,
+    containerProps: z,
     wrapperProps: ce,
     scrollTo: R
   } = De(s, {
-    itemHeight: $.value
+    itemHeight: X.value
   });
   b(
     () => l.isOpen,
@@ -98,7 +98,7 @@ const Ue = (l, O, A) => {
   };
   b(v, (e) => {
     if (e) {
-      K.value && Array.isArray(u.value) && (C.value = x(u.value).slice());
+      $.value && Array.isArray(u.value) && (C.value = x(u.value).slice());
       return;
     }
     p();
@@ -106,7 +106,7 @@ const Ue = (l, O, A) => {
   const ve = () => {
     de(), u.value = a.value;
   }, de = () => {
-    if (G.value) {
+    if (K.value) {
       a.value = [];
       return;
     }
@@ -133,7 +133,7 @@ const Ue = (l, O, A) => {
       return;
     d.value?.focus();
     const g = x(a.value);
-    if (J(g, e)) {
+    if (Q(g, e)) {
       a.value = g.filter(
         (h) => !we(h, e)
       );
@@ -150,10 +150,10 @@ const Ue = (l, O, A) => {
     activeOption: M,
     listRef: P,
     clearable: l.clearable,
-    type: Y.input ? k.Search : k.Dropdown,
+    type: Z.input ? k.Search : k.Dropdown,
     mode: l.multi ? m.Multi : m.Single,
     query: w,
-    selectedValue: ne,
+    selectedValue: G,
     toggle: f,
     disabled: l.disabled,
     open: v,
@@ -193,10 +193,10 @@ const Ue = (l, O, A) => {
       c.value = c.value.filter((t) => t.id !== e);
     }
   };
-  Se(Ie, i), Q(
+  Se(Ie, i), W(
     P,
     () => {
-      v.value && z();
+      v.value && J();
     },
     {
       ignore: [
@@ -205,7 +205,7 @@ const Ue = (l, O, A) => {
         U,
         B,
         d,
-        j.ref
+        z.ref
       ]
     }
   );
@@ -219,8 +219,8 @@ const Ue = (l, O, A) => {
   });
   const ye = () => {
     u.value = a.value, O("apply", u.value), f(!1), he();
-  }, z = () => {
-    K.value && Array.isArray(C.value) && (u.value = x(C.value).slice()), w.value = "", f(!1);
+  }, J = () => {
+    $.value && Array.isArray(C.value) && (u.value = x(C.value).slice()), w.value = "", f(!1);
   }, be = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
@@ -275,43 +275,44 @@ const Ue = (l, O, A) => {
         }
       }
   }, Oe = r(() => {
-    const e = X.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > A.MAX_NUMBER_OF_OPTIONS, g = e + t;
+    const e = j.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > A.MAX_NUMBER_OF_OPTIONS, g = e + t;
     let h = y ? A.MAX_NUMBER_OF_OPTIONS + 0.1 : g;
     return l.noResultsText && h === 0 && (h = h + 1), Me(
-      h * $.value + A.PADDING_PX
+      h * X.value + A.PADDING_PX
     );
   });
   return {
     onKeydown: me,
-    location: ee,
+    location: le,
     open: v,
     toggleMenu: f,
     onButtonKeydown: be,
     displayedValue: re,
     labelRef: H,
     query: w,
-    containerProps: j,
+    containerProps: z,
     calculateTableHeight: Oe,
     wrapperProps: ce,
     filteredOptions: s,
-    allSelected: G,
+    allSelected: K,
     isIndeterminate: oe,
     onSelectAll: ve,
-    virtualOptions: X,
-    isSelected: W,
+    virtualOptions: j,
+    isSelected: Y,
     selectedOption: u,
+    selectedValue: G,
     onSelect: _,
     activeIndex: o,
-    onCancel: z,
+    onCancel: J,
     onApply: ye,
     scrollTo: R,
-    onClickOutside: Q,
+    onClickOutside: W,
     listRef: P,
     buttonRef: S,
     apply: L,
     cancel: U,
     el: V,
-    triggerRef: Z,
+    triggerRef: F,
     clearAll: B,
     onClearAllSelections: fe
   };

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

@@ -182,25 +182,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selected: any;
     modelValue: any;
     placeholder: string;
-    helperText: string;
-    searchPlaceholder: string;
-    isOnTop: boolean;
+    autoFocus: boolean;
     multi: boolean;
-    inlineSearch: boolean;
-    noResultsText: string;
     defaultOpen: boolean;
-    showButtonOnOpen: boolean;
-    autoFocus: boolean;
-    skidding: number;
-    clearable: boolean;
-    onSearch: (option: any, term: string) => boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
+    isOnTop: boolean;
+    skidding: number;
+    inlineSearch: boolean;
+    onSearch: (option: any, term: string) => boolean;
+    noResultsText: string;
+    valueToCopy: string;
+    helperText: string;
+    searchPlaceholder: string;
+    showButtonOnOpen: boolean;
+    clearable: boolean;
     multiOptionsPlaceholderPrefix: string;
     multiOptionsPlaceholderSuffix: string;
     darkTheme: boolean;
-    valueToCopy: string;
 }>, {
     label?(_: {}): any;
     input?(_: {