@ironsource/shared-ui 2.1.3-rc.19 → 2.1.3-rc.20

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/v4/ButtonDropdownTrigger.vue.d.ts

@@ -0,0 +1,71 @@
+import { IconTypes } from '@/components/icon/v4/Icon.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    variant?: 'outlined' | 'text';
+    size?: 'small' | 'medium';
+    open?: boolean;
+    disabled?: boolean;
+    startIconName?: string;
+    startIconType?: IconTypes;
+    hideEndIcon?: boolean;
+    testId?: string;
+}>, {
+    variant: string;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    startIconName: any;
+    startIconType: string;
+    hideEndIcon: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    variant?: 'outlined' | 'text';
+    size?: 'small' | 'medium';
+    open?: boolean;
+    disabled?: boolean;
+    startIconName?: string;
+    startIconType?: IconTypes;
+    hideEndIcon?: boolean;
+    testId?: string;
+}>, {
+    variant: string;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    startIconName: any;
+    startIconType: string;
+    hideEndIcon: boolean;
+    testId: string;
+}>>> & {
+    onClick?: () => any;
+}, {
+    variant: 'outlined' | 'text';
+    disabled: boolean;
+    size: 'small' | 'medium';
+    open: boolean;
+    testId: string;
+    startIconName: string;
+    startIconType: IconTypes;
+    hideEndIcon: boolean;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,7 @@
+import o from "./ButtonDropdownTrigger.vue2.js";
+/* empty css                            */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-23e22560"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,36 @@
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; import { defineComponent as a, openBlock as l, createBlock as o, unref as i, normalizeClass as d } from "vue";
+import c from "../../button/v4/ButtonV4.vue.js";
+import "../../button/v4/IconButtonV4.vue.js";
+const I = /* @__PURE__ */ a({
+  __name: "ButtonDropdownTrigger",
+  props: {
+    label: null,
+    variant: { default: "outlined" },
+    size: { default: "medium" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    startIconName: { default: null },
+    startIconType: { default: "regular" },
+    hideEndIcon: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["click"],
+  setup(e, { emit: n }) {
+    return (r, t) => (l(), o(i(c), {
+      class: d(["button-trigger", { open: e.open }]),
+      disabled: e.disabled,
+      color: "default",
+      variant: e.variant,
+      size: e.size,
+      "start-icon-name": e.startIconName,
+      "start-icon-type": e.startIconType,
+      "end-icon-name": e.hideEndIcon ? null : "caret-down",
+      content: e.label,
+      "test-id": e.testId,
+      onClick: t[0] || (t[0] = (s) => n("click"))
+    }, null, 8, ["class", "disabled", "variant", "size", "start-icon-name", "start-icon-type", "end-icon-name", "content", "test-id"]));
+  }
+});
+export {
+  I as default
+};

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

@@ -0,0 +1,66 @@
+import { IconTypes } from '@/components/icon/v4/Icon.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    variant?: 'outlined' | 'text';
+    open?: boolean;
+    disabled?: boolean;
+    startIconName?: string;
+    startIconType?: IconTypes;
+    hideEndIcon?: boolean;
+    testId?: string;
+}>, {
+    variant: string;
+    open: boolean;
+    disabled: boolean;
+    startIconName: any;
+    startIconType: string;
+    hideEndIcon: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    variant?: 'outlined' | 'text';
+    open?: boolean;
+    disabled?: boolean;
+    startIconName?: string;
+    startIconType?: IconTypes;
+    hideEndIcon?: boolean;
+    testId?: string;
+}>, {
+    variant: string;
+    open: boolean;
+    disabled: boolean;
+    startIconName: any;
+    startIconType: string;
+    hideEndIcon: boolean;
+    testId: string;
+}>>> & {
+    onClick?: () => any;
+}, {
+    variant: 'outlined' | 'text';
+    disabled: boolean;
+    open: boolean;
+    testId: string;
+    startIconName: string;
+    startIconType: IconTypes;
+    hideEndIcon: boolean;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,7 @@
+import o from "./ButtonFilterDropdownTrigger.vue2.js";
+/* empty css                                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f750550"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,50 @@
+ import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
+import y from "../../typography/v4/Typography.vue.js";
+import s from "../../icon/v4/IconV4.vue.js";
+import { useTestIdAttrs as N } from "../../../utils/testIds.js";
+import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
+const h = /* @__PURE__ */ m({
+  __name: "ButtonFilterDropdownTrigger",
+  props: {
+    label: null,
+    variant: { default: "outlined" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    startIconName: { default: null },
+    startIconType: { default: "regular" },
+    hideEndIcon: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["click"],
+  setup(e, { emit: c }) {
+    const n = N(e.testId, o);
+    return (g, r) => (a(), u("div", l({
+      class: ["button-filter-dropdown-trigger", [e.variant, { disabled: e.disabled, open: e.open }]]
+    }, t(n)[t(o).BUTTON], {
+      onClick: r[0] || (r[0] = (k) => c("click"))
+    }), [
+      e.startIconName ? (a(), d(t(s), {
+        key: 0,
+        name: e.startIconName,
+        type: e.startIconType,
+        size: "16px",
+        class: "start-icon"
+      }, null, 8, ["name", "type"])) : i("", !0),
+      f(t(y), l({ variant: "chipLabel" }, t(n)[t(o).BUTTON_CONTENT]), {
+        default: p(() => [
+          I(T(e.label), 1)
+        ]),
+        _: 1
+      }, 16),
+      e.hideEndIcon ? i("", !0) : (a(), d(t(s), {
+        key: 1,
+        name: "caret-down",
+        size: "16px",
+        class: "end-icon"
+      }))
+    ], 16));
+  }
+});
+export {
+  h as default
+};

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

@@ -241,7 +241,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     label?(_: {}): any;
-    "dropdown-trigger"?(_: {}): any;
+    "dropdown-trigger"?(_: {
+        buttonTriggerProps: {
+            open: boolean;
+            disabled: boolean;
+            label: any;
+            onClick: () => void;
+        };
+    }): any;
     "input-list"?(_: {
         open: true;
     }): any;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_b9e03c56_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b9e03c56"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-24014c62"]]);
 export {
   r as default
 };