@ironsource/shared-ui 1.4.2-test.19 → 1.4.2-test.2

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,93 +1,6 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-import Text from '../typography/Text.vue.js';
-import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
-import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
-/* empty css                                                                   */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["value", "placeholder"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AutocompleteInput",
-  props: {
-    value: { default: () => [] },
-    displayValue: { type: Function, default: (option) => option.toString() },
-    placeholder: { default: DEFAULT_PLACEHOLDER }
-  },
-  emits: ["remove", "search"],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const api = useDropdownContext("autocompleteInput");
-    const inputEl = ref(null);
-    const isOpen = computed(() => api.open.value);
-    const getOptionLabel = (option) => props.displayValue(option);
-    function onContainerClick() {
-      api.toggle(true);
-      focusInput();
-    }
-    const onSearch = (event) => {
-      const { value } = event.target;
-      api.toggle(true);
-      api.search(value);
-    };
-    function removeOption(option) {
-      emit("remove", option);
-      if (isOpen.value) {
-        focusInput();
-      }
-    }
-    watch(api.query, (value) => {
-      emit("search", value);
-    });
-    function focusInput() {
-      inputEl.value?.focus();
-    }
-    expose({
-      focusInput
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
-        onClick: withModifiers(onContainerClick, ["stop"])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "autocomplete-input__option"
-          }, [
-            renderSlot(_ctx.$slots, "option", { option }, () => [
-              createVNode(Text, {
-                size: "sm",
-                "is-truncated": ""
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(getOptionLabel(option)), 1)
-                ]),
-                _: 2
-              }, 1024)
-            ], true),
-            createVNode(unref(Icon), {
-              class: "autocomplete-input__close-icon",
-              name: "close-bold",
-              "font-size": "sm",
-              onClick: withModifiers(($event) => removeOption(option), ["stop"])
-            }, null, 8, ["onClick"])
-          ]);
-        }), 128)),
-        createElementVNode("input", {
-          ref_key: "inputEl",
-          ref: inputEl,
-          class: "autocomplete-input__search-field",
-          type: "text",
-          value: unref(api).query.value,
-          placeholder: __props.placeholder,
-          onInput: onSearch
-        }, null, 40, _hoisted_2)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e10ff6d"]]);
-
-export { AutocompleteInput as default };
+import o from "./AutocompleteInput.vue2.js";
+/* empty css                        */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-171b1615"]]);
+export {
+  e as default
+};

package/components/autocompleteDropdown/AutocompleteInput.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent as y, ref as E, computed as x, watch as I, openBlock as u, createElementBlock as c, normalizeClass as L, unref as a, withModifiers as m, Fragment as V, renderList as w, renderSlot as D, createVNode as d, withCtx as O, createTextVNode as S, toDisplayString as z, createElementVNode as A } from "vue";
+import F from "../icon/Icon.vue.js";
+import N from "../typography/Text.vue.js";
+import { useDropdownContext as T } from "../dropdown/DropdownContext.js";
+import { DEFAULT_PLACEHOLDER as b } from "./consts.js";
+const q = ["onClick"], B = ["value", "placeholder"], j = /* @__PURE__ */ y({
+  __name: "AutocompleteInput",
+  props: {
+    value: { default: () => [] },
+    displayValue: { type: Function, default: (o) => o.toString() },
+    placeholder: { default: b }
+  },
+  emits: ["remove", "search"],
+  setup(o, { expose: f, emit: r }) {
+    const h = o, t = T("autocompleteInput"), s = E(null), i = x(() => t.open.value), v = (e) => h.displayValue(e);
+    function _() {
+      t.toggle(!0), n();
+    }
+    const C = (e) => {
+      const { value: p } = e.target;
+      t.toggle(!0), t.search(p);
+    };
+    function g(e) {
+      r("remove", e), i.value && n();
+    }
+    I(t.query, (e) => {
+      r("search", e);
+    });
+    function n() {
+      s.value?.focus();
+    }
+    return f({
+      focusInput: n
+    }), (e, p) => (u(), c("div", {
+      class: L(["autocomplete-input", { "autocomplete-input--focused": a(i) }]),
+      onClick: m(_, ["stop"])
+    }, [
+      (u(!0), c(V, null, w(o.value, (l, k) => (u(), c("div", {
+        key: k,
+        class: "autocomplete-input__option"
+      }, [
+        D(e.$slots, "option", { option: l }, () => [
+          d(N, {
+            size: "sm",
+            "is-truncated": ""
+          }, {
+            default: O(() => [
+              S(z(v(l)), 1)
+            ]),
+            _: 2
+          }, 1024)
+        ], !0),
+        d(a(F), {
+          class: "autocomplete-input__close-icon",
+          name: "close-bold",
+          "font-size": "sm",
+          onClick: m(($) => g(l), ["stop"])
+        }, null, 8, ["onClick"])
+      ]))), 128)),
+      A("input", {
+        ref_key: "inputEl",
+        ref: s,
+        class: "autocomplete-input__search-field",
+        type: "text",
+        value: a(t).query.value,
+        placeholder: o.placeholder,
+        onInput: C
+      }, null, 40, B)
+    ], 10, q));
+  }
+});
+export {
+  j as default
+};

package/components/autocompleteDropdown/GroupOption.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/autocompleteDropdown/GroupOption.vue.js

@@ -1,42 +1,6 @@
-import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, withModifiers, unref, createVNode, withCtx, renderSlot } from 'vue';
-import { NOOP } from '@vue/shared';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
-import { useId } from '../../composables/useId.vue.js';
-/* empty css                                                             */
-import "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "GroupOption",
-  setup(__props) {
-    const api = useDropdownContext("GroupOption");
-    const id = useId().value;
-    const el = ref(null);
-    onMounted(() => api.registerOption(id, true, false));
-    onUnmounted(() => api.unRegisterOption(id));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: "group-option",
-        onClick: _cache[0] || (_cache[0] = withModifiers(
-          (...args) => unref(NOOP) && unref(NOOP)(...args),
-          ["stop"]
-        ))
-      }, [
-        createVNode(unref(Text), {
-          size: "md",
-          strong: ""
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ]),
-          _: 3
-        })
-      ], 512);
-    };
-  }
-});
-var GroupOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-76680bfa"]]);
-
-export { GroupOption as default };
+import o from "./GroupOption.vue2.js";
+/* empty css                  */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7ca2cd83"]]);
+export {
+  c as default
+};

package/components/autocompleteDropdown/GroupOption.vue2.js

@@ -0,0 +1,34 @@
+import { defineComponent as u, ref as m, onMounted as f, onUnmounted as l, openBlock as d, createElementBlock as a, withModifiers as c, unref as o, createVNode as _, withCtx as O, renderSlot as g } from "vue";
+import { NOOP as n } from "@vue/shared";
+/* empty css                          */import k from "../typography/Text.vue.js";
+import { useDropdownContext as x } from "../dropdown/DropdownContext.js";
+import { useId as C } from "../../composables/useId.js";
+const y = /* @__PURE__ */ u({
+  __name: "GroupOption",
+  setup(v) {
+    const e = x("GroupOption"), t = C().value, i = m(null);
+    return f(() => e.registerOption(t, !0, !1)), l(() => e.unRegisterOption(t)), (p, r) => (d(), a("div", {
+      ref_key: "el",
+      ref: i,
+      class: "group-option",
+      onClick: r[0] || (r[0] = c(
+        //@ts-ignore
+        (...s) => o(n) && o(n)(...s),
+        ["stop"]
+      ))
+    }, [
+      _(o(k), {
+        size: "md",
+        strong: ""
+      }, {
+        default: O(() => [
+          g(p.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      })
+    ], 512));
+  }
+});
+export {
+  y as default
+};

package/components/autocompleteDropdown/consts.js

@@ -0,0 +1,5 @@
+const _ = "Add item...", O = "__IS_GROUP";
+export {
+  _ as DEFAULT_PLACEHOLDER,
+  O as GROUP_OPTION_FLAG
+};

package/components/autocompleteDropdown/index.d.ts

@@ -1,82 +1,200 @@
-declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
-    selected: {
-        type: import("vue").PropType<unknown[]>;
-    } & {
-        default: () => any[];
-    };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    } & {
-        default: () => any[];
-    };
+declare const AutocompleteDropdownTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            placeholder: string;
+            selected: unknown[];
+            options: unknown[];
+            displayValue: (option: unknown) => string;
+            handleSearch: (option: any, term: string) => boolean;
+            grouped: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            placeholder: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => any[];
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+                default: () => any[];
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+                default: (option: unknown) => string;
+            };
+            handleSearch: {
+                type: import("vue").PropType<(option: any, term: string) => boolean>;
+                default: () => true;
+            };
+            grouped: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:selected"?: (value: unknown) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "selected" | "options" | "displayValue" | "handleSearch" | "grouped">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: "update:selected", value: unknown) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            placeholder: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => any[];
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+                default: () => any[];
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+                default: (option: unknown) => string;
+            };
+            handleSearch: {
+                type: import("vue").PropType<(option: any, term: string) => boolean>;
+                default: () => true;
+            };
+            grouped: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:selected"?: (value: unknown) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:selected": (value: unknown) => void;
+        }, string, {
+            placeholder: string;
+            selected: unknown[];
+            options: unknown[];
+            displayValue: (option: unknown) => string;
+            handleSearch: (option: any, term: string) => boolean;
+            grouped: boolean;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        placeholder: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: () => any[];
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+            default: () => any[];
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+            default: (option: unknown) => string;
+        };
+        handleSearch: {
+            type: import("vue").PropType<(option: any, term: string) => boolean>;
+            default: () => true;
+        };
+        grouped: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:selected"?: (value: unknown) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     placeholder: {
         type: import("vue").PropType<string>;
         required: true;
-    } & {
         default: string;
     };
-    displayValue: {
-        type: import("vue").PropType<(option: unknown) => string>;
-        required: true;
-    } & {
-        default: (option: unknown) => string;
-    };
-    handleSearch: {
-        type: import("vue").PropType<(option: any, term: string) => boolean>;
-    } & {
-        default: () => true;
-    };
-    grouped: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:selected": (value: unknown) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     selected: {
         type: import("vue").PropType<unknown[]>;
-    } & {
         default: () => any[];
     };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
-    } & {
         default: () => any[];
     };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        required: true;
-    } & {
-        default: string;
-    };
     displayValue: {
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
-    } & {
         default: (option: unknown) => string;
     };
     handleSearch: {
         type: import("vue").PropType<(option: any, term: string) => boolean>;
-    } & {
         default: () => true;
     };
     grouped: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
 }>> & {
     "onUpdate:selected"?: (value: unknown) => any;
-}, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: unknown) => void;
+}, string, {
+    placeholder: string;
     selected: unknown[];
     options: unknown[];
-    placeholder: string;
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "input-option"?(_: {
+            option: unknown;
+        }): any;
+        default?(_: {
+            option: unknown;
+            active: boolean;
+        }): any;
+    };
+}))[];
 export { default as AutocompleteDropdown } from './AutocompleteDropdown.vue';
 export { AutocompleteDropdownTypes };

package/components/autocompleteDropdown/index.js

@@ -0,0 +1,6 @@
+import o from "./AutocompleteDropdown.vue.js";
+const t = () => [o];
+export {
+  o as AutocompleteDropdown,
+  t as AutocompleteDropdownTypes
+};

package/components/autocompleteDropdown/useKeyboardNavigation.js

@@ -0,0 +1,52 @@
+import { ref as D, computed as t, watch as l, toRaw as s } from "vue";
+const g = ({
+  options: u,
+  canFocus: r,
+  scrollTo: c,
+  selectItem: n
+}) => {
+  const e = D(-1), o = t(() => u.value[e.value]), v = t(
+    () => u.value[e.value + 1]
+  ), f = t(
+    () => u.value[e.value - 1]
+  ), i = (a) => s(a) === s(o.value), d = () => {
+    if (e.value > u.value.length - 1)
+      return -1;
+    r(v.value) ? e.value += 1 : e.value += 2;
+  }, p = () => {
+    if (e.value < 0)
+      return -1;
+    r(f.value) ? e.value -= 1 : e.value -= 2;
+  }, w = () => {
+    !o.value || !r(o.value) || n(o.value);
+  };
+  l(u, () => {
+    e.value = -1;
+  }), l(e, () => {
+    const a = e.value - 5;
+    a >= 0 && c(a);
+  });
+  function k(a) {
+    switch (a.key) {
+      case "ArrowUp": {
+        p(), a.preventDefault(), a.stopPropagation();
+        break;
+      }
+      case "ArrowDown": {
+        d(), a.preventDefault(), a.stopPropagation();
+        break;
+      }
+      case "Enter": {
+        w(), a.preventDefault();
+        break;
+      }
+    }
+  }
+  return {
+    isFocused: i,
+    keyDownHandler: k
+  };
+};
+export {
+  g as useKeyboardNavigation
+};

package/components/banner/Banner.vue.d.ts

@@ -1,23 +1,22 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: {
-        type: () => 'success' | 'error' | 'info' | 'warning';
-        default: string;
-    };
-    iconSize: {
-        type: () => 'sm' | 'md' | 'lg';
+        type: () => "error" | "info" | "success" | "warning";
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: () => 'success' | 'error' | 'info' | 'warning';
-        default: string;
-    };
-    iconSize: {
-        type: () => 'sm' | 'md' | 'lg';
+        type: () => "error" | "info" | "success" | "warning";
         default: string;
     };
 }>>, {
     type: "error" | "info" | "success" | "warning";
-    iconSize: "md" | "sm" | "lg";
+}>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};