@ironsource/shared-ui 2.1.12-test.53 → 2.1.12-test.54

package/components/table/v4/DataGridContainer.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+    default?(_: {}): any;
+    "side-panel"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,19 @@
+ 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
+};

package/components/table/v4/DataGridHeader.vue.d.ts

@@ -50,9 +50,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     searchAutoFocus: boolean;
     searchPlaceholder: string;
+    zIndexBase: number;
     showSearch: boolean;
     isSticky: boolean;
-    zIndexBase: number;
     standalone: boolean;
 }>, {
     title?(_: {}): any;

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.vue.d.ts

@@ -114,11 +114,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isLoading: boolean;
     searchPlaceholder: string;
     count: number;
-    showSearch: boolean;
     loadingRowCount: number;
+    zIndexBase: number;
+    showSearch: boolean;
     emptyStateTitle: string;
     isSticky: boolean;
-    zIndexBase: number;
     emptyStateSubtitle: string;
     totalCount: number;
     displayingText: string;