@ironsource/shared-ui 2.1.12-rc.48 → 2.1.12-rc.49

package/ColumnConfigurator.vue_vue_type_style_index_0_scoped_c13770d4_lang.css

@@ -0,0 +1 @@
+.column-configurator[data-v-c13770d4]{width:100%;padding:1rem .75rem .75rem;background:var(--background-paper);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);overflow-y:auto}.section-header[data-v-c13770d4]{display:flex;align-items:center;justify-content:space-between}.column-section[data-v-c13770d4]{margin-bottom:1.125rem}

package/DataGrid.vue_vue_type_style_index_0_scoped_ef67c78e_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-ef67c78e]{position:sticky}.table-container[data-v-ef67c78e]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-ef67c78e]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-ef67c78e]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-ef67c78e]{display:inline-table}.table-row[data-v-ef67c78e]{position:relative}.table-row.loading[data-v-ef67c78e]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-ef67c78e]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-ef67c78e]{border-bottom:none}.expanded-row[data-v-ef67c78e]{grid-column:var(--118a88d4);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-ef67c78e]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-ef67c78e]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-ef67c78e],table th[data-v-ef67c78e]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-ef67c78e]:first-of-type,table th[data-v-ef67c78e]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-ef67c78e]:last-of-type,table th[data-v-ef67c78e]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-ef67c78e],table th.expand-toggle-cell[data-v-ef67c78e]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-ef67c78e]{border-bottom:none;z-index:calc(var(--6539eabc) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-ef67c78e]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--49737de2)}table>thead>tr>th[data-v-ef67c78e]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-ef67c78e]{cursor:pointer}table>thead>tr>td[data-v-ef67c78e]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-ef67c78e],table>thead>tr>td.bordered[data-v-ef67c78e]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-ef67c78e],table>thead>tr>td.bordered.isStickyRight[data-v-ef67c78e]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-ef67c78e],table>thead>tr>td.isTextRight[data-v-ef67c78e]{justify-content:flex-end}table>thead.sticky[data-v-ef67c78e]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-ef67c78e]{z-index:calc(var(--6539eabc) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-ef67c78e]{height:40px}table .totals-row[data-v-ef67c78e]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-ef67c78e]{background-color:var(--background-default)}table>tbody[data-v-ef67c78e]{display:block}table>tbody>*>tr[data-v-ef67c78e]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--49737de2)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-ef67c78e]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-ef67c78e],table>tbody>*>tr.activeMenu>td[data-v-ef67c78e]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-ef67c78e]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-ef67c78e]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-ef67c78e]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-ef67c78e]{justify-content:flex-end;text-align:right}.underlined[data-v-ef67c78e]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-ef67c78e]:hover{cursor:pointer}.section-container[data-v-ef67c78e]{left:0}.sections[data-v-ef67c78e]{display:flex}.section[data-v-ef67c78e]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-ef67c78e]{width:100%}.empty-state[data-v-ef67c78e]{min-height:250px}.floating-row[data-v-ef67c78e]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--6539eabc) + 1)}.floating-row *[data-v-ef67c78e-s]{pointer-events:auto}.bg[data-v-ef67c78e]{background:var(--background-default)}

package/DataGridContainer.vue_vue_type_style_index_0_scoped_9a30b10c_lang.css

@@ -0,0 +1 @@
+.data-grid-container[data-v-9a30b10c]{width:100%;display:flex;flex-direction:row;max-height:100%;align-items:stretch}.data-grid-container[data-v-9a30b10c] .table-container{width:calc(100% - 201px);flex:1}.data-grid-container[data-v-9a30b10c] table{flex:1;background:var(--background-default);border-top-right-radius:0;border-bottom-right-radius:0}.data-grid-container[data-v-9a30b10c] .table-row:last-child{border-bottom:1px solid var(--common-divider)}.side-panel-container[data-v-9a30b10c]{width:201px;max-width:201px;flex:1}.side-panel-container[data-v-9a30b10c] .column-configurator{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}

package/Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css

@@ -0,0 +1 @@
+.link[data-v-1a766750]{cursor:pointer;color:var(--primary-main);display:inline-flex;align-items:center;gap:var(--spacing-50)}.link[data-v-1a766750]:hover{color:var(--primary-dark)}.link--default[data-v-1a766750]{color:var(--text-secondary)}.link--default[data-v-1a766750]:hover{color:var(--text-primary)}.link--disabled[data-v-1a766750]{color:var(--text-disabled);pointer-events:none}

package/LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css

@@ -0,0 +1 @@
+.loader-bars[data-v-d976ec65]{display:flex;flex-direction:column;gap:6px}.loader-bars--compact[data-v-d976ec65]{gap:4px}.loader-bars .loader-bar[data-v-d976ec65]{height:40px;width:100%}.loader-bars .loader-bar--compact[data-v-d976ec65]{height:32px}

package/SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css

@@ -0,0 +1 @@
+.section-dropdown[data-v-cfad60a8]{max-width:1.25rem}

package/SectionHeaderText.vue_vue_type_style_index_0_scoped_0b8d3d79_lang.css

@@ -0,0 +1 @@
+.section-header-text[data-v-0b8d3d79]{display:flex;align-items:center;justify-content:space-between}

package/ShowMoreLink.vue_vue_type_style_index_0_scoped_9fc3bc1b_lang.css

@@ -0,0 +1 @@
+.show-more-link[data-v-9fc3bc1b]{display:flex;margin-top:.625rem;margin-bottom:.25rem;align-items:center}

package/SortableItem.vue_vue_type_style_index_0_scoped_c72be7ed_lang.css

@@ -0,0 +1 @@
+.sortable-item[data-v-c72be7ed]{--sortable-item-height: 2.5rem;--currenttly-dragged-item-border-color: var(--common-divider);display:flex;position:relative;flex-direction:column;border:1px solid var(--common-divider);border-radius:var(--border-radius-sm);background:var(--background-paper)}.sortable-item--compact[data-v-c72be7ed]{--sortable-item-height: 1.875rem;--currenttly-dragged-item-border-color: var(--action-active);border-color:var(--default-outlined-border)}.sortable-item--disabled .draggable-handle[data-v-c72be7ed],.sortable-item--disabled .handle-area[data-v-c72be7ed]{pointer-events:none}.sortable-item--disabled.sortable-item--hovered[data-v-c72be7ed]{border-color:var(--default-outlined-border)}.sortable-item--selected[data-v-c72be7ed]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-c72be7ed]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-c72be7ed]{border-color:var(--currenttly-dragged-item-border-color)!important}.sortable-item.sortable-drag .child-list[data-v-c72be7ed]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-c72be7ed],.sortable-item--fully-draggable .drag-allowed .draggable-handle[data-v-c72be7ed],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-c72be7ed]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-c72be7ed],.sortable-item--fully-draggable .drag-allowed .order-num[data-v-c72be7ed],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-c72be7ed]{display:none}.item[data-v-c72be7ed]{align-items:center;border-radius:var(--border-radius-sm);display:flex;height:var(--sortable-item-height)}.item--selected[data-v-c72be7ed],.item[data-v-c72be7ed]:hover{background:var(--background-paper-elevation-1)}.item--fully-draggable[data-v-c72be7ed]:hover{background:none}.item--fully-draggable .item__text[data-v-c72be7ed]:hover{cursor:grab}.item__prefix[data-v-c72be7ed]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-c72be7ed]{flex:1;height:var(--sortable-item-height);display:flex;align-items:center}.item__text[data-v-c72be7ed]:hover{cursor:pointer}.item__menu[data-v-c72be7ed]{width:26px}.country-flag[data-v-c72be7ed]{margin-right:var(--spacing-100)}.child-list[data-v-c72be7ed]{display:flex;max-height:var(--6b8d7a5c);width:100%}.child-list ul[data-v-c72be7ed]{list-style:none;display:flex;flex-direction:column;margin-bottom:10px;padding-left:16px;padding-right:8px;padding-top:4px;gap:2px}.child-list li[data-v-c72be7ed]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px;width:100%}.child-list li[data-v-c72be7ed]:hover{cursor:pointer;background:var(--action-hover)}.child-list li.selected[data-v-c72be7ed]{background:var(--action-selected)}.child-list .country-title[data-v-c72be7ed]{padding-right:1rem}.expand-icon[data-v-c72be7ed]{cursor:pointer;padding-right:7px;padding-left:1px;height:var(--sortable-item-height);display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-c72be7ed]:hover{color:var(--text-primary)}.locked-icon[data-v-c72be7ed]{color:var(--action-active)}.draggable-handle[data-v-c72be7ed]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:var(--sortable-item-height);color:var(--action-active)}.draggable-handle[data-v-c72be7ed]:hover{cursor:grab;color:var(--text-primary)}.draggable-handle--disabled[data-v-c72be7ed]{color:var(--text-disabled)}.sortable-ghost[data-v-c72be7ed]{position:relative;outline:none}.sortable-ghost[data-v-c72be7ed]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}

package/SortableList.vue_vue_type_style_index_0_scoped_9aec4e9b_lang.css

@@ -0,0 +1 @@
+.sortable-list-and-header-container[data-v-9aec4e9b]{display:flex;flex-direction:column;overflow-y:auto;width:100%}.header-container[data-v-9aec4e9b]{background-color:var(--background-default);display:flex;flex-direction:column;padding-bottom:var(--spacing-100);width:100%}.header-container.sticky[data-v-9aec4e9b]{position:sticky;top:0;z-index:calc(var(--0d58eb02) + 3)}.sortable-list[data-v-9aec4e9b],.locked-list[data-v-9aec4e9b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-9aec4e9b]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-9aec4e9b]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-9aec4e9b]{color:var(--text-disabled);padding:0 8px;width:100%}

package/SortableSelectableList.vue_vue_type_style_index_0_scoped_40b0a4de_lang.css

@@ -0,0 +1 @@
+.sortable-selectable-list[data-v-40b0a4de]{display:flex;flex-direction:column;width:100%}.sortable-list-container[data-v-40b0a4de]{margin-top:var(--spacing-50)}.header-container[data-v-40b0a4de]{display:flex;flex-direction:column;padding-bottom:var(--spacing-50);width:100%}.sortable-list[data-v-40b0a4de]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-50);color:var(--text-primary)}.force-grabbing-cursor *[data-v-40b0a4de]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}

package/components/columnConfigurator/ColumnConfigurator.types.d.ts

@@ -0,0 +1,12 @@
+import { SortableListItem } from '@/components/sortableList/SortableList.types';
+export type ColumnConfigSection = {
+    sectionId: string;
+    title: string;
+    isGrouped: boolean;
+    maxSelections?: number;
+    sectionOptions: SortableListItem[] | SectionOptionsGroup[];
+};
+export type SectionOptionsGroup = {
+    displayText: string;
+    options: SortableListItem[];
+};

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

@@ -0,0 +1,61 @@
+import { ColumnConfigSection } from '@/components/columnConfigurator/ColumnConfigurator.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    columnsConfig: ColumnConfigSection[];
+    selection: (string | number)[];
+    childSelection: Record<string, string | number>;
+    alwaysVisibleCount?: number;
+    loading?: boolean;
+    testId?: string;
+}>, {
+    columnsConfig: () => any[];
+    selection: () => any[];
+    childSelection: () => {};
+    alwaysVisibleCount: number;
+    loading: boolean;
+    testId: string;
+}>, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    columnsConfig: ColumnConfigSection[];
+    selection: (string | number)[];
+    childSelection: Record<string, string | number>;
+    alwaysVisibleCount?: number;
+    loading?: boolean;
+    testId?: string;
+}>, {
+    columnsConfig: () => any[];
+    selection: () => any[];
+    childSelection: () => {};
+    alwaysVisibleCount: number;
+    loading: boolean;
+    testId: string;
+}>>> & {
+    "onUpdate:selection"?: (value: unknown[]) => any;
+    "onUpdate:childSelection"?: (value: Record<string, string | number>) => any;
+}, {
+    testId: string;
+    loading: boolean;
+    selection: (string | number)[];
+    alwaysVisibleCount: number;
+    columnsConfig: ColumnConfigSection[];
+    childSelection: Record<string, string | 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/ColumnConfigurator.vue.js

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

package/components/columnConfigurator/ColumnConfigurator.vue2.js

@@ -0,0 +1,113 @@
+ import "../../ColumnConfigurator.vue_vue_type_style_index_0_scoped_c13770d4_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, l) => (t[l.sectionId] = (i.selection ?? []).map((e) => P(l, e)).filter((e) => e), t), {});
+      },
+      {
+        immediate: !0
+      }
+    );
+    const S = (t, l) => {
+      const e = l;
+      a.value[t] = e, e.forEach((o) => {
+        o.children?.length > 0 && (d.value = {
+          ...d.value,
+          [o.id]: o.children[0].id
+        });
+      });
+    }, $ = f(
+      () => Object.values(a.value).reduce(
+        (t, l) => t.concat(l.map(({ id: e }) => e)),
+        []
+      )
+    );
+    I($, (t, l) => {
+      JSON.stringify(t) !== JSON.stringify(l) && m("update:selection", t);
+    });
+    const b = (t) => {
+      m(
+        "update:selection",
+        i.selection.filter((l) => l !== t)
+      ), r.value === t && (r.value = null), d.value = A(d.value, [String(t)]);
+    }, y = V(
+      i.testId,
+      c
+    );
+    return (t, l) => (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": (o) => a.value[e.sectionId] = o,
+          "open-id": r.value,
+          "onUpdate:open-id": l[0] || (l[0] = (o) => r.value = o),
+          "selected-child-per-item": s(d),
+          "onUpdate:selected-child-per-item": l[1] || (l[1] = (o) => U(d) ? d.value = o : 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": (o) => S(e.sectionId, o)
+              }, null, 8, ["selected", "section", "test-id", "onUpdate:selected"])
+            ])
+          ]),
+          menu: h(({ item: o }) => [
+            u(k, {
+              "test-id": `${n.testId}-${s(c).REMOVE_BUTTON}-${o.id}`,
+              onClick: (j) => b(o.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,72 @@
+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 { 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;