@ironsource/shared-ui 2.0.0-rc.1 → 2.0.0-rc.2

package/components/dropdown/common/DropdownContext.vue.js

@@ -1,29 +1,21 @@
-import { inject } from 'vue';
-
-var Mode = /* @__PURE__ */ ((Mode2) => {
-  Mode2[Mode2["Multi"] = 0] = "Multi";
-  Mode2[Mode2["Single"] = 1] = "Single";
-  return Mode2;
-})(Mode || {});
-var Type = /* @__PURE__ */ ((Type2) => {
-  Type2[Type2["Search"] = 0] = "Search";
-  Type2[Type2["Dropdown"] = 1] = "Dropdown";
-  return Type2;
-})(Type || {});
-const DropdownContext = Symbol(
+import { inject as t } from "vue";
+var e = /* @__PURE__ */ ((r) => (r[r.Multi = 0] = "Multi", r[r.Single = 1] = "Single", r))(e || {}), c = /* @__PURE__ */ ((r) => (r[r.Search = 0] = "Search", r[r.Dropdown = 1] = "Dropdown", r))(c || {});
+const a = Symbol(
   "DropdownContext"
 );
-function useDropdownContext(component) {
-  const context = inject(DropdownContext, null);
-  if (context === null) {
-    const err = new Error(
-      `<${component} /> is missing a parent <Dropdown /> component.`
+function i(r) {
+  const n = t(a, null);
+  if (n === null) {
+    const o = new Error(
+      `<${r} /> is missing a parent <Dropdown /> component.`
     );
-    if (Error.captureStackTrace)
-      Error.captureStackTrace(err, useDropdownContext);
-    throw err;
+    throw Error.captureStackTrace && Error.captureStackTrace(o, i), o;
   }
-  return context;
+  return n;
 }
-
-export { DropdownContext, Mode, Type, useDropdownContext };
+export {
+  a as DropdownContext,
+  e as Mode,
+  c as Type,
+  i as useDropdownContext
+};

package/components/dropdown/common/Label.vue.d.ts

@@ -1,2 +1,9 @@
-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?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/dropdown/common/Label.vue.vue.js

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

package/components/dropdown/common/Label.vue.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as n, openBlock as l, createElementBlock as d, unref as e, normalizeClass as m, createVNode as c, withCtx as o, renderSlot as i, createBlock as u, createTextVNode as f, createCommentVNode as p } from "vue";
+/* empty css                                 */import a from "../../typography/Text.vue.vue.js";
+import { useDropdownContext as b } from "./DropdownContext.vue.js";
+import { useId as _ } from "../../../composables/useId.vue.js";
+const h = /* @__PURE__ */ n({
+  __name: "Label",
+  setup(x) {
+    const r = `is-system-label-${_().value}`, t = b("label");
+    return (s, C) => (l(), d("label", {
+      id: r,
+      ref: e(t).labelRef,
+      class: m(["label", { "label--disabled": e(t).disabled }])
+    }, [
+      c(e(a), null, {
+        default: o(() => [
+          i(s.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }),
+      e(t).mandatory ? (l(), u(e(a), {
+        key: 0,
+        size: "lg",
+        class: "mandatory"
+      }, {
+        default: o(() => [
+          f("*")
+        ]),
+        _: 1
+      })) : p("", !0)
+    ], 2));
+  }
+});
+export {
+  h as default
+};

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

@@ -1,5 +1,5 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    option?: unknown;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    option?: any;
     subtitle?: string;
     disabled?: boolean;
     selectedProp?: boolean;
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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;
+    option?: any;
     subtitle?: string;
     disabled?: boolean;
     selectedProp?: boolean;
@@ -35,6 +35,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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;
@@ -47,7 +51,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[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/common/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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d9b9102"]]);
+export {
+  _ as default
+};

package/components/dropdown/common/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/common/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/common/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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2fb7762f"]]);
+export {
+  a as default
+};

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

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

package/components/dropdown/v3/Dropdown.vue.d.ts

@@ -1,6 +1,6 @@
 import { Placement } from 'floating-vue';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: unknown | unknown[] | Record<string, unknown>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: unknown;
     placeholder?: string;
     disabled?: boolean;
     mandatory?: boolean;
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     popperClass?: string;
     noResultsText?: string;
     loading?: boolean;
-    selected?: unknown | unknown[];
+    selected?: unknown;
     showSelectAll?: boolean;
     defaultOpen?: boolean;
     showButtonOnOpen?: boolean;
@@ -24,9 +24,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: Placement;
     clearable?: boolean;
     error?: string;
-    size?: 'sm' | 'lg';
+    size?: "sm" | "lg";
     displayValue: (option: unknown) => string;
-    options: unknown[];
+    options: any[];
     onSearch?: (option: any, term: string) => boolean;
     theme?: string;
     container?: string;
@@ -80,16 +80,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     scrollTo: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
-} & {
     "update:isOpen": (value: unknown) => void;
-} & {
     closed: () => void;
-} & {
     opened: () => void;
-} & {
     apply: (value: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: unknown | unknown[] | Record<string, unknown>;
+    modelValue?: unknown;
     placeholder?: string;
     disabled?: boolean;
     mandatory?: boolean;
@@ -102,7 +98,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     popperClass?: string;
     noResultsText?: string;
     loading?: boolean;
-    selected?: unknown | unknown[];
+    selected?: unknown;
     showSelectAll?: boolean;
     defaultOpen?: boolean;
     showButtonOnOpen?: boolean;
@@ -113,9 +109,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: Placement;
     clearable?: boolean;
     error?: string;
-    size?: 'sm' | 'lg';
+    size?: "sm" | "lg";
     displayValue: (option: unknown) => string;
-    options: unknown[];
+    options: any[];
     onSearch?: (option: any, term: string) => boolean;
     theme?: string;
     container?: string;
@@ -165,38 +161,38 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     darkTheme: boolean;
     valueToCopy: string;
 }>>> & {
-    "onUpdate:selected"?: (value: unknown) => any;
     onApply?: (value: unknown) => any;
+    "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
     title: string;
     theme: string;
-    size: 'sm' | 'lg';
+    size: "sm" | "lg";
     testId: string;
     error: string;
     placement: Placement;
     disabled: boolean;
+    container: string;
     selected: any;
     modelValue: any;
     placeholder: string;
-    multi: boolean;
+    mandatory: boolean;
+    helperText: string;
     searchPlaceholder: string;
+    isOnTop: boolean;
+    multi: boolean;
+    inlineSearch: boolean;
     popperClass: string;
-    mandatory: boolean;
+    noResultsText: string;
+    defaultOpen: boolean;
     showButtonOnOpen: boolean;
-    inlineSearch: boolean;
-    isOnTop: boolean;
+    autoFocus: boolean;
     distance: number;
     skidding: number;
-    noResultsText: string;
-    autoFocus: boolean;
-    defaultOpen: boolean;
     clearable: boolean;
     onSearch: (option: any, term: string) => boolean;
-    helperText: string;
-    container: string;
     flip: boolean;
     keepOpen: boolean;
     autoSize: boolean;
@@ -205,6 +201,22 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     multiOptionsPlaceholderSuffix: string;
     darkTheme: boolean;
     valueToCopy: string;
+}>, {
+    label?(_: {}): any;
+    input?(_: {
+        open: boolean;
+        value: any;
+        disabled: boolean;
+    }): any;
+    image?(_: {}): any;
+    "input-list"?(_: {
+        open: true;
+    }): any;
+    default?(_: {
+        option: any;
+        selected: boolean;
+        active: boolean;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -217,7 +229,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[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/v3/Dropdown.vue.vue.js

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