@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/components/columnConfigurator/ColumnConfigurator.vue2.js

@@ -0,0 +1,113 @@
+ import "../../ColumnConfigurator.vue_vue_type_style_index_0_scoped_702ad52e_lang.css"; import { defineComponent as E, ref as g, computed as f, watch as I, openBlock as p, createElementBlock as v, mergeProps as O, unref as s, Fragment as w, renderList as T, createVNode as u, isRef as U, withCtx as h, createElementVNode as x } from "vue";
+import N from "./SectionHeaderText.vue.js";
+import R from "../sortableList/SortableSelectableList.vue.js";
+import k from "../columnPicker/RemoveButton.vue.js";
+import { mapOverObject as B, omitKeys as A } from "../../utils/object.js";
+import { findOptionInSection as P } from "./utils.js";
+import { useTestIdAttrs as V } from "../../utils/testIds.js";
+import { ColumnConfiguratorTestIdModifiers as c } from "../../testids/index.js";
+import L from "./SectionDropdown.vue.js";
+const M = { class: "section-header" }, Q = /* @__PURE__ */ E({
+  __name: "ColumnConfigurator",
+  props: {
+    columnsConfig: { default: () => [] },
+    selection: { default: () => [] },
+    childSelection: { default: () => ({}) },
+    alwaysVisibleCount: { default: 6 },
+    loading: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:selection", "update:childSelection"],
+  setup(n, { emit: m }) {
+    const i = n, r = g(null), d = f({
+      get: () => i.childSelection,
+      set: (t) => {
+        m("update:childSelection", t);
+      }
+    }), C = f(
+      () => B(a.value, (t) => t?.length ?? 0)
+    ), a = g({});
+    I(
+      [() => i.selection, () => i.columnsConfig],
+      () => {
+        a.value = i.columnsConfig.reduce((t, o) => (t[o.sectionId] = (i.selection ?? []).map((e) => P(o, e)).filter((e) => e), t), {});
+      },
+      {
+        immediate: !0
+      }
+    );
+    const S = (t, o) => {
+      const e = o;
+      a.value[t] = e, e.forEach((l) => {
+        l.children?.length > 0 && (d.value = {
+          ...d.value,
+          [l.id]: l.children[0].id
+        });
+      });
+    }, $ = f(
+      () => Object.values(a.value).reduce(
+        (t, o) => t.concat(o.map(({ id: e }) => e)),
+        []
+      )
+    );
+    I($, (t) => {
+      JSON.stringify(t) !== JSON.stringify(i.selection) && m("update:selection", t);
+    });
+    const b = (t) => {
+      m(
+        "update:selection",
+        i.selection.filter((o) => o !== t)
+      ), r.value === t && (r.value = null), d.value = A(d.value, [String(t)]);
+    }, y = V(
+      i.testId,
+      c
+    );
+    return (t, o) => (p(), v("div", O({ class: "column-configurator" }, s(y)[s(c).WRAPPER]), [
+      (p(!0), v(w, null, T(n.columnsConfig, (e) => (p(), v("div", {
+        key: e.sectionId,
+        class: "column-section"
+      }, [
+        u(R, {
+          items: a.value[e.sectionId],
+          "onUpdate:items": (l) => a.value[e.sectionId] = l,
+          "open-id": r.value,
+          "onUpdate:open-id": o[0] || (o[0] = (l) => r.value = l),
+          "selected-child-per-item": s(d),
+          "onUpdate:selected-child-per-item": o[1] || (o[1] = (l) => U(d) ? d.value = l : null),
+          "always-visible-count": n.alwaysVisibleCount,
+          "is-loading": n.loading,
+          variant: "compact",
+          "draggable-area": "full",
+          "loading-row-count": 3,
+          "test-id": `${n.testId}-${s(c).LIST}-${e.sectionId}`
+        }, {
+          header: h(() => [
+            x("div", M, [
+              u(N, {
+                "header-text": e.title,
+                "records-count": n.loading ? null : s(C)[e.sectionId],
+                "data-testid": `${n.testId}-${s(c).SECTION_HEADER}-${e.sectionId}`
+              }, null, 8, ["header-text", "records-count", "data-testid"]),
+              u(L, {
+                selected: a.value[e.sectionId],
+                section: e,
+                "test-id": n.testId,
+                "onUpdate:selected": (l) => S(e.sectionId, l)
+              }, null, 8, ["selected", "section", "test-id", "onUpdate:selected"])
+            ])
+          ]),
+          menu: h(({ item: l }) => [
+            u(k, {
+              "test-id": `${n.testId}-${s(c).REMOVE_BUTTON}-${l.id}`,
+              onClick: (j) => b(l.id)
+            }, null, 8, ["test-id", "onClick"])
+          ]),
+          _: 2
+        }, 1032, ["items", "onUpdate:items", "open-id", "selected-child-per-item", "always-visible-count", "is-loading", "test-id"])
+      ]))), 128))
+    ], 16));
+  }
+});
+export {
+  Q as default
+};

package/components/columnConfigurator/SectionDropdown.vue.d.ts

@@ -0,0 +1,39 @@
+import { ColumnConfigSection } from '@/components/columnConfigurator/ColumnConfigurator.types';
+import { SortableListItem } from '@/components/sortableList/SortableList.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: SortableListItem[];
+    section: ColumnConfigSection;
+    testId?: string;
+}>, {
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: SortableListItem[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: SortableListItem[];
+    section: ColumnConfigSection;
+    testId?: string;
+}>, {
+    testId: string;
+}>>> & {
+    "onUpdate:selected"?: (value: SortableListItem[]) => any;
+}, {
+    testId: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/columnConfigurator/SectionDropdown.vue.js

@@ -0,0 +1,7 @@
+import o from "./SectionDropdown.vue2.js";
+/* empty css                      */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cfad60a8"]]);
+export {
+  p as default
+};

package/components/columnConfigurator/SectionDropdown.vue2.js

@@ -0,0 +1,57 @@
+ import "../../SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css"; import { defineComponent as c, openBlock as m, createBlock as a, unref as t, withCtx as p, createVNode as u, mergeProps as f } from "vue";
+import { DISPLAY_FIELD_NAME as n } from "./consts.js";
+import g from "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import D from "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/TreeDropdown.vue.js";
+import "../dropdown/v4/OptionV4.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
+import { ColumnConfiguratorTestIdModifiers as r } from "../../testids/index.js";
+import { matchString as I } from "../../utils/search.js";
+const v = /* @__PURE__ */ c({
+  __name: "SectionDropdown",
+  props: {
+    selected: null,
+    section: null,
+    testId: { default: "" }
+  },
+  emits: ["update:selected"],
+  setup(e, { emit: l }) {
+    const d = (s, i) => I(s[n], i);
+    return (s, i) => (m(), a(t(g), {
+      selected: e.selected,
+      class: "section-dropdown",
+      "display-value": (o) => o[t(n)],
+      options: e.section.sectionOptions,
+      "grouped-options": e.section.isGrouped,
+      "max-selections": e.section.maxSelections,
+      "option-name-key": t(n),
+      "comparing-key": "id",
+      multi: "",
+      "inline-search": "",
+      "show-select-all": !1,
+      "show-clear-all": !1,
+      "on-search": d,
+      placement: "bottom-end",
+      "test-id": `${e.testId}-${t(r).DROPDOWN}-${e.section.sectionId}`,
+      "onUpdate:selected": i[0] || (i[0] = (o) => l("update:selected", o))
+    }, {
+      "dropdown-trigger": p(({ buttonTriggerProps: o }) => [
+        u(t(D), f({
+          "icon-name": "plus",
+          "icon-type": "regular",
+          size: "extraSmall",
+          "test-id": `${e.testId}-${t(r).ADD_BUTTON}-${e.section.sectionId}`
+        }, o), null, 16, ["test-id"])
+      ]),
+      _: 1
+    }, 8, ["selected", "display-value", "options", "grouped-options", "max-selections", "option-name-key", "test-id"]));
+  }
+});
+export {
+  v as default
+};

package/components/columnConfigurator/SectionHeaderText.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    headerText: string;
+    recordsCount: number;
+}>, {
+    headerText: string;
+    recordsCount: 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<{
+    headerText: string;
+    recordsCount: number;
+}>, {
+    headerText: string;
+    recordsCount: any;
+}>>>, {
+    headerText: string;
+    recordsCount: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/columnConfigurator/SectionHeaderText.vue.js

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

package/components/columnConfigurator/SectionHeaderText.vue2.js

@@ -0,0 +1,22 @@
+ import "../../SectionHeaderText.vue_vue_type_style_index_0_scoped_0b8d3d79_lang.css"; import { defineComponent as r, openBlock as o, createElementBlock as a, createVNode as n, unref as c, withCtx as d, createTextVNode as i, toDisplayString as t } from "vue";
+import s from "../typography/v4/Typography.vue.js";
+const u = { class: "section-header-text" }, x = /* @__PURE__ */ r({
+  __name: "SectionHeaderText",
+  props: {
+    headerText: { default: "" },
+    recordsCount: { default: null }
+  },
+  setup(e) {
+    return (l, f) => (o(), a("div", u, [
+      n(c(s), { variant: "h5" }, {
+        default: d(() => [
+          i(t(e.headerText) + " " + t(e.recordsCount ? `(${e.recordsCount})` : ""), 1)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  x as default
+};

package/components/columnConfigurator/ShowMoreLink.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    allShown: boolean;
+}>, {
+    allShown: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:allShown": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    allShown: boolean;
+}>, {
+    allShown: boolean;
+}>>> & {
+    "onUpdate:allShown"?: (value: boolean) => any;
+}, {
+    allShown: boolean;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/columnConfigurator/ShowMoreLink.vue.js

@@ -0,0 +1,7 @@
+import o from "./ShowMoreLink.vue2.js";
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ShowMoreLink.vue_vue_type_style_index_0_scoped_9fc3bc1b_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9fc3bc1b"]]);
+export {
+  t as default
+};

package/components/columnConfigurator/ShowMoreLink.vue2.js

@@ -0,0 +1,41 @@
+ import "../../ShowMoreLink.vue_vue_type_style_index_0_scoped_9fc3bc1b_lang.css"; import { defineComponent as f, openBlock as n, createElementBlock as k, unref as t, createBlock as r, mergeProps as l, withCtx as a, createTextVNode as i, createCommentVNode as m } from "vue";
+import p from "../link/Link.vue.js";
+import { useVModel as w } from "@vueuse/core";
+const h = { class: "show-more-link" }, y = /* @__PURE__ */ f({
+  __name: "ShowMoreLink",
+  props: {
+    allShown: { type: Boolean, default: !1 }
+  },
+  emits: ["update:allShown"],
+  setup(u, { emit: c }) {
+    const e = w(u, "allShown", c), s = {
+      variant: "body2",
+      iconPosition: "start"
+    };
+    return (v, o) => (n(), k("div", h, [
+      t(e) ? m("", !0) : (n(), r(t(p), l({ key: 0 }, s, {
+        "test-id": "show-more",
+        "icon-name": "plus",
+        onClick: o[0] || (o[0] = (d) => e.value = !0)
+      }), {
+        default: a(() => [
+          i(" Show more ")
+        ]),
+        _: 1
+      }, 16)),
+      t(e) ? (n(), r(t(p), l({ key: 1 }, s, {
+        "test-id": "show-less",
+        "icon-name": "minus",
+        onClick: o[1] || (o[1] = (d) => e.value = !1)
+      }), {
+        default: a(() => [
+          i(" Show less ")
+        ]),
+        _: 1
+      }, 16)) : m("", !0)
+    ]));
+  }
+});
+export {
+  y as default
+};

package/components/columnConfigurator/consts.d.ts

@@ -0,0 +1 @@
+export declare const DISPLAY_FIELD_NAME = "displayText";

package/components/columnConfigurator/consts.js

@@ -0,0 +1,4 @@
+const t = "displayText";
+export {
+  t as DISPLAY_FIELD_NAME
+};

package/components/columnConfigurator/index.d.ts

@@ -0,0 +1,73 @@
+import ColumnConfigurator from './ColumnConfigurator.vue';
+declare const ColumnConfiguratorTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selection: {
+        type: import("vue").PropType<(string | number)[]>;
+        required: true;
+        default: () => any[];
+    };
+    alwaysVisibleCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    columnsConfig: {
+        type: import("vue").PropType<import("./ColumnConfigurator.types").ColumnConfigSection[]>;
+        required: true;
+        default: () => any[];
+    };
+    childSelection: {
+        type: import("vue").PropType<Record<string, string | number>>;
+        required: true;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selection": (value: unknown[]) => void;
+    "update:childSelection": (value: Record<string, string | number>) => void;
+}, 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;
+    };
+    selection: {
+        type: import("vue").PropType<(string | number)[]>;
+        required: true;
+        default: () => any[];
+    };
+    alwaysVisibleCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    columnsConfig: {
+        type: import("vue").PropType<import("./ColumnConfigurator.types").ColumnConfigSection[]>;
+        required: true;
+        default: () => any[];
+    };
+    childSelection: {
+        type: import("vue").PropType<Record<string, string | number>>;
+        required: true;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:selection"?: (value: unknown[]) => any;
+    "onUpdate:childSelection"?: (value: Record<string, string | number>) => any;
+}, {
+    testId: string;
+    loading: boolean;
+    selection: (string | number)[];
+    alwaysVisibleCount: number;
+    columnsConfig: import("./ColumnConfigurator.types").ColumnConfigSection[];
+    childSelection: Record<string, string | number>;
+}>[];
+export type { ColumnConfigSection } from './ColumnConfigurator.types';
+export { ColumnConfigurator, ColumnConfiguratorTypes };

package/components/columnConfigurator/index.js

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

package/components/columnConfigurator/mockData.d.ts

@@ -0,0 +1,30 @@
+import { ColumnConfigSection } from '@/components/columnConfigurator/ColumnConfigurator.types';
+export declare enum ColumnId {
+    DATE = "date",
+    AD_FORMAT = "adFormat",
+    APP = "app",
+    PLATFORM = "platform",
+    COUNTRY = "country",
+    SEGMENT = "segment",
+    REVENUE = "revenue",
+    DAU = "dau",
+    IMPRESSIONS = "impressions",
+    CLICKS = "clicks",
+    CTR = "ctr",
+    ENGAGED_SESSIONS = "engagedSessions",
+    ENGAGEMENT_RATE = "engagementRate",
+    QCTR = "qctr",
+    REACH = "reach",
+    UNIQUE_CLICKS = "uniqueClicks",
+    VIDEO_VIEWS = "videoViews"
+}
+export declare const TABLE_COLUMNS: ({
+    id: ColumnId;
+    title: string;
+    width?: undefined;
+} | {
+    id: ColumnId;
+    title: string;
+    width: number;
+})[];
+export declare const COLUMNS_CONFIG: ColumnConfigSection[];

package/components/columnConfigurator/utils.d.ts

@@ -0,0 +1,2 @@
+import { ColumnConfigSection } from '@/components/columnConfigurator/ColumnConfigurator.types';
+export declare const findOptionInSection: (section: ColumnConfigSection, optionId: number | string) => any;

package/components/columnConfigurator/utils.js

@@ -0,0 +1,18 @@
+const s = (n, i) => {
+  const t = n.sectionOptions;
+  if (!n.isGrouped) {
+    t.forEach((o) => i(o));
+    return;
+  }
+  t.forEach((o) => {
+    o.options.forEach((r) => i(r));
+  });
+}, c = (n, i) => {
+  let t = null;
+  return s(n, (o) => {
+    o.id === i && (t = o);
+  }), t;
+};
+export {
+  c as findOptionInSection
+};

package/components/columnPicker/ColumnPicker.vue.d.ts

@@ -0,0 +1,119 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    defaultSelection?: unknown[];
+    inlineGroupIds?: unknown[];
+    headerText?: string;
+    noResultsText?: string;
+    searchPlaceholder?: string;
+    searchAutoFocus?: boolean;
+    idKey?: string;
+    displayKey?: string;
+    childrenKey?: string;
+    disabledKey?: string;
+    minSelections?: number;
+    minSelectionsTooltipMessage?: string;
+    appendToBody?: boolean;
+    testId: string;
+}>, {
+    selected: () => any[];
+    options: () => any[];
+    inlineGroupIds: () => any[];
+    defaultSelection: any;
+    minSelections: number;
+    minSelectionsTooltipMessage: string;
+    headerText: string;
+    noResultsText: string;
+    searchPlaceholder: string;
+    searchAutoFocus: boolean;
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    appendToBody: boolean;
+    testId: string;
+}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    defaultSelection?: unknown[];
+    inlineGroupIds?: unknown[];
+    headerText?: string;
+    noResultsText?: string;
+    searchPlaceholder?: string;
+    searchAutoFocus?: boolean;
+    idKey?: string;
+    displayKey?: string;
+    childrenKey?: string;
+    disabledKey?: string;
+    minSelections?: number;
+    minSelectionsTooltipMessage?: string;
+    appendToBody?: boolean;
+    testId: string;
+}>, {
+    selected: () => any[];
+    options: () => any[];
+    inlineGroupIds: () => any[];
+    defaultSelection: any;
+    minSelections: number;
+    minSelectionsTooltipMessage: string;
+    headerText: string;
+    noResultsText: string;
+    searchPlaceholder: string;
+    searchAutoFocus: boolean;
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    appendToBody: boolean;
+    testId: string;
+}>>> & {
+    "onUpdate:selected"?: (value: unknown[]) => any;
+}, {
+    testId: string;
+    selected: unknown[];
+    options: Record<string, unknown>[];
+    minSelections: number;
+    noResultsText: string;
+    searchAutoFocus: boolean;
+    searchPlaceholder: string;
+    headerText: string;
+    appendToBody: boolean;
+    defaultSelection: unknown[];
+    inlineGroupIds: unknown[];
+    idKey: string;
+    displayKey: string;
+    childrenKey: string;
+    disabledKey: string;
+    minSelectionsTooltipMessage: string;
+}>, {
+    trigger?(_: {
+        triggerProps: {
+            onClick: () => void;
+        };
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/columnPicker/ColumnPicker.vue.js

@@ -0,0 +1,7 @@
+import o from "./ColumnPicker.vue2.js";
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea8c7024"]]);
+export {
+  t as default
+};