@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.5

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

@@ -0,0 +1,65 @@
+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;
+}>, {
+    subtitle: string;
+    disabled: boolean;
+    option: any;
+    isIndeterminate: boolean;
+    selectAllOption: boolean;
+    active: 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;
+}>, {
+    subtitle: string;
+    disabled: boolean;
+    option: any;
+    isIndeterminate: boolean;
+    selectAllOption: boolean;
+    active: any;
+}>>>, {
+    option: any;
+    disabled: boolean;
+    isIndeterminate: boolean;
+    subtitle: string;
+    selectAllOption: boolean;
+    active: boolean;
+}>, {
+    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 e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b879fe79_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b879fe79"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,95 @@
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b879fe79_lang.css"; import { defineComponent as C, openBlock as o, createElementBlock as n, normalizeClass as f, unref as e, createElementVNode as d, createBlock as p, createCommentVNode as l, renderSlot as c, createVNode as b, withCtx as k, createTextVNode as g, toDisplayString as B, withModifiers as $ } from "vue";
+import "../../typography/Heading.vue.js";
+import N from "../../typography/Text.vue.js";
+import V from "../../checkbox/Checkbox.vue.js";
+import w from "../../icon/v4/IconV4.vue.js";
+import { NOOP as O } from "@vue/shared";
+import { optionCommon as S } from "../common/Option.common.js";
+import x from "../../typography/v4/Typography.vue.js";
+const z = {
+  key: 1,
+  class: "image"
+}, I = {
+  key: 2,
+  class: "start-icon"
+}, T = { class: "text-container" }, E = { key: 0 }, H = /* @__PURE__ */ C({
+  __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 }
+  },
+  setup(t) {
+    const v = t, { selected: a, isMulti: r, id: y, onClick: h, api: m } = S(v);
+    return (i, s) => (o(), n("div", {
+      ref: "el",
+      class: f(["item-container", {
+        "item-container--disabled": t.disabled,
+        "item-container--active": t.active,
+        "item-container--selected": e(a),
+        "item-container--multi": e(r)
+      }])
+    }, [
+      d("div", {
+        class: f(["item", {
+          "item--multi": e(r),
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image
+        }])
+      }, [
+        e(r) ? (o(), p(e(V), {
+          key: 0,
+          id: e(y).toString(),
+          tabindex: "-1",
+          class: "checkbox",
+          size: "sm",
+          "is-checked": e(a),
+          "is-indeterminate": t.isIndeterminate && !t.option,
+          onClick: s[0] || (s[0] = (u) => t.disabled ? e(O)() : e(h)(u))
+        }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
+        i.$slots.image ? (o(), n("div", z, [
+          c(i.$slots, "image", {}, void 0, !0)
+        ])) : l("", !0),
+        i.$slots["icon-start"] ? (o(), n("div", I, [
+          c(i.$slots, "icon-start", {}, void 0, !0)
+        ])) : l("", !0),
+        d("div", T, [
+          b(e(x), { variant: "body2" }, {
+            default: k(() => [
+              c(i.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }),
+          t.subtitle ? (o(), p(e(N), {
+            key: 0,
+            class: "subtitle",
+            size: "xs"
+          }, {
+            default: k(() => [
+              g(B(t.subtitle), 1)
+            ]),
+            _: 1
+          })) : l("", !0)
+        ])
+      ], 2),
+      e(m).clearable && e(a) ? (o(), n("div", E, [
+        d("button", {
+          class: "clear-button",
+          onClick: s[1] || (s[1] = $((u) => e(m).clearSelection(), ["prevent", "stop"]))
+        }, [
+          b(e(w), {
+            name: "close",
+            width: "8",
+            height: 8
+          })
+        ])
+      ])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  H as default
+};