@ironsource/shared-ui 2.2.0-rc.6 → 2.2.0-rc.8

package/DataGrid.vue_vue_type_style_index_0_scoped_46851fcb_lang.css

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

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

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_3673e156_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3673e156"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_46851fcb_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-46851fcb"]]);
 export {
   a as default
 };

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

@@ -1,432 +1 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_3673e156_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 y, createBlock as I, isRef as pe, createSlots as ve, withCtx as g, renderSlot as r, createCommentVNode as c, Fragment as x, renderList as C, createVNode as k, createTextVNode as P, toDisplayString as O, mergeProps as L } from "vue";
-import V from "../../typography/v4/Typography.vue.js";
-import xe from "../../skeleton/v4/SkeletonV4.vue.js";
-import Ce from "../../emptyState/v4/EmptyStateV4.vue.js";
-import Q from "../../checkbox/v4/CheckboxV4.vue.js";
-import Re from "../../tooltip/v4/TooltipV4.vue.js";
-import "./DataGrid.vue.js";
-import "./DataGridMenu.vue.js";
-import "./DataGridRowsCounter.vue.js";
-import $e from "./DataGridHeader.vue.js";
-import "./DataGridContainer.vue.js";
-import "./MultipleDataGrid.vue.js";
-import { TableTestIdModifiers as R } from "../../../testids/index.js";
-import { tableCommon as Te } from "../common/Table.common.js";
-import He from "./SortIcon.vue.js";
-import we from "./HelpIcon.vue.js";
-import Ee from "./ExpandRowToggle.vue.js";
-import { DEFAULT_ROW_HEIGHT as Be, CHECKBOX_COLUMN_ID as Ae, DATA_GRID_HEADER_HEIGHT as X, HEADER_ROW_HEIGHT as j } from "../common/consts.js";
-import { useElementSize as Ie } from "@vueuse/core";
-const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
-  key: 1,
-  class: "expand-toggle-cell"
-}, De = ["onClick"], Fe = { class: "table-head-container" }, Ne = {
-  key: 0,
-  class: "totals-row"
-}, Oe = ["data-testid"], ze = ["onMouseenter", "onClick"], Ge = {
-  key: 2,
-  class: "expanded-row"
-}, Ke = {
-  key: 3,
-  class: "floating-row"
-}, Ue = {
-  key: 0,
-  class: "table-footer"
-}, ct = /* @__PURE__ */ ke({
-  __name: "DataGrid",
-  props: {
-    title: { default: "" },
-    columns: null,
-    rows: null,
-    sections: { default: null },
-    sort: { default: null },
-    selection: { default: null },
-    getRowId: { type: Function, default: (l, m) => m },
-    getRowKey: { type: Function, default: (l, m) => m },
-    selectedMatcher: { type: Function, default: (l, m) => l === m },
-    isSticky: { type: Boolean, default: !0 },
-    isStickyHeader: { type: Boolean, default: !1 },
-    isLoading: { type: Boolean, default: !1 },
-    emptyStateVariant: { default: null },
-    emptyStateTitle: { default: "No data to display" },
-    emptyStateSubtitle: { default: "" },
-    isInfiniteScroll: { type: Boolean, default: !1 },
-    showTotalsRow: { type: Boolean },
-    infiniteScrollThreshold: { default: 100 },
-    rowHeight: { type: [Number, Function], default: Be },
-    loadingRowCount: { default: 3 },
-    defaultScrollPosition: { default: null },
-    helpTooltipVariant: { default: "icon" },
-    testId: { default: "" },
-    useAvailableHeight: { type: Boolean, default: !1 },
-    search: { default: null },
-    showSearch: { type: Boolean, default: !1 },
-    searchPlaceholder: { default: "Search" },
-    searchAutoFocus: { type: Boolean, default: !1 },
-    zIndexBase: { default: 100 },
-    rowCustomClassKey: { default: "" },
-    rowDataKey: { default: "" },
-    isSelectionSticky: { type: Boolean, default: !1 },
-    isSelectionBordered: { type: Boolean, default: !1 }
-  },
-  emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
-  setup(l, { expose: m, emit: f }) {
-    const s = l;
-    me((a) => ({
-      fa71c02a: l.zIndexBase,
-      "0a21f61f": t(le),
-      "5d6e0550": t(G),
-      "43e43a46": t(fe)
-    }));
-    const p = be(), q = (a) => s.rowCustomClassKey && s.rows[a] ? s.rows[a][s.rowCustomClassKey] : "", {
-      list: $,
-      containerProps: z,
-      wrapperProps: J,
-      activeRow: T,
-      gridColumnTemplate: G,
-      toggleSortOrder: Z,
-      columnsStickyPositions: H,
-      hasSearchSlot: _,
-      containerStyle: ee,
-      onScroll: K,
-      savingRows: U,
-      hasExpandSlot: w,
-      toggleExpandRow: te,
-      cssExpandGridCol: le,
-      isRowExpanded: M,
-      hasCheckboxes: D,
-      activeMenuRow: ae,
-      scrollTo: se
-    } = Te(s, f), W = u(() => !!p.footer), ie = u(
-      () => s.title || p.title || _.value || p["table-header-actions"] || p["table-header-pre-search"]
-    ), v = u({
-      get: () => s.search,
-      set: (a) => f("update:search", a)
-    }), oe = u(() => s.selection.length || 0), F = u(() => {
-      const a = s.rows.map((o, e) => s.getRowId(o, e));
-      return !!a.length && a.every((o) => E(o));
-    }), E = (a) => s.selection.findIndex((o) => s.selectedMatcher(a, o)) !== -1, de = (a) => {
-      E(a) ? (B(
-        s.selection.filter(
-          (o) => !s.selectedMatcher(a, o)
-        )
-      ), f("selectRow", !1)) : (B([...s.selection, a]), f("selectRow", !0));
-    }, ne = () => {
-      if (F.value)
-        B([]), f("selectAll", !1);
-      else {
-        const a = s.rows.map((o, e) => s.getRowId(o, e)).filter((o) => !E(o));
-        B([...s.selection, ...a]), f("selectAll", !0);
-      }
-    }, B = (a) => {
-      f("update:selection", a);
-    }, re = (a) => !s.isLoading && T.value === a, ce = u(
-      () => s.emptyStateVariant ?? (v.value ? "no-results" : "no-data")
-    ), ue = u(
-      () => s.emptyStateSubtitle ? s.emptyStateSubtitle : v.value ? "Search again with different filters" : void 0
-    ), N = u(() => ({
-      class: {
-        sticky: s.isSelectionSticky,
-        bordered: s.isSelectionBordered
-      },
-      style: s.isSelectionSticky ? H.value[Ae] : null
-    })), he = (a) => ({
-      sticky: a.isSticky,
-      isStickyRight: a.isStickyRight,
-      bordered: a.isBordered,
-      isTextRight: a.isTextRight
-    }), Y = u(
-      () => s.columns.map((a) => he(a))
-    ), ye = (a) => ({
-      minHeight: (typeof s.rowHeight == "function" ? s.rowHeight(a) : s.rowHeight) + "px"
-    }), A = u(() => $.value.reduce((a, o) => (a[o.index] = ye(o.index), a), {})), fe = u(() => `${X}px`), { height: Se } = Ie(z.ref), ge = u(
-      () => Se.value - j - X
-    );
-    return m({
-      scrollTo: se
-    }), (a, o) => (i(), d("div", {
-      class: "table-container",
-      "data-testid": `${l.testId}-${t(R).CONTAINER}`,
-      onMouseleave: o[3] || (o[3] = (e) => T.value = null)
-    }, [
-      b("table", {
-        ref: t(z).ref,
-        style: S(t(ee)),
-        class: y({
-          hasFooter: t(W)
-        }),
-        "data-testid": `${l.testId}-${t(R).TABLE}`,
-        onScrollPassive: o[2] || (o[2] = //@ts-ignore
-        (...e) => t(K) && t(K)(...e))
-      }, [
-        t(ie) ? (i(), I(t($e), {
-          key: 0,
-          search: t(v),
-          "onUpdate:search": o[0] || (o[0] = (e) => pe(v) ? v.value = e : null),
-          title: l.title,
-          "is-sticky": l.isStickyHeader,
-          "show-search": l.showSearch,
-          "search-placeholder": l.searchPlaceholder,
-          "search-auto-focus": l.searchAutoFocus,
-          "z-index-base": l.zIndexBase,
-          "test-id": l.testId,
-          onOnClearSearch: o[1] || (o[1] = (e) => f("onClearSearch"))
-        }, ve({
-          title: g(() => [
-            r(a.$slots, "title")
-          ]),
-          search: g(() => [
-            r(a.$slots, "search")
-          ]),
-          _: 2
-        }, [
-          t(p)["table-header-pre-search"] ? {
-            name: "table-header-pre-search",
-            fn: g(() => [
-              r(a.$slots, "table-header-pre-search")
-            ]),
-            key: "0"
-          } : void 0,
-          t(p)["table-header-actions"] ? {
-            name: "table-header-actions",
-            fn: g(() => [
-              r(a.$slots, "table-header-actions")
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["search", "title", "is-sticky", "show-search", "search-placeholder", "search-auto-focus", "z-index-base", "test-id"])) : c("", !0),
-        b("thead", {
-          class: y({ sticky: l.isSticky, isStickyHeader: l.isStickyHeader })
-        }, [
-          b("div", {
-            class: "sections",
-            "data-testid": `${l.testId}-${t(R).SECTIONS}`
-          }, [
-            (i(!0), d(x, null, C(l.sections, (e) => (i(), d("div", {
-              key: e.id,
-              class: y(["section-container", { sticky: e.isSticky }])
-            }, [
-              r(a.$slots, `section-${e.id}`, {}, () => [
-                b("div", {
-                  style: S({ width: e.width + "px" }),
-                  class: y({ section: !0 })
-                }, [
-                  k(t(V), { variant: "body2" }, {
-                    default: g(() => [
-                      P(O(e.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], 4)
-              ])
-            ], 2))), 128))
-          ], 8, Ve),
-          b("tr", {
-            style: S({ height: `${t(j)}px` })
-          }, [
-            t(D) ? (i(), d("th", L({
-              key: 0,
-              class: "checkbox-cell"
-            }, t(N)), [
-              r(a.$slots, "select-all-checkbox", {}, () => [
-                k(t(Q), {
-                  disabled: l.isLoading,
-                  "is-checked": t(F),
-                  "is-indeterminate": !t(F) && t(oe) > 0,
-                  "onUpdate:isChecked": ne
-                }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
-              ])
-            ], 16)) : c("", !0),
-            t(w) ? (i(), d("th", Me)) : c("", !0),
-            (i(!0), d(x, null, C(l.columns, (e, h) => (i(), d("th", {
-              key: e.id,
-              class: y({
-                ...t(Y)[h],
-                isSortable: e.isSortable,
-                [`column-${e.id}`]: !0
-              }),
-              style: S(e.isSticky ? t(H)[e.id] : null),
-              onClick: (n) => e.isSortable ? t(Z)(e) : null
-            }, [
-              b("div", Fe, [
-                r(a.$slots, `header-${e.id}`, { column: e }, () => [
-                  k(t(Re), {
-                    text: e.helpText,
-                    disabled: !e.helpText || l.helpTooltipVariant === "icon",
-                    placement: e.helpTextPlacement || "top",
-                    "test-id": `help-tooltip-underlined-${e.id}`
-                  }, {
-                    default: g(() => [
-                      k(t(V), {
-                        variant: "tableLabel",
-                        class: y({
-                          underlined: e.helpText && l.helpTooltipVariant === "underline"
-                        })
-                      }, {
-                        default: g(() => [
-                          P(O(e.title), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["class"])
-                    ]),
-                    _: 2
-                  }, 1032, ["text", "disabled", "placement", "test-id"])
-                ]),
-                e.helpText && l.helpTooltipVariant === "icon" ? (i(), I(we, {
-                  key: 0,
-                  "hover-help-text": e.helpText,
-                  "hover-help-text-placement": e.helpTextPlacement,
-                  "test-id": `help-tooltip-${e.id}`
-                }, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : c("", !0),
-                r(a.$slots, `after-header-${e.id}`, { column: e }),
-                e.isSortable && e.id === l.sort?.sortBy ? (i(), I(He, {
-                  key: 1,
-                  "sort-order": l.sort.sortOrder
-                }, null, 8, ["sort-order"])) : c("", !0)
-              ])
-            ], 14, De))), 128))
-          ], 4),
-          l.showTotalsRow && t($).length > 0 ? (i(), d("tr", Ne, [
-            t(D) ? (i(), d("td", L({
-              key: 0,
-              class: "bg"
-            }, t(N)), null, 16)) : c("", !0),
-            (i(!0), d(x, null, C(l.columns, (e, h) => (i(), d("td", {
-              key: e.id,
-              class: y({
-                ...t(Y)[h],
-                [`total-${e.id}`]: !0
-              }),
-              style: S(e.isSticky ? t(H)[e.id] : null)
-            }, [
-              r(a.$slots, `total-${e.id}`, { column: e }, () => [
-                h === 0 ? (i(), I(t(V), {
-                  key: 0,
-                  variant: "h6"
-                }, {
-                  default: g(() => [
-                    P("Totals")
-                  ]),
-                  _: 1
-                })) : c("", !0)
-              ])
-            ], 6))), 128))
-          ])) : c("", !0)
-        ], 2),
-        b("tbody", null, [
-          t($).length > 0 ? (i(), d("div", L({
-            key: 0,
-            class: "table-body-wrapper",
-            "data-testid": `${l.testId}-${t(R).BODY_WRAPPER}`
-          }, t(J)), [
-            (i(!0), d(x, null, C(t($), (e) => (i(), d("tr", {
-              key: l.getRowKey(e.data, e.index),
-              class: y(["table-row", {
-                loading: l.isLoading || l.isLoading && !e.data || t(U).includes(e.index),
-                active: t(T) === e.index,
-                activeMenu: t(ae) === e.index,
-                expanded: t(w) && t(M)(e.index),
-                [q(e.index)]: !0
-              }]),
-              style: S(t(A)[e.index]),
-              onMouseenter: (h) => T.value = e.index,
-              onClick: (h) => f("clickRow", e.index)
-            }, [
-              t(D) ? (i(), d("td", L({
-                key: 0,
-                class: "checkbox-cell"
-              }, t(N), {
-                style: t(A)[e.index]
-              }), [
-                k(t(Q), {
-                  "is-checked": E(l.getRowId(e.data, e.index)),
-                  "onUpdate:isChecked": (h) => de(l.getRowId(e.data, e.index))
-                }, null, 8, ["is-checked", "onUpdate:isChecked"])
-              ], 16)) : c("", !0),
-              t(w) ? (i(), d("td", {
-                key: 1,
-                class: "expand-toggle-cell",
-                style: S(t(A)[e.index])
-              }, [
-                k(Ee, {
-                  expanded: t(M)(e.index),
-                  onClick: (h) => t(te)(e.index, h)
-                }, null, 8, ["expanded", "onClick"])
-              ], 4)) : c("", !0),
-              (i(!0), d(x, null, C(l.columns, (h, n) => (i(), d("td", {
-                key: n,
-                class: y({
-                  sticky: l.columns[n].isSticky,
-                  isStickyRight: l.columns[n].isStickyRight,
-                  bordered: l.columns[n].isBordered,
-                  isTextRight: l.columns[n].isTextRight,
-                  [`column-${l.columns[n].id}`]: !0
-                }),
-                style: S([
-                  l.columns[n].isSticky ? t(H)[l.columns[n].id] : null,
-                  t(A)[e.index]
-                ])
-              }, [
-                !l.isLoading || l.isLoading && e.data[n] ? (i(), d("div", {
-                  key: 0,
-                  class: y(["table-cell", { last: n === e.data.length - 1 }])
-                }, [
-                  r(a.$slots, `cell-${l.columns[n].id}`, {
-                    cell: e.data[n],
-                    isLoading: t(U).includes(e.index),
-                    cellIndex: n,
-                    row: e,
-                    rowIndex: e.index
-                  }, () => [
-                    k(t(V), { variant: "body1" }, {
-                      default: g(() => [
-                        P(O(e.data[n]), 1)
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ])
-                ], 2)) : r(a.$slots, "loader", { key: 1 }, () => [
-                  k(t(xe), { round: "" })
-                ])
-              ], 6))), 128)),
-              t(w) && t(M)(e.index) ? (i(), d("div", Ge, [
-                r(a.$slots, "expanded", {
-                  row: e,
-                  gridColumnTemplate: t(G)
-                })
-              ])) : c("", !0),
-              re(e.index) ? (i(), d("div", Ke, [
-                r(a.$slots, "floating-row", {
-                  row: e,
-                  rowIndex: e.index
-                })
-              ])) : c("", !0)
-            ], 46, ze))), 128))
-          ], 16, Oe)) : (i(), d("div", {
-            key: 1,
-            style: S(
-              l.useAvailableHeight ? { height: `${t(ge)}px` } : {}
-            )
-          }, [
-            r(a.$slots, "empty-state", {}, () => [
-              k(t(Ce), {
-                class: "empty-state",
-                title: l.emptyStateTitle,
-                subtitle: t(ue),
-                variant: t(ce),
-                "icon-name": "file-search",
-                "test-id": `${l.testId}-${t(R).EMPTY_STATE}`
-              }, null, 8, ["title", "subtitle", "variant", "test-id"])
-            ])
-          ], 4))
-        ])
-      ], 46, Le),
-      t(W) ? (i(), d("div", Ue, [
-        r(a.$slots, "footer")
-      ])) : c("", !0)
-    ], 40, Pe));
-  }
-});
-export {
-  ct as default
-};
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_46851fcb_lang.css"; 

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

@@ -1,19 +1 @@
- import "../../../DataGridContainer.vue_vue_type_style_index_0_scoped_9a30b10c_lang.css"; import { defineComponent as n, useSlots as a, computed as d, unref as r, openBlock as i, createElementBlock as l, renderSlot as t, createElementVNode as c } from "vue";
-const u = {
-  key: 0,
-  class: "data-grid-container"
-}, p = { class: "side-panel-container" }, v = /* @__PURE__ */ n({
-  __name: "DataGridContainer",
-  setup(_) {
-    const o = a(), s = d(() => !!o["side-panel"]);
-    return (e, m) => r(s) ? (i(), l("div", u, [
-      t(e.$slots, "default", {}, void 0, !0),
-      c("div", p, [
-        t(e.$slots, "side-panel", {}, void 0, !0)
-      ])
-    ])) : t(e.$slots, "default", { key: 1 }, void 0, !0);
-  }
-});
-export {
-  v as default
-};
+ import "../../../DataGridContainer.vue_vue_type_style_index_0_scoped_9a30b10c_lang.css"; 

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

@@ -1,84 +1 @@
- import "../../../DataGridHeader.vue_vue_type_style_index_0_scoped_0e826456_lang.css"; import { defineComponent as $, useCssVars as I, useSlots as S, openBlock as r, createElementBlock as i, normalizeClass as E, normalizeStyle as b, unref as t, createElementVNode as n, renderSlot as l, createVNode as m, withCtx as v, createTextVNode as A, toDisplayString as C, createCommentVNode as c, isRef as H } from "vue";
-import { TableTestIdModifiers as s } from "../../../testids/index.js";
-import T from "../../typography/v4/Typography.vue.js";
-import R from "../../search/v4/SearchV4.vue.js";
-import { useVModel as V } from "@vueuse/core";
-import { DATA_GRID_HEADER_HEIGHT as k } from "../common/consts.js";
-const B = ["data-testid"], D = ["data-testid"], p = ["data-testid"], N = ["data-testid"], g = { class: "search-wrapper" }, w = ["data-testid"], O = /* @__PURE__ */ $({
-  __name: "DataGridHeader",
-  props: {
-    title: { default: "" },
-    search: { default: null },
-    isSticky: { type: Boolean, default: !1 },
-    zIndexBase: { default: 100 },
-    standalone: { type: Boolean, default: !1 },
-    showSearch: { type: Boolean, default: !1 },
-    searchPlaceholder: { default: "Search" },
-    searchAutoFocus: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  emits: ["update:search", "onClearSearch"],
-  setup(e, { emit: h }) {
-    const y = e;
-    I((a) => ({
-      "406e82a6": e.zIndexBase
-    }));
-    const u = S(), o = V(y, "search", h);
-    return (a, d) => (r(), i("div", {
-      class: E(["table-header", {
-        isStickyHeader: e.isSticky,
-        "table-header--standalone": e.standalone
-      }]),
-      style: b({ height: `${t(k)}px` }),
-      "data-testid": `${e.testId}-${t(s).HEADER}`
-    }, [
-      n("div", {
-        class: "table-title",
-        "data-testid": `${e.testId}-${t(s).TITLE}`
-      }, [
-        l(a.$slots, "title", {}, () => [
-          m(t(T), { variant: "h3" }, {
-            default: v(() => [
-              A(C(e.title), 1)
-            ]),
-            _: 1
-          })
-        ], !0)
-      ], 8, D),
-      t(u)["table-header-pre-search"] ? (r(), i("div", {
-        key: 0,
-        class: "table-header-pre-search-content",
-        "data-testid": `${e.testId}-${t(s).PRE_SEARCH_HEADER}`
-      }, [
-        l(a.$slots, "table-header-pre-search", {}, void 0, !0)
-      ], 8, p)) : c("", !0),
-      n("div", {
-        class: "table-header-right",
-        "data-testid": `${e.testId}-${t(s).HEADER_RIGHT}`
-      }, [
-        e.showSearch ? l(a.$slots, "search", { key: 0 }, () => [
-          n("div", g, [
-            m(t(R), {
-              modelValue: t(o),
-              "onUpdate:modelValue": d[0] || (d[0] = (f) => H(o) ? o.value = f : null),
-              placeholder: e.searchPlaceholder,
-              "auto-focus": e.searchAutoFocus,
-              "test-id": e.testId,
-              onOnClear: d[1] || (d[1] = (f) => h("onClearSearch"))
-            }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
-          ])
-        ], !0) : c("", !0)
-      ], 8, N),
-      t(u)["table-header-actions"] ? (r(), i("div", {
-        key: 1,
-        class: "table-header-actions",
-        "data-testid": `${e.testId}-${t(s).ACTIONS}`
-      }, [
-        l(a.$slots, "table-header-actions", {}, void 0, !0)
-      ], 8, w)) : c("", !0)
-    ], 14, B));
-  }
-});
-export {
-  O as default
-};
+ import "../../../DataGridHeader.vue_vue_type_style_index_0_scoped_0e826456_lang.css"; 

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

@@ -1,66 +1 @@
- import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css"; import { defineComponent as u, onBeforeUnmount as f, openBlock as x, createBlock as w, unref as o, withCtx as r, createVNode as c, createSlots as I, createTextVNode as v, toDisplayString as M } from "vue";
-import g from "../../dropdown/v4/DropdownV4.vue.js";
-import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
-import "../../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 C from "../../dropdown/v4/OptionV4.vue.js";
-import "../../dropdown/v4/ConditionalDropdown.vue.js";
-import k from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-import { useTableContext as y } from "../common/TableContext.js";
-const h = /* @__PURE__ */ u({
-  __name: "DataGridMenu",
-  props: {
-    menuItems: { default: () => [] },
-    rowIndex: { default: null },
-    placement: { default: "left-start" }
-  },
-  emits: ["selected"],
-  setup(t, { emit: d }) {
-    const n = t, i = y("DataGridMenu"), a = (s) => s.text, p = () => {
-      n.rowIndex && i.setActiveMenuRow(n.rowIndex);
-    }, m = () => {
-      n.rowIndex && i.setActiveMenuRow(null);
-    };
-    return f(m), (s, l) => (x(), w(o(g), {
-      class: "data-grid-menu",
-      options: t.menuItems,
-      "display-value": a,
-      "predefined-trigger": "icon-button",
-      placement: t.placement,
-      skidding: -4,
-      "onUpdate:selected": l[0] || (l[0] = (e) => d("selected", e)),
-      onOpened: p,
-      onClosed: m
-    }, {
-      default: r(({ option: e }) => [
-        c(o(C), { option: e }, I({
-          default: r(() => [
-            v(" " + M(a(e)), 1)
-          ]),
-          _: 2
-        }, [
-          e.icon ? {
-            name: "icon-start",
-            fn: r(() => [
-              c(o(k), {
-                class: "menu-icon",
-                name: e.icon,
-                size: "20px"
-              }, null, 8, ["name"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["option"])
-      ]),
-      _: 1
-    }, 8, ["options", "placement"]));
-  }
-});
-export {
-  h as default
-};
+ import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css"; 

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

@@ -1,53 +1 @@
- import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css"; import { defineComponent as r, openBlock as u, createElementBlock as f, unref as e, createVNode as d, withCtx as l, createTextVNode as a, toDisplayString as o } from "vue";
-import s from "../../typography/v4/Typography.vue.js";
-import { RowsCounterTestIdModifiers as i } from "../../../testids/index.js";
-import { nFormatter as n } from "../../../utils/formatNumbers.js";
-const c = ["data-testid"], I = /* @__PURE__ */ r({
-  __name: "DataGridRowsCounter",
-  props: {
-    count: { default: 0 },
-    totalCount: { default: 0 },
-    displayingText: { default: "Displaying" },
-    outOfText: { default: "out of" },
-    totalText: { default: "total rows" },
-    testId: { default: "" }
-  },
-  setup(t) {
-    return (m, T) => (u(), f("div", {
-      class: "data-grid-rows-counter",
-      "data-testid": `${t.testId}-${e(i).CONTAINER}`
-    }, [
-      d(e(s), { variant: "body1" }, {
-        default: l(() => [
-          a(o(t.displayingText) + " ", 1),
-          d(e(s), {
-            class: "text-strong",
-            variant: "subtitle1",
-            "data-testid": `${t.testId}-${e(i).COUNT}`
-          }, {
-            default: l(() => [
-              a(o(e(n)(t.count, !1, null, !1)), 1)
-            ]),
-            _: 1
-          }, 8, ["data-testid"]),
-          a(" " + o(t.outOfText) + " ", 1),
-          d(e(s), {
-            class: "text-strong",
-            variant: "subtitle1",
-            "data-testid": `${t.testId}-${e(i).TOTAL}`
-          }, {
-            default: l(() => [
-              a(o(e(n)(t.totalCount, !1, null, !1)), 1)
-            ]),
-            _: 1
-          }, 8, ["data-testid"]),
-          a(" " + o(t.totalText), 1)
-        ]),
-        _: 1
-      })
-    ], 8, c));
-  }
-});
-export {
-  I as default
-};
+ import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css"; 

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

@@ -1,26 +1 @@
- import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; import { defineComponent as r, openBlock as a, createElementBlock as c, createVNode as p, unref as l } from "vue";
-import "../../button/v4/ButtonV4.vue.js";
-import i from "../../button/v4/IconButtonV4.vue.js";
-import "../../button/v4/ButtonGroup.vue.js";
-import "../../button/v4/ToggleButtonGroupAB.vue.js";
-const g = /* @__PURE__ */ r({
-  __name: "ExpandRowToggle",
-  props: {
-    expanded: { type: Boolean, default: !1 }
-  },
-  emits: ["click"],
-  setup(o, { emit: n }) {
-    return (m, e) => (a(), c("div", {
-      class: "expand-row-toggle",
-      onClick: e[0] || (e[0] = (t) => n("click", t))
-    }, [
-      p(l(i), {
-        class: "expand-button",
-        "icon-name": o.expanded ? "caret-down" : "caret-right"
-      }, null, 8, ["icon-name"])
-    ]));
-  }
-});
-export {
-  g as default
-};
+ import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; 

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

@@ -1,33 +1 @@
- import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; import { defineComponent as o, openBlock as l, createBlock as n, unref as t, withCtx as r, createVNode as a } from "vue";
-import c from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-import p from "../../tooltip/v4/TooltipV4.vue.js";
-const x = /* @__PURE__ */ o({
-  __name: "HelpIcon",
-  props: {
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    testId: { default: "" }
-  },
-  setup(e) {
-    return (i, m) => (l(), n(t(p), {
-      class: "table-help-icon",
-      triggers: ["hover"],
-      text: e.hoverHelpText,
-      placement: e.hoverHelpTextPlacement,
-      "test-id": e.testId
-    }, {
-      default: r(() => [
-        a(t(c), {
-          class: "info-icon",
-          name: "question",
-          size: "16px"
-        })
-      ]),
-      _: 1
-    }, 8, ["text", "placement", "test-id"]));
-  }
-});
-export {
-  x as default
-};
+ import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; 

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

@@ -1,183 +1 @@
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css"; import { defineComponent as V, useCssVars as E, useSlots as N, computed as G, openBlock as d, createElementBlock as w, createVNode as O, unref as l, isRef as b, createSlots as g, withCtx as n, renderSlot as i, createBlock as S, createCommentVNode as v, Fragment as p, renderList as h } from "vue";
-import R from "./DataGrid.vue.js";
-import "./DataGridMenu.vue.js";
-import A from "./DataGridRowsCounter.vue.js";
-import F from "./DataGridHeader.vue.js";
-import "./DataGridContainer.vue.js";
-import "./MultipleDataGrid.vue.js";
-import { useVModel as H } from "@vueuse/core";
-const M = {
-  key: 0,
-  class: "tables-container"
-}, Y = /* @__PURE__ */ V({
-  __name: "MultipleDataGrid",
-  props: {
-    tablesSettings: { default: () => [] },
-    loadingAndEmptyStatesColumns: { default: () => [] },
-    getRowId: { type: Function, default: (t, s) => s },
-    getRowKey: { type: Function, default: (t, s) => s },
-    isSticky: { type: Boolean, default: !0 },
-    isLoading: { type: Boolean, default: !1 },
-    emptyStateVariant: { default: null },
-    emptyStateTitle: { default: "No data to display" },
-    emptyStateSubtitle: { default: "" },
-    loadingRowCount: { default: 3 },
-    search: { default: null },
-    showSearch: { type: Boolean, default: !0 },
-    searchPlaceholder: { default: "Search" },
-    zIndexBase: { default: 100 },
-    count: { default: 0 },
-    totalCount: { default: 0 },
-    displayingText: { default: "Displaying" },
-    outOfText: { default: "out of" },
-    totalText: { default: "total rows" },
-    rowCustomClassKey: { default: "" },
-    rowDataKey: { default: "" },
-    testId: { default: "" }
-  },
-  emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
-  setup(t, { emit: s }) {
-    const f = t;
-    E((e) => ({
-      "21bdffad": t.zIndexBase
-    }));
-    const k = N(), x = G(
-      () => f.isLoading || !f.tablesSettings.flatMap((e) => e.rows).length
-    ), u = H(f, "search", s), y = (e) => `header-${e.id}`, C = (e) => `cell-${e.id}`, $ = (e) => {
-      s("onScroll", e.target.scrollTop);
-    }, I = () => s("onClearSearch"), B = (e, r) => s("clickRow", e, r), T = ({ value: e, rowIndex: r, cellIndex: a, confirm: c }, o) => s("saveRow", { value: e, tableIndex: o, rowIndex: r, cellIndex: a, confirm: c });
-    return (e, r) => (d(), w("div", {
-      class: "multi-table-container",
-      onScrollPassive: $
-    }, [
-      O(l(F), {
-        search: l(u),
-        "onUpdate:search": r[0] || (r[0] = (a) => b(u) ? u.value = a : null),
-        class: "multi-table-header",
-        "is-sticky": t.isSticky,
-        "show-search": t.showSearch,
-        "search-placeholder": t.searchPlaceholder,
-        "z-index-base": t.zIndexBase,
-        "test-id": t.testId,
-        onOnClearSearch: I
-      }, g({
-        title: n(() => [
-          i(e.$slots, "title", {}, () => [
-            t.isLoading ? v("", !0) : (d(), S(l(A), {
-              key: 0,
-              count: t.count,
-              "total-count": t.totalCount,
-              "total-text": t.totalText,
-              "displaying-text": t.displayingText,
-              "out-of-text": t.outOfText,
-              "test-id": t.testId
-            }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
-          ], !0)
-        ]),
-        search: n(() => [
-          i(e.$slots, "search", {}, void 0, !0)
-        ]),
-        _: 2
-      }, [
-        l(k)["table-header-pre-search"] ? {
-          name: "table-header-pre-search",
-          fn: n(() => [
-            i(e.$slots, "table-header-pre-search", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        l(k)["table-header-actions"] ? {
-          name: "table-header-actions",
-          fn: n(() => [
-            i(e.$slots, "table-header-actions", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["search", "is-sticky", "show-search", "search-placeholder", "z-index-base", "test-id"]),
-      l(x) ? (d(), S(l(R), {
-        key: 1,
-        search: l(u),
-        "onUpdate:search": r[1] || (r[1] = (a) => b(u) ? u.value = a : null),
-        rows: [],
-        columns: t.loadingAndEmptyStatesColumns,
-        "is-loading": t.isLoading,
-        "loading-row-count": t.loadingRowCount,
-        "empty-state-variant": t.emptyStateVariant,
-        "empty-state-title": t.emptyStateTitle,
-        "empty-state-subtitle": t.emptyStateSubtitle,
-        "test-id": t.testId
-      }, g({
-        "empty-state": n(() => [
-          i(e.$slots, "empty-state", {}, void 0, !0)
-        ]),
-        _: 2
-      }, [
-        h(t.loadingAndEmptyStatesColumns, (a) => ({
-          name: y(a),
-          fn: n(() => [
-            i(e.$slots, `${y(a)}`, { column: a }, void 0, !0)
-          ])
-        }))
-      ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (d(), w("div", M, [
-        (d(!0), w(p, null, h(t.tablesSettings, (a, c) => (d(), w("div", {
-          key: a.testId,
-          class: "table-wrapper"
-        }, [
-          a.rows.length ? (d(), S(l(R), {
-            key: 0,
-            sections: a.sections,
-            columns: a.columns,
-            rows: a.rows,
-            "row-height": a.rowHeight,
-            "is-sticky": t.isSticky,
-            "z-index-base": t.zIndexBase,
-            "get-row-id": t.getRowId,
-            "get-row-key": t.getRowKey,
-            "row-custom-class-key": t.rowCustomClassKey,
-            "row-data-key": t.rowDataKey,
-            "test-id": a.testId,
-            onClickRow: (o) => B(o, c),
-            onSaveRow: (o) => T(o, c)
-          }, g({
-            "floating-row": n(({ row: o, rowIndex: m }) => [
-              i(e.$slots, "floating-row", {
-                row: o,
-                rowIndex: m,
-                tableIndex: c
-              }, void 0, !0)
-            ]),
-            _: 2
-          }, [
-            h(a.columns, (o) => ({
-              name: y(o),
-              fn: n(() => [
-                i(e.$slots, `${y(o)}`, { column: o }, void 0, !0)
-              ])
-            })),
-            h(a.columns, (o) => ({
-              name: C(o),
-              fn: n(({
-                cell: m,
-                rowIndex: z,
-                isLoading: L,
-                cellIndex: D,
-                row: K
-              }) => [
-                i(e.$slots, `${C(o)}`, {
-                  cell: m,
-                  isLoading: L,
-                  cellIndex: D,
-                  row: K,
-                  rowIndex: z
-                }, void 0, !0)
-              ])
-            }))
-          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "get-row-key", "row-custom-class-key", "row-data-key", "test-id", "onClickRow", "onSaveRow"])) : v("", !0)
-        ]))), 128))
-      ]))
-    ], 32));
-  }
-});
-export {
-  Y as default
-};
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css"; 

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

@@ -1,25 +1 @@
- import "../../../SortIcon.vue_vue_type_style_index_0_scoped_2bda5d4a_lang.css"; import { defineComponent as c, openBlock as e, createElementBlock as s, createBlock as o, unref as t, createCommentVNode as a } from "vue";
-import n from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-const m = { class: "table-sort-icon" }, f = /* @__PURE__ */ c({
-  __name: "SortIcon",
-  props: {
-    sortOrder: null
-  },
-  setup(r) {
-    return (d, i) => (e(), s("div", m, [
-      r.sortOrder === "asc" ? (e(), o(t(n), {
-        key: 0,
-        name: "arrow-up",
-        size: "20px"
-      })) : r.sortOrder === "desc" ? (e(), o(t(n), {
-        key: 1,
-        name: "arrow-down",
-        size: "20px"
-      })) : a("", !0)
-    ]));
-  }
-});
-export {
-  f as default
-};
+ import "../../../SortIcon.vue_vue_type_style_index_0_scoped_2bda5d4a_lang.css"; 

package/components/table-cells/v3/Editable.vue2.js

@@ -1,43 +1 @@
- import "../../../Editable.vue_vue_type_style_index_0_scoped_2561e913_lang.css"; import { defineComponent as u, openBlock as i, createElementBlock as a, unref as e, createElementVNode as m, renderSlot as s, createVNode as p, withCtx as y, createTextVNode as g, toDisplayString as k } from "vue";
-import E from "../../typography/Text.vue.js";
-import { editableCommon as _ } from "../common/Editable.common.js";
-const v = { class: "editable-container" }, x = {
-  key: 1,
-  class: "editable-content"
-}, N = /* @__PURE__ */ u({
-  __name: "Editable",
-  props: {
-    cell: { default: "" },
-    isEditing: { type: Boolean, default: !1 },
-    validateFunction: { type: Function, default: () => !1 },
-    isLoading: { type: Boolean, default: !1 },
-    rowIndex: null,
-    cellIndex: null
-  },
-  setup(t) {
-    const r = t, { onEdit: o, target: d, isEditing: c } = _(r);
-    return (n, l) => (i(), a("div", {
-      ref_key: "target",
-      ref: d,
-      class: "container",
-      onClick: l[0] || (l[0] = //@ts-ignore
-      (...f) => e(o) && e(o)(...f))
-    }, [
-      m("div", v, [
-        e(c) ? s(n.$slots, "input", { key: 0 }, void 0, !0) : (i(), a("div", x, [
-          s(n.$slots, "content", {}, () => [
-            p(E, { size: "sm" }, {
-              default: y(() => [
-                g(k(t.cell), 1)
-              ]),
-              _: 1
-            })
-          ], !0)
-        ]))
-      ])
-    ], 512));
-  }
-});
-export {
-  N as default
-};
+ import "../../../Editable.vue_vue_type_style_index_0_scoped_2561e913_lang.css"; 

package/components/table-cells/v4/EditableV4.vue2.js

@@ -1,57 +1 @@
- import "../../../EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css"; import { defineComponent as f, openBlock as o, createElementBlock as i, unref as t, createElementVNode as m, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
-import { editableCommon as v } from "../common/Editable.common.js";
-import w from "../../typography/v4/Typography.vue.js";
-import x from "../../input/v4/TextField.vue.js";
-import B from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-const C = { class: "editable-wrapper" }, E = {
-  key: 1,
-  class: "editable-content"
-}, S = /* @__PURE__ */ f({
-  __name: "EditableV4",
-  props: {
-    cell: { default: "" },
-    isLoading: { type: Boolean, default: !1 },
-    rowIndex: null,
-    cellIndex: null,
-    type: { default: "input" },
-    withIcons: { type: Boolean, default: !0 },
-    saveOnClickOutside: { type: Boolean, default: !0 },
-    validateFunction: { type: Function, default: () => !1 },
-    displayValue: { type: Function, default: (e) => e }
-  },
-  setup(e) {
-    const s = e, { onEdit: n, target: c, isEditing: u } = v(s);
-    return (l, a) => (o(), i("div", {
-      ref_key: "target",
-      ref: c,
-      class: "editable",
-      onClick: a[0] || (a[0] = //@ts-ignore
-      (...p) => t(n) && t(n)(...p))
-    }, [
-      m("div", C, [
-        t(u) ? r(l.$slots, "input", { key: 0 }, () => [
-          d(t(x))
-        ], !0) : (o(), i("div", E, [
-          r(l.$slots, "content", {}, () => [
-            d(t(w), { variant: "body1" }, {
-              default: y(() => [
-                k(V(e.displayValue(e.cell)), 1)
-              ]),
-              _: 1
-            }),
-            e.type === "dropdown" ? (o(), b(t(B), {
-              key: 0,
-              class: "caret-icon",
-              name: "caret-down",
-              size: "20px"
-            })) : g("", !0)
-          ], !0)
-        ]))
-      ])
-    ], 512));
-  }
-});
-export {
-  S as default
-};
+ import "../../../EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css"; 

package/components/tabs/v4/TabsV4.vue2.js

@@ -1,72 +1 @@
- import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; import { defineComponent as x, useCssVars as y, ref as l, watch as C, nextTick as $, openBlock as o, createElementBlock as c, mergeProps as w, unref as s, Fragment as A, renderList as S, normalizeClass as g, renderSlot as V, createBlock as B, withCtx as M, createTextVNode as N, toDisplayString as R, createCommentVNode as _, pushScopeId as E, popScopeId as P, createElementVNode as W } from "vue";
-import H from "../../typography/v4/Typography.vue.js";
-import { TabsTestIdModifiers as m } from "../../../testids/index.js";
-import { tabsCommon as z } from "../common/tabsCommon.js";
-import { useTestIdAttrs as D } from "../../../utils/testIds.js";
-const F = (t) => (E("data-v-f9433b11"), t = t(), P(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ W("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ x({
-  __name: "TabsV4",
-  props: {
-    tabsList: { default: () => [] },
-    selectedTab: null,
-    variant: { default: "card" },
-    testId: { default: "" }
-  },
-  emits: ["update:selectedTab"],
-  setup(t, { emit: p }) {
-    const r = t;
-    y((a) => ({
-      "167b065e": v.value,
-      "8cfadb62": b.value
-    }));
-    const { skipUnwrap: T, selectTab: I, setHover: L, clearHover: u, getSelectedTabIndex: k } = z(r, p), f = l(null), h = D(r.testId, m), i = (a) => a.id === r.selectedTab, b = l(), v = l();
-    return C(
-      [() => r.variant, () => r.selectedTab, () => r.tabsList],
-      async () => {
-        const a = k();
-        if (a === -1)
-          return;
-        await $();
-        const e = Array.from(f.value?.children || []).at(a);
-        b.value = e?.clientWidth + "px", v.value = e?.offsetLeft + "px";
-      },
-      { immediate: !0 }
-    ), (a, n) => (o(), c("ul", w({
-      ref_key: "tabsListRef",
-      ref: f,
-      class: ["tabs-list", [`tabs-list--${t.variant}`]]
-    }, s(h)[s(m).WRAPPER]), [
-      (o(!0), c(A, null, S(t.tabsList, (e) => (o(), c("li", {
-        ref_for: !0,
-        ref: s(T).tabsNewList,
-        key: e.id,
-        class: g(["tab-item", {
-          "tab-item--disabled": e.disabled,
-          "tab-item--active": i(e)
-        }]),
-        "data-testid": t.testId ? `${t.testId}-${s(m).TAB}-${e.id}` : void 0,
-        onClick: (d) => s(I)(e),
-        onMouseover: (d) => s(L)(e),
-        onMouseleave: n[0] || (n[0] = //@ts-ignore
-        (...d) => s(u) && s(u)(...d))
-      }, [
-        V(a.$slots, "tab-icon", {
-          tab: e,
-          active: i(e)
-        }, void 0, !0),
-        e.name ? (o(), B(s(H), {
-          key: 0,
-          variant: i(e) ? "tabLabel2" : "tabLabel1"
-        }, {
-          default: M(() => [
-            N(R(e.name), 1)
-          ]),
-          _: 2
-        }, 1032, ["variant"])) : _("", !0)
-      ], 42, U))), 128)),
-      j
-    ], 16));
-  }
-});
-export {
-  Q as default
-};
+ import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; 

package/index.js

@@ -1,4 +1,4 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_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.6",
+  "version": "2.2.0-rc.8",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/DataGrid.vue_vue_type_style_index_0_scoped_3673e156_lang.css

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