@ironsource/shared-ui 2.1.7-rc.13 → 2.1.7-rc.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +1 -0
  2. package/components/sortableList/SortableList.vue.d.ts +8 -0
  3. package/components/sortableList/SortableList.vue.js +3 -3
  4. package/components/sortableList/SortableList.vue2.js +70 -66
  5. package/components/sortableList/index.d.ts +28 -1
  6. package/index.d.ts +56 -2
  7. package/package.json +1 -1
  8. package/SortableList.vue_vue_type_style_index_0_scoped_402063dc_lang.css +0 -1
package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css ADDED
@@ -0,0 +1 @@
1
+ .list-search[data-v-e9cd63b8]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-e9cd63b8],.locked-list[data-v-e9cd63b8]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-e9cd63b8]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-e9cd63b8]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-e9cd63b8]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-e9cd63b8]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-e9cd63b8]{height:40px;width:100%}
package/components/sortableList/SortableList.vue.d.ts CHANGED
@@ -28,6 +28,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
28
28
  emptyStateTitle: string;
29
29
  testId: string;
30
30
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
+ sortableItemDragged: (event: {
32
+ id: string;
33
+ newIndex: number;
34
+ }) => void;
31
35
  "update:items": (items: SortableListItem[]) => void;
32
36
  "update:openId": (id: string | number) => void;
33
37
  "update:selectedId": (id: string | number) => void;
@@ -63,6 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
63
67
  emptyStateTitle: string;
64
68
  testId: string;
65
69
  }>>> & {
70
+ onSortableItemDragged?: (event: {
71
+ id: string;
72
+ newIndex: number;
73
+ }) => any;
66
74
  "onUpdate:items"?: (items: SortableListItem[]) => any;
67
75
  "onUpdate:openId"?: (id: string | number) => any;
68
76
  "onUpdate:selectedId"?: (id: string | number) => any;
package/components/sortableList/SortableList.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./SortableList.vue2.js";
2
- /* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../SortableList.vue_vue_type_style_index_0_scoped_402063dc_lang.css"; //*');
4
- const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-402063dc"]]);
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e9cd63b8"]]);
5
5
  export {
6
6
  c as default
7
7
  };
package/components/sortableList/SortableList.vue2.js CHANGED
@@ -1,21 +1,21 @@
1
- import "../../SortableList.vue_vue_type_style_index_0_scoped_402063dc_lang.css"; import { defineComponent as F, computed as f, ref as P, openBlock as s, createElementBlock as u, mergeProps as V, unref as t, createBlock as g, isRef as N, createCommentVNode as y, withCtx as m, Fragment as b, renderList as R, renderSlot as S, createElementVNode as G, createVNode as $, createTextVNode as U, toDisplayString as M } from "vue";
1
+ import "../../SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css"; import { defineComponent as F, computed as f, ref as P, openBlock as s, createElementBlock as i, mergeProps as T, unref as l, createBlock as g, isRef as N, createCommentVNode as y, withCtx as m, Fragment as V, renderList as D, renderSlot as S, createElementVNode as G, createVNode as $, createTextVNode as U, toDisplayString as M } from "vue";
2
2
  import { VueDraggable as K } from "vue-draggable-plus";
3
- import q from "./SortableItem.vue.js";
3
+ import w from "./SortableItem.vue.js";
4
4
  import Q from "../search/v4/SearchV4.vue.js";
5
5
  import j from "../typography/v4/Typography.vue.js";
6
6
  import z from "../skeleton/v4/SkeletonV4.vue.js";
7
7
  import { useVModel as J } from "@vueuse/core";
8
- import { matchString as w } from "../../utils/search.js";
8
+ import { matchString as x } from "../../utils/search.js";
9
9
  import { useTestIdAttrs as W } from "../../utils/testIds.js";
10
10
  import { SortableListTestIdModifiers as I } from "../../testids/index.js";
11
- import { DRAG_CURSOR_CSS_CLASS as x } from "./consts.js";
11
+ import { DRAG_CURSOR_CSS_CLASS as q } from "./consts.js";
12
12
  const X = {
13
13
  key: 1,
14
14
  class: "sortable-list-container"
15
15
  }, Y = { class: "loader-bars" }, Z = {
16
16
  key: 3,
17
17
  class: "empty-state-title"
18
- }, ie = /* @__PURE__ */ F({
18
+ }, ue = /* @__PURE__ */ F({
19
19
  __name: "SortableList",
20
20
  props: {
21
21
  items: { default: () => [] },
@@ -32,115 +32,119 @@ const X = {
32
32
  emptyStateTitle: { default: "No results" },
33
33
  testId: { default: "" }
34
34
  },
35
- emits: ["update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
35
+ emits: ["sortableItemDragged", "update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
36
36
  setup(d, { emit: o }) {
37
- const r = d, i = J(r, "search", o), v = f(() => !!i.value?.trim()), C = f(() => v.value ? r.items.filter((l) => {
38
- const a = l.children || [], e = i.value;
39
- return r.searchHandler ? r.searchHandler(l, e) : w(l.displayText, e) || // match parent item
40
- a.some((n) => w(n.displayText, e));
41
- }) : r.items), c = f({
37
+ const n = d, u = J(n, "search", o), v = f(() => !!u.value?.trim()), C = f(() => v.value ? n.items.filter((t) => {
38
+ const a = t.children || [], e = u.value;
39
+ return n.searchHandler ? n.searchHandler(t, e) : x(t.displayText, e) || // match parent item
40
+ a.some((r) => x(r.displayText, e));
41
+ }) : n.items), h = f({
42
42
  get() {
43
- return C.value.filter((l) => !l.isLocked);
43
+ return C.value.filter((t) => !t.isLocked);
44
44
  },
45
- set(l) {
46
- o("update:items", [...l, ...k.value]);
45
+ set(t) {
46
+ o("update:items", [...t, ...b.value]);
47
47
  }
48
- }), k = f(
49
- () => C.value.filter((l) => l.isLocked)
50
- ), L = P(!1), H = (l) => {
51
- L.value = !0, setTimeout(() => l.target.classList.add(x), 50);
52
- }, O = (l) => {
53
- L.value = !1, l.target.classList.remove(x);
54
- }, A = (l) => (v.value || l.id === r.openId) && !L.value, B = (l, a) => {
55
- a ? o("update:openId", l.id) : o("update:openId", null);
56
- }, h = (l) => l.id === r.selectedId, D = (l) => {
57
- o("update:selectedId", l.id), o("update:selectedChildId", null);
58
- }, E = (l, a) => {
59
- o("update:selectedChildId", l.id), o("update:selectedId", a.id), o("update:openId", a.id);
60
- }, T = W(r.testId, I);
61
- return (l, a) => (s(), u("div", V({ class: "sortable-list-and-search-container" }, t(T)[t(I).CONTAINER]), [
62
- d.showSearch ? (s(), g(t(Q), {
48
+ }), b = f(
49
+ () => C.value.filter((t) => t.isLocked)
50
+ ), k = P(!1), H = (t) => {
51
+ k.value = !0, setTimeout(() => t.target.classList.add(q), 50);
52
+ }, O = (t) => {
53
+ const { target: a, item: e, newIndex: r } = t;
54
+ k.value = !1, a.classList.remove(q);
55
+ const c = e.attributes["data-id"]?.value;
56
+ o("sortableItemDragged", { id: c, newIndex: r });
57
+ }, R = (t) => (v.value || t.id === n.openId) && !k.value, A = (t, a) => {
58
+ a ? o("update:openId", t.id) : o("update:openId", null);
59
+ }, p = (t) => t.id === n.selectedId, B = (t) => {
60
+ o("update:selectedId", t.id), o("update:selectedChildId", null);
61
+ }, E = (t, a) => {
62
+ o("update:selectedChildId", t.id), o("update:selectedId", a.id), o("update:openId", a.id);
63
+ }, L = W(n.testId, I);
64
+ return (t, a) => (s(), i("div", T({ class: "sortable-list-and-search-container" }, l(L)[l(I).CONTAINER]), [
65
+ d.showSearch ? (s(), g(l(Q), {
63
66
  key: 0,
64
- modelValue: t(i),
65
- "onUpdate:modelValue": a[0] || (a[0] = (e) => N(i) ? i.value = e : null),
67
+ modelValue: l(u),
68
+ "onUpdate:modelValue": a[0] || (a[0] = (e) => N(u) ? u.value = e : null),
66
69
  class: "list-search",
67
70
  placeholder: d.searchPlaceholder,
68
71
  "test-id": d.testId,
69
72
  onOnClear: a[1] || (a[1] = (e) => o("clearSearch"))
70
73
  }, null, 8, ["modelValue", "placeholder", "test-id"])) : y("", !0),
71
- d.isLoading ? S(l.$slots, "loader", { key: 2 }, () => [
74
+ d.isLoading ? S(t.$slots, "loader", { key: 2 }, () => [
72
75
  G("div", Y, [
73
- (s(!0), u(b, null, R(d.loadingRowCount, (e) => (s(), u("div", { key: e }, [
74
- $(t(z), {
76
+ (s(!0), i(V, null, D(d.loadingRowCount, (e) => (s(), i("div", { key: e }, [
77
+ $(l(z), {
75
78
  round: "",
76
79
  class: "loader-bar"
77
80
  })
78
81
  ]))), 128))
79
82
  ])
80
- ], !0) : (s(), u("div", X, [
81
- t(c).length ? (s(), g(t(K), V({
83
+ ], !0) : (s(), i("div", X, [
84
+ l(h).length ? (s(), g(l(K), T({
82
85
  key: 0,
83
- modelValue: t(c),
84
- "onUpdate:modelValue": a[2] || (a[2] = (e) => N(c) ? c.value = e : null),
86
+ modelValue: l(h),
87
+ "onUpdate:modelValue": a[2] || (a[2] = (e) => N(h) ? h.value = e : null),
85
88
  class: "sortable-list",
86
89
  filter: ".expand-icon",
87
90
  animation: 150,
88
91
  handle: ".draggable-handle",
89
- disabled: t(v)
90
- }, t(T)[t(I).DRAGGABLE_LIST], {
92
+ disabled: l(v)
93
+ }, l(L)[l(I).DRAGGABLE_LIST], {
91
94
  onStart: H,
92
95
  onEnd: O
93
96
  }), {
94
97
  default: m(() => [
95
- (s(!0), u(b, null, R(t(c), (e, n) => (s(), g(q, {
98
+ (s(!0), i(V, null, D(l(h), (e, r) => (s(), g(w, {
96
99
  key: e.id,
100
+ "data-id": e.id,
97
101
  item: e,
98
- index: n,
99
- "is-open": A(e),
100
- "is-selected": h(e),
101
- "selected-child-id": h(e) ? d.selectedChildId : null,
102
+ index: r,
103
+ "is-open": R(e),
104
+ "is-selected": p(e),
105
+ "selected-child-id": p(e) ? d.selectedChildId : null,
102
106
  "display-value": d.displayValue,
103
- "search-query": t(i),
107
+ "search-query": l(u),
104
108
  "search-handler": d.searchHandler,
105
- onToggle: (p) => B(e, p),
106
- onSelect: (p) => D(e),
107
- onSelectChild: (p) => E(p, e)
109
+ onToggle: (c) => A(e, c),
110
+ onSelect: (c) => B(e),
111
+ onSelectChild: (c) => E(c, e)
108
112
  }, {
109
113
  menu: m(() => [
110
- S(l.$slots, "menu", { item: e }, void 0, !0)
114
+ S(t.$slots, "menu", { item: e }, void 0, !0)
111
115
  ]),
112
116
  _: 2
113
- }, 1032, ["item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
117
+ }, 1032, ["data-id", "item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
114
118
  ]),
115
119
  _: 3
116
120
  }, 16, ["modelValue", "disabled"])) : y("", !0),
117
- t(k).length ? (s(), u("div", V({
121
+ l(b).length ? (s(), i("div", T({
118
122
  key: 1,
119
123
  class: "locked-list"
120
- }, t(T)[t(I).LOCKED_LIST]), [
121
- (s(!0), u(b, null, R(t(k), (e) => (s(), g(q, {
124
+ }, l(L)[l(I).LOCKED_LIST]), [
125
+ (s(!0), i(V, null, D(l(b), (e) => (s(), g(w, {
122
126
  key: e.id,
123
127
  item: e,
124
- "is-open": A(e),
125
- "is-selected": h(e),
126
- "selected-child-id": h(e) ? d.selectedChildId : null,
128
+ "is-open": R(e),
129
+ "is-selected": p(e),
130
+ "selected-child-id": p(e) ? d.selectedChildId : null,
127
131
  "display-value": d.displayValue,
128
- "search-query": t(i),
132
+ "search-query": l(u),
129
133
  "on-search": d.searchHandler,
130
- onToggle: (n) => B(e, n),
131
- onSelect: (n) => D(e),
132
- onSelectChild: (n) => E(n, e)
134
+ onToggle: (r) => A(e, r),
135
+ onSelect: (r) => B(e),
136
+ onSelectChild: (r) => E(r, e)
133
137
  }, {
134
138
  menu: m(() => [
135
- S(l.$slots, "menu", { item: e }, void 0, !0)
139
+ S(t.$slots, "menu", { item: e }, void 0, !0)
136
140
  ]),
137
141
  _: 2
138
142
  }, 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "onToggle", "onSelect", "onSelectChild"]))), 128))
139
143
  ], 16)) : y("", !0)
140
144
  ])),
141
- !t(C).length && !d.isLoading ? (s(), u("div", Z, [
142
- S(l.$slots, "empty-state", {}, () => [
143
- $(t(j), { variant: "body2" }, {
145
+ !l(C).length && !d.isLoading ? (s(), i("div", Z, [
146
+ S(t.$slots, "empty-state", {}, () => [
147
+ $(l(j), { variant: "body2" }, {
144
148
  default: m(() => [
145
149
  U(M(d.emptyStateTitle), 1)
146
150
  ]),
@@ -152,5 +156,5 @@ const X = {
152
156
  }
153
157
  });
154
158
  export {
155
- ie as default
159
+ ue as default
156
160
  };
package/components/sortableList/index.d.ts CHANGED
@@ -73,6 +73,10 @@ declare const SortableListTypes: () => ({
73
73
  default: string;
74
74
  };
75
75
  }>> & {
76
+ onSortableItemDragged?: (event: {
77
+ id: string;
78
+ newIndex: number;
79
+ }) => any;
76
80
  "onUpdate:items"?: (items: import("./SortableList.types").SortableListItem[]) => any;
77
81
  "onUpdate:openId"?: (id: string | number) => any;
78
82
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -91,7 +95,10 @@ declare const SortableListTypes: () => ({
91
95
  }>;
92
96
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
93
97
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
94
- $emit: ((event: "update:items", items: import("./SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
98
+ $emit: ((event: "sortableItemDragged", event: {
99
+ id: string;
100
+ newIndex: number;
101
+ }) => void) & ((event: "update:items", items: import("./SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
95
102
  $el: any;
96
103
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
97
104
  search: {
@@ -149,6 +156,10 @@ declare const SortableListTypes: () => ({
149
156
  default: string;
150
157
  };
151
158
  }>> & {
159
+ onSortableItemDragged?: (event: {
160
+ id: string;
161
+ newIndex: number;
162
+ }) => any;
152
163
  "onUpdate:items"?: (items: import("./SortableList.types").SortableListItem[]) => any;
153
164
  "onUpdate:openId"?: (id: string | number) => any;
154
165
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -156,6 +167,10 @@ declare const SortableListTypes: () => ({
156
167
  "onUpdate:search"?: (query: string) => any;
157
168
  onClearSearch?: () => any;
158
169
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
170
+ sortableItemDragged: (event: {
171
+ id: string;
172
+ newIndex: number;
173
+ }) => void;
159
174
  "update:items": (items: import("./SortableList.types").SortableListItem[]) => void;
160
175
  "update:openId": (id: string | number) => void;
161
176
  "update:selectedId": (id: string | number) => void;
@@ -252,6 +267,10 @@ declare const SortableListTypes: () => ({
252
267
  default: string;
253
268
  };
254
269
  }>> & {
270
+ onSortableItemDragged?: (event: {
271
+ id: string;
272
+ newIndex: number;
273
+ }) => any;
255
274
  "onUpdate:items"?: (items: import("./SortableList.types").SortableListItem[]) => any;
256
275
  "onUpdate:openId"?: (id: string | number) => any;
257
276
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -318,6 +337,10 @@ declare const SortableListTypes: () => ({
318
337
  default: string;
319
338
  };
320
339
  }>> & {
340
+ onSortableItemDragged?: (event: {
341
+ id: string;
342
+ newIndex: number;
343
+ }) => any;
321
344
  "onUpdate:items"?: (items: import("./SortableList.types").SortableListItem[]) => any;
322
345
  "onUpdate:openId"?: (id: string | number) => any;
323
346
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -325,6 +348,10 @@ declare const SortableListTypes: () => ({
325
348
  "onUpdate:search"?: (query: string) => any;
326
349
  onClearSearch?: () => any;
327
350
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
351
+ sortableItemDragged: (event: {
352
+ id: string;
353
+ newIndex: number;
354
+ }) => void;
328
355
  "update:items": (items: import("./SortableList.types").SortableListItem[]) => void;
329
356
  "update:openId": (id: string | number) => void;
330
357
  "update:selectedId": (id: string | number) => void;
package/index.d.ts CHANGED
@@ -1684,6 +1684,10 @@ declare const _default: {
1684
1684
  default: string;
1685
1685
  };
1686
1686
  }>> & {
1687
+ onSortableItemDragged?: (event: {
1688
+ id: string;
1689
+ newIndex: number;
1690
+ }) => any;
1687
1691
  "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
1688
1692
  "onUpdate:openId"?: (id: string | number) => any;
1689
1693
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1702,7 +1706,10 @@ declare const _default: {
1702
1706
  }>;
1703
1707
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
1704
1708
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
1705
- $emit: ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
1709
+ $emit: ((event: "sortableItemDragged", event: {
1710
+ id: string;
1711
+ newIndex: number;
1712
+ }) => void) & ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
1706
1713
  $el: any;
1707
1714
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
1708
1715
  search: {
@@ -1760,6 +1767,10 @@ declare const _default: {
1760
1767
  default: string;
1761
1768
  };
1762
1769
  }>> & {
1770
+ onSortableItemDragged?: (event: {
1771
+ id: string;
1772
+ newIndex: number;
1773
+ }) => any;
1763
1774
  "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
1764
1775
  "onUpdate:openId"?: (id: string | number) => any;
1765
1776
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1767,6 +1778,10 @@ declare const _default: {
1767
1778
  "onUpdate:search"?: (query: string) => any;
1768
1779
  onClearSearch?: () => any;
1769
1780
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1781
+ sortableItemDragged: (event: {
1782
+ id: string;
1783
+ newIndex: number;
1784
+ }) => void;
1770
1785
  "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
1771
1786
  "update:openId": (id: string | number) => void;
1772
1787
  "update:selectedId": (id: string | number) => void;
@@ -1863,6 +1878,10 @@ declare const _default: {
1863
1878
  default: string;
1864
1879
  };
1865
1880
  }>> & {
1881
+ onSortableItemDragged?: (event: {
1882
+ id: string;
1883
+ newIndex: number;
1884
+ }) => any;
1866
1885
  "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
1867
1886
  "onUpdate:openId"?: (id: string | number) => any;
1868
1887
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1929,6 +1948,10 @@ declare const _default: {
1929
1948
  default: string;
1930
1949
  };
1931
1950
  }>> & {
1951
+ onSortableItemDragged?: (event: {
1952
+ id: string;
1953
+ newIndex: number;
1954
+ }) => any;
1932
1955
  "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
1933
1956
  "onUpdate:openId"?: (id: string | number) => any;
1934
1957
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1936,6 +1959,10 @@ declare const _default: {
1936
1959
  "onUpdate:search"?: (query: string) => any;
1937
1960
  onClearSearch?: () => any;
1938
1961
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1962
+ sortableItemDragged: (event: {
1963
+ id: string;
1964
+ newIndex: number;
1965
+ }) => void;
1939
1966
  "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
1940
1967
  "update:openId": (id: string | number) => void;
1941
1968
  "update:selectedId": (id: string | number) => void;
@@ -2039,6 +2066,10 @@ declare const _default: {
2039
2066
  default: string;
2040
2067
  };
2041
2068
  }>> & {
2069
+ onSortableItemDragged?: (event: {
2070
+ id: string;
2071
+ newIndex: number;
2072
+ }) => any;
2042
2073
  "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
2043
2074
  "onUpdate:openId"?: (id: string | number) => any;
2044
2075
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -2057,7 +2088,10 @@ declare const _default: {
2057
2088
  }>;
2058
2089
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
2059
2090
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
2060
- $emit: ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
2091
+ $emit: ((event: "sortableItemDragged", event: {
2092
+ id: string;
2093
+ newIndex: number;
2094
+ }) => void) & ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
2061
2095
  $el: any;
2062
2096
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
2063
2097
  search: {
@@ -2115,6 +2149,10 @@ declare const _default: {
2115
2149
  default: string;
2116
2150
  };
2117
2151
  }>> & {
2152
+ onSortableItemDragged?: (event: {
2153
+ id: string;
2154
+ newIndex: number;
2155
+ }) => any;
2118
2156
  "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
2119
2157
  "onUpdate:openId"?: (id: string | number) => any;
2120
2158
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -2122,6 +2160,10 @@ declare const _default: {
2122
2160
  "onUpdate:search"?: (query: string) => any;
2123
2161
  onClearSearch?: () => any;
2124
2162
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2163
+ sortableItemDragged: (event: {
2164
+ id: string;
2165
+ newIndex: number;
2166
+ }) => void;
2125
2167
  "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
2126
2168
  "update:openId": (id: string | number) => void;
2127
2169
  "update:selectedId": (id: string | number) => void;
@@ -2218,6 +2260,10 @@ declare const _default: {
2218
2260
  default: string;
2219
2261
  };
2220
2262
  }>> & {
2263
+ onSortableItemDragged?: (event: {
2264
+ id: string;
2265
+ newIndex: number;
2266
+ }) => any;
2221
2267
  "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
2222
2268
  "onUpdate:openId"?: (id: string | number) => any;
2223
2269
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -2284,6 +2330,10 @@ declare const _default: {
2284
2330
  default: string;
2285
2331
  };
2286
2332
  }>> & {
2333
+ onSortableItemDragged?: (event: {
2334
+ id: string;
2335
+ newIndex: number;
2336
+ }) => any;
2287
2337
  "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
2288
2338
  "onUpdate:openId"?: (id: string | number) => any;
2289
2339
  "onUpdate:selectedId"?: (id: string | number) => any;
@@ -2291,6 +2341,10 @@ declare const _default: {
2291
2341
  "onUpdate:search"?: (query: string) => any;
2292
2342
  onClearSearch?: () => any;
2293
2343
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2344
+ sortableItemDragged: (event: {
2345
+ id: string;
2346
+ newIndex: number;
2347
+ }) => void;
2294
2348
  "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
2295
2349
  "update:openId": (id: string | number) => void;
2296
2350
  "update:selectedId": (id: string | number) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.7-rc.13",
3
+ "version": "2.1.7-rc.14",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/SortableList.vue_vue_type_style_index_0_scoped_402063dc_lang.css DELETED
@@ -1 +0,0 @@
1
- .list-search[data-v-402063dc]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-402063dc],.locked-list[data-v-402063dc]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-402063dc]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-402063dc]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-402063dc]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-402063dc]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-402063dc]{height:40px;width:100%}