@ironsource/shared-ui 2.1.3-rc.2 → 2.1.3-rc.21

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

@@ -0,0 +1,36 @@
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; import { defineComponent as a, openBlock as l, createBlock as o, unref as i, normalizeClass as d } from "vue";
+import c from "../../button/v4/ButtonV4.vue.js";
+import "../../button/v4/IconButtonV4.vue.js";
+const I = /* @__PURE__ */ a({
+  __name: "ButtonDropdownTrigger",
+  props: {
+    label: null,
+    variant: { default: "outlined" },
+    size: { default: "medium" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    startIconName: { default: null },
+    startIconType: { default: "regular" },
+    hideEndIcon: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["click"],
+  setup(e, { emit: n }) {
+    return (r, t) => (l(), o(i(c), {
+      class: d(["button-trigger", { open: e.open }]),
+      disabled: e.disabled,
+      color: "default",
+      variant: e.variant,
+      size: e.size,
+      "start-icon-name": e.startIconName,
+      "start-icon-type": e.startIconType,
+      "end-icon-name": e.hideEndIcon ? null : "caret-down",
+      content: e.label,
+      "test-id": e.testId,
+      onClick: t[0] || (t[0] = (s) => n("click"))
+    }, null, 8, ["class", "disabled", "variant", "size", "start-icon-name", "start-icon-type", "end-icon-name", "content", "test-id"]));
+  }
+});
+export {
+  I as default
+};

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

@@ -0,0 +1,66 @@
+import { IconTypes } from '@/components/icon/v4/Icon.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    variant?: 'outlined' | 'text';
+    open?: boolean;
+    disabled?: boolean;
+    startIconName?: string;
+    startIconType?: IconTypes;
+    hideEndIcon?: boolean;
+    testId?: string;
+}>, {
+    variant: string;
+    open: boolean;
+    disabled: boolean;
+    startIconName: any;
+    startIconType: string;
+    hideEndIcon: boolean;
+    testId: 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<{
+    label: string;
+    variant?: 'outlined' | 'text';
+    open?: boolean;
+    disabled?: boolean;
+    startIconName?: string;
+    startIconType?: IconTypes;
+    hideEndIcon?: boolean;
+    testId?: string;
+}>, {
+    variant: string;
+    open: boolean;
+    disabled: boolean;
+    startIconName: any;
+    startIconType: string;
+    hideEndIcon: boolean;
+    testId: string;
+}>>> & {
+    onClick?: () => any;
+}, {
+    variant: 'outlined' | 'text';
+    disabled: boolean;
+    open: boolean;
+    testId: string;
+    startIconName: string;
+    startIconType: IconTypes;
+    hideEndIcon: boolean;
+}>;
+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/dropdown/v4/ButtonFilterDropdownTrigger.vue.js

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

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

@@ -0,0 +1,50 @@
+ import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
+import y from "../../typography/v4/Typography.vue.js";
+import s from "../../icon/v4/IconV4.vue.js";
+import { useTestIdAttrs as N } from "../../../utils/testIds.js";
+import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
+const h = /* @__PURE__ */ m({
+  __name: "ButtonFilterDropdownTrigger",
+  props: {
+    label: null,
+    variant: { default: "outlined" },
+    open: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    startIconName: { default: null },
+    startIconType: { default: "regular" },
+    hideEndIcon: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["click"],
+  setup(e, { emit: c }) {
+    const n = N(e.testId, o);
+    return (g, r) => (a(), u("div", l({
+      class: ["button-filter-dropdown-trigger", [e.variant, { disabled: e.disabled, open: e.open }]]
+    }, t(n)[t(o).BUTTON], {
+      onClick: r[0] || (r[0] = (k) => c("click"))
+    }), [
+      e.startIconName ? (a(), d(t(s), {
+        key: 0,
+        name: e.startIconName,
+        type: e.startIconType,
+        size: "16px",
+        class: "start-icon"
+      }, null, 8, ["name", "type"])) : i("", !0),
+      f(t(y), l({ variant: "chipLabel" }, t(n)[t(o).BUTTON_CONTENT]), {
+        default: p(() => [
+          I(T(e.label), 1)
+        ]),
+        _: 1
+      }, 16),
+      e.hideEndIcon ? i("", !0) : (a(), d(t(s), {
+        key: 1,
+        name: "caret-down",
+        size: "16px",
+        class: "end-icon"
+      }))
+    ], 16));
+  }
+});
+export {
+  h as default
+};

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

@@ -43,8 +43,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     open: boolean;
     testId: string;
-    displayedValue: any;
     feedbackVariant: string;
+    displayedValue: any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -110,19 +110,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     options: unknown[];
     singleAppSelection: boolean;
+    hoverHelpText: string;
+    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";
     placeholder: string;
+    feedbackText: string;
+    feedbackVariant: "success" | "warning" | "error";
     multi: boolean;
-    selectedOption: any;
-    brandIconType: "android" | "ios";
     optionNameKey: string;
-    optionImageKey: string;
     optionIconKey: string;
+    optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    hoverHelpText: string;
-    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: "success" | "warning" | "error";
+    selectedOption: any;
     showFeedbackIcon: boolean;
+    brandIconType: "android" | "ios";
     statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     image?(_: {}): any;

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_f0c4710f_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f0c4710f"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c3033d90"]]);
 export {
   p as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css"; import { defineComponent as I, 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 O, createTextVNode as x, toDisplayString as w } from "vue";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; import { defineComponent as I, 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 O, createTextVNode as x, toDisplayString as w } from "vue";
 import V from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
 import T from "../../icon/v4/IconV4.vue.js";

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

@@ -9,10 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading?: boolean;
     testId?: string;
     isOpen?: boolean;
-    options: unknown[] | {
-        id: string;
-        text: string;
-    }[];
+    options: unknown[];
     showSelectAll?: boolean;
     defaultOpen?: boolean;
     keepOpen?: boolean;
@@ -44,6 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy?: string;
+    disabledOptionKey?: string;
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
@@ -88,6 +86,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey: string;
     optionIconType: any;
     valueToCopy: any;
+    disabledOptionKey: string;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
@@ -110,10 +109,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading?: boolean;
     testId?: string;
     isOpen?: boolean;
-    options: unknown[] | {
-        id: string;
-        text: string;
-    }[];
+    options: unknown[];
     showSelectAll?: boolean;
     defaultOpen?: boolean;
     keepOpen?: boolean;
@@ -145,6 +141,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy?: string;
+    disabledOptionKey?: string;
     theme?: string;
     fullWidth?: boolean;
     optionsListWidth?: string;
@@ -189,6 +186,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey: string;
     optionIconType: any;
     valueToCopy: any;
+    disabledOptionKey: string;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
@@ -212,37 +210,45 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selected: any;
     modelValue: any;
     placeholder: string;
-    isOnTop: boolean;
     multi: boolean;
-    inlineSearch: boolean;
-    noResultsText: string;
     showSelectAll: boolean;
     defaultOpen: boolean;
-    skidding: number;
-    onSearch: (option: any, term: string) => boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
-    valueToCopy: string;
-    optionNameKey: string;
-    optionImageKey: string;
-    optionIconKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    onClear: () => void;
-    inlineSearchPlaceholder: string;
+    isOnTop: boolean;
+    skidding: number;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: "success" | "warning" | "error";
     triggerFeedbackShowIcon: boolean;
-    searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+    inlineSearch: boolean;
+    inlineSearchPlaceholder: string;
+    onSearch: (option: any, term: string) => boolean;
+    noResultsText: string;
+    searchAutoFocus: boolean;
+    onClear: () => void;
+    optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    valueToCopy: string;
+    disabledOptionKey: string;
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     label?(_: {}): any;
-    "dropdown-trigger"?(_: {}): any;
+    "dropdown-trigger"?(_: {
+        buttonTriggerProps: {
+            open: boolean;
+            disabled: boolean;
+            label: any;
+            onClick: () => void;
+        };
+    }): any;
     "input-list"?(_: {
         open: true;
     }): any;
@@ -250,6 +256,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         option: unknown;
         selected: boolean;
         active: boolean;
+        disabled: any;
     }): any;
 }>;
 export default _default;

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_78c1497e_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-78c1497e"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-24014c62"]]);
 export {
   r as default
 };