@ironsource/shared-ui 2.1.12-rc.48 → 2.1.12-rc.49

package/components/columnConfigurator/utils.js

@@ -0,0 +1,18 @@
+const s = (n, i) => {
+  const t = n.sectionOptions;
+  if (!n.isGrouped) {
+    t.forEach((o) => i(o));
+    return;
+  }
+  t.forEach((o) => {
+    o.options.forEach((r) => i(r));
+  });
+}, c = (n, i) => {
+  let t = null;
+  return s(n, (o) => {
+    o.id === i && (t = o);
+  }), t;
+};
+export {
+  c as findOptionInSection
+};

package/components/columnPicker/ColumnPicker.vue.d.ts

@@ -78,10 +78,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noResultsText: string;
     searchAutoFocus: boolean;
     searchPlaceholder: string;
+    headerText: string;
     appendToBody: boolean;
     defaultSelection: unknown[];
     inlineGroupIds: unknown[];
-    headerText: string;
     idKey: string;
     displayKey: string;
     childrenKey: string;

package/components/columnPicker/index.d.ts

@@ -11,10 +11,10 @@ declare const ColumnPickerTypes: () => ({
             noResultsText: string;
             searchAutoFocus: boolean;
             searchPlaceholder: string;
+            headerText: string;
             appendToBody: boolean;
             defaultSelection: unknown[];
             inlineGroupIds: unknown[];
-            headerText: string;
             idKey: string;
             displayKey: string;
             childrenKey: string;
@@ -52,6 +52,10 @@ declare const ColumnPickerTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            headerText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             appendToBody: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -64,10 +68,6 @@ declare const ColumnPickerTypes: () => ({
                 type: import("vue").PropType<unknown[]>;
                 default: () => any[];
             };
-            headerText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             idKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -90,7 +90,7 @@ declare const ColumnPickerTypes: () => ({
             };
         }>> & {
             "onUpdate:selected"?: (value: unknown[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "selected" | "options" | "minSelections" | "noResultsText" | "searchAutoFocus" | "searchPlaceholder" | "appendToBody" | "defaultSelection" | "inlineGroupIds" | "headerText" | "idKey" | "displayKey" | "childrenKey" | "disabledKey" | "minSelectionsTooltipMessage">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "selected" | "options" | "minSelections" | "noResultsText" | "searchAutoFocus" | "searchPlaceholder" | "headerText" | "appendToBody" | "defaultSelection" | "inlineGroupIds" | "idKey" | "displayKey" | "childrenKey" | "disabledKey" | "minSelectionsTooltipMessage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -136,6 +136,10 @@ declare const ColumnPickerTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            headerText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             appendToBody: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -148,10 +152,6 @@ declare const ColumnPickerTypes: () => ({
                 type: import("vue").PropType<unknown[]>;
                 default: () => any[];
             };
-            headerText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             idKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -184,10 +184,10 @@ declare const ColumnPickerTypes: () => ({
             noResultsText: string;
             searchAutoFocus: boolean;
             searchPlaceholder: string;
+            headerText: string;
             appendToBody: boolean;
             defaultSelection: unknown[];
             inlineGroupIds: unknown[];
-            headerText: string;
             idKey: string;
             displayKey: string;
             childrenKey: string;
@@ -245,6 +245,10 @@ declare const ColumnPickerTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        headerText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         appendToBody: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -257,10 +261,6 @@ declare const ColumnPickerTypes: () => ({
             type: import("vue").PropType<unknown[]>;
             default: () => any[];
         };
-        headerText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         idKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -319,6 +319,10 @@ declare const ColumnPickerTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    headerText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     appendToBody: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -331,10 +335,6 @@ declare const ColumnPickerTypes: () => ({
         type: import("vue").PropType<unknown[]>;
         default: () => any[];
     };
-    headerText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     idKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -367,10 +367,10 @@ declare const ColumnPickerTypes: () => ({
     noResultsText: string;
     searchAutoFocus: boolean;
     searchPlaceholder: string;
+    headerText: string;
     appendToBody: boolean;
     defaultSelection: unknown[];
     inlineGroupIds: unknown[];
-    headerText: string;
     idKey: string;
     displayKey: string;
     childrenKey: string;

package/components/link/Link.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    iconPosition?: "end" | "start";
     testId?: string;
     isTruncated?: boolean;
     withTooltip?: boolean;
@@ -17,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: string;
     iconName: any;
     iconType: string;
+    iconPosition: string;
     testId: string;
     isTruncated: boolean;
     withTooltip: boolean;
@@ -31,6 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    iconPosition?: "end" | "start";
     testId?: string;
     isTruncated?: boolean;
     withTooltip?: boolean;
@@ -43,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: string;
     iconName: any;
     iconType: string;
+    iconPosition: string;
     testId: string;
     isTruncated: boolean;
     withTooltip: boolean;
@@ -61,6 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href: string;
     iconName: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    iconPosition: "end" | "start";
     navigateToPage: () => void;
 }>, {
     default?(_: {}): any;

package/components/link/Link.vue.js

@@ -1,7 +1,7 @@
 import o from "./Link.vue2.js";
-/* empty css           */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b10e2439"]]);
+/* empty css           */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1a766750"]]);
 export {
   p as default
 };

package/components/link/Link.vue2.js

@@ -1,10 +1,10 @@
- import "../../Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css"; import { defineComponent as u, openBlock as l, createBlock as n, unref as o, mergeProps as r, withCtx as f, renderSlot as m, createCommentVNode as p } from "vue";
-import T from "../typography/v4/Typography.vue.js";
-import y from "../icon/v4/IconV4.vue.js";
+ import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
+import k from "../typography/v4/Typography.vue.js";
+import r from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import { useTestIdAttrs as k } from "../../utils/testIds.js";
-import { LinkTestIdModifiers as a } from "../../testids/index.js";
-const b = /* @__PURE__ */ u({
+import { useTestIdAttrs as p } from "../../utils/testIds.js";
+import { LinkTestIdModifiers as o } from "../../testids/index.js";
+const w = /* @__PURE__ */ m({
   __name: "Link",
   props: {
     href: { default: null },
@@ -13,6 +13,7 @@ const b = /* @__PURE__ */ u({
     variant: { default: "body1" },
     iconName: { default: null },
     iconType: { default: "regular" },
+    iconPosition: { default: "end" },
     testId: { default: "" },
     isTruncated: { type: Boolean, default: !1 },
     withTooltip: { type: Boolean, default: !1 },
@@ -20,38 +21,45 @@ const b = /* @__PURE__ */ u({
     navigateToPage: { type: Function, default: null }
   },
   emits: ["click"],
-  setup(t, { emit: d }) {
-    const e = t, c = () => {
-      if (!e.disabled) {
+  setup(e, { emit: u }) {
+    const i = e, s = () => {
+      if (!i.disabled) {
         {
-          if (e.navigateToPage)
-            return e.navigateToPage();
-          e.href && window.open(e.href);
+          if (i.navigateToPage)
+            return i.navigateToPage();
+          i.href && window.open(i.href);
         }
-        d("click");
+        u("click");
       }
-    }, i = k(e.testId, a);
-    return (s, h) => (l(), n(o(T), r({
-      class: ["link", [`link--${t.color}`, { "link--disabled": t.disabled }]],
-      variant: t.variant,
-      "is-truncated": t.isTruncated,
-      "with-tooltip": t.withTooltip,
-      "tooltip-text": t.tooltipText
-    }, o(i)[o(a).WRAPPER], { onClick: c }), {
-      default: f(() => [
-        m(s.$slots, "default", {}, void 0, !0),
-        t.iconName ? (l(), n(o(y), r({
+    }, a = p(i.testId, o);
+    return (f, h) => (n(), l(t(k), c({
+      class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
+      variant: e.variant,
+      "is-truncated": e.isTruncated,
+      "with-tooltip": e.withTooltip,
+      "tooltip-text": e.tooltipText
+    }, t(a)[t(o).WRAPPER], { onClick: s }), {
+      default: y(() => [
+        e.iconName && e.iconPosition === "start" ? (n(), l(t(r), c({
           key: 0,
-          name: t.iconName,
-          type: t.iconType,
+          name: e.iconName,
+          type: e.iconType,
           size: "16px",
           class: "icon"
-        }, o(i)[o(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
+        }, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0),
+        T(f.$slots, "default", {}, void 0, !0),
+        e.iconName && e.iconPosition === "end" ? (n(), l(t(r), c({
+          key: 1,
+          name: e.iconName,
+          type: e.iconType,
+          size: "16px",
+          class: "icon"
+        }, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0)
       ]),
       _: 3
     }, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text"]));
   }
 });
 export {
-  b as default
+  w as default
 };

package/components/link/index.d.ts

@@ -13,6 +13,7 @@ declare const LinkTypes: () => ({
             href: string;
             iconName: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            iconPosition: "end" | "start";
             navigateToPage: () => void;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             testId: {
@@ -55,13 +56,17 @@ declare const LinkTypes: () => ({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            iconPosition: {
+                type: import("vue").PropType<"end" | "start">;
+                default: string;
+            };
             navigateToPage: {
                 type: import("vue").PropType<() => void>;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipText" | "isTruncated" | "disabled" | "color" | "href" | "iconName" | "iconType" | "navigateToPage">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipText" | "isTruncated" | "disabled" | "color" | "href" | "iconName" | "iconType" | "iconPosition" | "navigateToPage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -116,6 +121,10 @@ declare const LinkTypes: () => ({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            iconPosition: {
+                type: import("vue").PropType<"end" | "start">;
+                default: string;
+            };
             navigateToPage: {
                 type: import("vue").PropType<() => void>;
                 default: any;
@@ -135,6 +144,7 @@ declare const LinkTypes: () => ({
             href: string;
             iconName: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            iconPosition: "end" | "start";
             navigateToPage: () => void;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -197,6 +207,10 @@ declare const LinkTypes: () => ({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        iconPosition: {
+            type: import("vue").PropType<"end" | "start">;
+            default: string;
+        };
         navigateToPage: {
             type: import("vue").PropType<() => void>;
             default: any;
@@ -248,6 +262,10 @@ declare const LinkTypes: () => ({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
+    iconPosition: {
+        type: import("vue").PropType<"end" | "start">;
+        default: string;
+    };
     navigateToPage: {
         type: import("vue").PropType<() => void>;
         default: any;
@@ -267,6 +285,7 @@ declare const LinkTypes: () => ({
     href: string;
     iconName: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    iconPosition: "end" | "start";
     navigateToPage: () => void;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    loadingRowCount: number;
+    variant?: 'default' | 'compact';
+}>, {
+    variant: string;
+    loadingRowCount: number;
+}>, {}, 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<{
+    loadingRowCount: number;
+    variant?: 'default' | 'compact';
+}>, {
+    variant: string;
+    loadingRowCount: number;
+}>>>, {
+    variant: 'default' | 'compact';
+    loadingRowCount: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/sortableList/LoaderBars.vue.js

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

package/components/sortableList/LoaderBars.vue2.js

@@ -0,0 +1,25 @@
+ import "../../LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css"; import { defineComponent as s, computed as d, openBlock as e, createElementBlock as a, normalizeClass as n, unref as o, Fragment as u, renderList as m, createVNode as i } from "vue";
+import p from "../skeleton/v4/SkeletonV4.vue.js";
+const v = /* @__PURE__ */ s({
+  __name: "LoaderBars",
+  props: {
+    loadingRowCount: { default: 3 },
+    variant: { default: "default" }
+  },
+  setup(r) {
+    const l = r, t = d(() => l.variant === "compact");
+    return (f, C) => (e(), a("div", {
+      class: n(["loader-bars", { "loader-bars--compact": o(t) }])
+    }, [
+      (e(!0), a(u, null, m(r.loadingRowCount, (c) => (e(), a("div", { key: c }, [
+        i(o(p), {
+          round: "",
+          class: n(["loader-bar", { "loader-bar--compact": o(t) }])
+        }, null, 8, ["class"])
+      ]))), 128))
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/components/sortableList/SortableItem.vue.js

@@ -1,7 +1,7 @@
-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_800cd503_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-800cd503"]]);
+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_c72be7ed_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c72be7ed"]]);
 export {
   c as default
 };

package/components/sortableList/SortableItem.vue2.js

@@ -1,4 +1,4 @@
- import "../../SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css"; import { defineComponent as P, useCssVars as A, useSlots as E, computed as h, watch as $, ref as I, openBlock as l, createElementBlock as o, normalizeClass as d, unref as e, withModifiers as y, createElementVNode as c, createVNode as b, createBlock as n, withCtx as S, createTextVNode as V, toDisplayString as F, createCommentVNode as u, renderSlot as R, mergeProps as H, normalizeProps as j, Fragment as q, renderList as G } from "vue";
+ import "../../SortableItem.vue_vue_type_style_index_0_scoped_c72be7ed_lang.css"; import { defineComponent as P, useCssVars as A, useSlots as E, computed as h, watch as $, ref as I, openBlock as l, createElementBlock as o, normalizeClass as d, unref as e, withModifiers as y, createElementVNode as c, createVNode as b, createBlock as n, withCtx as S, createTextVNode as V, toDisplayString as F, createCommentVNode as u, renderSlot as R, mergeProps as H, normalizeProps as j, Fragment as q, renderList as G } from "vue";
 import L from "../typography/v4/Typography.vue.js";
 import f from "../icon/v4/IconV4.vue.js";
 import w from "../icon/v4/IconFlag.vue.js";
@@ -26,7 +26,7 @@ const X = { class: "item__prefix" }, Y = ["onClick"], Z = ["onClick"], re = /* @
   setup(t, { emit: g }) {
     const s = t;
     A((r) => ({
-      "41d9b134": t.childListMaxHeight
+      "6b8d7a5c": t.childListMaxHeight
     }));
     const M = E(), z = () => {
       g("toggle", !s.isOpen);
@@ -127,7 +127,7 @@ const X = { class: "item__prefix" }, Y = ["onClick"], Z = ["onClick"], re = /* @
             item: t.item
           }, null, 8, ["display-value", "item"])
         ], 2),
-        e(M).menu ? (l(), o("div", {
+        e(M)?.menu ? (l(), o("div", {
           key: 1,
           class: "item__menu",
           onClick: a[0] || (a[0] = y(() => {

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

@@ -109,13 +109,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     childListMaxHeight: string;
     searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
     draggableArea: "handle" | "full";
+    loadingRowCount: number;
     openId: string | number;
+    zIndexBase: number;
     selectedId: string | number;
     showSearch: boolean;
-    loadingRowCount: number;
     emptyStateTitle: string;
     isSticky: boolean;
-    zIndexBase: number;
 }>, {
     header?(_: {}): any;
     menu?(_: {

package/components/sortableList/SortableList.vue.js

@@ -1,7 +1,7 @@
-import o from "./SortableList.vue2.js";
-/* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css"; //*');
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-84dc8525"]]);
+import e from "./SortableList.vue2.js";
+/* empty css                   */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SortableList.vue_vue_type_style_index_0_scoped_9aec4e9b_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9aec4e9b"]]);
 export {
-  c as default
+  a as default
 };