@ironsource/shared-ui 2.1.12-rc.55 → 2.1.12-rc.57

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

@@ -1,7 +1,7 @@
 import e from "./DataGridHeader.vue2.js";
 /* empty css                     */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css"; //*');
-const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-840e700c"]]);
+// import "../../../DataGridHeader.vue_vue_type_style_index_0_scoped_0e826456_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0e826456"]]);
 export {
   r as default
 };

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

@@ -1,9 +1,10 @@
- import "../../../DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css"; import { defineComponent as y, useCssVars as S, useSlots as I, openBlock as r, createElementBlock as i, normalizeClass as b, unref as t, createElementVNode as c, renderSlot as l, createVNode as m, withCtx as v, createTextVNode as E, toDisplayString as C, createCommentVNode as n, isRef as V } from "vue";
+ 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 k from "../../typography/v4/Typography.vue.js";
-import B from "../../search/v4/SearchV4.vue.js";
-import { useVModel as T } from "@vueuse/core";
-const A = ["data-testid"], H = ["data-testid"], R = ["data-testid"], D = ["data-testid"], N = { class: "search-wrapper" }, w = ["data-testid"], F = /* @__PURE__ */ y({
+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: "" },
@@ -17,66 +18,67 @@ const A = ["data-testid"], H = ["data-testid"], R = ["data-testid"], D = ["data-
     testId: { default: "" }
   },
   emits: ["update:search", "onClearSearch"],
-  setup(e, { emit: u }) {
-    const $ = e;
-    S((a) => ({
-      c8ef23c8: e.zIndexBase
+  setup(e, { emit: h }) {
+    const y = e;
+    I((a) => ({
+      "406e82a6": e.zIndexBase
     }));
-    const h = I(), o = T($, "search", u);
+    const u = S(), o = V(y, "search", h);
     return (a, d) => (r(), i("div", {
-      class: b(["table-header", {
+      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}`
     }, [
-      c("div", {
+      n("div", {
         class: "table-title",
         "data-testid": `${e.testId}-${t(s).TITLE}`
       }, [
         l(a.$slots, "title", {}, () => [
-          m(t(k), { variant: "h3" }, {
+          m(t(T), { variant: "h3" }, {
             default: v(() => [
-              E(C(e.title), 1)
+              A(C(e.title), 1)
             ]),
             _: 1
           })
         ], !0)
-      ], 8, H),
-      t(h)["table-header-pre-search"] ? (r(), i("div", {
+      ], 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, R)) : n("", !0),
-      c("div", {
+      ], 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 }, () => [
-          c("div", N, [
-            m(t(B), {
+          n("div", g, [
+            m(t(R), {
               modelValue: t(o),
-              "onUpdate:modelValue": d[0] || (d[0] = (f) => V(o) ? o.value = f : null),
+              "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) => u("onClearSearch"))
+              onOnClear: d[1] || (d[1] = (f) => h("onClearSearch"))
             }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
           ])
-        ], !0) : n("", !0)
-      ], 8, D),
-      t(h)["table-header-actions"] ? (r(), i("div", {
+        ], !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)) : n("", !0)
-    ], 10, A));
+      ], 8, w)) : c("", !0)
+    ], 14, B));
   }
 });
 export {
-  F as default
+  O as default
 };

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

@@ -1,14 +1,15 @@
- 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 A, renderList as h } from "vue";
+ 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 F from "./DataGridRowsCounter.vue.js";
-import H from "./DataGridHeader.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 M } from "@vueuse/core";
-const P = {
+import { useVModel as H } from "@vueuse/core";
+const M = {
   key: 0,
   class: "tables-container"
-}, X = /* @__PURE__ */ V({
+}, Y = /* @__PURE__ */ V({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
@@ -42,14 +43,14 @@ const P = {
     }));
     const k = N(), x = G(
       () => f.isLoading || !f.tablesSettings.flatMap((e) => e.rows).length
-    ), u = M(f, "search", s), y = (e) => `header-${e.id}`, C = (e) => `cell-${e.id}`, $ = (e) => {
+    ), 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(H), {
+      O(l(F), {
         search: l(u),
         "onUpdate:search": r[0] || (r[0] = (a) => b(u) ? u.value = a : null),
         class: "multi-table-header",
@@ -62,7 +63,7 @@ const P = {
       }, g({
         title: n(() => [
           i(e.$slots, "title", {}, () => [
-            t.isLoading ? v("", !0) : (d(), S(l(F), {
+            t.isLoading ? v("", !0) : (d(), S(l(A), {
               key: 0,
               count: t.count,
               "total-count": t.totalCount,
@@ -117,8 +118,8 @@ const P = {
             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", P, [
-        (d(!0), w(A, null, h(t.tablesSettings, (a, c) => (d(), w("div", {
+      ]), 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"
         }, [
@@ -178,5 +179,5 @@ const P = {
   }
 });
 export {
-  X as default
+  Y as default
 };

package/components/table/v4/index.d.ts

@@ -2,6 +2,7 @@ import DataGrid from './DataGrid.vue';
 import DataGridMenu from './DataGridMenu.vue';
 import DataGridRowsCounter from './DataGridRowsCounter.vue';
 import DataGridHeader from './DataGridHeader.vue';
+import DataGridContainer from './DataGridContainer.vue';
 import MultipleDataGrid from './MultipleDataGrid.vue';
 declare const DataGridTypes: () => (import("vue").DefineComponent<{
     placement: {
@@ -341,6 +342,53 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
         search?(_: {}): any;
         "table-header-actions"?(_: {}): any;
     };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        "side-panel"?(_: {}): any;
+    };
 })) | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -372,6 +420,7 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
             rowCustomClassKey: string;
             rowDataKey: string;
             helpTooltipVariant: "icon" | "underline";
+            useAvailableHeight: boolean;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             isSelectionSticky: boolean;
             isSelectionBordered: boolean;
@@ -488,6 +537,10 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<"icon" | "underline">;
                 default: string;
             };
+            useAvailableHeight: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedMatcher: {
                 type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                 default: (rowId: any, selectedItem: any) => boolean;
@@ -514,7 +567,7 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number) => any;
             onSelectRow?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "loadingRowCount" | "zIndexBase" | "showSearch" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey" | "helpTooltipVariant" | "selectedMatcher" | "isSelectionSticky" | "isSelectionBordered">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "loadingRowCount" | "zIndexBase" | "showSearch" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey" | "helpTooltipVariant" | "useAvailableHeight" | "selectedMatcher" | "isSelectionSticky" | "isSelectionBordered">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -641,6 +694,10 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
                 type: import("vue").PropType<"icon" | "underline">;
                 default: string;
             };
+            useAvailableHeight: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedMatcher: {
                 type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
                 default: (rowId: any, selectedItem: any) => boolean;
@@ -707,6 +764,7 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
             rowCustomClassKey: string;
             rowDataKey: string;
             helpTooltipVariant: "icon" | "underline";
+            useAvailableHeight: boolean;
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             isSelectionSticky: boolean;
             isSelectionBordered: boolean;
@@ -843,6 +901,10 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
             type: import("vue").PropType<"icon" | "underline">;
             default: string;
         };
+        useAvailableHeight: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedMatcher: {
             type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
             default: (rowId: any, selectedItem: any) => boolean;
@@ -988,6 +1050,10 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<"icon" | "underline">;
         default: string;
     };
+    useAvailableHeight: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     selectedMatcher: {
         type: import("vue").PropType<(rowId: unknown, selected: unknown) => boolean>;
         default: (rowId: any, selectedItem: any) => boolean;
@@ -1054,6 +1120,7 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
     rowCustomClassKey: string;
     rowDataKey: string;
     helpTooltipVariant: "icon" | "underline";
+    useAvailableHeight: boolean;
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     isSelectionSticky: boolean;
     isSelectionBordered: boolean;
@@ -1087,7 +1154,6 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
         }): any;
         "empty-state"?(_: {}): any;
         footer?(_: {}): any;
-        "side-panel"?(_: {}): any;
     };
 })) | ({
     new (...args: any[]): {
@@ -1639,4 +1705,4 @@ declare const DataGridTypes: () => (import("vue").DefineComponent<{
     };
 })))[];
 export type { Column, Sort, MenuItem, TableSettings, } from '../common/Table.types';
-export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, DataGridHeader, };
+export { DataGrid, DataGridMenu, DataGridRowsCounter, DataGridTypes, MultipleDataGrid, DataGridHeader, DataGridContainer, };

package/components/table/v4/index.js

@@ -2,19 +2,22 @@ import r from "./DataGrid.vue.js";
 import t from "./DataGridMenu.vue.js";
 import o from "./DataGridRowsCounter.vue.js";
 import a from "./DataGridHeader.vue.js";
-import i from "./MultipleDataGrid.vue.js";
-const G = () => [
+import i from "./DataGridContainer.vue.js";
+import m from "./MultipleDataGrid.vue.js";
+const n = () => [
   r,
   t,
   o,
-  i,
-  a
+  m,
+  a,
+  i
 ];
 export {
   r as DataGrid,
+  i as DataGridContainer,
   a as DataGridHeader,
   t as DataGridMenu,
   o as DataGridRowsCounter,
-  G as DataGridTypes,
-  i as MultipleDataGrid
+  n as DataGridTypes,
+  m as MultipleDataGrid
 };