@ironsource/shared-ui 2.1.12-test.50 → 2.1.12-test.52

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,46 +1,46 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as c, Transition as O, withCtx as u, withDirectives as y, createElementVNode as r, mergeProps as a, unref as e, createVNode as z, createTextVNode as g, toDisplayString as I, createCommentVNode as d, renderSlot as T, vShow as h, createElementBlock as B, Fragment as V, renderList as U, withModifiers as D } from "vue";
-import H from "../../icon/v4/IconV4.vue.js";
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
+import D from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import F from "../../button/v4/ButtonV4.vue.js";
-import G from "../../button/v4/IconButtonV4.vue.js";
+import H from "../../button/v4/ButtonV4.vue.js";
+import F from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import N from "../../typography/v4/Typography.vue.js";
-import { snackbarCommon as P } from "../common/snackbar.common.js";
-import { useTestIdAttrs as R } from "../../../utils/testIds.js";
+import b from "../../typography/v4/Typography.vue.js";
+import { snackbarCommon as G } from "../common/snackbar.common.js";
+import { useTestIdAttrs as P } from "../../../utils/testIds.js";
 import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
-const j = ["id"], q = { class: "container" }, J = { class: "texts" }, K = { class: "message" }, Q = { class: "action-wrapper" }, W = {
+const R = ["id"], j = { class: "container" }, q = { class: "texts" }, J = { class: "message" }, K = { class: "action-wrapper" }, Q = {
   key: 0,
   class: "actions"
-}, X = { class: "close-button-wrapper" }, ae = /* @__PURE__ */ $({
+}, W = { class: "close-button-wrapper" }, lt = /* @__PURE__ */ $({
   __name: "SnackbarV4",
   props: {
-    customClass: {},
+    customClass: null,
     dangerouslyUseHTMLString: { type: Boolean },
     duration: { default: 3e3 },
-    id: {},
-    message: {},
-    offset: {},
-    onClick: {},
-    onClose: {},
+    id: null,
+    message: null,
+    offset: null,
+    onClick: null,
+    onClose: null,
     type: { default: "info" },
     position: { default: "top-right" },
     showClose: { type: Boolean, default: !0 },
     title: { default: "" },
     zIndex: { default: 0 },
-    actionButtons: {},
+    actionButtons: null,
     testId: { default: "" }
   },
   emits: ["destroy"],
-  setup(S) {
-    const m = S, {
-      visible: b,
+  setup(e) {
+    const m = e, {
+      visible: p,
       horizontalClass: w,
       positionStyle: L,
-      clearTimer: f,
-      startTimer: p,
-      close: k
-    } = P(m), E = {
+      clearTimer: k,
+      startTimer: C,
+      close: y
+    } = G(m), E = {
       info: {
         iconName: "info",
         class: "snackbar-icon-info"
@@ -53,86 +53,85 @@ const j = ["id"], q = { class: "container" }, J = { class: "texts" }, K = { clas
         iconName: "check-circle",
         class: "snackbar-icon-success"
       }
-    }, C = A(() => E[m.type]), l = R(m.testId, i), M = ({ closeOnClick: t, onClick: o }) => () => {
-      t && k(), o && o();
+    }, v = A(() => E[m.type]), r = P(m.testId, i), M = ({ closeOnClick: c, onClick: o }) => () => {
+      c && y(), o && o();
     };
-    return (t, o) => (n(), c(O, {
+    return (c, o) => (n(), d(O, {
       name: "snackbar",
-      onBeforeLeave: t.onClose,
-      onAfterLeave: o[3] || (o[3] = (s) => t.$emit("destroy"))
+      onBeforeLeave: e.onClose,
+      onAfterLeave: o[3] || (o[3] = (s) => c.$emit("destroy"))
     }, {
-      default: u(() => [
-        y(r("div", a({
-          id: t.id,
-          class: ["snackbar light-theme-v4", [t.customClass, e(w)]],
-          style: e(L),
+      default: f(() => [
+        I(a("div", l({
+          id: e.id,
+          class: ["snackbar light-theme-v4", [e.customClass, t(w)]],
+          style: t(L),
           role: "alert"
-        }, e(l)[e(i).CONTAINER], {
+        }, t(r)[t(i).CONTAINER], {
           onMouseenter: o[0] || (o[0] = //@ts-ignore
-          (...s) => e(f) && e(f)(...s)),
+          (...s) => t(k) && t(k)(...s)),
           onMouseleave: o[1] || (o[1] = //@ts-ignore
-          (...s) => e(p) && e(p)(...s)),
+          (...s) => t(C) && t(C)(...s)),
           onClick: o[2] || (o[2] = //@ts-ignore
-          (...s) => t.onClick && t.onClick(...s))
+          (...s) => e.onClick && e.onClick(...s))
         }), [
-          r("div", q, [
-            r("div", J, [
-              t.title ? (n(), c(e(N), a({
+          a("div", j, [
+            a("div", q, [
+              e.title ? (n(), d(t(b), l({
                 key: 0,
                 variant: "h4",
                 class: "title"
-              }, e(l)[e(i).TITLE]), {
-                default: u(() => [
-                  z(e(H), a({
-                    name: C.value.iconName,
+              }, t(r)[t(i).TITLE]), {
+                default: f(() => [
+                  z(t(D), l({
+                    name: t(v).iconName,
                     type: "fill",
                     size: "20px",
-                    class: [C.value.class, "icon-container"]
-                  }, e(l)[e(i).ICON]), null, 16, ["name", "class"]),
-                  g(" " + I(t.title), 1)
+                    class: [t(v).class, "icon-container"]
+                  }, t(r)[t(i).ICON]), null, 16, ["name", "class"]),
+                  T(" " + h(e.title), 1)
                 ]),
                 _: 1
-              }, 16)) : d("", !0),
-              y(r("div", K, [
-                T(t.$slots, "default", {}, () => [
-                  t.dangerouslyUseHTMLString ? d("", !0) : (n(), c(e(N), a({
+              }, 16)) : u("", !0),
+              I(a("div", J, [
+                B(c.$slots, "default", {}, () => [
+                  e.dangerouslyUseHTMLString ? u("", !0) : (n(), d(t(b), l({
                     key: 0,
                     variant: "body2"
-                  }, e(l)[e(i).MESSAGE]), {
-                    default: u(() => [
-                      g(I(t.message), 1)
+                  }, t(r)[t(i).MESSAGE]), {
+                    default: f(() => [
+                      T(h(e.message), 1)
                     ]),
                     _: 1
                   }, 16))
                 ], !0)
               ], 512), [
-                [h, t.message]
+                [N, e.message]
               ]),
-              r("div", Q, [
-                T(t.$slots, "actions", {}, () => [
-                  t.actionButtons ? (n(), B("div", W, [
-                    (n(!0), B(V, null, U(t.actionButtons, (s, v) => (n(), c(e(F), a({
-                      key: v,
-                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : "",
-                      size: "small",
-                      ref_for: !0
+              a("div", K, [
+                B(c.$slots, "actions", {}, () => [
+                  e.actionButtons ? (n(), S("div", Q, [
+                    (n(!0), S(V, null, x(e.actionButtons, (s, g) => (n(), d(t(H), l({
+                      key: g,
+                      "data-testid": e.testId ? `${e.testId}-${t(i).ACTION_BUTTON}-${g}` : "",
+                      size: "small"
                     }, { ...s, onClick: M(s) }), null, 16, ["data-testid"]))), 128))
-                  ])) : d("", !0)
+                  ])) : u("", !0)
                 ], !0)
               ])
             ]),
-            r("div", X, [
-              t.showClose ? (n(), c(e(G), a({
+            a("div", W, [
+              e.showClose ? (n(), d(t(F), l({
                 key: 0,
                 "icon-name": "x",
                 size: "small"
-              }, e(l)[e(i).CLOSE], {
-                onClick: D(e(k), ["stop"])
-              }), null, 16, ["onClick"])) : d("", !0)
+              }, t(r)[t(i).CLOSE], {
+                onClick: U(t(y), ["stop"])
+              }), null, 16, ["onClick"])) : u("", !0)
             ])
           ])
-        ], 16, j), [
-          [h, e(b)]
+        ], 16, R), [
+          [N, t(p)]
         ])
       ]),
       _: 3
@@ -140,5 +139,5 @@ const j = ["id"], q = { class: "container" }, J = { class: "texts" }, K = { clas
   }
 });
 export {
-  ae as default
+  lt as default
 };

package/components/sortableList/SortableItem.vue.d.ts

@@ -1,5 +1,5 @@
 import { SortableListItem } from '@/components/sortableList/SortableList.types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     item: SortableListItem;
     index?: number;
     isOpen?: boolean;
@@ -18,11 +18,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     index: any;
     childListMaxHeight: string;
     searchHandler: any;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: (value: boolean) => void;
     select: () => void;
     selectChild: (childItem: SortableListItem) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     item: SortableListItem;
     index?: number;
     isOpen?: boolean;
@@ -41,11 +41,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     index: any;
     childListMaxHeight: string;
     searchHandler: any;
-}>>> & Readonly<{
+}>>> & {
     onSelect?: () => any;
     onToggle?: (value: boolean) => any;
     onSelectChild?: (childItem: SortableListItem) => any;
-}>, {
+}, {
     isOpen: boolean;
     index: number;
     isSelected: boolean;
@@ -53,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     selectedChildId: string | number;
     childListMaxHeight: string;
     searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     menu?(_: {}): any;
 }>;
 export default _default;

package/components/sortableList/SortableItem.vue.js

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

package/components/sortableList/SortableItem.vue2.js

@@ -1,15 +1,15 @@
- import "../../SortableItem.vue_vue_type_style_index_0_scoped_f5ebfb56_lang.css"; import { defineComponent as E, useCssVars as $, useSlots as I, computed as C, watch as R, ref as D, openBlock as l, createElementBlock as r, normalizeClass as m, unref as t, withModifiers as u, createElementVNode as n, createVNode as y, createBlock as a, withCtx as b, createTextVNode as S, toDisplayString as V, createCommentVNode as d, renderSlot as j, mergeProps as F, normalizeProps as q, Fragment as A, renderList as G } from "vue";
+ import "../../SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css"; import { defineComponent as P, useCssVars as E, useSlots as $, computed as C, watch as I, ref as R, openBlock as l, createElementBlock as n, normalizeClass as f, unref as t, withModifiers as u, createElementVNode as c, createVNode as h, createBlock as a, withCtx as b, createTextVNode as S, toDisplayString as V, createCommentVNode as d, renderSlot as D, mergeProps as F, normalizeProps as j, Fragment as q, renderList as A } from "vue";
 import L from "../typography/v4/Typography.vue.js";
-import c from "../icon/v4/IconV4.vue.js";
+import m from "../icon/v4/IconV4.vue.js";
 import w from "../icon/v4/IconFlag.vue.js";
-import J from "./SortableItemLabel.vue.js";
-import { useVirtualList as K } from "@vueuse/core";
-import { matchString as U } from "../../utils/search.js";
-import { useHoverEffect as W } from "./composables/useHoverEffect.js";
-const X = { class: "draggable-handle" }, Y = { class: "item__prefix" }, Z = { class: "item__text" }, _ = ["onClick"], de = /* @__PURE__ */ E({
+import G from "./SortableItemLabel.vue.js";
+import { useVirtualList as J } from "@vueuse/core";
+import { matchString as K } from "../../utils/search.js";
+import { useHoverEffect as U } from "./composables/useHoverEffect.js";
+const W = { class: "draggable-handle" }, X = { class: "item__prefix" }, Y = ["onClick"], Z = { class: "item__text" }, _ = ["onClick"], ce = /* @__PURE__ */ P({
   __name: "SortableItem",
   props: {
-    item: {},
+    item: null,
     index: { default: null },
     isOpen: { type: Boolean, default: !1 },
     isSelected: { type: Boolean, default: !1 },
@@ -17,58 +17,59 @@ const X = { class: "draggable-handle" }, Y = { class: "item__prefix" }, Z = { cl
     searchQuery: { default: null },
     childListMaxHeight: { default: "530px" },
     searchHandler: { type: Function, default: null },
-    displayValue: {}
+    displayValue: null
   },
   emits: ["toggle", "select", "selectChild"],
-  setup(H, { emit: M }) {
-    $((e) => ({
-      "436cf620": e.childListMaxHeight
+  setup(e, { emit: y }) {
+    const s = e;
+    E((r) => ({
+      "480cd4cc": e.childListMaxHeight
     }));
-    const i = H, p = M, z = I(), Q = () => {
-      p("toggle", !i.isOpen);
-    }, f = C(() => (i.item.children || []).filter(
-      (o) => i.searchHandler ? i.searchHandler(o, i.searchQuery) : U(o.displayText, i.searchQuery)
-    )), h = C(() => f.value.length > 0), B = (e) => e.id === i.selectedChildId, {
-      list: T,
-      containerProps: x,
-      wrapperProps: N,
-      scrollTo: O
-    } = K(f, {
+    const H = $(), M = () => {
+      y("toggle", !s.isOpen);
+    }, g = C(() => (s.item.children || []).filter(
+      (o) => s.searchHandler ? s.searchHandler(o, s.searchQuery) : K(o.displayText, s.searchQuery)
+    )), k = C(() => g.value.length > 0), z = (r) => r.id === s.selectedChildId, {
+      list: Q,
+      containerProps: B,
+      wrapperProps: T,
+      scrollTo: N
+    } = J(g, {
       itemHeight: 34
     });
-    R(
-      () => i.searchQuery,
-      () => O(0)
+    I(
+      () => s.searchQuery,
+      () => N(0)
     );
-    const g = D(null), { handleMouseout: v, handleMouseover: k } = W(
-      g,
+    const p = R(null), { handleMouseout: v, handleMouseover: x } = U(
+      p,
       "sortable-item--hovered"
     );
-    return (e, o) => (l(), r("div", {
+    return (r, o) => (l(), n("div", {
       ref_key: "itemRef",
-      ref: g,
-      class: m(["sortable-item", { "sortable-item--selected": e.isSelected }]),
+      ref: p,
+      class: f(["sortable-item", { "sortable-item--selected": e.isSelected }]),
       onMouseover: o[1] || (o[1] = //@ts-ignore
-      (...s) => t(k) && t(k)(...s)),
+      (...i) => t(x) && t(x)(...i)),
       onMouseout: o[2] || (o[2] = //@ts-ignore
-      (...s) => t(v) && t(v)(...s)),
-      onClick: o[3] || (o[3] = u((s) => p("select"), ["stop"]))
+      (...i) => t(v) && t(v)(...i)),
+      onClick: o[3] || (o[3] = u((i) => y("select"), ["stop"]))
     }, [
-      n("div", {
-        class: m(["item", {
+      c("div", {
+        class: f(["item", {
           "drag-allowed": !e.item.isLocked && !e.searchQuery,
           "item--selected": e.isSelected && !e.selectedChildId
         }])
       }, [
-        n("div", X, [
-          y(t(c), {
+        c("div", W, [
+          h(t(m), {
             name: "dots-six-vertical",
             size: "20px",
             type: "bold"
           })
         ]),
-        n("div", Y, [
-          e.item.isLocked ? (l(), a(t(c), {
+        c("div", X, [
+          e.item.isLocked ? (l(), a(t(m), {
             key: 1,
             class: "locked-icon",
             name: "lock",
@@ -84,63 +85,63 @@ const X = { class: "draggable-handle" }, Y = { class: "item__prefix" }, Z = { cl
             _: 1
           }))
         ]),
-        h.value && !e.searchQuery ? (l(), r("div", {
+        t(k) && !e.searchQuery ? (l(), n("div", {
           key: 0,
           class: "expand-icon",
-          onClick: u(Q, ["stop"])
+          onClick: u(M, ["stop"])
         }, [
-          e.isOpen ? (l(), a(t(c), {
+          e.isOpen ? (l(), a(t(m), {
             key: 0,
             name: "caret-down",
             size: "16px"
-          })) : (l(), a(t(c), {
+          })) : (l(), a(t(m), {
             key: 1,
             name: "caret-right",
             size: "16px"
           }))
-        ])) : d("", !0),
-        n("div", Z, [
+        ], 8, Y)) : d("", !0),
+        c("div", Z, [
           e.item.countryFlag ? (l(), a(t(w), {
             key: 0,
             class: "country-flag",
             "country-code": e.item.countryFlag
           }, null, 8, ["country-code"])) : d("", !0),
-          y(J, {
+          h(G, {
             "display-value": e.displayValue,
             item: e.item
           }, null, 8, ["display-value", "item"])
         ]),
-        t(z).menu ? (l(), r("div", {
+        t(H).menu ? (l(), n("div", {
           key: 1,
           class: "item__menu",
           onClick: o[0] || (o[0] = u(() => {
           }, ["stop"]))
         }, [
-          j(e.$slots, "menu", {}, void 0, !0)
+          D(r.$slots, "menu", {}, void 0, !0)
         ])) : d("", !0)
       ], 2),
-      n("div", F(t(x), { class: "child-list" }), [
-        h.value && e.isOpen ? (l(), r("ul", q(F({ key: 0 }, t(N))), [
-          (l(!0), r(A, null, G(t(T), ({ data: s, index: P }) => (l(), r("li", {
-            key: P,
-            class: m({ selected: B(s) }),
-            onClick: u((ee) => p("selectChild", s), ["stop"])
+      c("div", F(t(B), { class: "child-list" }), [
+        t(k) && e.isOpen ? (l(), n("ul", j(F({ key: 0 }, t(T))), [
+          (l(!0), n(q, null, A(t(Q), ({ data: i, index: O }) => (l(), n("li", {
+            key: O,
+            class: f({ selected: z(i) }),
+            onClick: u((ee) => y("selectChild", i), ["stop"])
           }, [
-            s.countryFlag ? (l(), a(t(w), {
+            i.countryFlag ? (l(), a(t(w), {
               key: 0,
               class: "country-flag",
-              "country-code": s.countryFlag
+              "country-code": i.countryFlag
             }, null, 8, ["country-code"])) : d("", !0),
-            y(t(L), {
+            h(t(L), {
               class: "country-title",
               variant: "body2",
               "tooltip-placement": "top",
-              "tooltip-text": e.displayValue(s),
+              "tooltip-text": e.displayValue(i),
               "is-truncated": "",
               "with-tooltip": ""
             }, {
               default: b(() => [
-                S(V(e.displayValue(s)), 1)
+                S(V(e.displayValue(i)), 1)
               ]),
               _: 2
             }, 1032, ["tooltip-text"])
@@ -151,5 +152,5 @@ const X = { class: "draggable-handle" }, Y = { class: "item__prefix" }, Z = { cl
   }
 });
 export {
-  de as default
+  ce as default
 };

package/components/sortableList/SortableItemLabel.vue.d.ts

@@ -1,11 +1,11 @@
 import { SortableListItem } from '@/components/sortableList/SortableList.types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     item: SortableListItem;
     displayValue: (item: SortableListItem) => string;
-}>, {}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     item: SortableListItem;
     displayValue: (item: SortableListItem) => string;
-}>, {}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/sortableList/SortableItemLabel.vue2.js

@@ -1,39 +1,39 @@
- import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; import { defineComponent as m, openBlock as l, createBlock as c, unref as a, withCtx as e, createElementVNode as u, createElementBlock as s, Fragment as _, renderList as f, createVNode as o, createTextVNode as r, toDisplayString as i } from "vue";
+ import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; import { defineComponent as m, openBlock as a, createBlock as p, unref as l, withCtx as e, createElementVNode as u, createElementBlock as d, Fragment as f, renderList as h, createVNode as i, createTextVNode as o, toDisplayString as r } from "vue";
 import n from "../typography/v4/Typography.vue.js";
-import h from "../tooltip/v4/TooltipV4.vue.js";
-const y = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
+import _ from "../tooltip/v4/TooltipV4.vue.js";
+const x = { class: "tooltip-content" }, g = /* @__PURE__ */ m({
   __name: "SortableItemLabel",
   props: {
-    item: {},
-    displayValue: {}
+    item: null,
+    displayValue: null
   },
-  setup(b) {
-    return (t, v) => (l(), c(a(h), {
+  setup(t) {
+    return (y, b) => (a(), p(l(_), {
       class: "item-label",
       placement: "right",
       disabled: !t.item.helpText
     }, {
       tooltip: e(() => [
-        u("div", y, [
-          (l(!0), s(_, null, f(t.item.helpText, (p, d) => (l(), s("div", {
-            key: d,
+        u("div", x, [
+          (a(!0), d(f, null, h(t.item.helpText, (c, s) => (a(), d("div", {
+            key: s,
             class: "help"
           }, [
-            o(a(n), {
+            i(l(n), {
               class: "help__title",
               variant: "h5"
             }, {
               default: e(() => [
-                r(i(p.title), 1)
+                o(r(c.title), 1)
               ]),
               _: 2
             }, 1024),
-            o(a(n), {
+            i(l(n), {
               class: "help__text",
               variant: "body2"
             }, {
               default: e(() => [
-                r(i(p.text), 1)
+                o(r(c.text), 1)
               ]),
               _: 2
             }, 1024)
@@ -41,9 +41,9 @@ const y = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
         ])
       ]),
       default: e(() => [
-        o(a(n), { variant: "body2" }, {
+        i(l(n), { variant: "body2" }, {
           default: e(() => [
-            r(i(t.displayValue(t.item)), 1)
+            o(r(t.displayValue(t.item)), 1)
           ]),
           _: 1
         })
@@ -53,5 +53,5 @@ const y = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
   }
 });
 export {
-  k as default
+  g as default
 };

package/components/sortableList/SortableList.types.d.ts

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+import { UseVirtualListItem } from '@vueuse/core';
 export type SortableListItem = {
     id: number | string;
     displayText: string;
@@ -9,3 +11,18 @@ export type SortableListItem = {
         text: string;
     }[];
 };
+export type VirtualListResult = {
+    list: Ref<UseVirtualListItem<SortableListItem>[]>;
+    scrollTo: (index: number) => void;
+    containerProps: {
+        ref: Ref<HTMLElement>;
+        onScroll: () => void;
+    };
+    wrapperProps: Ref<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+};

package/components/sortableList/SortableList.vue.d.ts

@@ -1,5 +1,5 @@
 import { SortableListItem } from '@/components/sortableList/SortableList.types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: SortableListItem[];
     displayValue: (item: SortableListItem) => string;
     openId?: string | number;
@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     isSticky: boolean;
     zIndexBase: number;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     sortableItemDragged: (event: {
         id: string;
         newIndex: number;
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     "update:selectedChildId": (id: string | number) => void;
     "update:search": (query: string) => void;
     clearSearch: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: SortableListItem[];
     displayValue: (item: SortableListItem) => string;
     openId?: string | number;
@@ -78,7 +78,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     isSticky: boolean;
     zIndexBase: number;
     testId: string;
-}>>> & Readonly<{
+}>>> & {
+    onClearSearch?: () => any;
     onSortableItemDragged?: (event: {
         id: string;
         newIndex: number;
@@ -88,8 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     "onUpdate:selectedId"?: (id: string | number) => any;
     "onUpdate:selectedChildId"?: (id: string | number) => any;
     "onUpdate:search"?: (query: string) => any;
-    onClearSearch?: () => any;
-}>, {
+}, {
     search: string;
     testId: string;
     isLoading: boolean;
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     emptyStateTitle: string;
     isSticky: boolean;
     zIndexBase: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     header?(_: {}): any;
     menu?(_: {
         item: SortableListItem;