@ironsource/shared-ui 2.1.0-rc.2 → 2.1.0

package/index.js

@@ -0,0 +1,198 @@
+import './CssBaseline.vue_vue_type_style_index_0_scoped_f7dd256b_lang.css';
+import { AppTriggerTypes as J } from "./components/appTrigger/index.js";
+import { AutocompleteDropdownTypes as Y } from "./components/autocompleteDropdown/index.js";
+import { MenuItemTypes as L } from "./components/menuItem/index.js";
+import { MenuTypes as U } from "./components/menu/index.js";
+import { AppIconTypes as X } from "./components/appIcon/index.js";
+import { FloatingToolbarTypes as oo } from "./components/floatingToolbar/index.js";
+import { IncludeExcludeTypes as eo } from "./components/includeExclude/index.js";
+import { CssBaselineTypes as mo } from "./components/cssBaseline/index.js";
+import { ID_INJECTION_KEY as ao, useId as fo } from "./composables/useId.js";
+import { FilterDropdownTypes as so } from "./components/filterDropdown/index.js";
+import { TypographyTypes as no } from "./components/typography/index.js";
+import { TypographyTypesV4 as uo } from "./components/typography/v4/index.js";
+import { PopoverTypes as To } from "./components/popover/index.js";
+import { MultiBarTypes as yo } from "./components/multibar/index.js";
+import { FormCardTypes as Fo } from "./components/layout/index.js";
+import { FormFieldTypes as Do } from "./components/forms/index.js";
+import * as o from "./components/button/v3/index.js";
+import * as r from "./components/button/v4/index.js";
+import * as e from "./components/chip/v3/index.js";
+import * as t from "./components/chip/v4/index.js";
+import * as m from "./components/switch/v3/index.js";
+import * as p from "./components/switch/v4/index.js";
+import * as a from "./components/dropdown/v3/index.js";
+import * as f from "./components/dropdown/v4/index.js";
+import * as i from "./components/search/v3/index.js";
+import * as d from "./components/search/v4/index.js";
+import * as s from "./components/filtersPanel/v3/index.js";
+import * as x from "./components/filtersPanel/v4/index.js";
+import * as n from "./components/checkbox/v3/index.js";
+import * as l from "./components/checkbox/v4/index.js";
+import * as u from "./components/icon/v3/index.js";
+import * as $ from "./components/icon/v4/index.js";
+import * as T from "./components/input/v3/index.js";
+import * as c from "./components/input/v4/index.js";
+import * as y from "./components/tabs/v3/index.js";
+import * as g from "./components/tabs/v4/index.js";
+import * as F from "./components/dialog/v3/index.js";
+import * as I from "./components/dialog/v4/index.js";
+import * as D from "./components/toggle/v3/index.js";
+import * as E from "./components/toggle/v4/index.js";
+import * as A from "./components/tooltip/v3/index.js";
+import * as B from "./components/tooltip/v4/index.js";
+import * as C from "./components/table/v3/index.js";
+import * as h from "./components/table/v4/index.js";
+import * as w from "./components/table-cells/v3/index.js";
+import * as M from "./components/table-cells/v4/index.js";
+import * as b from "./components/skeleton/v3/index.js";
+import * as P from "./components/skeleton/v4/index.js";
+import * as v from "./components/emptyState/v3/index.js";
+import * as k from "./components/emptyState/v4/index.js";
+import * as O from "./components/snackbar/v3/index.js";
+import * as R from "./components/snackbar/v4/index.js";
+import * as V from "./components/radioButton/v3/index.js";
+import * as H from "./components/radioButton/v4/index.js";
+import * as N from "./components/ThemeWrapper/index.js";
+import * as S from "./components/appHeader/index.js";
+import * as _ from "./components/inlineCopy/index.js";
+import { TextAreaTypes as Ao } from "./components/textArea/index.js";
+import { useToggle as Co } from "./composables/useToggle.js";
+import { useSearch as wo } from "./composables/useSearch.js";
+import { scrollToElementByClass as bo, scrollToFirstInvalidElement as Po, useFormValidation as vo, yupValidation as ko } from "./composables/useFormValidation.js";
+import { DateRangeTypes as Ro } from "./components/dateRange/index.js";
+import { DatePickerTypes as Ho } from "./components/datePicker/index.js";
+import { BannerTypes as So } from "./components/banner/index.js";
+import { default as jo } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as zo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as Ko } from "./components/menuItem/MenuItem.vue.js";
+import { default as Go } from "./components/menu/Menu.vue.js";
+import { default as Qo } from "./components/appIcon/AppIcon.vue.js";
+import { default as Wo } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as Zo } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as rr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as tr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as pr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as fr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as dr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as xr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as lr } from "./components/cssBaseline/CssBaseline.vue.js";
+import { default as $r } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as cr } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as gr } from "./components/typography/Heading.vue.js";
+import { default as Ir } from "./components/typography/Text.vue.js";
+import { default as Er } from "./components/typography/v4/Typography.vue.js";
+import { default as Br } from "./components/popover/Popover.vue.js";
+import { default as hr } from "./components/multibar/MultiBar.vue.js";
+import { default as Mr } from "./components/layout/FormRow.vue.js";
+import { default as Pr } from "./components/layout/FormCard.vue.js";
+import { default as kr } from "./components/layout/CardPanel.vue.js";
+import { default as Rr } from "./components/layout/FoldableSection.vue.js";
+import { default as Hr } from "./components/forms/FormField.vue.js";
+import { default as Sr } from "./components/textArea/TextArea.vue.js";
+import { default as jr } from "./components/dateRange/DateRange.vue.js";
+import { default as zr } from "./components/datePicker/DatePicker.vue.js";
+import { default as Kr } from "./components/banner/Banner.vue.js";
+const j = {
+  ...e,
+  ...t,
+  ...m,
+  ...p,
+  ...o,
+  ...r,
+  ...a,
+  ...f,
+  ...i,
+  ...d,
+  ...s,
+  ...x,
+  ...T,
+  ...c,
+  ...u,
+  ...$,
+  ...y,
+  ...g,
+  ...F,
+  ...I,
+  ...A,
+  ...B,
+  ...D,
+  ...E,
+  ...C,
+  ...h,
+  ...w,
+  ...M,
+  ...v,
+  ...k,
+  ...b,
+  ...P,
+  ...O,
+  ...R,
+  ...n,
+  ...l,
+  ...V,
+  ...H,
+  ...N,
+  ...S,
+  ..._
+};
+export {
+  cr as AddFilterButton,
+  Qo as AppIcon,
+  X as AppIconTypes,
+  jo as AppTrigger,
+  J as AppTriggerTypes,
+  zo as AutocompleteDropdown,
+  Y as AutocompleteDropdownTypes,
+  Kr as Banner,
+  So as BannerTypes,
+  kr as CardPanel,
+  lr as CssBaseline,
+  mo as CssBaselineTypes,
+  zr as DatePicker,
+  Ho as DatePickerTypes,
+  jr as DateRange,
+  Ro as DateRangeTypes,
+  $r as FilterDropdown,
+  so as FilterDropdownTypes,
+  Wo as FloatingToolbar,
+  oo as FloatingToolbarTypes,
+  Rr as FoldableSection,
+  Pr as FormCard,
+  Fo as FormCardTypes,
+  Hr as FormField,
+  Do as FormFieldTypes,
+  Mr as FormRow,
+  gr as Heading,
+  ao as ID_INJECTION_KEY,
+  Zo as IncludeExclude,
+  dr as IncludeExcludeAppHeader,
+  fr as IncludeExcludeAppTrigger,
+  xr as IncludeExcludeChipFilter,
+  rr as IncludeExcludeDragDrop,
+  tr as IncludeExcludeOption,
+  pr as IncludeExcludeOptionDraggable,
+  eo as IncludeExcludeTypes,
+  Go as Menu,
+  Ko as MenuItem,
+  L as MenuItemTypes,
+  U as MenuTypes,
+  hr as MultiBar,
+  yo as MultiBarTypes,
+  Br as Popover,
+  To as PopoverTypes,
+  Ir as Text,
+  Sr as TextArea,
+  Ao as TextAreaTypes,
+  Er as Typography,
+  no as TypographyTypes,
+  uo as TypographyTypesV4,
+  j as default,
+  bo as scrollToElementByClass,
+  Po as scrollToFirstInvalidElement,
+  vo as useFormValidation,
+  fo as useId,
+  wo as useSearch,
+  Co as useToggle,
+  ko as yupValidation
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.0-rc.2",
+  "version": "2.1.0",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/_virtual/_commonjsHelpers.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};

package/_virtual/index.js

@@ -1,4 +0,0 @@
-var o = { exports: {} };
-export {
-  o as __module
-};

package/components/forms/validation/utils/scrollToElemets.d.ts

@@ -1,3 +0,0 @@
-import { ValidationErrorsType } from './types';
-export declare const scrollToElementByClass: (elementClass: string, index?: number) => void;
-export declare const scrollToFirstInvalidElement: <T>(validationErrors: Partial<Record<keyof T, string>>) => void;

package/components/forms/validation/utils/types.d.ts

@@ -1,17 +0,0 @@
-import { Ref } from 'vue';
-import * as yup from 'yup';
-export type ValidationErrorsType<T> = Partial<Record<keyof T, string>>;
-export type ValidationStateType<T> = {
-    isValid: boolean;
-    errors: ValidationErrorsType<T>;
-};
-export type FormValidationSchemaYupType<T> = Record<keyof T, yup.AnySchema<any, any, any, any>>;
-export type UseFormValidationType<T> = {
-    formState: T;
-    formValidationSchema: FormValidationSchemaYupType<T>;
-};
-export type UseFormValidationReponseType<T> = {
-    validationErrors: ValidationErrorsType<T>;
-    isValid: Ref<boolean>;
-    validate: (isReactive?: boolean) => void;
-};

package/components/forms/validation/utils/useFormValidation.d.ts

@@ -1,3 +0,0 @@
-import { FormValidationSchemaYupType, ValidationStateType, UseFormValidationType, UseFormValidationReponseType } from './types';
-export declare const yupValidation: <T>(schema: FormValidationSchemaYupType<T>, formState: T) => ValidationStateType<T>;
-export declare const useFormValidation: <T extends object>({ formState, formValidationSchema, }: UseFormValidationType<T>) => UseFormValidationReponseType<T>;

package/src/components/ThemeWrapper/ThemeWrapper.vue.js

@@ -1,8 +0,0 @@
-import e from "./ThemeWrapper.vue2.js";
-/* empty css                   *//* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css"; //*');
-console.log('global// import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css";  //');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-137fabdf"]]);
-export {
-  t as default
-};

package/src/components/ThemeWrapper/ThemeWrapper.vue2.js

@@ -1,22 +0,0 @@
-import { defineComponent as a, computed as l, openBlock as m, createElementBlock as c, normalizeClass as p, unref as u, renderSlot as h } from "vue";
-import { useThemeStore as i } from "./ThemeStrore.js";
-const v = /* @__PURE__ */ a({
-  __name: "ThemeWrapper",
-  props: {
-    version: { default: "v4" }
-  },
-  setup(o) {
-    const s = o, r = l(() => {
-      const e = [], { theme: t } = i(), n = t.value === "light" ? "light-theme" : "dark-theme";
-      return e.push(n), e.push(s.version), e.join("-");
-    });
-    return (e, t) => (m(), c("div", {
-      class: p(u(r))
-    }, [
-      h(e.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-});
-export {
-  v as default
-};

package/src/components/appHeader/AppHeader.vue.js

@@ -1,7 +0,0 @@
-import e from "./AppHeader.vue2.js";
-/* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-5afbd3dd"]]);
-export {
-  s as default
-};

package/src/components/appHeader/AppHeader.vue2.js

@@ -1,58 +0,0 @@
-import { defineComponent as d, computed as m, openBlock as l, createElementBlock as c, createElementVNode as a, createVNode as n, unref as t, mergeProps as p, withCtx as f, createTextVNode as u, toDisplayString as h } from "vue";
-import I from "../icon/v4/IconV4.vue.js";
-import y from "../typography/v4/Typography.vue.js";
-import g from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as x } from "../../utils/testIds.js";
-import { AppHeaderTestIdModifiers as s } from "../../testids/index.js";
-const _ = { class: "app-header" }, v = { class: "image-container" }, T = ["src", "alt"], A = { class: "icon-container" }, C = { class: "name-container" }, K = /* @__PURE__ */ d({
-  __name: "AppHeader",
-  props: {
-    image: { default: "" },
-    name: { default: "" },
-    platform: { default: "android" },
-    appKey: { default: "" },
-    testId: { default: "" }
-  },
-  setup(e) {
-    const o = e, i = m(
-      () => o.platform ? o.platform.toLowerCase() : ""
-    ), r = x(o.testId, s);
-    return (N, E) => (l(), c("div", _, [
-      a("div", v, [
-        a("img", {
-          src: e.image,
-          alt: e.name
-        }, null, 8, T)
-      ]),
-      a("div", A, [
-        n(t(I), {
-          type: "branded",
-          name: t(i),
-          size: "24px"
-        }, null, 8, ["name"])
-      ]),
-      a("div", C, [
-        n(t(y), p({
-          variant: "h2",
-          class: "title"
-        }, t(r)[t(s).TITLE]), {
-          default: f(() => [
-            u(h(e.name), 1)
-          ]),
-          _: 1
-        }, 16),
-        a("div", null, [
-          n(t(g), {
-            text: e.appKey,
-            size: "medium",
-            class: "inline-copy",
-            "test-id": e.testId
-          }, null, 8, ["text", "test-id"])
-        ])
-      ])
-    ]));
-  }
-});
-export {
-  K as default
-};

package/src/components/appIcon/AppIcon.vue.js

@@ -1,7 +0,0 @@
-import o from "./AppIcon.vue2.js";
-/* empty css              */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-56ba337c"]]);
-export {
-  s as default
-};

package/src/components/appIcon/AppIcon.vue2.js

@@ -1,35 +0,0 @@
-import { defineComponent as s, openBlock as c, createElementBlock as o, normalizeClass as a, createElementVNode as t, pushScopeId as n, popScopeId as i } from "vue";
-const l = (e) => (n("data-v-56ba337c"), e = e(), i(), e), p = ["src"], r = /* @__PURE__ */ l(() => /* @__PURE__ */ t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "100%",
-  height: "100%",
-  viewBox: "0 0 120 120",
-  preserveAspectRatio: "none",
-  class: "squircle-mask"
-}, [
-  /* @__PURE__ */ t("path", {
-    d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
-    fill: "white",
-    fillRule: "evenodd"
-  })
-], -1)), u = /* @__PURE__ */ s({
-  __name: "AppIcon",
-  props: {
-    size: { default: "md" },
-    src: { default: "" }
-  },
-  setup(e) {
-    return (d, h) => (c(), o("span", {
-      class: a(["application-icon", `icon-${e.size}`])
-    }, [
-      t("img", {
-        src: e.src,
-        alt: ""
-      }, null, 8, p),
-      r
-    ], 2));
-  }
-});
-export {
-  u as default
-};

package/src/components/appTrigger/AppTrigger.vue.js

@@ -1,7 +0,0 @@
-import o from "./AppTrigger.vue2.js";
-/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-121aac8b"]]);
-export {
-  s as default
-};

package/src/components/appTrigger/AppTrigger.vue2.js

@@ -1,124 +0,0 @@
-import { defineComponent as w, computed as t, openBlock as m, createElementBlock as L, normalizeClass as S, unref as e, renderSlot as c, createElementVNode as f, createBlock as v, createCommentVNode as D, createVNode as s, withCtx as p, createTextVNode as z, toDisplayString as N } from "vue";
-import V from "../appIcon/AppIcon.vue.js";
-import "../button/v3/Button.vue.js";
-import X from "../button/v3/IconButton.vue.js";
-import "../button/v3/ScrollButton.vue.js";
-import T from "../icon/v3/Icon.vue.js";
-import O from "../tooltip/v3/Tooltip.vue.js";
-import "../typography/Heading.vue.js";
-import k from "../typography/Text.vue.js";
-import { AppTriggerTestIdModifiers as o } from "../../testids/index.js";
-const b = ["data-testid"], G = { class: "app-trigger__left-image" }, Z = /* @__PURE__ */ w({
-  __name: "AppTrigger",
-  props: {
-    selected: { default: null },
-    options: { default: null },
-    loading: { type: Boolean, default: !1 },
-    singleAppSelection: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  setup(l) {
-    const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` : g.value ? y : u.value ? `${i.value?.name}` : `${a.value} apps selected`), C = "widgetsz", x = "cube-background", P = t(
-      () => n.singleAppSelection && h.value ? x : C
-    ), I = t(() => !g.value || n.singleAppSelection && u.value ? i.value.platform.toLowerCase() : null), A = t(() => !a.value || !r.value ? "" : i.value?.icon), _ = t(() => n.loading ? "" : u.value ? i.value.appKey : g.value ? R.value : a.value <= 0 ? `${i.value?.name}` : `${i.value?.name} and ${a.value - 1}+`), a = t(() => n.selected?.length || 0), r = t(() => n.options?.length || 0), u = t(() => a.value === 1), h = t(() => r.value === 0), g = t(() => n.loading || r.value === a.value || !a.value), R = t(() => r.value === 1 ? `${E.value?.name}` : `${E.value?.name} and ${r.value - 1}+`), i = t(() => n.selected?.[0]), E = t(() => n.options?.[0]);
-    return (d, M) => (m(), L("div", {
-      class: S(["app-trigger", {
-        "app-trigger--with-icons": e(a) > 0 || e(g)
-      }]),
-      "data-testid": `${l.testId}-${e(o).WRAPPER}`
-    }, [
-      c(d.$slots, "left-image", {}, () => [
-        f("div", G, [
-          e(A) ? (m(), v(e(V), {
-            key: 0,
-            size: "xl",
-            src: e(A)
-          }, null, 8, ["src"])) : (m(), v(e(T), {
-            key: 1,
-            class: "trigger-icon",
-            "font-size": "2rem",
-            name: e(P)
-          }, null, 8, ["name"]))
-        ])
-      ], !0),
-      c(d.$slots, "left-icon", {}, () => [
-        e(I) ? (m(), v(e(T), {
-          key: 0,
-          class: "app-trigger__left-icon",
-          name: e(I),
-          "font-size": "md"
-        }, null, 8, ["name"])) : D("", !0)
-      ], !0),
-      f("div", {
-        class: S(["app-trigger__middle-section", {
-          "app-trigger__middle-section--single": e(u),
-          "app-trigger__middle-section--loading": l.loading || !l.options?.length
-        }])
-      }, [
-        c(d.$slots, "title", {}, () => [
-          s(e(O), {
-            text: e($),
-            "data-testid": `${l.testId}-${e(o).TITLE_TOOLTIP_TEXT}`
-          }, {
-            default: p(() => [
-              s(e(k), {
-                strong: "",
-                class: "title",
-                "is-truncated": "",
-                size: "sm",
-                "test-id": `${l.testId}-${e(o).TITLE_TEXT}`
-              }, {
-                default: p(() => [
-                  z(N(e($)), 1)
-                ]),
-                _: 1
-              }, 8, ["test-id"])
-            ]),
-            _: 1
-          }, 8, ["text", "data-testid"])
-        ], !0),
-        c(d.$slots, "description", {}, () => [
-          f("div", null, [
-            s(e(O), {
-              text: e(_),
-              "data-testid": `${l.testId}-${e(o).DESCRIPTION_TOOLTIP_TEXT}`
-            }, {
-              default: p(() => [
-                s(e(k), {
-                  class: "app-trigger__description",
-                  size: "xs",
-                  "is-truncated": "",
-                  "test-id": `${l.testId}-${e(o).DESCRIPTION_TEXT}`
-                }, {
-                  default: p(() => [
-                    z(N(e(_)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["test-id"])
-              ]),
-              _: 1
-            }, 8, ["text", "data-testid"])
-          ])
-        ], !0)
-      ], 2),
-      c(d.$slots, "right-icon", {}, () => [
-        s(e(X), {
-          class: "app-trigger__right-icon",
-          theme: "third",
-          "data-testid": `${l.testId}-${e(o).TRIGGER_BUTTON}`
-        }, {
-          default: p(() => [
-            s(e(T), {
-              "font-size": "sm",
-              name: "angle-down"
-            })
-          ]),
-          _: 1
-        }, 8, ["data-testid"])
-      ], !0)
-    ], 10, b));
-  }
-});
-export {
-  Z as default
-};

package/src/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -1,7 +0,0 @@
-import o from "./AutocompleteDropdown.vue2.js";
-/* empty css                           */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-214ddaf4"]]);
-export {
-  d as default
-};

package/src/components/autocompleteDropdown/AutocompleteDropdown.vue2.js

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

package/src/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,7 +0,0 @@
-import o from "./AutocompleteInput.vue2.js";
-/* empty css                        */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_2b63231b_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2b63231b"]]);
-export {
-  s as default
-};