@ironsource/shared-ui 1.4.2-rc.6 → 1.4.2-test.0

package/components/dropdown/Option.vue.d.ts

@@ -1,53 +1,74 @@
-declare const _default: 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;
-}>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    option: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isIndeterminate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selectedProp: {
+        type: import("vue").PropType<boolean>;
+    };
+    selectAllOption: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isIndeterminate: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selectedProp: {
+        type: import("vue").PropType<boolean>;
+    };
+    selectAllOption: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+        default: 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/dropdown/Option.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./Option.vue.vue2.js";
+/* empty css                 */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7b8e16fd"]]);
+export {
+  m as default
+};

package/components/dropdown/Option.vue.vue2.js

@@ -0,0 +1,101 @@
+import { defineComponent as M, ref as x, onMounted as I, onUnmounted as N, computed as m, toRaw as p, openBlock as l, createElementBlock as r, normalizeClass as k, unref as e, createElementVNode as f, createBlock as y, createCommentVNode as s, renderSlot as v, createVNode as O, withCtx as h, createTextVNode as z, toDisplayString as A, withModifiers as P } from "vue";
+/* empty css                              */import g from "../typography/Text.vue.vue.js";
+import { useDropdownContext as S, Mode as C } from "./DropdownContext.vue.js";
+import { useId as V } from "../../composables/useId.vue.js";
+import D from "../checkbox/Checkbox.vue.vue.js";
+import E from "../icon/Icon.vue.vue.js";
+import { NOOP as R } from "@vue/shared";
+const T = {
+  key: 1,
+  class: "image"
+}, U = {
+  key: 2,
+  class: "start-icon"
+}, j = { class: "text-container" }, q = { key: 0 }, X = /* @__PURE__ */ M({
+  __name: "Option",
+  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(n) {
+    const i = n, t = S("Option"), d = V().value, B = x(null), $ = (o) => {
+      i.selectAllOption ? o.stopPropagation() : t.select(i.option);
+    };
+    I(() => t.registerOption(d, i.disabled, !!i.subtitle)), N(() => {
+      t.unRegisterOption(d);
+    });
+    const c = m(() => t.mode === C.Multi), w = m(() => i.active !== null ? i.active : t.activeIndex.value !== null ? t.activeOption.value === i.option : !1), u = m(() => i.selectedProp ? !0 : t.mode === C.Multi && Array.isArray(t.selectedOption.value) ? p(t.selectedOption.value.includes(i.option)) : p(t.selectedOption.value) === p(i.option));
+    return (o, a) => (l(), r("div", {
+      ref_key: "el",
+      ref: B,
+      class: k(["item-container", {
+        "item-container--disabled": n.disabled,
+        "item-container--active": e(w),
+        "item-container--selected": e(u),
+        "item-container--multi": e(c)
+      }])
+    }, [
+      f("div", {
+        class: k(["item", {
+          "item--multi": e(c),
+          "item--with-icon": o.$slots["icon-start"] || o.$slots.image
+        }])
+      }, [
+        e(c) ? (l(), y(e(D), {
+          key: 0,
+          id: e(d).toString(),
+          tabindex: "-1",
+          class: "checkbox",
+          size: "sm",
+          "is-checked": e(u),
+          "is-indeterminate": n.isIndeterminate && !n.option,
+          onClick: a[0] || (a[0] = (b) => n.disabled ? e(R)() : $(b))
+        }, null, 8, ["id", "is-checked", "is-indeterminate"])) : s("", !0),
+        o.$slots.image ? (l(), r("div", T, [
+          v(o.$slots, "image", {}, void 0, !0)
+        ])) : s("", !0),
+        o.$slots["icon-start"] ? (l(), r("div", U, [
+          v(o.$slots, "icon-start", {}, void 0, !0)
+        ])) : s("", !0),
+        f("div", j, [
+          O(e(g), { size: "sm" }, {
+            default: h(() => [
+              v(o.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }),
+          n.subtitle ? (l(), y(e(g), {
+            key: 0,
+            class: "subtitle",
+            size: "xs"
+          }, {
+            default: h(() => [
+              z(A(n.subtitle), 1)
+            ]),
+            _: 1
+          })) : s("", !0)
+        ])
+      ], 2),
+      e(t).clearable && e(u) ? (l(), r("div", q, [
+        f("button", {
+          class: "clear-button",
+          onClick: a[1] || (a[1] = P((b) => e(t).clearSelection(), ["prevent", "stop"]))
+        }, [
+          O(e(E), {
+            name: "close",
+            width: "8",
+            height: 8
+          })
+        ])
+      ])) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  X as default
+};

package/components/dropdown/SearchInput.vue.d.ts

@@ -1,2 +1,15 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+    default?(_: {
+        inputRef: HTMLInputElement;
+        disabled: boolean;
+        change: (event: any) => void;
+        placeholder: string;
+    }): any;
+    prefix?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/dropdown/SearchInput.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./SearchInput.vue.vue2.js";
+/* empty css                      */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b52011c8"]]);
+export {
+  c as default
+};

package/components/dropdown/SearchInput.vue.vue2.js

@@ -0,0 +1,80 @@
+import { defineComponent as I, useSlots as x, ref as v, onMounted as z, computed as a, watch as V, renderSlot as f, unref as t, createElementVNode as m, normalizeClass as s, openBlock as u, createElementBlock as $, createCommentVNode as i, createVNode as O, withCtx as A, createBlock as h } from "vue";
+import { useDropdownContext as B, Mode as b } from "./DropdownContext.vue.js";
+import g from "../icon/Icon.vue.vue.js";
+import E from "../button/IconButton.vue.vue.js";
+const M = {
+  key: 0,
+  class: "prefix"
+}, S = ["disabled", "placeholder"], R = /* @__PURE__ */ I({
+  __name: "SearchInput",
+  setup(F) {
+    const e = B("searchInput"), y = x(), l = v(null), r = v();
+    z(() => {
+      e.registerInput(l);
+    });
+    const c = (n) => {
+      e.toggle(!0), e.search(n.target.value);
+    }, C = a(() => !e.open.value && y.prefix && !Array.isArray(e.selectedOption.value) && e.selectedOption.value), d = a(() => e.mode === b.Multi && Array.isArray(e.selectedOption.value) && e.selectedOption.value.length ? `${e.selectedOption.value.length} selected` : e.open.value && e.selectedValue.value ? e.selectedValue.value : e.placeholder), p = a(() => e.query.value !== "" || e.selectedValue.value);
+    V(e.open, (n) => {
+      n && l.value.focus(), e.mode !== b.Multi && (!n || !l.value || (l.value.value = ""));
+    });
+    const k = a(() => p.value ? "cancel" : "search-bold"), _ = () => {
+      e.clearSelection(), l.value.focus();
+    };
+    return (n, o) => f(n.$slots, "default", {
+      inputRef: l.value,
+      disabled: t(e).disabled,
+      change: c,
+      placeholder: t(d)
+    }, () => [
+      m("div", {
+        class: s(["container", {
+          "container--open": t(e).open.value,
+          "container--disabled": t(e).disabled,
+          [`container--${t(e).size}`]: !0,
+          focused: r.value
+        }])
+      }, [
+        t(C) ? (u(), $("div", M, [
+          f(n.$slots, "prefix", {}, void 0, !0)
+        ])) : i("", !0),
+        m("input", {
+          ref_key: "inputEl",
+          ref: l,
+          disabled: t(e).disabled,
+          class: s(["input", { "input--disabled": t(e).disabled }]),
+          placeholder: t(d),
+          onFocusin: o[0] || (o[0] = (w) => r.value = !0),
+          onFocusout: o[1] || (o[1] = (w) => r.value = !1),
+          onInput: c
+        }, null, 42, S),
+        O(E, {
+          variant: "colorized",
+          size: "sm",
+          theme: "secondary",
+          class: s(["search-right-icon", { "search-right-icon-clear": t(p) }]),
+          disabled: t(e).disabled
+        }, {
+          default: A(() => [
+            t(e).open.value ? i("", !0) : (u(), h(t(g), {
+              key: 0,
+              "font-size": "sm",
+              class: "angle-down",
+              name: "angle-down"
+            })),
+            t(e).open.value ? (u(), h(t(g), {
+              key: 1,
+              "font-size": "sm",
+              name: t(k),
+              onClick: _
+            }, null, 8, ["name"])) : i("", !0)
+          ]),
+          _: 1
+        }, 8, ["disabled", "class"])
+      ], 2)
+    ], !0);
+  }
+});
+export {
+  R as default
+};