@ironsource/shared-ui 2.0.2-rc.0 → 2.0.2-rc.2

package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -62,7 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -90,15 +90,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     label: string;
+    disabled: boolean;
     size: "small" | "medium" | "large";
-    testId: string;
+    open: boolean;
+    mandatory: boolean;
     loading: boolean;
-    disabled: boolean;
+    testId: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
-    open: boolean;
-    mandatory: boolean;
     multi: boolean;
     valueToCopy: string;
     selectedOption: any;
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

package/components/dropdown/v4/AppDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
 /* empty css                         */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c48dc06e"]]);
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-44158e5f"]]);
 export {
-  c as default
+  s as default
 };

package/components/dropdown/v4/AppDropdownTrigger.vue2.js

@@ -1,34 +1,21 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css"; import { defineComponent as b, computed as r, openBlock as n, createElementBlock as a, normalizeClass as w, createElementVNode as o, mergeProps as h, unref as l, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as C, toDisplayString as A, pushScopeId as B, popScopeId as x } from "vue";
-import p from "../../icon/v4/IconV4.vue.js";
-import S from "../../typography/v4/Typography.vue.js";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
+import c from "../../icon/v4/IconV4.vue.js";
+import x from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
 import { useTestIdAttrs as K } from "../../../utils/testIds.js";
 import N from "../../tooltip/v4/TooltipV4.vue.js";
-import { useClipboard as $ } from "@vueuse/core";
-import { Snackbar as z } from "../../snackbar/v4/index.js";
-const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trigger--content" }, H = {
+import { useClipboard as z } from "@vueuse/core";
+import { Snackbar as $ } from "../../snackbar/v4/index.js";
+const w = { class: "app-trigger--content" }, S = {
   key: 0,
   class: "image"
-}, M = ["src"], P = {
+}, D = ["src"], E = {
   key: 1,
   class: "start-icon"
-}, R = { class: "label-text" }, U = { key: 0 }, Z = { class: "text-content" }, W = { class: "text-content-value" }, j = {
+}, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, M = { class: "text-content-value" }, W = {
   key: 0,
   class: "is-mandatory"
-}, q = /* @__PURE__ */ D(() => /* @__PURE__ */ o("div", { class: "app-trigger-key--content" }, [
-  /* @__PURE__ */ o("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, [
-    /* @__PURE__ */ o("path", {
-      d: "M8.43317 6.66667C7.8865 5.11333 6.4065 4 4.6665 4C2.45984 4 0.666504 5.79333 0.666504 8C0.666504 10.2067 2.45984 12 4.6665 12C6.4065 12 7.8865 10.8867 8.43317 9.33333H11.3332V12H13.9998V9.33333H15.3332V6.66667H8.43317ZM4.6665 9.33333C3.93317 9.33333 3.33317 8.73333 3.33317 8C3.33317 7.26667 3.93317 6.66667 4.6665 6.66667C5.39984 6.66667 5.99984 7.26667 5.99984 8C5.99984 8.73333 5.39984 9.33333 4.6665 9.33333Z",
-      fill: "#808080"
-    })
-  ])
-], -1)), te = /* @__PURE__ */ b({
+}, j = { class: "app-trigger-key--content" }, Z = /* @__PURE__ */ A({
   __name: "AppDropdownTrigger",
   props: {
     placeholder: { default: "Select app" },
@@ -52,89 +39,94 @@ const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trig
     optionIconType: { default: null }
   },
   emits: ["click"],
-  setup(t, { emit: T }) {
-    const e = t, { copy: k } = $({}), I = r(
+  setup(l, { emit: k }) {
+    const e = l, { copy: O } = z({}), C = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), O = () => {
-      T("click");
-    }, y = K(e.testId, u), f = "All apps selected", m = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
+    ), I = () => {
+      k("click");
+    }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
         return e.selectedOption;
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
-    }), V = () => {
-      k(e.valueToCopy), z({
+    }), b = () => {
+      O(e.valueToCopy), $({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
       });
     };
-    return (c, g) => (n(), a("div", {
-      class: w(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
+    return (r, g) => (o(), n("div", {
+      class: V(["app-trigger-wrapper", { "with-copy": !!l.valueToCopy }])
     }, [
-      o("div", h({
-        class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]]
-      }, l(y)[l(u).BUTTON_WRAPPER], {
-        onClick: g[0] || (g[0] = (F) => O())
+      a("div", h({
+        class: ["app-trigger", [l.size, t(C), { open: l.open, disabled: l.disabled }]]
+      }, t(y)[t(u).BUTTON_WRAPPER], {
+        onClick: g[0] || (g[0] = (q) => I())
       }), [
-        o("div", E, [
-          c.$slots.image || l(d) && t.optionImageKey ? (n(), a("div", H, [
-            v(c.$slots, "image", {}, () => [
-              t.optionImageKey ? (n(), a("img", {
+        a("div", w, [
+          r.$slots.image || t(d) && l.optionImageKey ? (o(), n("div", S, [
+            v(r.$slots, "image", {}, () => [
+              l.optionImageKey ? (o(), n("img", {
                 key: 0,
-                src: l(d)[t.optionImageKey]
-              }, null, 8, M)) : s("", !0)
+                src: t(d)[l.optionImageKey]
+              }, null, 8, D)) : s("", !0)
             ], !0)
           ])) : s("", !0),
-          c.$slots["icon-start"] || l(d) && t.optionIconKey ? (n(), a("div", P, [
-            v(c.$slots, "icon-start", {}, () => [
-              i(l(p), {
-                type: t.optionIconType,
-                name: l(d)[t.optionIconKey],
+          r.$slots["icon-start"] || t(d) && l.optionIconKey ? (o(), n("div", E, [
+            v(r.$slots, "icon-start", {}, () => [
+              i(t(c), {
+                type: l.optionIconType,
+                name: t(d)[l.optionIconKey],
                 size: "16px"
               }, null, 8, ["type", "name"])
             ], !0)
           ])) : s("", !0),
-          i(l(S), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: C(() => [
-              o("div", R, [
-                l(m) === f ? (n(), a("span", U, [
-                  i(l(p), {
+          i(t(x), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: T(() => [
+              a("div", P, [
+                t(m) === f ? (o(), n("span", R, [
+                  i(t(c), {
                     name: "cube",
                     size: "20px",
                     type: "fill"
                   })
                 ])) : s("", !0),
-                o("div", Z, [
-                  o("div", W, A(l(m)), 1),
-                  t.mandatory ? (n(), a("span", j, "*")) : s("", !0)
+                a("div", U, [
+                  a("div", M, B(t(m)), 1),
+                  l.mandatory ? (o(), n("span", W, "*")) : s("", !0)
                 ])
               ])
             ]),
             _: 1
           }, 16)
         ]),
-        o("div", null, [
-          i(l(p), {
+        a("div", null, [
+          i(t(c), {
             name: "caret-down",
             size: "20px",
             class: "app-trigger--icon"
           })
         ])
       ], 16),
-      t.valueToCopy ? (n(), a("div", {
+      l.valueToCopy ? (o(), n("div", {
         key: 0,
         class: "app-trigger-key",
-        onClick: V
+        onClick: b
       }, [
-        i(l(N), {
-          text: t.valueToCopy,
+        i(t(N), {
+          text: l.valueToCopy,
           header: "App key"
         }, {
-          default: C(() => [
-            q
+          default: T(() => [
+            a("div", j, [
+              i(t(c), {
+                name: "copy",
+                size: "20px"
+              })
+            ])
           ]),
           _: 1
         }, 8, ["text"])
@@ -143,5 +135,5 @@ const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trig
   }
 });
 export {
-  te as default
+  Z as default
 };

package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts

@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onClear?: () => any;
 }, {
     label: string;
-    testId: string;
     disabled: boolean;
     open: boolean;
+    testId: string;
     displayedValue: any;
     feedbackVariant: string;
 }>;

package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts

@@ -10,8 +10,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     mandatory?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    feedbackVariant?: "error" | "success" | "warning";
+    hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    feedbackVariant?: "success" | "warning" | "error";
     feedbackText?: string;
     loading?: boolean;
     singleAppSelection?: boolean;
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -57,8 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     mandatory?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    feedbackVariant?: "error" | "success" | "warning";
+    hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    feedbackVariant?: "success" | "warning" | "error";
     feedbackText?: string;
     loading?: boolean;
     singleAppSelection?: boolean;
@@ -67,7 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -94,26 +94,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     label: string;
+    disabled: boolean;
     size: "small" | "medium" | "large";
-    testId: string;
+    open: boolean;
+    mandatory: boolean;
     loading: boolean;
-    disabled: boolean;
+    testId: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
-    open: boolean;
-    mandatory: boolean;
     multi: boolean;
     selectedOption: any;
     brandIconType: "android" | "ios";
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     hoverHelpText: string;
-    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     feedbackText: string;
-    feedbackVariant: "error" | "success" | "warning";
+    feedbackVariant: "success" | "warning" | "error";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

package/components/dropdown/v4/DropdownV4.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerLabel?: string;
     triggerHelperText?: string;
     triggerFeedbackText?: string;
-    triggerFeedbackVariant?: "error" | "success" | "warning";
+    triggerFeedbackVariant?: "success" | "warning" | "error";
     size?: "sm" | "lg";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy?: string;
     theme?: string;
     fullWidth?: boolean;
@@ -123,7 +123,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerLabel?: string;
     triggerHelperText?: string;
     triggerFeedbackText?: string;
-    triggerFeedbackVariant?: "error" | "success" | "warning";
+    triggerFeedbackVariant?: "success" | "warning" | "error";
     size?: "sm" | "lg";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
@@ -137,7 +137,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy?: string;
     theme?: string;
     fullWidth?: boolean;
@@ -190,25 +190,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClosed?: () => any;
 }, {
     theme: string;
+    disabled: boolean;
     size: "sm" | "lg";
+    flip: boolean;
+    mandatory: boolean;
     testId: string;
-    placement: Placement;
-    disabled: boolean;
     container: string;
+    placement: Placement;
+    distance: number;
     popperClass: string;
     selected: any;
     modelValue: any;
     placeholder: string;
-    mandatory: boolean;
     isOnTop: boolean;
     multi: boolean;
     inlineSearch: boolean;
     noResultsText: string;
     defaultOpen: boolean;
-    distance: number;
     skidding: number;
     onSearch: (option: any, term: string) => boolean;
-    flip: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
@@ -216,13 +216,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     onClear: () => void;
     inlineSearchPlaceholder: string;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
-    triggerFeedbackVariant: "error" | "success" | "warning";
+    triggerFeedbackVariant: "success" | "warning" | "error";
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     fullWidth: boolean;

package/components/dropdown/v4/OptionV4.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nameKey?: string;
     imageKey?: string;
     iconKey?: string;
-    iconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     subtitle: string;
     disabled: boolean;
@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nameKey?: string;
     imageKey?: string;
     iconKey?: string;
-    iconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     subtitle: string;
     disabled: boolean;
@@ -47,14 +47,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     option: any;
     disabled: boolean;
+    active: boolean;
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
-    active: boolean;
     nameKey: string;
     imageKey: string;
     iconKey: string;
-    iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

package/components/dropdown/v4/OptionV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./OptionV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2a214b95"]]);
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-17d78416"]]);
 export {
   s as default
 };

package/components/dropdown/v4/OptionV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
 import "../../typography/Heading.vue.js";
 import N from "../../typography/Text.vue.js";
 import T from "../../checkbox/v4/CheckboxV4.vue.js";