@ironsource/shared-ui 2.0.0-test.9 → 2.0.1

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    testId?: string;
+}>, {
+    testId: string;
+}>, {}, 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<{
+    testId?: string;
+}>, {
+    testId: string;
+}>>>, {
+    testId: string;
+}>;
+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/IconButtonDropdownTrigger.vue.js

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

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

@@ -0,0 +1,19 @@
+ import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; import { defineComponent as t, openBlock as r, createBlock as n, unref as p, mergeProps as c } from "vue";
+import "../../button/v4/ButtonV4.vue.js";
+import m from "../../button/v4/IconButtonV4.vue.js";
+const i = /* @__PURE__ */ t({
+  __name: "IconButtonDropdownTrigger",
+  props: {
+    testId: { default: "" }
+  },
+  setup(o) {
+    const e = o;
+    return (s, u) => (r(), n(p(m), c({
+      "icon-name": "dots-three",
+      type: "bold"
+    }, e), null, 16));
+  }
+});
+export {
+  i as default
+};

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

@@ -0,0 +1,85 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    option?: unknown;
+    subtitle?: string;
+    disabled?: boolean;
+    selectedProp?: boolean;
+    isIndeterminate?: boolean;
+    selectAllOption?: boolean;
+    active?: boolean;
+    nameKey?: string;
+    imageKey?: string;
+    iconKey?: string;
+    iconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}>, {
+    subtitle: string;
+    disabled: boolean;
+    option: any;
+    isIndeterminate: boolean;
+    selectAllOption: boolean;
+    active: any;
+    nameKey: any;
+    imageKey: any;
+    iconKey: any;
+    iconType: any;
+}>, {}, 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<{
+    option?: unknown;
+    subtitle?: string;
+    disabled?: boolean;
+    selectedProp?: boolean;
+    isIndeterminate?: boolean;
+    selectAllOption?: boolean;
+    active?: boolean;
+    nameKey?: string;
+    imageKey?: string;
+    iconKey?: string;
+    iconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}>, {
+    subtitle: string;
+    disabled: boolean;
+    option: any;
+    isIndeterminate: boolean;
+    selectAllOption: boolean;
+    active: any;
+    nameKey: any;
+    imageKey: any;
+    iconKey: any;
+    iconType: any;
+}>>>, {
+    option: any;
+    disabled: boolean;
+    isIndeterminate: boolean;
+    subtitle: string;
+    selectAllOption: boolean;
+    active: boolean;
+    nameKey: string;
+    imageKey: string;
+    iconKey: string;
+    iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+}>, {
+    image?(_: {}): any;
+    "icon-start"?(_: {}): any;
+    default?(_: {}): any;
+}>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +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"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,112 @@
+ 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 "../../typography/Heading.vue.js";
+import N from "../../typography/Text.vue.js";
+import T from "../../checkbox/v4/CheckboxV4.vue.js";
+import v from "../../icon/v4/IconV4.vue.js";
+import { NOOP as V } from "@vue/shared";
+import { optionCommon as w } from "../common/Option.common.js";
+import x from "../../typography/v4/Typography.vue.js";
+const z = {
+  key: 1,
+  class: "image"
+}, O = ["src"], S = {
+  key: 2,
+  class: "start-icon"
+}, I = { class: "text-container" }, E = { key: 0 }, H = /* @__PURE__ */ $({
+  __name: "OptionV4",
+  props: {
+    option: { default: null },
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    selectedProp: { type: Boolean },
+    isIndeterminate: { type: Boolean, default: !1 },
+    selectAllOption: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: null },
+    nameKey: { default: null },
+    imageKey: { default: null },
+    iconKey: { default: null },
+    iconType: { default: null }
+  },
+  setup(e) {
+    const K = e, { selected: s, isMulti: c, id: C, onClick: B, api: u } = w(K);
+    return (i, a) => (n(), o("div", {
+      ref: "el",
+      class: y(["item-container", {
+        "item-container--disabled": e.disabled,
+        "item-container--active": e.nameKey ? !1 : e.active,
+        "item-container--selected": t(s),
+        "item-container--multi": t(c)
+      }])
+    }, [
+      d("div", {
+        class: y(["item", {
+          "item--multi": t(c),
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image
+        }])
+      }, [
+        t(c) ? (n(), k(t(T), {
+          key: 0,
+          id: t(C).toString(),
+          tabindex: "-1",
+          class: "checkbox",
+          size: "sm",
+          "is-checked": t(s),
+          "is-indeterminate": e.isIndeterminate && !e.option,
+          onClick: a[0] || (a[0] = (f) => e.disabled ? t(V)() : t(B)(f))
+        }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
+        i.$slots.image || e.imageKey ? (n(), o("div", z, [
+          m(i.$slots, "image", {}, () => [
+            e.imageKey ? (n(), o("img", {
+              key: 0,
+              src: e.option[e.imageKey]
+            }, null, 8, O)) : l("", !0)
+          ], !0)
+        ])) : l("", !0),
+        i.$slots["icon-start"] || e.iconKey ? (n(), o("div", S, [
+          m(i.$slots, "icon-start", {}, () => [
+            r(t(v), {
+              type: e.iconType,
+              name: e.option[e.iconKey],
+              size: "16px"
+            }, null, 8, ["type", "name"])
+          ], !0)
+        ])) : l("", !0),
+        d("div", I, [
+          r(t(x), { variant: "body2" }, {
+            default: b(() => [
+              m(i.$slots, "default", {}, () => [
+                g(h(e.option[e.nameKey]), 1)
+              ], !0)
+            ]),
+            _: 3
+          }),
+          e.subtitle ? (n(), k(t(N), {
+            key: 0,
+            class: "subtitle",
+            size: "xs"
+          }, {
+            default: b(() => [
+              g(h(e.subtitle), 1)
+            ]),
+            _: 1
+          })) : l("", !0)
+        ])
+      ], 2),
+      t(u).clearable && t(s) ? (n(), o("div", E, [
+        d("button", {
+          class: "clear-button",
+          onClick: a[1] || (a[1] = p((f) => t(u).clearSelection(), ["prevent", "stop"]))
+        }, [
+          r(t(v), {
+            name: "close",
+            width: "8",
+            height: 8
+          })
+        ])
+      ])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  H as default
+};