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

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 (17) hide show
  1. package/IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css +1 -0
  2. package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +1 -0
  3. package/components/appHeader/AppHeader.vue.d.ts +1 -1
  4. package/components/appHeader/index.d.ts +9 -9
  5. package/components/icon/v4/IconV4.vue.d.ts +5 -0
  6. package/components/icon/v4/IconV4.vue.js +4 -4
  7. package/components/icon/v4/IconV4.vue2.js +29 -26
  8. package/components/icon/v4/index.d.ts +20 -1
  9. package/components/sortableList/SortableList.vue.d.ts +8 -0
  10. package/components/sortableList/SortableList.vue.js +3 -3
  11. package/components/sortableList/SortableList.vue2.js +70 -66
  12. package/components/sortableList/index.d.ts +28 -1
  13. package/design-foundation.stories/icons/iconsData.d.ts +6 -2
  14. package/index.d.ts +114 -22
  15. package/package.json +1 -1
  16. package/IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css +0 -1
  17. package/SortableList.vue_vue_type_style_index_0_scoped_402063dc_lang.css +0 -1
package/IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css ADDED
@@ -0,0 +1 @@
1
+ .icon[data-v-dc433d48]{user-select:none;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content}.icon .icon-wrapper[data-v-dc433d48]{width:var(--3d423be4);height:var(--513646c9);color:var(--ad86ac0c)}.icon .icon-wrapper[data-v-dc433d48] svg{width:100%;height:100%}
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/appHeader/AppHeader.vue.d.ts CHANGED
@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
38
38
  name: string;
39
39
  type: 'small' | 'normal';
40
40
  image: string;
41
- testId: string;
42
41
  platform: 'android' | 'ios';
42
+ testId: string;
43
43
  appKey: string;
44
44
  showAbIcon: boolean;
45
45
  }>;
package/components/appHeader/index.d.ts CHANGED
@@ -14,13 +14,13 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
14
14
  required: true;
15
15
  default: string;
16
16
  };
17
- testId: {
18
- type: import("vue").PropType<string>;
17
+ platform: {
18
+ type: import("vue").PropType<"android" | "ios">;
19
19
  required: true;
20
20
  default: string;
21
21
  };
22
- platform: {
23
- type: import("vue").PropType<"android" | "ios">;
22
+ testId: {
23
+ type: import("vue").PropType<string>;
24
24
  required: true;
25
25
  default: string;
26
26
  };
@@ -50,13 +50,13 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
50
50
  required: true;
51
51
  default: string;
52
52
  };
53
- testId: {
54
- type: import("vue").PropType<string>;
53
+ platform: {
54
+ type: import("vue").PropType<"android" | "ios">;
55
55
  required: true;
56
56
  default: string;
57
57
  };
58
- platform: {
59
- type: import("vue").PropType<"android" | "ios">;
58
+ testId: {
59
+ type: import("vue").PropType<string>;
60
60
  required: true;
61
61
  default: string;
62
62
  };
@@ -75,8 +75,8 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
75
75
  name: string;
76
76
  type: "small" | "normal";
77
77
  image: string;
78
- testId: string;
79
78
  platform: "android" | "ios";
79
+ testId: string;
80
80
  appKey: string;
81
81
  showAbIcon: boolean;
82
82
  }>[];
package/components/icon/v4/IconV4.vue.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
5
5
  size?: string;
6
6
  height?: string;
7
7
  width?: string;
8
+ platform?: string;
8
9
  }>, {
9
10
  name: any;
10
11
  size: any;
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
12
13
  type: string;
13
14
  height: any;
14
15
  width: any;
16
+ platform: any;
15
17
  }>, {}, 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<{
16
18
  type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
17
19
  name?: string;
@@ -19,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
19
21
  size?: string;
20
22
  height?: string;
21
23
  width?: string;
24
+ platform?: string;
22
25
  }>, {
23
26
  name: any;
24
27
  size: any;
@@ -26,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
26
29
  type: string;
27
30
  height: any;
28
31
  width: any;
32
+ platform: any;
29
33
  }>>>, {
30
34
  name: string;
31
35
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -33,6 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
33
37
  size: string;
34
38
  height: string;
35
39
  width: string;
40
+ platform: string;
36
41
  }>, {
37
42
  default?(_: {}): any;
38
43
  }>;
package/components/icon/v4/IconV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./IconV4.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1eea7671"]]);
2
+ /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; //*');
4
+ const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-dc433d48"]]);
5
5
  export {
6
- c as default
6
+ t as default
7
7
  };
package/components/icon/v4/IconV4.vue2.js CHANGED
@@ -1,7 +1,7 @@
1
- import "../../../IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css"; import { defineComponent as $, useCssVars as S, unref as a, useSlots as w, computed as o, watch as C, openBlock as u, createElementBlock as f, normalizeClass as _, createCommentVNode as b, renderSlot as z } from "vue";
2
- import { useStorage as I } from "../../../composables/useStorage.js";
1
+ import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; import { defineComponent as S, useCssVars as w, unref as s, useSlots as C, computed as o, watch as _, openBlock as u, createElementBlock as f, normalizeClass as b, createCommentVNode as z, renderSlot as I } from "vue";
2
+ import { useStorage as T } from "../../../composables/useStorage.js";
3
3
  import { ASSETS_BASE_URL as U } from "./consts.js";
4
- const V = ["innerHTML"], B = /* @__PURE__ */ $({
4
+ const V = ["innerHTML"], B = /* @__PURE__ */ S({
5
5
  __name: "IconV4",
6
6
  props: {
7
7
  type: { default: "regular" },
@@ -9,34 +9,37 @@ const V = ["innerHTML"], B = /* @__PURE__ */ $({
9
9
  color: { default: null },
10
10
  size: { default: null },
11
11
  height: { default: null },
12
- width: { default: null }
12
+ width: { default: null },
13
+ platform: { default: null }
13
14
  },
14
- setup(c) {
15
- const e = c;
16
- S((t) => ({
17
- "2034b1ce": a(d),
18
- "66dae3c2": a(m),
19
- "5a4ab638": c.color
15
+ setup(r) {
16
+ const e = r;
17
+ w((t) => ({
18
+ "3d423be4": s(d),
19
+ "513646c9": s(m),
20
+ ad86ac0c: r.color
20
21
  }));
21
- const s = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = w(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(() => {
22
+ const a = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = C(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(
23
+ () => e.platform ? `${e.type}/${e.platform}` : e.type
24
+ ), y = o(() => {
22
25
  if (!e.name)
23
26
  return "";
24
27
  const t = e.name.split("/");
25
28
  return [e.name ? `icon-name--${t.at(-1)}` : ""];
26
- }), l = o(() => {
29
+ }), c = o(() => {
27
30
  if (p.default)
28
31
  return "";
29
32
  if (!e.name)
30
33
  return console.error("Please provided icon name"), "";
31
34
  const t = e.type === "regular" || e.type === "bold" || e.type === "fill" ? "ph/" : "v4/", n = e.type === "bold" || e.type === "fill" ? `-${e.type}` : "";
32
- return `${U}/icons/${t}${e.type}/${e.name}${n}.svg`;
33
- }), r = I(`icon-${e.type}--${e.name}`);
35
+ return `${U}/icons/${t}${h.value}/${e.name}${n}.svg`;
36
+ }), l = T(`icon-${e.type}--${e.name}`);
34
37
  function g(t) {
35
- return s[t] || (s[t] = fetch(t).then((n) => n.text()).finally(() => {
36
- delete s[t];
38
+ return a[t] || (a[t] = fetch(t).then((n) => n.text()).finally(() => {
39
+ delete a[t];
37
40
  }).catch((n) => {
38
41
  console.error(n);
39
- })), s[t];
42
+ })), a[t];
40
43
  }
41
44
  function v(t) {
42
45
  return t.replace(
@@ -45,21 +48,21 @@ const V = ["innerHTML"], B = /* @__PURE__ */ $({
45
48
  );
46
49
  }
47
50
  function i() {
48
- g(l.value).then((t) => {
49
- typeof t == "string" && t.startsWith("<svg") && (r.value = t);
51
+ g(c.value).then((t) => {
52
+ typeof t == "string" && t.startsWith("<svg") && (l.value = t);
50
53
  });
51
54
  }
52
- !r.value && l.value && i();
53
- const y = o(() => v(r.value ?? ""));
54
- return C(() => e.name, i), (t, n) => (u(), f("span", {
55
- class: _(["icon", a(h)])
55
+ !l.value && c.value && i();
56
+ const $ = o(() => v(l.value ?? ""));
57
+ return _(() => e.name, i), (t, n) => (u(), f("span", {
58
+ class: b(["icon", s(y)])
56
59
  }, [
57
- t.$slots.default ? b("", !0) : (u(), f("span", {
60
+ t.$slots.default ? z("", !0) : (u(), f("span", {
58
61
  key: 0,
59
62
  class: "icon-wrapper",
60
- innerHTML: a(y)
63
+ innerHTML: s($)
61
64
  }, null, 8, V)),
62
- z(t.$slots, "default", {}, void 0, !0)
65
+ I(t.$slots, "default", {}, void 0, !0)
63
66
  ], 2));
64
67
  }
65
68
  });
package/components/icon/v4/index.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const IconTypes: () => ({
10
10
  size: string;
11
11
  height: string;
12
12
  width: string;
13
+ platform: string;
13
14
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
14
15
  name: {
15
16
  type: import("vue").PropType<string>;
@@ -35,7 +36,11 @@ declare const IconTypes: () => ({
35
36
  type: import("vue").PropType<string>;
36
37
  default: any;
37
38
  };
38
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
39
+ platform: {
40
+ type: import("vue").PropType<string>;
41
+ default: any;
42
+ };
43
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
39
44
  $attrs: {
40
45
  [x: string]: unknown;
41
46
  };
@@ -74,6 +79,10 @@ declare const IconTypes: () => ({
74
79
  type: import("vue").PropType<string>;
75
80
  default: any;
76
81
  };
82
+ platform: {
83
+ type: import("vue").PropType<string>;
84
+ default: any;
85
+ };
77
86
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
78
87
  name: string;
79
88
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -81,6 +90,7 @@ declare const IconTypes: () => ({
81
90
  size: string;
82
91
  height: string;
83
92
  width: string;
93
+ platform: string;
84
94
  }, {}, string> & {
85
95
  beforeCreate?: (() => void) | (() => void)[];
86
96
  created?: (() => void) | (() => void)[];
@@ -126,6 +136,10 @@ declare const IconTypes: () => ({
126
136
  type: import("vue").PropType<string>;
127
137
  default: any;
128
138
  };
139
+ platform: {
140
+ type: import("vue").PropType<string>;
141
+ default: any;
142
+ };
129
143
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
130
144
  __isFragment?: never;
131
145
  __isTeleport?: never;
@@ -155,6 +169,10 @@ declare const IconTypes: () => ({
155
169
  type: import("vue").PropType<string>;
156
170
  default: any;
157
171
  };
172
+ platform: {
173
+ type: import("vue").PropType<string>;
174
+ default: any;
175
+ };
158
176
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
159
177
  name: string;
160
178
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -162,6 +180,7 @@ declare const IconTypes: () => ({
162
180
  size: string;
163
181
  height: string;
164
182
  width: string;
183
+ platform: string;
165
184
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
166
185
  $slots: {
167
186
  default?(_: {}): any;
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/design-foundation.stories/icons/iconsData.d.ts CHANGED
@@ -15,8 +15,12 @@ declare const iconsAdNetworks: {
15
15
  name: string;
16
16
  path: string;
17
17
  }[];
18
- declare const iconsContentRateData: {
18
+ declare const iconsIosContentRateData: {
19
19
  name: string;
20
20
  path: string;
21
21
  }[];
22
- export { assetsPath, iconsBrandedData, iconsADUnitData, iconsABTestData, iconsAdNetworks, iconsContentRateData, };
22
+ declare const iconsAndroidContentRateData: {
23
+ name: string;
24
+ path: string;
25
+ }[];
26
+ export { assetsPath, iconsBrandedData, iconsADUnitData, iconsABTestData, iconsAdNetworks, iconsIosContentRateData, iconsAndroidContentRateData, };
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;
@@ -2541,13 +2595,13 @@ declare const _default: {
2541
2595
  required: true;
2542
2596
  default: string;
2543
2597
  };
2544
- testId: {
2545
- type: import("vue").PropType<string>;
2598
+ platform: {
2599
+ type: import("vue").PropType<"android" | "ios">;
2546
2600
  required: true;
2547
2601
  default: string;
2548
2602
  };
2549
- platform: {
2550
- type: import("vue").PropType<"android" | "ios">;
2603
+ testId: {
2604
+ type: import("vue").PropType<string>;
2551
2605
  required: true;
2552
2606
  default: string;
2553
2607
  };
@@ -2577,13 +2631,13 @@ declare const _default: {
2577
2631
  required: true;
2578
2632
  default: string;
2579
2633
  };
2580
- testId: {
2581
- type: import("vue").PropType<string>;
2634
+ platform: {
2635
+ type: import("vue").PropType<"android" | "ios">;
2582
2636
  required: true;
2583
2637
  default: string;
2584
2638
  };
2585
- platform: {
2586
- type: import("vue").PropType<"android" | "ios">;
2639
+ testId: {
2640
+ type: import("vue").PropType<string>;
2587
2641
  required: true;
2588
2642
  default: string;
2589
2643
  };
@@ -2602,8 +2656,8 @@ declare const _default: {
2602
2656
  name: string;
2603
2657
  type: "small" | "normal";
2604
2658
  image: string;
2605
- testId: string;
2606
2659
  platform: "android" | "ios";
2660
+ testId: string;
2607
2661
  appKey: string;
2608
2662
  showAbIcon: boolean;
2609
2663
  }>;
@@ -2622,13 +2676,13 @@ declare const _default: {
2622
2676
  required: true;
2623
2677
  default: string;
2624
2678
  };
2625
- testId: {
2626
- type: import("vue").PropType<string>;
2679
+ platform: {
2680
+ type: import("vue").PropType<"android" | "ios">;
2627
2681
  required: true;
2628
2682
  default: string;
2629
2683
  };
2630
- platform: {
2631
- type: import("vue").PropType<"android" | "ios">;
2684
+ testId: {
2685
+ type: import("vue").PropType<string>;
2632
2686
  required: true;
2633
2687
  default: string;
2634
2688
  };
@@ -2658,13 +2712,13 @@ declare const _default: {
2658
2712
  required: true;
2659
2713
  default: string;
2660
2714
  };
2661
- testId: {
2662
- type: import("vue").PropType<string>;
2715
+ platform: {
2716
+ type: import("vue").PropType<"android" | "ios">;
2663
2717
  required: true;
2664
2718
  default: string;
2665
2719
  };
2666
- platform: {
2667
- type: import("vue").PropType<"android" | "ios">;
2720
+ testId: {
2721
+ type: import("vue").PropType<string>;
2668
2722
  required: true;
2669
2723
  default: string;
2670
2724
  };
@@ -2683,8 +2737,8 @@ declare const _default: {
2683
2737
  name: string;
2684
2738
  type: "small" | "normal";
2685
2739
  image: string;
2686
- testId: string;
2687
2740
  platform: "android" | "ios";
2741
+ testId: string;
2688
2742
  appKey: string;
2689
2743
  showAbIcon: boolean;
2690
2744
  }>[];
@@ -10791,6 +10845,7 @@ declare const _default: {
10791
10845
  size: string;
10792
10846
  height: string;
10793
10847
  width: string;
10848
+ platform: string;
10794
10849
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
10795
10850
  name: {
10796
10851
  type: import("vue").PropType<string>;
@@ -10816,7 +10871,11 @@ declare const _default: {
10816
10871
  type: import("vue").PropType<string>;
10817
10872
  default: any;
10818
10873
  };
10819
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
10874
+ platform: {
10875
+ type: import("vue").PropType<string>;
10876
+ default: any;
10877
+ };
10878
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
10820
10879
  $attrs: {
10821
10880
  [x: string]: unknown;
10822
10881
  };
@@ -10855,6 +10914,10 @@ declare const _default: {
10855
10914
  type: import("vue").PropType<string>;
10856
10915
  default: any;
10857
10916
  };
10917
+ platform: {
10918
+ type: import("vue").PropType<string>;
10919
+ default: any;
10920
+ };
10858
10921
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
10859
10922
  name: string;
10860
10923
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -10862,6 +10925,7 @@ declare const _default: {
10862
10925
  size: string;
10863
10926
  height: string;
10864
10927
  width: string;
10928
+ platform: string;
10865
10929
  }, {}, string> & {
10866
10930
  beforeCreate?: (() => void) | (() => void)[];
10867
10931
  created?: (() => void) | (() => void)[];
@@ -10907,6 +10971,10 @@ declare const _default: {
10907
10971
  type: import("vue").PropType<string>;
10908
10972
  default: any;
10909
10973
  };
10974
+ platform: {
10975
+ type: import("vue").PropType<string>;
10976
+ default: any;
10977
+ };
10910
10978
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
10911
10979
  __isFragment?: never;
10912
10980
  __isTeleport?: never;
@@ -10936,6 +11004,10 @@ declare const _default: {
10936
11004
  type: import("vue").PropType<string>;
10937
11005
  default: any;
10938
11006
  };
11007
+ platform: {
11008
+ type: import("vue").PropType<string>;
11009
+ default: any;
11010
+ };
10939
11011
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
10940
11012
  name: string;
10941
11013
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -10943,6 +11015,7 @@ declare const _default: {
10943
11015
  size: string;
10944
11016
  height: string;
10945
11017
  width: string;
11018
+ platform: string;
10946
11019
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
10947
11020
  $slots: {
10948
11021
  default?(_: {}): any;
@@ -10959,6 +11032,7 @@ declare const _default: {
10959
11032
  size: string;
10960
11033
  height: string;
10961
11034
  width: string;
11035
+ platform: string;
10962
11036
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
10963
11037
  name: {
10964
11038
  type: import("vue").PropType<string>;
@@ -10984,7 +11058,11 @@ declare const _default: {
10984
11058
  type: import("vue").PropType<string>;
10985
11059
  default: any;
10986
11060
  };
10987
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
11061
+ platform: {
11062
+ type: import("vue").PropType<string>;
11063
+ default: any;
11064
+ };
11065
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
10988
11066
  $attrs: {
10989
11067
  [x: string]: unknown;
10990
11068
  };
@@ -11023,6 +11101,10 @@ declare const _default: {
11023
11101
  type: import("vue").PropType<string>;
11024
11102
  default: any;
11025
11103
  };
11104
+ platform: {
11105
+ type: import("vue").PropType<string>;
11106
+ default: any;
11107
+ };
11026
11108
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
11027
11109
  name: string;
11028
11110
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -11030,6 +11112,7 @@ declare const _default: {
11030
11112
  size: string;
11031
11113
  height: string;
11032
11114
  width: string;
11115
+ platform: string;
11033
11116
  }, {}, string> & {
11034
11117
  beforeCreate?: (() => void) | (() => void)[];
11035
11118
  created?: (() => void) | (() => void)[];
@@ -11075,6 +11158,10 @@ declare const _default: {
11075
11158
  type: import("vue").PropType<string>;
11076
11159
  default: any;
11077
11160
  };
11161
+ platform: {
11162
+ type: import("vue").PropType<string>;
11163
+ default: any;
11164
+ };
11078
11165
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
11079
11166
  __isFragment?: never;
11080
11167
  __isTeleport?: never;
@@ -11104,6 +11191,10 @@ declare const _default: {
11104
11191
  type: import("vue").PropType<string>;
11105
11192
  default: any;
11106
11193
  };
11194
+ platform: {
11195
+ type: import("vue").PropType<string>;
11196
+ default: any;
11197
+ };
11107
11198
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
11108
11199
  name: string;
11109
11200
  type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -11111,6 +11202,7 @@ declare const _default: {
11111
11202
  size: string;
11112
11203
  height: string;
11113
11204
  width: string;
11205
+ platform: string;
11114
11206
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
11115
11207
  $slots: {
11116
11208
  default?(_: {}): any;
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.15",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css DELETED
@@ -1 +0,0 @@
1
- .icon[data-v-1eea7671]{user-select:none;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content}.icon .icon-wrapper[data-v-1eea7671]{width:var(--2034b1ce);height:var(--66dae3c2);color:var(--5a4ab638)}.icon .icon-wrapper[data-v-1eea7671] svg{width:100%;height:100%}
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%}