@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.8

package/components/includeExclude/IncludeExclude.vue2.js

@@ -1,19 +1,18 @@
  import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_2a01a791_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
-import "../popover/Popover.vue2.js";
+import Ae from "../popover/Popover.vue.js";
 import N from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";
-import Ae from "../search/v3/Search.vue.js";
+import Ee from "../search/v3/Search.vue.js";
 import "../typography/Heading.vue.js";
 import X from "../typography/Text.vue.js";
-import Ee from "../checkbox/v3/Checkbox.vue.js";
+import Be from "../checkbox/v3/Checkbox.vue.js";
 import b from "../skeleton/Skeleton.vue.js";
-import Be from "../emptyState/v3/EmptyState.vue.js";
+import Pe from "../emptyState/v3/EmptyState.vue.js";
 import { useToggle as Ve } from "../../composables/useToggle.js";
-import { IncludeExcludeContext as Pe } from "./IncludeExcludeContext.js";
-import { onClickOutside as Le, useClamp as Ne, useVirtualList as Z } from "@vueuse/core";
+import { IncludeExcludeContext as Le } from "./IncludeExcludeContext.js";
+import { onClickOutside as Ne, useClamp as Fe, useVirtualList as Z } from "@vueuse/core";
 import { IncludeExcludeTestIdModifiers as m } from "../../testids/index.js";
-import Fe from "../popover/Popover.vue.js";
 const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude-header" }, Ge = { class: "include-exclude-header-left-section" }, Ue = { class: "include-exclude-header-right-section" }, We = { class: "include-exclude-container-wrapper" }, qe = {
   key: 0,
   class: "include-exclude-container"
@@ -26,7 +25,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
 }, je = ["aria-selected", "aria-disabled", "onClick"], Je = { key: 1 }, Qe = { class: "loader-wrapper" }, Xe = ["data-testid"], Ze = {
   key: 0,
   class: "loader-wrapper"
-}, _e = { class: "include-exclude-selected-header-left" }, et = { class: "include-exclude-selected-header-right" }, tt = { key: 1 }, lt = { class: "loader-wrapper" }, nt = { class: "include-exclude-footer" }, at = { class: "include-exclude-footer-buttons" }, Ct = /* @__PURE__ */ Te({
+}, _e = { class: "include-exclude-selected-header-left" }, et = { class: "include-exclude-selected-header-right" }, tt = { key: 1 }, lt = { class: "loader-wrapper" }, nt = { class: "include-exclude-footer" }, at = { class: "include-exclude-footer-buttons" }, xt = /* @__PURE__ */ Te({
   __name: "IncludeExclude",
   props: {
     titleText: { default: "" },
@@ -55,7 +54,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
     const n = l, F = 50, H = 3, ee = 6, te = 32, le = 48, ne = v(() => {
       const e = n.placement?.includes("bottom") ? ee : 0;
       return n.isOnTop ? -E.value?.getBoundingClientRect().height : e;
-    }), z = u(null), p = u(""), A = u(!1), E = u(null), ae = u(null), se = u(null), B = u(null), V = u(null), de = u(null), c = u(n.modelValue), D = (e) => new Promise((s) => setTimeout(s, e)), r = v({
+    }), z = u(null), p = u(""), A = u(!1), E = u(null), ae = u(null), se = u(null), B = u(null), P = u(null), de = u(null), c = u(n.modelValue), D = (e) => new Promise((s) => setTimeout(s, e)), r = v({
       get() {
         return c.value;
       },
@@ -98,24 +97,24 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
       });
     };
     j(
-      () => [S.value, V?.value?.inputRef],
+      () => [S.value, P?.value?.inputRef],
       ([e, s]) => {
         e && s && me();
       }
     );
     const he = () => {
-      n.autoFocus && V.value?.inputRef.focus();
+      n.autoFocus && P.value?.inputRef.focus();
     }, me = async (e = 300) => {
       await D(e), he();
     }, y = (e) => {
       n.disabled || (e || fe(), ue(e));
     };
-    Le(K, () => {
+    Ne(K, () => {
       S.value && G();
     });
     const ve = u([]), ge = v(() => k.value?.length - 1), M = (e) => {
       p.value = e;
-    }, P = Ne(0, 0, ge), L = (e) => {
+    }, V = Fe(0, 0, ge), L = (e) => {
       B.value?.focus();
       const s = c.value;
       s.includes(e) ? c.value = s.filter(
@@ -133,7 +132,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
       },
       search: M,
       select: L,
-      activeIndex: P,
+      activeIndex: V,
       selectedOption: r,
       activeOption: de,
       listRef: z,
@@ -143,7 +142,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
     }, ye = () => {
       c.value?.length !== k.value?.length ? c.value = k.value : c.value = [];
     };
-    Oe(Pe, Y);
+    Oe(Le, Y);
     const k = v(() => p.value?.length ? n.options?.filter((e) => n.onSearch(e, p.value)) : n.options), {
       list: ke,
       containerProps: xe,
@@ -169,7 +168,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
       }
       e.key === "ArrowDown" && (y(!0), e.preventDefault());
     };
-    return (e, s) => (d(), I(t(Fe), {
+    return (e, s) => (d(), I(t(Ae), {
       distance: t(ne) + l.distanceOffset,
       skidding: l.skiddingOffset,
       trigger: "managed",
@@ -219,9 +218,9 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
             ]),
             a("div", Ue, [
               C(e.$slots, "header-right-section", {}, () => [
-                f(t(Ae), {
+                f(t(Ee), {
                   ref_key: "searchRef",
-                  ref: V,
+                  ref: P,
                   modelValue: p.value,
                   "onUpdate:modelValue": s[0] || (s[0] = (i) => p.value = i),
                   class: "include-exclude-header-right-section-search-input",
@@ -241,7 +240,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
               default: g(() => [
                 !t(k)?.length && !l.loading ? (d(), o("div", qe, [
                   C(e.$slots, "no-result", {}, () => [
-                    f(t(Be), {
+                    f(t(Pe), {
                       size: "lg",
                       title: "No results found",
                       subtitle: "Try diffrent keyword",
@@ -260,7 +259,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
                         "include-exclude-list-header-loaded": !l.loading
                       }])
                     }, [
-                      l.loading ? h("", !0) : (d(), I(t(Ee), {
+                      l.loading ? h("", !0) : (d(), I(t(Be), {
                         key: 0,
                         size: "sm",
                         "is-checked": t(q),
@@ -294,7 +293,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
                             showCheckbox: !0,
                             option: i,
                             selected: T(t(r)) === i,
-                            active: T(t(P)) === x
+                            active: T(t(V)) === x
                           }, void 0, !0)
                         ], 8, je))), 128))
                       ], 16)),
@@ -365,7 +364,7 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
                           C(e.$slots, "selected_option", {
                             option: i,
                             selected: T(t(r)) === i,
-                            active: T(t(P)) === x
+                            active: T(t(V)) === x
                           }, void 0, !0)
                         ]))), 128))
                       ], 16)) : h("", !0),
@@ -428,5 +427,5 @@ const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude
   }
 });
 export {
-  Ct as default
+  xt as default
 };

package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts

@@ -59,9 +59,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isLoading: boolean;
 }>>>, {
     searchAttribute: string;
-    isLoading: boolean;
-    showIcon: boolean;
     searchPlaceholder: string;
+    showIcon: boolean;
+    isLoading: boolean;
     titleText: string;
     distanceOffset: number;
     skiddingOffset: number;

package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts

@@ -82,10 +82,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: (val: unknown[]) => any;
 }, {
     searchAttribute: string;
-    isLoading: boolean;
-    showIcon: boolean;
     searchPlaceholder: string;
     clearable: boolean;
+    showIcon: boolean;
+    isLoading: boolean;
     titleText: string;
     distanceOffset: number;
     skiddingOffset: number;

package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts

@@ -91,12 +91,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     placement: Placement;
     disabled: boolean;
-    distance: number;
-    autoFocus: boolean;
     hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     defaultOpen: boolean;
+    autoFocus: boolean;
+    distance: number;
     onSearch: (option: any, term: string) => boolean;
     titleText: string;
     alwayesOpen: boolean;

package/components/includeExclude/IncludeExcludeDragDrop.vue2.js

@@ -1,19 +1,18 @@
- import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_85bff8f4_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as $e, nextTick as Ee } from "vue";
-import "../popover/Popover.vue2.js";
+ import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_85bff8f4_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as Ee, nextTick as Fe } from "vue";
+import $e from "../popover/Popover.vue.js";
 import G from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";
-import Fe from "../search/v3/Search.vue.js";
+import ze from "../search/v3/Search.vue.js";
 import "../typography/Heading.vue.js";
 import te from "../typography/Text.vue.js";
-import ze from "../checkbox/v3/Checkbox.vue.js";
+import He from "../checkbox/v3/Checkbox.vue.js";
 import b from "../skeleton/Skeleton.vue.js";
-import He from "../emptyState/v3/EmptyState.vue.js";
-import { useToggle as Ne } from "../../composables/useToggle.js";
-import { IncludeExcludeContext as Ue } from "./IncludeExcludeContext.js";
-import { onClickOutside as We, useClamp as Ge, useVirtualList as ne } from "@vueuse/core";
-import Ke from "vuedraggable";
-import Le from "../popover/Popover.vue.js";
+import Ne from "../emptyState/v3/EmptyState.vue.js";
+import { useToggle as Ue } from "../../composables/useToggle.js";
+import { IncludeExcludeContext as We } from "./IncludeExcludeContext.js";
+import { onClickOutside as Ge, useClamp as Ke, useVirtualList as ne } from "@vueuse/core";
+import Le from "vuedraggable";
 const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-header-left-section" }, je = { class: "include-exclude-header-right-section" }, Je = { class: "include-exclude-container-wrapper" }, Qe = {
   key: 0,
   class: "include-exclude-container"
@@ -26,7 +25,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
 }, _e = ["aria-selected", "aria-disabled", "onClick"], el = ["onClick"], ll = { key: 1 }, tl = { class: "loader-wrapper" }, nl = { class: "include-exclude-selected-wrapper" }, ol = {
   key: 0,
   class: "loader-wrapper"
-}, al = { class: "include-exclude-selected-header-left" }, sl = { class: "include-exclude-selected-header-right" }, il = { class: "drag-item" }, dl = { key: 1 }, rl = { class: "loader-wrapper" }, cl = { class: "include-exclude-footer" }, ul = { class: "include-exclude-footer-buttons" }, Bl = /* @__PURE__ */ Re({
+}, al = { class: "include-exclude-selected-header-left" }, sl = { class: "include-exclude-selected-header-right" }, il = { class: "drag-item" }, dl = { key: 1 }, rl = { class: "loader-wrapper" }, cl = { class: "include-exclude-footer" }, ul = { class: "include-exclude-footer-buttons" }, Vl = /* @__PURE__ */ Re({
   __name: "IncludeExcludeDragDrop",
   props: {
     titleText: { default: "" },
@@ -79,7 +78,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
     );
     const ue = p(() => d.value.filter(
       (e) => a.onSearch(e, m.value)
-    )), $ = p(() => y.value.filter(
+    )), E = p(() => y.value.filter(
       (e) => !e?.groupOption
     )), j = () => {
       r.value?.length !== a.options?.length && (r.value = d.value), k(!1);
@@ -94,14 +93,14 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
     ), X = p(() => {
       if (!x.value)
         return !1;
-      const e = d.value, n = $.value || y.value;
+      const e = d.value, n = E.value || y.value;
       return e === n ? !0 : e?.length !== n?.length ? !1 : Q.value(e, n) && Q.value(n, e);
-    }), Y = c(null), [x, pe] = Ne({
+    }), Y = c(null), [x, pe] = Ue({
       disabled: a.disabled,
       initialValue: a.defaultOpen
     }), he = (e = 300) => {
       const n = r.value?.length === a.options?.length;
-      Ee(async () => {
+      Fe(async () => {
         n && (r.value = []), await M(e), _.resetInput();
       });
     };
@@ -118,12 +117,12 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
     }, k = (e) => {
       a.disabled || (e || he(), pe(e), z.value = []);
     };
-    We(Y, () => {
+    Ge(Y, () => {
       x.value && (P(), T("clickOutside", d.value));
     });
     const ke = c([]), ye = p(() => y.value?.length - 1), Z = (e) => {
       m.value = e;
-    }, E = Ge(0, 0, ye), F = (e) => {
+    }, F = Ke(0, 0, ye), $ = (e) => {
       if (e?.groupOption)
         return;
       R.value?.focus();
@@ -132,7 +131,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
         (o) => o !== e
       ) : d.value = [.../* @__PURE__ */ new Set([...n, e])];
     }, be = (e) => {
-      F(e);
+      $(e);
     }, _ = {
       toggle: k,
       disabled: a.disabled,
@@ -142,8 +141,8 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
         Z(""), R.value && (R.value.value = ""), B.value && (d.value = a.modelValue, B.value = !1);
       },
       search: Z,
-      select: F,
-      activeIndex: E,
+      select: $,
+      activeIndex: F,
       selectedOption: r,
       activeOption: ce,
       listRef: q,
@@ -151,11 +150,11 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
       open: x,
       removeSelection: be
     }, xe = () => {
-      d.value = d.value?.length !== $.value?.length ? $.value : [], setTimeout(() => {
+      d.value = d.value?.length !== E.value?.length ? E.value : [], setTimeout(() => {
         Te(d.value.length);
       }, 300);
     };
-    Ae(Ue, _);
+    Ae(We, _);
     const y = p(() => m.value?.length ? a.options?.filter((e) => a.onSearch(e, m.value)) : a.options), {
       list: ee,
       containerProps: Oe,
@@ -186,7 +185,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
     }, Ie = () => {
       T("changeDragDrop", D.value);
     };
-    return (e, n) => (i(), O(l(Le), {
+    return (e, n) => (i(), O(l($e), {
       distance: l(ie) + t.distanceOffset,
       skidding: t.skiddingOffset,
       trigger: "managed",
@@ -236,7 +235,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
             ]),
             s("div", je, [
               v(e.$slots, "header-right-section", {}, () => [
-                g(l(Fe), {
+                g(l(ze), {
                   ref_key: "searchRef",
                   ref: A,
                   modelValue: m.value,
@@ -257,7 +256,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
               default: h(() => [
                 !l(y)?.length && !t.loading ? (i(), u("div", Qe, [
                   v(e.$slots, "no-result", {}, () => [
-                    g(l(He), {
+                    g(l(Ne), {
                       size: "lg",
                       title: "No results found",
                       subtitle: "Try diffrent keyword",
@@ -273,7 +272,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
                         "include-exclude-list-header-loaded": !t.loading
                       }])
                     }, [
-                      t.loading ? f("", !0) : (i(), O(l(ze), {
+                      t.loading ? f("", !0) : (i(), O(l(He), {
                         key: 0,
                         size: "sm",
                         "is-checked": l(X),
@@ -304,7 +303,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
                           key: V,
                           "aria-selected": S(l(r)) === o,
                           "aria-disabled": !!t.disabled,
-                          onClick: () => F(o)
+                          onClick: () => $(o)
                         }, [
                           o.groupOption ? (i(), u("div", {
                             key: 0,
@@ -318,7 +317,7 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
                             showCheckbox: !0,
                             option: o,
                             selected: S(l(r)) === o,
-                            active: S(l(E)) === V
+                            active: S(l(F)) === V
                           }, void 0, !0) : f("", !0)
                         ], 8, _e))), 128))
                       ], 16)),
@@ -387,16 +386,16 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
                         ref: "SelectedlistRef",
                         tabindex: "2"
                       }), [
-                        g(l(Ke), w({
+                        g(l(Le), w({
                           modelValue: l(D),
-                          "onUpdate:modelValue": n[1] || (n[1] = (o) => $e(D) ? D.value = o : null)
+                          "onUpdate:modelValue": n[1] || (n[1] = (o) => Ee(D) ? D.value = o : null)
                         }, t.draggableArgs, { onChange: Ie }), {
                           item: h(({ element: o }) => [
                             s("div", il, [
                               v(e.$slots, "selected_option_draggable", {
                                 option: o.data,
                                 selected: S(l(r)) === o.data,
-                                active: S(l(E)) === o.data.draggableItemKey
+                                active: S(l(F)) === o.data.draggableItemKey
                               }, void 0, !0)
                             ])
                           ]),
@@ -463,5 +462,5 @@ const qe = { class: "include-exclude-header" }, Me = { class: "include-exclude-h
   }
 });
 export {
-  Bl as default
+  Vl as default
 };