@ironsource/shared-ui 2.1.6-rc.45 → 2.1.6-rc.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css +1 -0
  2. package/components/table/v4/MultipleDataGrid.vue.js +2 -2
  3. package/components/table/v4/MultipleDataGrid.vue2.js +52 -49
  4. package/package.json +1 -1
  5. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_a089480a_lang.css +0 -1
package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css ADDED
@@ -0,0 +1 @@
1
+ .multi-table-container[data-v-260b9cdc]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-260b9cdc]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-260b9cdc]{position:sticky;top:0;z-index:calc(var(--6bca14de) + 3)}.multi-table-container[data-v-260b9cdc] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-260b9cdc] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-260b9cdc] thead.sticky{top:62px}
package/components/table/v4/MultipleDataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./MultipleDataGrid.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_a089480a_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a089480a"]]);
3
+ // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; //*');
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-260b9cdc"]]);
5
5
  export {
6
6
  p as default
7
7
  };
package/components/table/v4/MultipleDataGrid.vue2.js CHANGED
@@ -1,14 +1,14 @@
1
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_a089480a_lang.css"; import { defineComponent as I, useCssVars as R, computed as T, openBlock as l, createElementBlock as d, createElementVNode as p, normalizeClass as L, createVNode as z, unref as o, createBlock as r, isRef as E, createCommentVNode as f, Fragment as N, renderList as y, createSlots as D, withCtx as O, renderSlot as G } from "vue";
2
- import g from "./DataGrid.vue.js";
1
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; import { defineComponent as T, useCssVars as V, computed as L, openBlock as l, createElementBlock as d, createElementVNode as f, normalizeClass as z, createBlock as c, unref as o, createCommentVNode as m, isRef as p, Fragment as E, renderList as g, createSlots as D, withCtx as N, renderSlot as O } from "vue";
2
+ import S from "./DataGrid.vue.js";
3
3
  import "./DataGridMenu.vue.js";
4
- import M from "./DataGridRowsCounter.vue.js";
4
+ import G from "./DataGridRowsCounter.vue.js";
5
5
  import "./MultipleDataGrid.vue.js";
6
- import P from "../../search/v4/SearchV4.vue.js";
7
- import { useVModel as $ } from "@vueuse/core";
8
- const A = {
6
+ import M from "../../search/v4/SearchV4.vue.js";
7
+ import { useVModel as P } from "@vueuse/core";
8
+ const $ = { class: "rows-counter-container" }, A = {
9
9
  key: 0,
10
10
  class: "tables-container"
11
- }, K = /* @__PURE__ */ I({
11
+ }, K = /* @__PURE__ */ T({
12
12
  __name: "MultipleDataGrid",
13
13
  props: {
14
14
  tablesSettings: { default: () => [] },
@@ -32,40 +32,43 @@ const A = {
32
32
  },
33
33
  emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
34
34
  setup(t, { emit: n }) {
35
- const c = t;
36
- R((e) => ({
37
- "13cc4a84": t.zIndexBase
35
+ const u = t;
36
+ V((e) => ({
37
+ "6bca14de": t.zIndexBase
38
38
  }));
39
- const S = T(
40
- () => c.isLoading || !c.tablesSettings.flatMap((e) => e.rows).length
41
- ), u = $(c, "search", n), m = (e) => `cell-${e.id}`, h = (e) => {
39
+ const h = L(
40
+ () => u.isLoading || !u.tablesSettings.flatMap((e) => e.rows).length
41
+ ), r = P(u, "search", n), y = (e) => `cell-${e.id}`, w = (e) => {
42
42
  n("onScroll", e.target.scrollTop);
43
- }, w = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
43
+ }, k = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
44
44
  return (e, s) => (l(), d("div", {
45
45
  class: "multi-table-container",
46
- onScrollPassive: h
46
+ onScrollPassive: w
47
47
  }, [
48
- p("div", {
49
- class: L(["table-header-container", { sticky: t.isSticky }])
48
+ f("div", {
49
+ class: z(["table-header-container", { sticky: t.isSticky }])
50
50
  }, [
51
- z(o(M), {
52
- count: t.count,
53
- "total-count": t.totalCount,
54
- "total-text": t.totalText,
55
- "displaying-text": t.displayingText,
56
- "out-of-text": t.outOfText,
57
- "data-testid": t.testId
58
- }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "data-testid"]),
59
- t.showSearch ? (l(), r(o(P), {
51
+ f("div", $, [
52
+ t.isLoading ? m("", !0) : (l(), c(o(G), {
53
+ key: 0,
54
+ count: t.count,
55
+ "total-count": t.totalCount,
56
+ "total-text": t.totalText,
57
+ "displaying-text": t.displayingText,
58
+ "out-of-text": t.outOfText,
59
+ "data-testid": t.testId
60
+ }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "data-testid"]))
61
+ ]),
62
+ t.showSearch ? (l(), c(o(M), {
60
63
  key: 0,
61
- modelValue: o(u),
62
- "onUpdate:modelValue": s[0] || (s[0] = (a) => E(u) ? u.value = a : null),
64
+ modelValue: o(r),
65
+ "onUpdate:modelValue": s[0] || (s[0] = (a) => p(r) ? r.value = a : null),
63
66
  placeholder: t.searchPlaceholder,
64
67
  "test-id": t.testId,
65
- onOnClear: w
66
- }, null, 8, ["modelValue", "placeholder", "test-id"])) : f("", !0)
68
+ onOnClear: k
69
+ }, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0)
67
70
  ], 2),
68
- o(S) ? (l(), r(o(g), {
71
+ o(h) ? (l(), c(o(S), {
69
72
  key: 1,
70
73
  "is-loading": t.isLoading,
71
74
  columns: t.loadingAndEmptyStatesColumns,
@@ -76,11 +79,11 @@ const A = {
76
79
  "empty-state-subtitle": t.emptyStateSubtitle,
77
80
  "loading-row-count": t.loadingRowCount
78
81
  }, null, 8, ["is-loading", "columns", "test-id", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "loading-row-count"])) : (l(), d("div", A, [
79
- (l(!0), d(N, null, y(t.tablesSettings, (a, k) => (l(), d("div", {
82
+ (l(!0), d(E, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
80
83
  key: a.testId,
81
84
  class: "table-wrapper"
82
85
  }, [
83
- a.rows.length ? (l(), r(o(g), {
86
+ a.rows.length ? (l(), c(o(S), {
84
87
  key: 0,
85
88
  sections: a.sections,
86
89
  columns: a.columns,
@@ -89,27 +92,27 @@ const A = {
89
92
  "is-sticky": t.isSticky,
90
93
  "z-index-base": t.zIndexBase,
91
94
  "test-id": a.testId,
92
- onClickRow: (i) => x(i, k)
95
+ onClickRow: (i) => x(i, C)
93
96
  }, D({ _: 2 }, [
94
- y(a.columns, (i) => ({
95
- name: m(i),
96
- fn: O(({
97
- cell: C,
98
- rowIndex: b,
99
- isLoading: V,
100
- cellIndex: v,
101
- row: B
97
+ g(a.columns, (i) => ({
98
+ name: y(i),
99
+ fn: N(({
100
+ cell: b,
101
+ rowIndex: v,
102
+ isLoading: B,
103
+ cellIndex: I,
104
+ row: R
102
105
  }) => [
103
- G(e.$slots, `${m(i)}`, {
104
- cell: C,
105
- isLoading: V,
106
- cellIndex: v,
107
- row: B,
108
- rowIndex: b
106
+ O(e.$slots, `${y(i)}`, {
107
+ cell: b,
108
+ isLoading: B,
109
+ cellIndex: I,
110
+ row: R,
111
+ rowIndex: v
109
112
  }, void 0, !0)
110
113
  ])
111
114
  }))
112
- ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) : f("", !0)
115
+ ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) : m("", !0)
113
116
  ]))), 128))
114
117
  ]))
115
118
  ], 32));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.45",
3
+ "version": "2.1.6-rc.46",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_a089480a_lang.css DELETED
@@ -1 +0,0 @@
1
- .multi-table-container[data-v-a089480a]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-a089480a]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-a089480a]{position:sticky;top:0;z-index:calc(var(--13cc4a84) + 3)}.multi-table-container[data-v-a089480a] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-a089480a] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-a089480a] thead.sticky{top:62px}