@ironsource/shared-ui 2.1.1 → 2.1.2

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

@@ -1,17 +1,21 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css"; import { defineComponent as v, computed as s, openBlock as a, createElementBlock as i, Fragment as I, createBlock as m, createCommentVNode as n, createElementVNode as r, mergeProps as y, unref as l, renderSlot as h, createVNode as c, withCtx as x, createTextVNode as V, toDisplayString as B } from "vue";
-import A from "../../typography/v4/Typography.vue.js";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css"; import { defineComponent as O, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as I, createTextVNode as x, toDisplayString as V } from "vue";
+import B from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import g from "../../icon/v4/IconV4.vue.js";
-import N from "../../shared/FieldLabel.vue.js";
-import w from "../../shared/FieldHelpText.vue.js";
-import { useTestIdAttrs as K } from "../../../utils/testIds.js";
-const $ = { class: "content" }, C = {
+import T from "../../icon/v4/IconV4.vue.js";
+import w from "../../shared/FieldLabel.vue.js";
+import D from "../../shared/FieldHelpText.vue.js";
+import { useTestIdAttrs as A } from "../../../utils/testIds.js";
+import N from "../../statusDot/StatusDot.vue.js";
+const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
   key: 0,
   class: "image"
-}, D = ["src"], H = {
+}, H = ["src"], P = {
   key: 1,
   class: "start-icon"
-}, P = { class: "caret-down" }, W = /* @__PURE__ */ v({
+}, S = {
+  key: 2,
+  class: "status-dot"
+}, z = { class: "caret-down" }, G = /* @__PURE__ */ O({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -35,15 +39,16 @@ const $ = { class: "content" }, C = {
     optionNameKey: { default: null },
     optionImageKey: { default: null },
     optionIconKey: { default: null },
-    optionIconType: { default: null }
+    optionIconType: { default: null },
+    statusDotType: { default: null }
   },
   emits: ["click"],
-  setup(t, { emit: T }) {
-    const e = t, b = s(
+  setup(t, { emit: g }) {
+    const e = t, b = r(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), k = () => {
-      T("click");
-    }, f = K(e.testId, u), O = s(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `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), o = s(() => {
+      g("click");
+    }, f = A(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `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), d = r(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -51,8 +56,8 @@ const $ = { class: "content" }, C = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     });
-    return (d, p) => (a(), i(I, null, [
-      t.label ? (a(), m(N, {
+    return (i, p) => (a(), n("div", K, [
+      t.label ? (a(), m(w, {
         key: 0,
         label: t.label,
         mandatory: t.mandatory,
@@ -61,54 +66,57 @@ const $ = { class: "content" }, C = {
         disabled: t.disabled,
         "test-id": t.testId,
         class: "dropdown-field-label"
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
-      r("div", y({
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : o("", !0),
+      c("div", y({
         class: ["dropdown-trigger", [t.size, l(b), { open: t.open, disabled: t.disabled }]]
       }, l(f)[l(u).BUTTON_WRAPPER], {
-        onClick: p[0] || (p[0] = (z) => k())
+        onClick: p[0] || (p[0] = (E) => k())
       }), [
-        r("div", $, [
-          d.$slots.image || l(o) && t.optionImageKey ? (a(), i("div", C, [
-            h(d.$slots, "image", {}, () => [
-              t.optionImageKey ? (a(), i("img", {
+        c("div", $, [
+          i.$slots.image || l(d) && t.optionImageKey ? (a(), n("div", C, [
+            h(i.$slots, "image", {}, () => [
+              t.optionImageKey ? (a(), n("img", {
                 key: 0,
-                src: l(o)[t.optionImageKey]
-              }, null, 8, D)) : n("", !0)
+                src: l(d)[t.optionImageKey]
+              }, null, 8, H)) : o("", !0)
             ], !0)
-          ])) : n("", !0),
-          d.$slots["icon-start"] || l(o) && t.optionIconKey ? (a(), i("div", H, [
-            h(d.$slots, "icon-start", {}, () => [
-              c(l(g), {
+          ])) : o("", !0),
+          i.$slots["icon-start"] || l(d) && t.optionIconKey ? (a(), n("div", P, [
+            h(i.$slots, "icon-start", {}, () => [
+              s(l(T), {
                 type: t.optionIconType,
-                name: l(o)[t.optionIconKey],
+                name: l(d)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : n("", !0),
-          c(l(A), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: x(() => [
-              V(B(l(O)), 1)
+          ])) : o("", !0),
+          t.statusDotType ? (a(), n("div", S, [
+            s(l(N), { type: t.statusDotType }, null, 8, ["type"])
+          ])) : o("", !0),
+          s(l(B), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: I(() => [
+              x(V(l(v)), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        r("div", P, [
-          c(l(g), {
+        c("div", z, [
+          s(l(T), {
             name: "caret-down",
             size: "20px"
           })
         ])
       ], 16),
-      t.feedbackText ? (a(), m(w, {
+      t.feedbackText ? (a(), m(D, {
         key: 1,
         text: t.feedbackText,
         variant: t.feedbackVariant,
         "test-id": t.testId,
         class: "dropdown-field-help-text"
-      }, null, 8, ["text", "variant", "test-id"])) : n("", !0)
-    ], 64));
+      }, null, 8, ["text", "variant", "test-id"])) : o("", !0)
+    ]));
   }
 });
 export {
-  W as default
+  G as default
 };

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

@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerHelperText?: string;
     triggerFeedbackText?: string;
     triggerFeedbackVariant?: "success" | "warning" | "error";
-    size?: "sm" | "lg";
+    size?: "small" | "medium" | "large";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
     inlineSearch?: boolean;
@@ -46,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
+    statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -73,6 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     testId: string;
+    showSelectAll: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -86,6 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     valueToCopy: any;
     fullWidth: boolean;
     optionsListWidth: any;
+    statusType: any;
 }>, {
     selectItem: (option: any, index?: number) => void;
     scrollTo: (index: number) => void;
@@ -124,7 +127,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerHelperText?: string;
     triggerFeedbackText?: string;
     triggerFeedbackVariant?: "success" | "warning" | "error";
-    size?: "sm" | "lg";
+    size?: "small" | "medium" | "large";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
     inlineSearch?: boolean;
@@ -142,6 +145,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
+    statusType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     multi: boolean;
     inlineSearchPlaceholder: string;
@@ -169,6 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     testId: string;
+    showSelectAll: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -182,6 +187,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     valueToCopy: any;
     fullWidth: boolean;
     optionsListWidth: any;
+    statusType: any;
 }>>> & {
     onApply?: (value: unknown) => any;
     "onUpdate:selected"?: (value: unknown) => any;
@@ -191,7 +197,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     theme: string;
     disabled: boolean;
-    size: "sm" | "lg";
+    size: "small" | "medium" | "large";
     flip: boolean;
     mandatory: boolean;
     testId: string;
@@ -206,6 +212,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     multi: boolean;
     inlineSearch: boolean;
     noResultsText: string;
+    showSelectAll: boolean;
     defaultOpen: boolean;
     skidding: number;
     onSearch: (option: any, term: string) => boolean;
@@ -227,6 +234,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     fullWidth: boolean;
     optionsListWidth: string;
+    statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     label?(_: {}): any;
     "dropdown-trigger"?(_: {}): any;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
 /* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_19f8fedd_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-19f8fedd"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-258b9f7e"]]);
 export {
-  d as default
+  r as default
 };