@ironsource/shared-ui 2.2.0-rc.0 → 2.2.0-rc.10

package/components/columnPicker/ColumnPicker.vue.js

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

package/components/columnPicker/ColumnPicker.vue2.js

@@ -1,4 +1,4 @@
- import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
+ import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
 import ce from "./OptionChip.vue.js";
 import "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";

package/components/dialog/v4/DialogV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cc99f1e3"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_a6710278_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a6710278"]]);
 export {
-  t as default
+  a as default
 };

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css"; import { defineComponent as k, openBlock as l, createBlock as s, Teleport as T, createVNode as L, Transition as D, withCtx as d, unref as t, createElementBlock as C, createElementVNode as g, mergeProps as B, renderSlot as b, createCommentVNode as u, createTextVNode as O, toDisplayString as p } from "vue";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_a6710278_lang.css"; import { defineComponent as k, openBlock as l, createBlock as s, Teleport as T, createVNode as L, Transition as D, withCtx as d, unref as t, createElementBlock as C, createElementVNode as g, mergeProps as B, renderSlot as b, createCommentVNode as u, createTextVNode as O, toDisplayString as p } from "vue";
 import { NOOP as I } from "@vue/shared";
 import N from "../../typography/v4/Typography.vue.js";
 import { Reason as v } from "../common/Reason.js";

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_858cefbf_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-858cefbf"]]);
+/* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-f86477a9"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
 import r from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import D from "../../typography/v4/Typography.vue.js";

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

@@ -26,6 +26,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     allSelected?: boolean;
     optionFlagKey?: string;
     statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    inlineError?: boolean;
+    inlineErrorText?: string;
+    inlineErrorTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -53,6 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     allSelected: boolean;
     optionFlagKey: any;
     statusDotType: any;
+    inlineError: boolean;
+    inlineErrorText: string;
+    inlineErrorTextPlacement: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -83,6 +89,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     allSelected?: boolean;
     optionFlagKey?: string;
     statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+    inlineError?: boolean;
+    inlineErrorText?: string;
+    inlineErrorTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -110,6 +119,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     allSelected: boolean;
     optionFlagKey: any;
     statusDotType: any;
+    inlineError: boolean;
+    inlineErrorText: string;
+    inlineErrorTextPlacement: string;
 }>>> & {
     onClick?: () => any;
 }, {
@@ -125,6 +137,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     placeholder: string;
+    inlineError: boolean;
+    inlineErrorText: string;
+    inlineErrorTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
     multi: boolean;

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

@@ -1,7 +1,7 @@
 import o from "./DefaultDropdownTrigger.vue2.js";
 /* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-64ae80dd"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a6900fa6"]]);
 export {
-  d as default
+  a as default
 };

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

@@ -1,24 +1,28 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css"; import { defineComponent as I, computed as u, openBlock as a, createElementBlock as d, createBlock as m, createCommentVNode as n, createElementVNode as c, mergeProps as h, unref as l, renderSlot as i, createVNode as r, withCtx as O, createTextVNode as B, toDisplayString as $ } from "vue";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css"; import { defineComponent as I, computed as f, openBlock as o, createElementBlock as d, createBlock as T, createCommentVNode as n, createElementVNode as p, mergeProps as y, unref as l, renderSlot as r, createVNode as s, withCtx as g, createTextVNode as x, toDisplayString as B } from "vue";
 import w from "../../typography/v4/Typography.vue.js";
-import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
-import g from "../../icon/v4/IconV4.vue.js";
-import K from "../../icon/v4/IconFlag.vue.js";
-import V from "../../shared/FieldLabel.vue.js";
-import { useTestIdAttrs as A } from "../../../utils/testIds.js";
-import D from "../../statusDot/StatusDot.vue.js";
-const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
+import { DropdownTestIdModifiers as c } from "../../../testids/index.js";
+import m from "../../icon/v4/IconV4.vue.js";
+import $ from "../../icon/v4/IconFlag.vue.js";
+import K from "../../shared/FieldLabel.vue.js";
+import { useTestIdAttrs as V } from "../../../utils/testIds.js";
+import A from "../../statusDot/StatusDot.vue.js";
+import E from "../../tooltip/v4/TooltipV4.vue.js";
+const D = { class: "default-dropdown-wrapper" }, N = { class: "content" }, S = {
   key: 0,
   class: "image"
-}, C = ["src"], F = {
+}, P = ["src"], C = {
   key: 1,
   class: "flag"
-}, P = {
+}, F = {
   key: 2,
   class: "start-icon"
 }, z = {
   key: 3,
   class: "status-dot"
-}, E = { key: 0 }, H = { class: "caret-down" }, Q = /* @__PURE__ */ I({
+}, H = {
+  key: 0,
+  class: "inline-error"
+}, L = { key: 1 }, R = { class: "caret-down" }, Z = /* @__PURE__ */ I({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -47,81 +51,98 @@ const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
     showAllSelectedText: { type: Boolean, default: !0 },
     allSelected: { type: Boolean, default: !1 },
     optionFlagKey: { default: null },
-    statusDotType: { default: null }
+    statusDotType: { default: null },
+    inlineError: { type: Boolean, default: !1 },
+    inlineErrorText: { default: "" },
+    inlineErrorTextPlacement: { default: "top" }
   },
   emits: ["click"],
-  setup(t, { emit: T }) {
-    const e = t, v = u(
-      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
+  setup(e, { emit: v }) {
+    const t = e, k = f(
+      () => t.feedbackVariant ? `state-${t.feedbackVariant}` : ""
     ), b = () => {
-      T("click");
-    }, p = A(e.testId, f), k = u(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.showAllSelectedText && e.allSelected ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), s = u(() => {
-      if (!e.selectedOption)
+      v("click");
+    }, u = V(t.testId, c), O = f(() => t.multi ? !Array.isArray(t.selectedOption) || !t.selectedOption?.length ? t.placeholder : t.showAllSelectedText && t.allSelected ? `All selected (${t.selectedOption.length})` : t.selectedOption?.length === 1 && t.displayValue ? t.displayValue(t.selectedOption[0]) : `${t.selectedOption.length} selected` : t.selectedOption ? t.displayValue(t.selectedOption) : t.placeholder), i = f(() => {
+      if (!t.selectedOption)
         return null;
-      if (!e.multi)
-        return e.selectedOption;
-      if (Array.isArray(e.selectedOption))
-        return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
+      if (!t.multi)
+        return t.selectedOption;
+      if (Array.isArray(t.selectedOption))
+        return t.selectedOption.length === 1 ? t.selectedOption[0] : null;
     });
-    return (o, y) => (a(), d("div", N, [
-      t.label ? (a(), m(V, {
+    return (a, h) => (o(), d("div", D, [
+      e.label ? (o(), T(K, {
         key: 0,
-        label: t.label,
-        mandatory: t.mandatory,
-        "hover-help-text": t.hoverHelpText,
-        "hover-help-text-placement": t.hoverHelpTextPlacement,
-        disabled: t.disabled,
-        "test-id": t.testId,
+        label: e.label,
+        mandatory: e.mandatory,
+        "hover-help-text": e.hoverHelpText,
+        "hover-help-text-placement": e.hoverHelpTextPlacement,
+        disabled: e.disabled,
+        "test-id": e.testId,
         class: "dropdown-field-label"
       }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
-      c("div", h({
-        class: ["dropdown-trigger", [t.size, l(v), { open: t.open, disabled: t.disabled }]]
-      }, l(p)[l(f).BUTTON_WRAPPER], {
-        onClick: y[0] || (y[0] = (R) => b())
+      p("div", y({
+        class: ["dropdown-trigger", [e.size, l(k), { open: e.open, disabled: e.disabled }]]
+      }, l(u)[l(c).BUTTON_WRAPPER], {
+        onClick: h[0] || (h[0] = (U) => b())
       }), [
-        c("div", S, [
-          o.$slots.image || l(s) && t.optionImageKey ? (a(), d("div", x, [
-            i(o.$slots, "image", {}, () => [
-              t.optionImageKey ? (a(), d("img", {
+        p("div", N, [
+          a.$slots.image || l(i) && e.optionImageKey ? (o(), d("div", S, [
+            r(a.$slots, "image", {}, () => [
+              e.optionImageKey ? (o(), d("img", {
                 key: 0,
-                src: l(s)[t.optionImageKey]
-              }, null, 8, C)) : n("", !0)
+                src: l(i)[e.optionImageKey]
+              }, null, 8, P)) : n("", !0)
             ], !0)
           ])) : n("", !0),
-          o.$slots.flag || l(s) && t.optionFlagKey ? (a(), d("div", F, [
-            i(o.$slots, "flag", {}, () => [
-              t.optionFlagKey ? (a(), m(l(K), {
+          a.$slots.flag || l(i) && e.optionFlagKey ? (o(), d("div", C, [
+            r(a.$slots, "flag", {}, () => [
+              e.optionFlagKey ? (o(), T(l($), {
                 key: 0,
-                "country-code": l(s)[t.optionFlagKey]
+                "country-code": l(i)[e.optionFlagKey]
               }, null, 8, ["country-code"])) : n("", !0)
             ], !0)
           ])) : n("", !0),
-          o.$slots["icon-start"] || l(s) && t.optionIconKey ? (a(), d("div", P, [
-            i(o.$slots, "icon-start", {}, () => [
-              r(l(g), {
-                type: t.optionIconType,
-                name: l(s)[t.optionIconKey],
+          a.$slots["icon-start"] || l(i) && e.optionIconKey ? (o(), d("div", F, [
+            r(a.$slots, "icon-start", {}, () => [
+              s(l(m), {
+                type: e.optionIconType,
+                name: l(i)[e.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
           ])) : n("", !0),
-          t.statusDotType ? (a(), d("div", z, [
-            r(l(D), { type: t.statusDotType }, null, 8, ["type"])
+          e.statusDotType ? (o(), d("div", z, [
+            s(l(A), { type: e.statusDotType }, null, 8, ["type"])
           ])) : n("", !0),
-          i(o.$slots, "displayed-value", {}, () => [
-            r(l(w), h({ variant: "body1" }, l(p)[l(f).BUTTON_CONTENT], { class: "displayed-value" }), {
-              default: O(() => [
-                B($(l(k)), 1)
+          r(a.$slots, "displayed-value", {}, () => [
+            s(l(w), y({ variant: "body1" }, l(u)[l(c).BUTTON_CONTENT], { class: "displayed-value" }), {
+              default: g(() => [
+                x(B(l(O)), 1)
               ]),
               _: 1
             }, 16)
           ], !0)
         ]),
-        o.$slots["end-icon"] ? (a(), d("div", E, [
-          i(o.$slots, "end-icon", {}, void 0, !0)
+        e.inlineError && e.inlineErrorText ? (o(), d("div", H, [
+          s(l(E), y({
+            text: e.inlineErrorText,
+            placement: e.inlineErrorTextPlacement
+          }, l(u)[l(c).TOOLTIP]), {
+            default: g(() => [
+              s(l(m), {
+                name: "warning-circle",
+                size: "16px"
+              })
+            ]),
+            _: 1
+          }, 16, ["text", "placement"])
+        ])) : n("", !0),
+        a.$slots["end-icon"] ? (o(), d("div", L, [
+          r(a.$slots, "end-icon", {}, void 0, !0)
         ])) : n("", !0),
-        c("div", H, [
-          r(l(g), {
+        p("div", R, [
+          s(l(m), {
             name: "caret-down",
             size: "20px"
           })
@@ -131,5 +152,5 @@ const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
   }
 });
 export {
-  Q as default
+  Z as default
 };

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

@@ -22,6 +22,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     minSelections?: number;
     maxSelections?: number;
     alwaysShowScroll?: boolean;
+    inlineError?: boolean;
+    inlineErrorText?: string;
+    inlineErrorTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     isOnTop?: boolean;
     distance?: number;
     container?: string;
@@ -103,6 +106,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     minSelections: number;
     maxSelections: any;
     alwaysShowScroll: boolean;
+    inlineError: boolean;
+    inlineErrorText: string;
+    inlineErrorTextPlacement: string;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -176,6 +182,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     minSelections?: number;
     maxSelections?: number;
     alwaysShowScroll?: boolean;
+    inlineError?: boolean;
+    inlineErrorText?: string;
+    inlineErrorTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     isOnTop?: boolean;
     distance?: number;
     container?: string;
@@ -257,6 +266,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     minSelections: number;
     maxSelections: any;
     alwaysShowScroll: boolean;
+    inlineError: boolean;
+    inlineErrorText: string;
+    inlineErrorTextPlacement: string;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -320,6 +332,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     valueToCopy: string;
     selected: any;
     placeholder: string;
+    inlineError: boolean;
+    inlineErrorText: string;
+    inlineErrorTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     multi: boolean;
     infiniteLoading: boolean;
     showSelectAll: boolean;
@@ -406,6 +421,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             size: "small" | "medium" | "large";
             showAllSelectedText: boolean;
             allSelected: boolean;
+            inlineError: boolean;
+            inlineErrorText: string;
+            inlineErrorTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             onKeydown: (event: any) => void;
             onClick: () => void;
         };

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
 /* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_d3802d59_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const d = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d3802d59"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-526bf0a1"]]);
 export {
-  d as default
+  r as default
 };