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

package/components/appTrigger/index.d.ts

@@ -1,61 +1,155 @@
-declare const AppTriggerTypes: () => import("vue").DefineComponent<{
+declare const AppTriggerTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "loading" | "selected" | "options" | "singleAppSelection">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            testId: string;
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: 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<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        selected: {
+            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     loading: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     selected: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
+        type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
         default: any;
     };
     options: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
+        type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
         default: any;
     };
     singleAppSelection: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    selected: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
-        default: any;
-    };
-    options: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
-        default: any;
-    };
-    singleAppSelection: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     testId: string;
     loading: boolean;
-    selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
-    options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
+    selected: import("../includeExclude/includeExcludeMocks").Application[];
+    options: import("../includeExclude/includeExcludeMocks").Application[];
     singleAppSelection: boolean;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "left-image"?(_: {}): any;
+        "left-icon"?(_: {}): any;
+        title?(_: {}): any;
+        description?(_: {}): any;
+        "right-icon"?(_: {}): any;
+    };
+}))[];
 export { default as AppTrigger } from './AppTrigger.vue';
 export { AppTriggerTypes };

package/components/appTrigger/index.js

@@ -0,0 +1,6 @@
+import p from "./AppTrigger.vue.js";
+const e = () => [p];
+export {
+  p as AppTrigger,
+  e as AppTriggerTypes
+};

package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: unknown[];
     selected?: unknown[];
     placeholder: string;
@@ -42,6 +42,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
+}>, {
+    "input-option"?(_: {
+        option: unknown;
+    }): any;
+    default?(_: {
+        option: any;
+        active: boolean;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -54,7 +62,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/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -1,150 +1,6 @@
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import Dropdown from '../dropdown/v3/Dropdown.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  *//* empty css                                                            *//* empty css                                                                    */import '@vue/shared';
-/* empty css                                                                         *//* empty css                                                                        *//* empty css                                                                   *//* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                         *//* empty css                                                                              */import GroupOption from './GroupOption.vue.js';
-import AutocompleteInput from './AutocompleteInput.vue.js';
-import { DEFAULT_PLACEHOLDER, GROUP_OPTION_FLAG } from './consts.vue.js';
-import { useKeyboardNavigation } from './useKeyboardNavigation.vue.js';
-/* empty css                                                                      */
-import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AutocompleteDropdown",
-  props: {
-    options: { default: () => [] },
-    selected: { default: () => [] },
-    placeholder: { default: DEFAULT_PLACEHOLDER },
-    displayValue: { type: Function, default: (option) => option.toString() },
-    handleSearch: { type: Function, default: () => true },
-    grouped: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  emits: ["update:selected"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const inputRef = ref(null);
-    const dropdownRef = ref(null);
-    const selection = computed({
-      get() {
-        return props.selected;
-      },
-      set(value) {
-        emit("update:selected", value);
-      }
-    });
-    function selectOption(option) {
-      selection.value.push(option);
-      inputRef.value.focusInput();
-    }
-    function deselectOption(option) {
-      selection.value.splice(selection.value.indexOf(option), 1);
-    }
-    async function scrollToTop() {
-      await nextTick();
-      setTimeout(() => {
-        dropdownRef?.value?.scrollTo(0);
-      });
-    }
-    const searchQuery = ref("");
-    const isGroup = (option) => option && !!option[GROUP_OPTION_FLAG];
-    const flatOptions = computed(() => {
-      if (!props.grouped)
-        return props.options;
-      return props.options.reduce((prev, group) => {
-        const { options = [], ...otherFields } = group;
-        const groupOption = {
-          ...otherFields,
-          [GROUP_OPTION_FLAG]: true
-        };
-        return [...prev, groupOption, ...options];
-      }, []);
-    });
-    const filteredOptions = computed(() => {
-      const options = flatOptions.value.filter((option) => !selection.value.includes(option)).filter((option) => {
-        if (isGroup(option))
-          return true;
-        return props.handleSearch(option, searchQuery.value);
-      });
-      if (props.grouped) {
-        return options.filter((option, index) => {
-          const nextOption = options[index + 1];
-          return isGroup(option) ? nextOption && !isGroup(nextOption) : true;
-        });
-      }
-      return options;
-    });
-    const { isFocused, keyDownHandler } = useKeyboardNavigation({
-      options: filteredOptions,
-      canFocus: (option) => !isGroup(option),
-      scrollTo: (index) => dropdownRef?.value?.scrollTo(index),
-      selectItem: (option) => {
-        dropdownRef?.value?.selectItem(option);
-        scrollToTop();
-      }
-    });
-    const distance = ref(0);
-    watch(props.selected, async () => {
-      distance.value += 1;
-      await nextTick();
-      distance.value = 0;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Dropdown), mergeProps({
-        ref_key: "dropdownRef",
-        ref: dropdownRef,
-        class: "autocomplete-dropdown"
-      }, _ctx.$attrs, {
-        selected: unref(selection),
-        options: unref(filteredOptions),
-        "on-search": () => true,
-        "display-value": __props.displayValue,
-        "keep-open": "",
-        "is-on-top": false,
-        multi: false,
-        "show-select-all": false,
-        "auto-size": "",
-        distance: distance.value,
-        "disable-keyboard-events": "",
-        "test-id": __props.testId,
-        onOpened: scrollToTop,
-        onKeydown: withModifiers(unref(keyDownHandler), ["stop"]),
-        "onUpdate:selected": selectOption
-      }), {
-        input: withCtx(() => [
-          createVNode(AutocompleteInput, {
-            ref_key: "inputRef",
-            ref: inputRef,
-            value: unref(selection),
-            placeholder: __props.placeholder,
-            "display-value": __props.displayValue,
-            "test-id": __props.testId,
-            onRemove: deselectOption,
-            onSearch: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
-          }, {
-            option: withCtx(({ option }) => [
-              renderSlot(_ctx.$slots, "input-option", { option }, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["value", "placeholder", "display-value", "test-id"])
-        ]),
-        default: withCtx(({ option }) => [
-          __props.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.displayValue(option)), 1)
-            ]),
-            _: 2
-          }, 1024)) : renderSlot(_ctx.$slots, "default", {
-            key: 1,
-            option,
-            active: unref(isFocused)(option)
-          }, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["selected", "options", "on-search", "display-value", "distance", "test-id", "onKeydown"]);
-    };
-  }
-});
-var AutocompleteDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-74e20077"]]);
-
-export { AutocompleteDropdown as default };
+import o from "./AutocompleteDropdown.vue2.js";
+/* empty css                           */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-214ddaf4"]]);
+export {
+  a as default
+};

package/components/autocompleteDropdown/AutocompleteDropdown.vue2.js

@@ -0,0 +1,119 @@
+import { defineComponent as x, ref as d, computed as f, watch as G, nextTick as w, openBlock as O, createBlock as g, unref as s, mergeProps as L, withModifiers as N, withCtx as p, createVNode as P, renderSlot as k, createTextVNode as b, toDisplayString as B } from "vue";
+import C from "../dropdown/v3/Dropdown.vue.js";
+/* empty css                          *//* empty css                       *//* empty css                 *//* empty css                         */import "@vue/shared";
+/* empty css                              *//* empty css                             *//* empty css                        *//* empty css                               *//* empty css                            *//* empty css                                   */import "floating-vue";
+/* empty css                       *//* empty css                              *//* empty css                                   */import E from "./GroupOption.vue.js";
+import K from "./AutocompleteInput.vue.js";
+import { DEFAULT_PLACEHOLDER as U, GROUP_OPTION_FLAG as T } from "./consts.js";
+import { useKeyboardNavigation as $ } from "./useKeyboardNavigation.js";
+const ue = /* @__PURE__ */ x({
+  __name: "AutocompleteDropdown",
+  props: {
+    options: { default: () => [] },
+    selected: { default: () => [] },
+    placeholder: { default: U },
+    displayValue: { type: Function, default: (l) => l.toString() },
+    handleSearch: { type: Function, default: () => !0 },
+    grouped: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:selected"],
+  setup(l, { emit: I }) {
+    const r = l, m = d(null), a = d(null), n = f({
+      get() {
+        return r.selected;
+      },
+      set(e) {
+        I("update:selected", e);
+      }
+    });
+    function F(e) {
+      n.value.push(e), m.value.focusInput();
+    }
+    function R(e) {
+      n.value.splice(n.value.indexOf(e), 1);
+    }
+    async function v() {
+      await w(), setTimeout(() => {
+        a?.value?.scrollTo(0);
+      });
+    }
+    const y = d(""), i = (e) => e && !!e[T], D = f(() => r.grouped ? r.options.reduce((e, o) => {
+      const { options: t = [], ...u } = o, A = {
+        ...u,
+        [T]: !0
+      };
+      return [...e, A, ...t];
+    }, []) : r.options), h = f(() => {
+      const e = D.value.filter((o) => !n.value.includes(o)).filter((o) => i(o) ? !0 : r.handleSearch(o, y.value));
+      return r.grouped ? e.filter((o, t) => {
+        const u = e[t + 1];
+        return i(o) ? u && !i(u) : !0;
+      }) : e;
+    }), { isFocused: S, keyDownHandler: V } = $({
+      options: h,
+      canFocus: (e) => !i(e),
+      scrollTo: (e) => a?.value?.scrollTo(e),
+      selectItem: (e) => {
+        a?.value?.selectItem(e), v();
+      }
+    }), c = d(0);
+    return G(r.selected, async () => {
+      c.value += 1, await w(), c.value = 0;
+    }), (e, o) => (O(), g(s(C), L({
+      ref_key: "dropdownRef",
+      ref: a,
+      class: "autocomplete-dropdown"
+    }, e.$attrs, {
+      selected: s(n),
+      options: s(h),
+      "on-search": () => !0,
+      "display-value": l.displayValue,
+      "keep-open": "",
+      "is-on-top": !1,
+      multi: !1,
+      "show-select-all": !1,
+      "auto-size": "",
+      distance: c.value,
+      "disable-keyboard-events": "",
+      "test-id": l.testId,
+      onOpened: v,
+      onKeydown: N(s(V), ["stop"]),
+      "onUpdate:selected": F
+    }), {
+      input: p(() => [
+        P(K, {
+          ref_key: "inputRef",
+          ref: m,
+          value: s(n),
+          placeholder: l.placeholder,
+          "display-value": l.displayValue,
+          "test-id": l.testId,
+          onRemove: R,
+          onSearch: o[0] || (o[0] = (t) => y.value = t)
+        }, {
+          option: p(({ option: t }) => [
+            k(e.$slots, "input-option", { option: t }, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["value", "placeholder", "display-value", "test-id"])
+      ]),
+      default: p(({ option: t }) => [
+        l.grouped && i(t) ? (O(), g(E, { key: 0 }, {
+          default: p(() => [
+            b(B(l.displayValue(t)), 1)
+          ]),
+          _: 2
+        }, 1024)) : k(e.$slots, "default", {
+          key: 1,
+          option: t,
+          active: s(S)(t)
+        }, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["selected", "options", "on-search", "display-value", "distance", "test-id", "onKeydown"]));
+  }
+});
+export {
+  ue as default
+};

package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare function focusInput(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value: unknown[];
     displayValue?: (option: unknown) => string;
     placeholder?: string;
@@ -9,10 +10,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placeholder: string;
     testId: string;
 }>, {
-    focusInput: () => void;
+    focusInput: typeof focusInput;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (option: unknown) => void;
-} & {
     search: (searchQuery: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     value: unknown[];
@@ -32,6 +32,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     placeholder: string;
     displayValue: (option: unknown) => string;
+}>, {
+    option?(_: {
+        option: unknown;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -44,7 +48,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/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,99 +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/common/DropdownContext.vue.js';
-import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
-import { AutocompleteInputTestIdModifiers } from '../../testids/index.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 = ["data-testid", "onClick"];
-const _hoisted_2 = ["data-testid"];
-const _hoisted_3 = ["value", "placeholder", "data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AutocompleteInput",
-  props: {
-    value: { default: () => [] },
-    displayValue: { type: Function, default: (option) => option.toString() },
-    placeholder: { default: DEFAULT_PLACEHOLDER },
-    testId: { default: "" }
-  },
-  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) }]),
-        "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).WRAPPER}`,
-        onClick: withModifiers(onContainerClick, ["stop"])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SELECTED_OPTION}-${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"])
-          ], 8, _hoisted_2);
-        }), 128)),
-        createElementVNode("input", {
-          ref_key: "inputEl",
-          ref: inputEl,
-          class: "autocomplete-input__search-field",
-          type: "text",
-          value: unref(api).query.value,
-          placeholder: __props.placeholder,
-          "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SEARCH_FIELD}`,
-          onInput: onSearch
-        }, null, 40, _hoisted_3)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a73b488c"]]);
-
-export { AutocompleteInput as default };
+import o from "./AutocompleteInput.vue2.js";
+/* empty css                        */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c232515"]]);
+export {
+  c as default
+};