@ironsource/shared-ui 2.2.0-rc.15 → 2.2.0-rc.17

package/ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-3a061c08]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-3a061c08]{padding-top:22px}.chart-header--compact .header-texts[data-v-3a061c08]{flex-direction:row}.chart-header--compact .header-text[data-v-3a061c08]{color:var(--text-secondary)}.header-row[data-v-3a061c08]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-3a061c08]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.header-actions[data-v-3a061c08]{display:flex;align-items:center;gap:var(--spacing-200)}

package/ColumnPicker.vue_vue_type_style_index_0_scoped_77c2a074_lang.css

@@ -0,0 +1 @@
+.column-picker[data-v-77c2a074]{width:37.375rem;border-radius:var(--border-radius-lg);background:var(--background-modal-elevation)}.content[data-v-77c2a074]{min-height:18.75rem;display:grid;grid-template-columns:1fr 1fr}.selected-list-wrapper[data-v-77c2a074]{padding:.25rem 1rem 1rem}.scrollable-list[data-v-77c2a074]{overflow-y:auto;max-height:24.625rem}.search-wrapper[data-v-77c2a074]{height:3rem;padding:1rem 1rem .25rem}.options-list-wrapper[data-v-77c2a074]{border-right:1px solid var(--common-divider)}.options-list[data-v-77c2a074]{margin:0;list-style:none;padding:.3125rem .75rem}.options-list__item[data-v-77c2a074]{margin-bottom:.5rem}.options-list[data-v-77c2a074] .item-container{margin-bottom:1px;min-height:1.9375rem}.selected-list-header[data-v-77c2a074]{height:3rem;padding:.25rem 1rem 0;display:flex;justify-content:space-between;align-items:center}.group-name[data-v-77c2a074]{color:var(--text-secondary)}.inline-group[data-v-77c2a074]{padding:.25rem .5rem}.no-result-container[data-v-77c2a074]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}

package/DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-0967498f]{position:sticky}.table-container[data-v-0967498f]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-0967498f]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-0967498f]{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-0967498f]{display:inline-table}.table-row[data-v-0967498f]{position:relative}.table-row.loading[data-v-0967498f]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-0967498f]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-0967498f]{border-bottom:none}.expanded-row[data-v-0967498f]{grid-column:var(--25787d10);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-0967498f]{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-0967498f]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-0967498f],table th[data-v-0967498f]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-0967498f]:first-of-type,table th[data-v-0967498f]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-0967498f]:last-of-type,table th[data-v-0967498f]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-0967498f],table th.expand-toggle-cell[data-v-0967498f]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-0967498f]{border-bottom:none;z-index:calc(var(--30f420c8) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-0967498f]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--71198c09)}table>thead>tr>th[data-v-0967498f]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-0967498f]{cursor:pointer}table>thead>tr>td[data-v-0967498f]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-0967498f],table>thead>tr>td.bordered[data-v-0967498f]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-0967498f],table>thead>tr>td.bordered.isStickyRight[data-v-0967498f]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-0967498f],table>thead>tr>td.isTextRight[data-v-0967498f]{justify-content:flex-end}table>thead.sticky[data-v-0967498f]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-0967498f]{z-index:calc(var(--30f420c8) + 2);top:var(--31cbe0b7)}table .totals-row[data-v-0967498f]{height:40px}table .totals-row[data-v-0967498f]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-0967498f]{background-color:var(--background-default)}table>tbody[data-v-0967498f]{display:block}table>tbody>*>tr[data-v-0967498f]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--71198c09)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-0967498f]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-0967498f],table>tbody>*>tr.activeMenu>td[data-v-0967498f]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-0967498f]{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-0967498f]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-0967498f]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-0967498f]{justify-content:flex-end;text-align:right}.underlined[data-v-0967498f]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-0967498f]:hover{cursor:pointer}.section-container[data-v-0967498f]{left:0}.sections[data-v-0967498f]{display:flex}.section[data-v-0967498f]{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-0967498f]{width:100%}.empty-state[data-v-0967498f]{min-height:250px}.floating-row[data-v-0967498f]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--30f420c8) + 1)}.floating-row *[data-v-0967498f-s]{pointer-events:auto}.bg[data-v-0967498f]{background:var(--background-default)}.useAvailableHeight[data-v-0967498f]{height:100%}.disabled-scrolling[data-v-0967498f]{overflow:hidden}

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css"; //*');
-const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9a603520"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3a061c08"]]);
 export {
   r as default
 };

package/components/chart/ChartHeader.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css"; import { defineComponent as g, computed as c, openBlock as r, createElementBlock as B, mergeProps as h, unref as t, createElementVNode as n, createVNode as m, createSlots as E, withCtx as d, renderSlot as H, createBlock as l, createTextVNode as b, toDisplayString as v, createCommentVNode as i, normalizeProps as V, isRef as D } from "vue";
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css"; import { defineComponent as g, computed as c, openBlock as r, createElementBlock as B, mergeProps as h, unref as t, createElementVNode as n, createVNode as m, createSlots as E, withCtx as d, renderSlot as H, createBlock as l, createTextVNode as b, toDisplayString as v, createCommentVNode as i, normalizeProps as V, isRef as D } from "vue";
 import k from "../typography/v4/Typography.vue.js";
 import N from "../switch/v4/SwitchV4.vue.js";
 import P from "../tooltip/v4/TooltipV4.vue.js";
@@ -82,7 +82,7 @@ const U = { class: "header-texts" }, z = { class: "header-row" }, M = { class: "
             default: d(() => [
               m(t(k), {
                 class: "header-text",
-                variant: e.compact ? "h5" : "chart2"
+                variant: e.compact ? "h5" : "h1"
               }, {
                 default: d(() => [
                   b(v(e.header), 1)

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

@@ -34,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown[]) => void;
+    finishEditing: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => 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>[];
@@ -70,6 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
 }>>> & {
     "onUpdate:selected"?: (value: unknown[]) => any;
+    onFinishEditing?: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => any;
 }, {
     testId: string;
     selected: unknown[];

package/components/columnPicker/ColumnPicker.vue.js

@@ -1,7 +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_01c4e08f_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-01c4e08f"]]);
+// import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_77c2a074_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-77c2a074"]]);
 export {
   t as default
 };

package/components/columnPicker/ColumnPicker.vue2.js

@@ -1,5 +1,5 @@
- import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
-import ce from "./OptionChip.vue.js";
+ import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_77c2a074_lang.css"; import { defineComponent as ue, ref as c, watch as H, computed as m, provide as re, openBlock as d, createElementBlock as f, Fragment as x, renderSlot as ce, createVNode as u, unref as n, withCtx as p, createElementVNode as r, mergeProps as me, renderList as P, withModifiers as J, createTextVNode as T, toDisplayString as E, withDirectives as fe, createBlock as X, vShow as pe, createCommentVNode as Y, isRef as ve } from "vue";
+import ye from "./OptionChip.vue.js";
 import "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
@@ -8,29 +8,29 @@ 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 Q from "../dropdown/v4/OptionV4.vue.js";
+import Z from "../dropdown/v4/OptionV4.vue.js";
 import "../dropdown/v4/ConditionalDropdown.vue.js";
-import { DropdownContext as me } from "../dropdown/common/DropdownContext.js";
-import w from "../typography/v4/Typography.vue.js";
-import pe from "../dialog/v4/DialogV4.vue.js";
-import fe from "../sortableList/SortableList.vue.js";
-import ye from "../link/Link.vue.js";
-import ve from "../search/v4/SearchV4.vue.js";
-import { matchString as he } from "../../utils/search.js";
+import { DropdownContext as he } from "../dropdown/common/DropdownContext.js";
+import L from "../typography/v4/Typography.vue.js";
+import ge from "../dialog/v4/DialogV4.vue.js";
+import Se from "../sortableList/SortableList.vue.js";
+import Ke from "../link/Link.vue.js";
+import ke from "../search/v4/SearchV4.vue.js";
+import { matchString as Ce } from "../../utils/search.js";
 import "../button/v4/ButtonV4.vue.js";
-import ge from "../button/v4/IconButtonV4.vue.js";
+import be from "../button/v4/IconButtonV4.vue.js";
 import "../button/v4/ButtonGroup.vue.js";
 import "../button/v4/ToggleButtonGroupAB.vue.js";
-import { useTestIdAttrs as Ke } from "../../utils/testIds.js";
-import { ColumnPickerTestIdModifiers as B } from "../../testids/index.js";
-import Se from "./RemoveButton.vue.js";
-const ke = { class: "content" }, be = { class: "options-list-wrapper" }, Ce = { class: "search-wrapper" }, xe = { class: "options-list scrollable-list" }, Te = {
+import { useTestIdAttrs as xe } from "../../utils/testIds.js";
+import { ColumnPickerTestIdModifiers as F } from "../../testids/index.js";
+import Te from "./RemoveButton.vue.js";
+const Ie = { class: "content" }, Oe = { class: "options-list-wrapper" }, Re = { class: "search-wrapper" }, Ve = { class: "options-list scrollable-list" }, we = {
   key: 0,
   class: "inline-group"
-}, Ie = ["onClick"], Oe = {
+}, Be = ["onClick"], De = {
   key: 0,
   class: "no-result-container"
-}, Re = { class: "selected-list-header" }, Ve = { class: "selected-list-wrapper scrollable-list" }, lt = /* @__PURE__ */ ie({
+}, Ge = { class: "selected-list-header" }, Pe = { class: "selected-list-wrapper scrollable-list" }, ot = /* @__PURE__ */ ue({
   __name: "ColumnPicker",
   props: {
     selected: { default: () => [] },
@@ -50,87 +50,107 @@ const ke = { class: "content" }, be = { class: "options-list-wrapper" }, Ce = {
     appendToBody: { type: Boolean, default: !0 },
     testId: { default: "" }
   },
-  emits: ["update:selected"],
-  setup(n, { emit: j }) {
-    const t = n, a = K([]), f = K([]), v = K(""), y = K(!1), G = () => {
-      t.selected?.length ? a.value = [...t.selected] : t.defaultSelection?.length ? a.value = [...t.defaultSelection] : a.value = [];
-    }, b = () => {
-      y.value = !1, f.value = [], v.value = "", G();
+  emits: ["update:selected", "finishEditing"],
+  setup(s, { emit: I }) {
+    const t = s, o = c([]), v = c([]), h = c(""), y = c(!1), S = c(!1), K = c(!1), k = c(!1), C = c(!1), $ = () => {
+      t.selected?.length ? o.value = [...t.selected] : t.defaultSelection?.length ? o.value = [...t.defaultSelection] : o.value = [];
+    }, O = (e = !0) => {
+      y.value = !1, v.value = [], h.value = "", $(), e && I(
+        "finishEditing",
+        S.value,
+        C.value,
+        K.value,
+        k.value,
+        "Cancel"
+      ), oe();
     };
-    ne(
+    H(
       [() => t.selected, () => t.defaultSelection],
       () => {
-        G();
+        $();
       },
       {
         immediate: !0
       }
     );
-    const P = () => {
+    const A = () => {
       y.value = !y.value;
-    }, C = c({
+    }, R = m({
       get() {
-        return a.value.map((e) => {
-          const i = Z(e) ? A(e)?.[t.displayKey] + " " : "";
+        return o.value.map((e) => {
+          const l = ie(e) ? W(e)?.[t.displayKey] + " " : "";
           return {
             id: e[t.idKey],
-            displayText: i + e[t.displayKey],
-            isDisabled: I(e)
+            displayText: l + e[t.displayKey],
+            isDisabled: B(e)
           };
         });
       },
       set(e) {
-        const i = e.map((l) => l.id);
-        a.value = i.map(
-          (l) => a.value.find((o) => o[t.idKey] === l)
+        const l = e.map((i) => i.id);
+        o.value = l.map(
+          (i) => o.value.find((a) => a[t.idKey] === i)
         );
       }
-    }), x = c(
-      () => a.value?.length <= t.minSelections
-    ), T = c(() => {
+    }), V = m(
+      () => o.value?.length <= t.minSelections
+    ), w = m(() => {
       if (!t.minSelections)
         return "";
-      const e = t.minSelections, i = t.minSelectionsTooltipMessage;
-      return i ? i.replace("%count%", e.toString()) : "";
-    }), D = (e) => g(e) && x.value, I = (e) => e[t.disabledKey] || D(e), g = (e) => a.value.some(
-      (i) => i[t.idKey] === e[t.idKey]
-    ), H = (e) => {
-      g(e) ? L(e[t.idKey]) : J(e);
-    }, O = (e) => {
-      t.disabledKey && e[t.disabledKey] || H(e);
-    }, J = (e) => {
-      a.value.push(e);
-    }, L = (e) => {
-      a.value = a.value.filter(
-        (i) => i[t.idKey] !== e
+      const e = t.minSelections, l = t.minSelectionsTooltipMessage;
+      return l ? l.replace("%count%", e.toString()) : "";
+    }), M = (e) => b(e) && V.value, B = (e) => e[t.disabledKey] || M(e), b = (e) => o.value.some(
+      (l) => l[t.idKey] === e[t.idKey]
+    ), _ = (e) => {
+      b(e) ? N(e[t.idKey]) : ee(e);
+    }, D = (e) => {
+      t.disabledKey && e[t.disabledKey] || _(e);
+    }, ee = (e) => {
+      o.value.push(e);
+    }, N = (e) => {
+      o.value = o.value.filter(
+        (l) => l[t.idKey] !== e
       );
-    }, F = c(() => {
+    }, z = m(() => {
       if (!t.defaultSelection?.length)
         return !1;
-      const e = a.value.map((l) => l[t.idKey]), i = t.defaultSelection.map((l) => l[t.idKey]);
-      return e.length !== i.length ? !0 : !i.every((l) => e.includes(l));
-    }), X = () => {
-      F.value && (a.value = [...t.defaultSelection]);
-    }, $ = (e) => E.value ? !0 : !f.value.includes(e), Y = (e) => t.inlineGroupIds?.includes(e), A = (e) => t.options.find(
-      (i) => h(i).map((l) => l[t.idKey]).includes(e[t.idKey])
-    ), Z = (e) => {
-      const i = A(e);
-      return i ? t.inlineGroupIds?.includes(i[t.idKey]) : !1;
-    }, M = (e) => {
-      f.value.includes(e) ? f.value = f.value.filter(
-        (i) => i !== e
-      ) : f.value.push(e);
-    }, h = (e) => e[t.childrenKey] || [], _ = c(() => a.value.length), N = c(() => v.value?.trim()), E = c(() => !!N.value), z = c(() => E.value ? t.options.map((i) => ({
-      ...i,
-      [t.childrenKey]: h(i).filter(
-        (l) => he(l[t.displayKey], N.value)
+      const e = o.value.map((i) => i[t.idKey]), l = t.defaultSelection.map((i) => i[t.idKey]);
+      return e.length !== l.length ? !0 : !l.every((i) => e.includes(i));
+    }), te = () => {
+      z.value && (o.value = [...t.defaultSelection]), S.value = !0;
+    }, U = (e) => Q.value ? !0 : !v.value.includes(e), le = (e) => t.inlineGroupIds?.includes(e), W = (e) => t.options.find(
+      (l) => g(l).map((i) => i[t.idKey]).includes(e[t.idKey])
+    ), ie = (e) => {
+      const l = W(e);
+      return l ? t.inlineGroupIds?.includes(l[t.idKey]) : !1;
+    }, q = (e) => {
+      v.value.includes(e) ? (v.value = v.value.filter(
+        (l) => l !== e
+      ), K.value = !0) : (v.value.push(e), k.value = !0);
+    }, g = (e) => e[t.childrenKey] || [], se = m(() => o.value.length), G = m(() => h.value?.trim()), Q = m(() => !!G.value), j = m(() => Q.value ? t.options.map((l) => ({
+      ...l,
+      [t.childrenKey]: g(l).filter(
+        (i) => Ce(i[t.displayKey], G.value)
       )
     })).filter(
-      (i) => h(i).length > 0
-    ) : t.options), ee = Ke(t.testId, B), te = () => {
-      j("update:selected", a.value), b();
+      (l) => g(l).length > 0
+    ) : t.options), ne = xe(t.testId, F), ae = () => {
+      I("update:selected", o.value), I(
+        "finishEditing",
+        S.value,
+        C.value,
+        K.value,
+        k.value,
+        "Save"
+      ), O(!1);
     };
-    return se(me, {
+    H(G, () => {
+      C.value = !0;
+    });
+    const oe = () => {
+      S.value = !1, K.value = !1, k.value = !1, C.value = !1;
+    };
+    return re(he, {
       activeIndex: null,
       activeOption: null,
       clearSelection: () => {
@@ -151,8 +171,8 @@ const ke = { class: "content" }, be = { class: "options-list-wrapper" }, Ce = {
       toggle: () => {
       },
       placeholder: "",
-      select: O,
-      query: v,
+      select: D,
+      query: h,
       selectedValue: null,
       goToOption: () => {
       },
@@ -162,147 +182,147 @@ const ke = { class: "content" }, be = { class: "options-list-wrapper" }, Ce = {
       },
       unRegisterOption: () => {
       }
-    }), (e, i) => (d(), m(S, null, [
-      oe(e.$slots, "trigger", {
-        triggerProps: { onClick: P }
+    }), (e, l) => (d(), f(x, null, [
+      ce(e.$slots, "trigger", {
+        triggerProps: { onClick: A }
       }, () => [
-        r(s(ge), {
+        u(n(be), {
           "icon-name": "layout",
           variant: "outlined",
-          "test-id": `${n.testId}-${s(B).TRIGGER}`,
-          onClick: P
+          "test-id": `${s.testId}-${n(F).TRIGGER}`,
+          onClick: A
         }, null, 8, ["test-id"])
       ], !0),
-      r(s(pe), {
+      u(n(ge), {
         modelValue: y.value,
-        "onUpdate:modelValue": i[2] || (i[2] = (l) => y.value = l),
-        title: n.headerText,
+        "onUpdate:modelValue": l[2] || (l[2] = (i) => y.value = i),
+        title: s.headerText,
         "no-padding": "",
         "save-button-label": "Save view",
         "close-on-click-outside": "",
-        "append-to-body": n.appendToBody,
-        "test-id": n.testId,
-        onSave: te,
-        onClose: b,
-        onCancel: b
+        "append-to-body": s.appendToBody,
+        "test-id": s.testId,
+        onSave: ae,
+        onClose: l[3] || (l[3] = () => O),
+        onCancel: O
       }, {
         default: p(() => [
-          u("div", ae({ class: "column-picker" }, s(ee)[s(B).WRAPPER]), [
-            u("div", ke, [
-              u("div", be, [
-                u("header", Ce, [
-                  r(s(ve), {
-                    modelValue: v.value,
-                    "onUpdate:modelValue": i[0] || (i[0] = (l) => v.value = l),
-                    placeholder: n.searchPlaceholder,
+          r("div", me({ class: "column-picker" }, n(ne)[n(F).WRAPPER]), [
+            r("div", Ie, [
+              r("div", Oe, [
+                r("header", Re, [
+                  u(n(ke), {
+                    modelValue: h.value,
+                    "onUpdate:modelValue": l[0] || (l[0] = (i) => h.value = i),
+                    placeholder: s.searchPlaceholder,
                     variant: "transparent",
                     size: "md",
-                    "auto-focus": n.searchAutoFocus,
-                    "test-id": n.testId
+                    "auto-focus": s.searchAutoFocus,
+                    "test-id": s.testId
                   }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
                 ]),
-                u("ul", xe, [
-                  (d(!0), m(S, null, R(s(z), (l) => (d(), m("li", {
-                    key: String(l[n.idKey]),
+                r("ul", Ve, [
+                  (d(!0), f(x, null, P(n(j), (i) => (d(), f("li", {
+                    key: String(i[s.idKey]),
                     class: "options-list__item"
                   }, [
-                    r(s(Q), {
-                      option: l,
+                    u(n(Z), {
+                      option: i,
                       "tree-main-option": "",
-                      "tree-main-option-expanded": $(l[n.idKey]),
-                      onClick: U((o) => M(l[n.idKey]), ["stop"]),
-                      onToggleTreeCollapse: (o) => M(l[n.idKey])
+                      "tree-main-option-expanded": U(i[s.idKey]),
+                      onClick: J((a) => q(i[s.idKey]), ["stop"]),
+                      onToggleTreeCollapse: (a) => q(i[s.idKey])
                     }, {
                       default: p(() => [
-                        r(s(w), {
+                        u(n(L), {
                           variant: "h5",
                           class: "group-name"
                         }, {
                           default: p(() => [
-                            k(V(l[n.displayKey]), 1)
+                            T(E(i[s.displayKey]), 1)
                           ]),
                           _: 2
                         }, 1024)
                       ]),
                       _: 2
                     }, 1032, ["option", "tree-main-option-expanded", "onClick", "onToggleTreeCollapse"]),
-                    de(u("div", null, [
-                      Y(l[n.idKey]) ? (d(), m("div", Te, [
-                        (d(!0), m(S, null, R(h(l), (o) => (d(), W(ce, {
-                          key: o[n.idKey],
-                          option: o,
-                          "name-key": n.displayKey,
-                          selected: g(o),
-                          disabled: I(o),
-                          "tooltip-text": D(o) ? s(T) : null,
-                          onClick: (le) => O(o)
+                    fe(r("div", null, [
+                      le(i[s.idKey]) ? (d(), f("div", we, [
+                        (d(!0), f(x, null, P(g(i), (a) => (d(), X(ye, {
+                          key: a[s.idKey],
+                          option: a,
+                          "name-key": s.displayKey,
+                          selected: b(a),
+                          disabled: B(a),
+                          "tooltip-text": M(a) ? n(w) : null,
+                          onClick: (de) => D(a)
                         }, null, 8, ["option", "name-key", "selected", "disabled", "tooltip-text", "onClick"]))), 128))
-                      ])) : (d(!0), m(S, { key: 1 }, R(h(l), (o) => (d(), m("div", {
-                        key: o[n.idKey],
-                        onClick: U((le) => O(o), ["stop"])
+                      ])) : (d(!0), f(x, { key: 1 }, P(g(i), (a) => (d(), f("div", {
+                        key: a[s.idKey],
+                        onClick: J((de) => D(a), ["stop"])
                       }, [
-                        r(s(Q), {
-                          option: o,
-                          "selected-prop": g(o),
-                          "name-key": n.displayKey,
-                          disabled: I(o),
-                          "min-max-selection-tooltip-message": s(T),
+                        u(n(Z), {
+                          option: a,
+                          "selected-prop": b(a),
+                          "name-key": s.displayKey,
+                          disabled: B(a),
+                          "min-max-selection-tooltip-message": n(w),
                           "tooltip-attached-to-text": "",
                           "is-multi": ""
                         }, null, 8, ["option", "selected-prop", "name-key", "disabled", "min-max-selection-tooltip-message"])
-                      ], 8, Ie))), 128))
+                      ], 8, Be))), 128))
                     ], 512), [
-                      [re, $(l[n.idKey])]
+                      [pe, U(i[s.idKey])]
                     ])
                   ]))), 128)),
-                  s(z).length ? q("", !0) : (d(), m("li", Oe, [
-                    r(s(w), { variant: "body2" }, {
+                  n(j).length ? Y("", !0) : (d(), f("li", De, [
+                    u(n(L), { variant: "body2" }, {
                       default: p(() => [
-                        k(V(n.noResultsText), 1)
+                        T(E(s.noResultsText), 1)
                       ]),
                       _: 1
                     })
                   ]))
                 ])
               ]),
-              u("div", null, [
-                u("header", Re, [
-                  r(s(w), {
+              r("div", null, [
+                r("header", Ge, [
+                  u(n(L), {
                     variant: "h5",
                     class: "selected-count-text"
                   }, {
                     default: p(() => [
-                      k(V(s(_)) + " selected ", 1)
+                      T(E(n(se)) + " selected ", 1)
                     ]),
                     _: 1
                   }),
-                  n.defaultSelection?.length ? (d(), W(s(ye), {
+                  s.defaultSelection?.length ? (d(), X(n(Ke), {
                     key: 0,
                     variant: "subtitle2",
-                    disabled: !s(F),
-                    "test-id": n.testId,
-                    onClick: X
+                    disabled: !n(z),
+                    "test-id": s.testId,
+                    onClick: te
                   }, {
                     default: p(() => [
-                      k(" Reset to default ")
+                      T(" Reset to default ")
                     ]),
                     _: 1
-                  }, 8, ["disabled", "test-id"])) : q("", !0)
+                  }, 8, ["disabled", "test-id"])) : Y("", !0)
                 ]),
-                u("div", Ve, [
-                  r(s(fe), {
-                    items: s(C),
-                    "onUpdate:items": i[1] || (i[1] = (l) => ue(C) ? C.value = l : null),
-                    "display-value": (l) => l.displayText,
+                r("div", Pe, [
+                  u(n(Se), {
+                    items: n(R),
+                    "onUpdate:items": l[1] || (l[1] = (i) => ve(R) ? R.value = i : null),
+                    "display-value": (i) => i.displayText,
                     variant: "compact",
                     "draggable-area": "full",
-                    "test-id": n.testId
+                    "test-id": s.testId
                   }, {
-                    menu: p(({ item: l }) => [
-                      r(Se, {
-                        disabled: s(x),
-                        "tooltip-text": s(x) ? s(T) : null,
-                        onClick: (o) => L(l.id)
+                    menu: p(({ item: i }) => [
+                      u(Te, {
+                        disabled: n(V),
+                        "tooltip-text": n(V) ? n(w) : null,
+                        onClick: (a) => N(i.id)
                       }, null, 8, ["disabled", "tooltip-text", "onClick"])
                     ]),
                     _: 1
@@ -318,5 +338,5 @@ const ke = { class: "content" }, be = { class: "options-list-wrapper" }, Ce = {
   }
 });
 export {
-  lt as default
+  ot as default
 };

package/components/columnPicker/index.d.ts

@@ -90,6 +90,7 @@ declare const ColumnPickerTypes: () => ({
             };
         }>> & {
             "onUpdate:selected"?: (value: unknown[]) => any;
+            onFinishEditing?: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "selected" | "options" | "minSelections" | "noResultsText" | "searchAutoFocus" | "searchPlaceholder" | "headerText" | "appendToBody" | "defaultSelection" | "inlineGroupIds" | "idKey" | "displayKey" | "childrenKey" | "disabledKey" | "minSelectionsTooltipMessage">;
         $attrs: {
             [x: string]: unknown;
@@ -102,7 +103,7 @@ declare const ColumnPickerTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: "update:selected", value: unknown[]) => void;
+        $emit: ((event: "update:selected", value: unknown[]) => void) & ((event: "finishEditing", isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             testId: {
@@ -174,8 +175,10 @@ declare const ColumnPickerTypes: () => ({
             };
         }>> & {
             "onUpdate:selected"?: (value: unknown[]) => any;
+            onFinishEditing?: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:selected": (value: unknown[]) => void;
+            finishEditing: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => void;
         }, string, {
             testId: string;
             selected: unknown[];
@@ -283,6 +286,7 @@ declare const ColumnPickerTypes: () => ({
         };
     }>> & {
         "onUpdate:selected"?: (value: unknown[]) => any;
+        onFinishEditing?: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -357,8 +361,10 @@ declare const ColumnPickerTypes: () => ({
     };
 }>> & {
     "onUpdate:selected"?: (value: unknown[]) => any;
+    onFinishEditing?: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown[]) => void;
+    finishEditing: (isResetToDefault: boolean, isSearched: boolean, isExpanded: boolean, isCollapse: boolean, status: "Cancel" | "Save") => void;
 }, string, {
     testId: string;
     selected: unknown[];

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b16780cd_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b16780cd"]]);
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0967498f"]]);
 export {
   a as default
 };

package/components/table/v4/DataGrid.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b16780cd_lang.css"; import { defineComponent as ke, useCssVars as me, unref as t, useSlots as ve, computed as u, openBlock as i, createElementBlock as d, createElementVNode as v, normalizeStyle as S, normalizeClass as f, createBlock as I, isRef as be, createSlots as pe, withCtx as g, renderSlot as r, createCommentVNode as c, Fragment as C, renderList as R, createVNode as k, createTextVNode as M, toDisplayString as N, mergeProps as P } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css"; import { defineComponent as ke, useCssVars as me, unref as t, useSlots as be, computed as u, openBlock as i, createElementBlock as d, createElementVNode as b, normalizeStyle as S, normalizeClass as f, createBlock as I, isRef as ve, createSlots as pe, withCtx as g, renderSlot as r, createCommentVNode as c, Fragment as C, renderList as R, createVNode as k, createTextVNode as M, toDisplayString as O, mergeProps as P } from "vue";
 import L from "../../typography/v4/Typography.vue.js";
 import xe from "../../skeleton/v4/SkeletonV4.vue.js";
 import Ce from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -20,10 +20,10 @@ import { useElementSize as Ie } from "@vueuse/core";
 const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
   key: 1,
   class: "expand-toggle-cell"
-}, Oe = ["onClick", "onMouseOver"], De = { class: "table-head-container" }, Fe = {
+}, De = ["onClick", "onMouseenter"], Fe = { class: "table-head-container" }, Ne = {
   key: 0,
   class: "totals-row"
-}, Ne = ["data-testid"], ze = ["onMouseenter", "onClick"], Ge = {
+}, Oe = ["data-testid"], ze = ["onMouseenter", "onClick"], Ge = {
   key: 2,
   class: "expanded-row"
 }, Ke = {
@@ -73,12 +73,12 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
   setup(l, { expose: m, emit: h }) {
     const a = l;
     me((s) => ({
-      "0c9e7708": l.zIndexBase,
-      "5a1e7908": t(le),
-      bccc3116: t(G),
-      "43a31123": t(fe)
+      "30f420c8": l.zIndexBase,
+      "25787d10": t(le),
+      "71198c09": t(G),
+      "31cbe0b7": t(fe)
     }));
-    const b = ve(), q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
+    const v = be(), q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
       list: p,
       containerProps: z,
       wrapperProps: J,
@@ -94,15 +94,15 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
       toggleExpandRow: te,
       cssExpandGridCol: le,
       isRowExpanded: V,
-      hasCheckboxes: O,
+      hasCheckboxes: D,
       activeMenuRow: se,
       scrollTo: ae
-    } = Te(a, h), W = u(() => !!b.footer), ie = u(
-      () => a.title || b.title || _.value || b["table-header-actions"] || b["table-header-pre-search"]
+    } = Te(a, h), W = u(() => !!v.footer), ie = u(
+      () => a.title || v.title || _.value || v["table-header-actions"] || v["table-header-pre-search"]
     ), x = u({
       get: () => a.search,
       set: (s) => h("update:search", s)
-    }), oe = u(() => a.selection.length || 0), D = u(() => {
+    }), oe = u(() => a.selection.length || 0), F = u(() => {
       const s = a.rows.map((o, e) => a.getRowId(o, e));
       return !!s.length && s.every((o) => E(o));
     }), E = (s) => a.selection.findIndex((o) => a.selectedMatcher(s, o)) !== -1, de = (s) => {
@@ -112,7 +112,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
         )
       ), h("selectRow", !1)) : (B([...a.selection, s]), h("selectRow", !0));
     }, ne = () => {
-      if (D.value)
+      if (F.value)
         B([]), h("selectAll", !1);
       else {
         const s = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !E(o));
@@ -124,7 +124,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
       () => a.emptyStateVariant ?? (x.value ? "no-results" : "no-data")
     ), ue = u(
       () => a.emptyStateSubtitle ? a.emptyStateSubtitle : x.value ? "Search again with different filters" : void 0
-    ), F = u(() => ({
+    ), N = u(() => ({
       class: {
         sticky: a.isSelectionSticky,
         bordered: a.isSelectionBordered
@@ -149,7 +149,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
       "data-testid": `${l.testId}-${t($).CONTAINER}`,
       onMouseleave: o[3] || (o[3] = (e) => T.value = null)
     }, [
-      v("table", {
+      b("table", {
         ref: t(z).ref,
         style: S(t(ee)),
         class: f({
@@ -163,7 +163,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
         t(ie) ? (i(), I(t($e), {
           key: 0,
           search: t(x),
-          "onUpdate:search": o[0] || (o[0] = (e) => be(x) ? x.value = e : null),
+          "onUpdate:search": o[0] || (o[0] = (e) => ve(x) ? x.value = e : null),
           title: l.title,
           "is-sticky": l.isStickyHeader,
           "show-search": l.showSearch,
@@ -181,14 +181,14 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
           ]),
           _: 2
         }, [
-          t(b)["table-header-pre-search"] ? {
+          t(v)["table-header-pre-search"] ? {
             name: "table-header-pre-search",
             fn: g(() => [
               r(s.$slots, "table-header-pre-search")
             ]),
             key: "0"
           } : void 0,
-          t(b)["table-header-actions"] ? {
+          t(v)["table-header-actions"] ? {
             name: "table-header-actions",
             fn: g(() => [
               r(s.$slots, "table-header-actions")
@@ -196,10 +196,10 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
             key: "1"
           } : void 0
         ]), 1032, ["search", "title", "is-sticky", "show-search", "search-placeholder", "search-auto-focus", "z-index-base", "test-id"])) : c("", !0),
-        v("thead", {
+        b("thead", {
           class: f({ sticky: l.isSticky, isStickyHeader: l.isStickyHeader })
         }, [
-          v("div", {
+          b("div", {
             class: "sections",
             "data-testid": `${l.testId}-${t($).SECTIONS}`
           }, [
@@ -208,13 +208,13 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
               class: f(["section-container", { sticky: e.isSticky }])
             }, [
               r(s.$slots, `section-${e.id}`, {}, () => [
-                v("div", {
+                b("div", {
                   style: S({ width: e.width + "px" }),
                   class: f({ section: !0 })
                 }, [
                   k(t(L), { variant: "body2" }, {
                     default: g(() => [
-                      M(N(e.title), 1)
+                      M(O(e.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -222,18 +222,18 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
               ])
             ], 2))), 128))
           ], 8, Le),
-          v("tr", {
+          b("tr", {
             style: S({ height: `${t(j)}px` })
           }, [
-            t(O) ? (i(), d("th", P({
+            t(D) ? (i(), d("th", P({
               key: 0,
               class: "checkbox-cell"
-            }, t(F)), [
+            }, t(N)), [
               r(s.$slots, "select-all-checkbox", {}, () => [
                 k(t(Q), {
                   disabled: l.isLoading,
-                  "is-checked": t(D),
-                  "is-indeterminate": !t(D) && t(oe) > 0,
+                  "is-checked": t(F),
+                  "is-indeterminate": !t(F) && t(oe) > 0,
                   "onUpdate:isChecked": ne
                 }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
               ])
@@ -248,9 +248,9 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
               }),
               style: S(e.isSticky ? t(H)[e.id] : null),
               onClick: (n) => e.isSortable ? t(Z)(e) : null,
-              onMouseOver: () => h("columnHover", e)
+              onMouseenter: () => h("columnHover", e)
             }, [
-              v("div", De, [
+              b("div", Fe, [
                 r(s.$slots, `header-${e.id}`, { column: e }, () => [
                   k(t(Re), {
                     text: e.helpText,
@@ -266,7 +266,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
                         })
                       }, {
                         default: g(() => [
-                          M(N(e.title), 1)
+                          M(O(e.title), 1)
                         ]),
                         _: 2
                       }, 1032, ["class"])
@@ -286,13 +286,13 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
                   "sort-order": l.sort.sortOrder
                 }, null, 8, ["sort-order"])) : c("", !0)
               ])
-            ], 46, Oe))), 128))
+            ], 46, De))), 128))
           ], 4),
-          l.showTotalsRow && t(p).length > 0 ? (i(), d("tr", Fe, [
-            t(O) ? (i(), d("td", P({
+          l.showTotalsRow && t(p).length > 0 ? (i(), d("tr", Ne, [
+            t(D) ? (i(), d("td", P({
               key: 0,
               class: "bg"
-            }, t(F)), null, 16)) : c("", !0),
+            }, t(N)), null, 16)) : c("", !0),
             (i(!0), d(C, null, R(l.columns, (e, y) => (i(), d("td", {
               key: e.id,
               class: f({
@@ -315,7 +315,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
             ], 6))), 128))
           ])) : c("", !0)
         ], 2),
-        v("tbody", null, [
+        b("tbody", null, [
           t(p).length > 0 ? (i(), d("div", P({
             key: 0,
             class: "table-body-wrapper",
@@ -334,10 +334,10 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
               onMouseenter: (y) => T.value = e.index,
               onClick: (y) => h("clickRow", e.index)
             }, [
-              t(O) ? (i(), d("td", P({
+              t(D) ? (i(), d("td", P({
                 key: 0,
                 class: "checkbox-cell"
-              }, t(F), {
+              }, t(N), {
                 style: t(A)[e.index]
               }), [
                 k(t(Q), {
@@ -382,7 +382,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
                   }, () => [
                     k(t(L), { variant: "body1" }, {
                       default: g(() => [
-                        M(N(e.data[n]), 1)
+                        M(O(e.data[n]), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -404,7 +404,7 @@ const Me = ["data-testid"], Pe = ["data-testid"], Le = ["data-testid"], Ve = {
                 })
               ])) : c("", !0)
             ], 46, ze))), 128))
-          ], 16, Ne)) : (i(), d("div", {
+          ], 16, Oe)) : (i(), d("div", {
             key: 1,
             style: S(
               l.useAvailableHeight ? { height: `${t(ge)}px` } : {}

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css';
+import './IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";

package/package.json

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

package/ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-9a603520]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-9a603520]{padding-top:22px}.chart-header--compact .header-texts[data-v-9a603520]{flex-direction:row}.chart-header--compact .header-text[data-v-9a603520]{color:var(--text-secondary)}.header-row[data-v-9a603520]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-9a603520]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.header-actions[data-v-9a603520]{display:flex;align-items:center;gap:var(--spacing-200)}

package/ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css

@@ -1 +0,0 @@
-.column-picker[data-v-01c4e08f]{width:37.375rem;border-radius:var(--border-radius-lg);background:var(--background-modal-elevation)}.content[data-v-01c4e08f]{min-height:18.75rem;display:grid;grid-template-columns:1fr 1fr}.selected-list-wrapper[data-v-01c4e08f]{padding:.25rem 1rem 1rem}.scrollable-list[data-v-01c4e08f]{overflow-y:auto;max-height:24.625rem}.search-wrapper[data-v-01c4e08f]{height:3rem;padding:1rem 1rem .25rem}.options-list-wrapper[data-v-01c4e08f]{border-right:1px solid var(--common-divider)}.options-list[data-v-01c4e08f]{margin:0;list-style:none;padding:.3125rem .75rem}.options-list__item[data-v-01c4e08f]{margin-bottom:.5rem}.options-list[data-v-01c4e08f] .item-container{margin-bottom:1px;min-height:1.9375rem}.selected-list-header[data-v-01c4e08f]{height:3rem;padding:.25rem 1rem 0;display:flex;justify-content:space-between;align-items:center}.group-name[data-v-01c4e08f]{color:var(--text-secondary)}.inline-group[data-v-01c4e08f]{padding:.25rem .5rem}.no-result-container[data-v-01c4e08f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}

package/DataGrid.vue_vue_type_style_index_0_scoped_b16780cd_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-b16780cd]{position:sticky}.table-container[data-v-b16780cd]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-b16780cd]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-b16780cd]{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-b16780cd]{display:inline-table}.table-row[data-v-b16780cd]{position:relative}.table-row.loading[data-v-b16780cd]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-b16780cd]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-b16780cd]{border-bottom:none}.expanded-row[data-v-b16780cd]{grid-column:var(--5a1e7908);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-b16780cd]{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-b16780cd]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-b16780cd],table th[data-v-b16780cd]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-b16780cd]:first-of-type,table th[data-v-b16780cd]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-b16780cd]:last-of-type,table th[data-v-b16780cd]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-b16780cd],table th.expand-toggle-cell[data-v-b16780cd]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-b16780cd]{border-bottom:none;z-index:calc(var(--0c9e7708) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-b16780cd]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--bccc3116)}table>thead>tr>th[data-v-b16780cd]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-b16780cd]{cursor:pointer}table>thead>tr>td[data-v-b16780cd]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-b16780cd],table>thead>tr>td.bordered[data-v-b16780cd]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-b16780cd],table>thead>tr>td.bordered.isStickyRight[data-v-b16780cd]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-b16780cd],table>thead>tr>td.isTextRight[data-v-b16780cd]{justify-content:flex-end}table>thead.sticky[data-v-b16780cd]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-b16780cd]{z-index:calc(var(--0c9e7708) + 2);top:var(--43a31123)}table .totals-row[data-v-b16780cd]{height:40px}table .totals-row[data-v-b16780cd]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-b16780cd]{background-color:var(--background-default)}table>tbody[data-v-b16780cd]{display:block}table>tbody>*>tr[data-v-b16780cd]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--bccc3116)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-b16780cd]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-b16780cd],table>tbody>*>tr.activeMenu>td[data-v-b16780cd]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-b16780cd]{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-b16780cd]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-b16780cd]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-b16780cd]{justify-content:flex-end;text-align:right}.underlined[data-v-b16780cd]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-b16780cd]:hover{cursor:pointer}.section-container[data-v-b16780cd]{left:0}.sections[data-v-b16780cd]{display:flex}.section[data-v-b16780cd]{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-b16780cd]{width:100%}.empty-state[data-v-b16780cd]{min-height:250px}.floating-row[data-v-b16780cd]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--0c9e7708) + 1)}.floating-row *[data-v-b16780cd-s]{pointer-events:auto}.bg[data-v-b16780cd]{background:var(--background-default)}.useAvailableHeight[data-v-b16780cd]{height:100%}.disabled-scrolling[data-v-b16780cd]{overflow:hidden}