@ironsource/shared-ui 2.1.0 → 2.1.1-rc.1

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 (6) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css +1 -0
  2. package/README.md +1 -1
  3. package/components/table/v4/DataGrid.vue.js +4 -4
  4. package/components/table/v4/DataGrid.vue2.js +90 -83
  5. package/package.json +1 -1
  6. package/DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-09d33c49]{position:sticky}.table-container[data-v-09d33c49]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-09d33c49]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-09d33c49]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-09d33c49]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-09d33c49]{width:13.75rem}.table-header.isStickyHeader[data-v-09d33c49]{z-index:calc(var(--06152a68) + 3);top:0}.table-head-container[data-v-09d33c49]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-09d33c49]{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-09d33c49]{display:inline-table}.table-header-actions[data-v-09d33c49]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-09d33c49]{position:relative}.table-row.loading[data-v-09d33c49]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-09d33c49]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-09d33c49]{border-bottom:none}.expanded-row[data-v-09d33c49]{grid-column:var(--956a5780);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-09d33c49]{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)}table.hasFooter[data-v-09d33c49]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-09d33c49],table th[data-v-09d33c49]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-09d33c49]:first-of-type,table th[data-v-09d33c49]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-09d33c49]:last-of-type,table th[data-v-09d33c49]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-09d33c49],table th.expand-toggle-cell[data-v-09d33c49]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-09d33c49]{border-bottom:none;z-index:calc(var(--06152a68) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-09d33c49]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--55b2d739)}table>thead>tr>th[data-v-09d33c49]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-09d33c49]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-09d33c49]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-09d33c49]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-09d33c49]{cursor:pointer}table>thead.sticky[data-v-09d33c49]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-09d33c49]{z-index:calc(var(--06152a68) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-09d33c49]{display:block}table>tbody>*>tr[data-v-09d33c49]{background-color:var(--background-default);min-height:var(--e26970fe);height:auto;display:grid;align-items:center;grid-template-columns:var(--55b2d739)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-09d33c49]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-09d33c49]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-09d33c49]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--e26970fe);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-09d33c49]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-09d33c49]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-09d33c49]{justify-content:flex-end;text-align:right}.section-container[data-v-09d33c49]{left:0}.sections[data-v-09d33c49]{display:flex}.section[data-v-09d33c49]{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-09d33c49]{width:100%}.empty-state[data-v-09d33c49]{min-height:250px}
package/README.md CHANGED
@@ -129,4 +129,4 @@ cd e2e/playwright
129
129
  npm run pw:ui:local
130
130
  ```
131
131
 
132
- Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>.
132
+ Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9cc6b34e"]]);
2
+ /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09d33c49"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };
package/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,8 +1,8 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css"; import { defineComponent as ee, useCssVars as te, unref as e, useSlots as se, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as R, normalizeClass as y, renderSlot as n, createVNode as u, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as x, renderList as B, createBlock as ie, mergeProps as le } from "vue";
2
- import V from "../../typography/v4/Typography.vue.js";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_09d33c49_lang.css"; import { defineComponent as ee, useCssVars as te, unref as e, useSlots as se, computed as g, openBlock as i, createElementBlock as l, createElementVNode as r, normalizeStyle as R, normalizeClass as y, renderSlot as c, createVNode as u, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ae, createCommentVNode as h, Fragment as x, renderList as B, createBlock as ie, mergeProps as le } from "vue";
2
+ import I from "../../typography/v4/Typography.vue.js";
3
3
  import de from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import oe from "../../emptyState/v4/EmptyStateV4.vue.js";
5
- import U from "../../checkbox/v4/CheckboxV4.vue.js";
5
+ import D from "../../checkbox/v4/CheckboxV4.vue.js";
6
6
  import { TableTestIdModifiers as f } from "../../../testids/index.js";
7
7
  import { tableCommon as ne } from "../common/Table.common.js";
8
8
  import ce from "./SortIcon.vue.js";
@@ -18,16 +18,16 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
18
18
  }, Te = ["onClick"], Ce = { class: "table-head-container" }, Ee = ["data-testid"], xe = ["onMouseenter"], Be = {
19
19
  key: 0,
20
20
  class: "checkbox-cell"
21
- }, Ve = {
21
+ }, Ie = {
22
22
  key: 1,
23
23
  class: "expand-toggle-cell"
24
24
  }, we = {
25
25
  key: 2,
26
26
  class: "expanded-row"
27
- }, Ie = { key: 1 }, Pe = {
27
+ }, Ve = { key: 1 }, Le = {
28
28
  key: 0,
29
29
  class: "table-footer"
30
- }, pe = /* @__PURE__ */ ee({
30
+ }, Ye = /* @__PURE__ */ ee({
31
31
  __name: "DataGrid",
32
32
  props: {
33
33
  title: { default: "" },
@@ -57,60 +57,66 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
57
57
  },
58
58
  emits: ["update:sort", "update:search", "update:selection", "onScroll", "saveRow", "loadMore"],
59
59
  setup(s, { emit: S }) {
60
- const o = s;
60
+ const d = s;
61
61
  te((a) => ({
62
- b72a9fc4: s.zIndexBase,
63
- "30b75412": e(J),
64
- b002aaea: e(H),
65
- "2e048053": e(q)
62
+ "06152a68": s.zIndexBase,
63
+ "956a5780": e(q),
64
+ "55b2d739": e(A),
65
+ e26970fe: e(j)
66
66
  }));
67
67
  const b = se(), {
68
- list: A,
69
- containerProps: G,
70
- wrapperProps: p,
68
+ list: P,
69
+ containerProps: U,
70
+ wrapperProps: G,
71
71
  activeRow: w,
72
- gridColumnTemplate: H,
72
+ gridColumnTemplate: A,
73
73
  toggleSortOrder: Y,
74
- columnsStickyPositions: L,
75
- hasSearchSlot: Q,
76
- containerStyle: W,
74
+ columnsStickyPositions: H,
75
+ hasSearchSlot: p,
76
+ containerStyle: Q,
77
77
  onScroll: N,
78
78
  savingRows: F,
79
79
  hasExpandSlot: v,
80
- toggleExpandRow: j,
81
- cssRowHeight: q,
82
- cssExpandGridCol: J,
83
- isRowExpanded: I,
80
+ toggleExpandRow: W,
81
+ cssRowHeight: j,
82
+ cssExpandGridCol: q,
83
+ isRowExpanded: V,
84
84
  hasCheckboxes: M
85
- } = ne(o, S), O = g(() => !!b.footer), k = he(o, "search", S), z = g(() => o.selection.length || 0), P = g(
86
- () => o.rows.length && z.value === o.rows.length
87
- ), D = (a) => o.selection.includes(a), K = (a) => {
88
- D(a) ? $(o.selection.filter((c) => c !== a)) : $([...o.selection, a]);
85
+ } = ne(d, S), O = g(() => !!b.footer), k = he(d, "search", S), J = g(() => d.selection.length || 0), L = g(() => {
86
+ const a = d.rows.map((o, t) => d.getRowId(o, t));
87
+ return a.length && a.every((o) => d.selection.includes(o));
88
+ }), z = (a) => d.selection.includes(a), K = (a) => {
89
+ z(a) ? $(d.selection.filter((o) => o !== a)) : $([...d.selection, a]);
89
90
  }, X = () => {
90
- P.value ? $([]) : $(o.rows.map((a, c) => o.getRowId(a, c)));
91
+ if (L.value)
92
+ $([]);
93
+ else {
94
+ const a = d.rows.map((o, t) => d.getRowId(o, t)).filter((o) => !d.selection.includes(o));
95
+ $([...d.selection, ...a]);
96
+ }
91
97
  }, $ = (a) => {
92
98
  S("update:selection", a);
93
99
  }, Z = g(
94
- () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
100
+ () => d.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
95
101
  ), _ = g(
96
- () => o.emptyStateSubtitle ? o.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
102
+ () => d.emptyStateSubtitle ? d.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
97
103
  );
98
- return (a, c) => (i(), l("div", {
104
+ return (a, o) => (i(), l("div", {
99
105
  class: "table-container",
100
106
  "data-testid": `${s.testId}-${e(f).CONTAINER}`,
101
- onMouseleave: c[2] || (c[2] = (t) => w.value = null)
107
+ onMouseleave: o[2] || (o[2] = (t) => w.value = null)
102
108
  }, [
103
109
  r("table", {
104
- ref: e(G).ref,
105
- style: R(e(W)),
110
+ ref: e(U).ref,
111
+ style: R(e(Q)),
106
112
  class: y({
107
113
  hasFooter: e(O)
108
114
  }),
109
115
  "data-testid": `${s.testId}-${e(f).TABLE}`,
110
- onScrollPassive: c[1] || (c[1] = //@ts-ignore
116
+ onScrollPassive: o[1] || (o[1] = //@ts-ignore
111
117
  (...t) => e(N) && e(N)(...t))
112
118
  }, [
113
- s.title || e(b).title || e(Q) || e(b)["table-header-actions"] ? (i(), l("div", {
119
+ s.title || e(b).title || e(p) || e(b)["table-header-actions"] ? (i(), l("div", {
114
120
  key: 0,
115
121
  class: y(["table-header", { isStickyHeader: s.isStickyHeader }]),
116
122
  "data-testid": `${s.testId}-${e(f).HEADER}`
@@ -119,8 +125,8 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
119
125
  class: "table-title",
120
126
  "data-testid": `${s.testId}-${e(f).TITLE}`
121
127
  }, [
122
- n(a.$slots, "title", {}, () => [
123
- u(e(V), { variant: "h3" }, {
128
+ c(a.$slots, "title", {}, () => [
129
+ u(e(I), { variant: "h3" }, {
124
130
  default: T(() => [
125
131
  C(E(s.title), 1)
126
132
  ]),
@@ -132,11 +138,11 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
132
138
  class: "table-header-right",
133
139
  "data-testid": `${s.testId}-${e(f).HEADER_RIGHT}`
134
140
  }, [
135
- s.showSearch ? n(a.$slots, "search", { key: 0 }, () => [
141
+ s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
136
142
  r("div", ge, [
137
143
  u(e(ue), {
138
144
  modelValue: e(k),
139
- "onUpdate:modelValue": c[0] || (c[0] = (t) => ae(k) ? k.value = t : null),
145
+ "onUpdate:modelValue": o[0] || (o[0] = (t) => ae(k) ? k.value = t : null),
140
146
  placeholder: s.searchPlaceholder,
141
147
  "auto-focus": s.searchAutoFocus,
142
148
  "test-id": s.testId
@@ -149,7 +155,7 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
149
155
  class: "table-header-actions",
150
156
  "data-testid": `${s.testId}-${e(f).ACTIONS}`
151
157
  }, [
152
- n(a.$slots, "table-header-actions", {}, void 0, !0)
158
+ c(a.$slots, "table-header-actions", {}, void 0, !0)
153
159
  ], 8, be)) : h("", !0)
154
160
  ], 10, Se)) : h("", !0),
155
161
  r("thead", {
@@ -163,12 +169,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
163
169
  key: t.id,
164
170
  class: y(["section-container", { sticky: t.isSticky }])
165
171
  }, [
166
- n(a.$slots, `section-${t.id}`, {}, () => [
172
+ c(a.$slots, `section-${t.id}`, {}, () => [
167
173
  r("div", {
168
174
  style: R({ width: t.width + "px" }),
169
175
  class: y({ section: !0 })
170
176
  }, [
171
- u(e(V), { variant: "body2" }, {
177
+ u(e(I), { variant: "body2" }, {
172
178
  default: T(() => [
173
179
  C(E(t.title), 1)
174
180
  ]),
@@ -180,12 +186,13 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
180
186
  ], 8, ve),
181
187
  r("tr", null, [
182
188
  e(M) ? (i(), l("th", $e, [
183
- n(a.$slots, "select-all-checkbox", {}, () => [
184
- u(e(U), {
185
- "is-checked": e(P),
186
- "is-indeterminate": !e(P) && e(z) > 0,
189
+ c(a.$slots, "select-all-checkbox", {}, () => [
190
+ u(e(D), {
191
+ disabled: s.isLoading,
192
+ "is-checked": e(L),
193
+ "is-indeterminate": !e(L) && e(J) > 0,
187
194
  "onUpdate:isChecked": X
188
- }, null, 8, ["is-checked", "is-indeterminate"])
195
+ }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
189
196
  ], !0)
190
197
  ])) : h("", !0),
191
198
  e(v) ? (i(), l("th", Re)) : h("", !0),
@@ -199,12 +206,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
199
206
  isSortable: t.isSortable,
200
207
  [`column-${t.id}`]: !0
201
208
  }),
202
- style: R(t.isSticky ? e(L)[t.id] : null),
209
+ style: R(t.isSticky ? e(H)[t.id] : null),
203
210
  onClick: (m) => t.isSortable ? e(Y)(t) : null
204
211
  }, [
205
212
  r("div", Ce, [
206
- n(a.$slots, `header-${t.id}`, { column: t }, () => [
207
- u(e(V), { variant: "tableLabel" }, {
213
+ c(a.$slots, `header-${t.id}`, { column: t }, () => [
214
+ u(e(I), { variant: "tableLabel" }, {
208
215
  default: T(() => [
209
216
  C(E(t.title), 1)
210
217
  ]),
@@ -220,77 +227,77 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
220
227
  ])
221
228
  ], 2),
222
229
  r("tbody", null, [
223
- e(A).length > 0 ? (i(), l("div", le({
230
+ e(P).length > 0 ? (i(), l("div", le({
224
231
  key: 0,
225
232
  class: "table-body-wrapper",
226
233
  "data-testid": `${s.testId}-${e(f).BODY_WRAPPER}`
227
- }, e(p)), [
228
- (i(!0), l(x, null, B(e(A), (t) => (i(), l("tr", {
234
+ }, e(G)), [
235
+ (i(!0), l(x, null, B(e(P), (t) => (i(), l("tr", {
229
236
  key: t.index,
230
237
  class: y(["table-row", {
231
238
  loading: s.isLoading || s.isLoading && !t.data || e(F).includes(t.index),
232
239
  active: e(w) === t.index,
233
- expanded: e(v) && e(I)(t.index)
240
+ expanded: e(v) && e(V)(t.index)
234
241
  }]),
235
242
  onMouseenter: (m) => w.value = t.index
236
243
  }, [
237
244
  e(M) ? (i(), l("td", Be, [
238
- u(e(U), {
239
- "is-checked": D(s.getRowId(t.data, t.index)),
245
+ u(e(D), {
246
+ "is-checked": z(s.getRowId(t.data, t.index)),
240
247
  size: "sm",
241
248
  "onUpdate:isChecked": (m) => K(s.getRowId(t.data, t.index))
242
249
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
243
250
  ])) : h("", !0),
244
- e(v) ? (i(), l("td", Ve, [
251
+ e(v) ? (i(), l("td", Ie, [
245
252
  u(re, {
246
- expanded: e(I)(t.index),
247
- onClick: (m) => e(j)(t.index, m)
253
+ expanded: e(V)(t.index),
254
+ onClick: (m) => e(W)(t.index, m)
248
255
  }, null, 8, ["expanded", "onClick"])
249
256
  ])) : h("", !0),
250
- (i(!0), l(x, null, B(s.columns, (m, d) => (i(), l("td", {
251
- key: d,
257
+ (i(!0), l(x, null, B(s.columns, (m, n) => (i(), l("td", {
258
+ key: n,
252
259
  class: y({
253
- sticky: s.columns[d].isSticky,
254
- isStickyRight: s.columns[d].isStickyRight,
255
- bordered: s.columns[d].isBordered,
256
- isTextRight: s.columns[d].isTextRight,
257
- [`column-${s.columns[d].id}`]: !0
260
+ sticky: s.columns[n].isSticky,
261
+ isStickyRight: s.columns[n].isStickyRight,
262
+ bordered: s.columns[n].isBordered,
263
+ isTextRight: s.columns[n].isTextRight,
264
+ [`column-${s.columns[n].id}`]: !0
258
265
  }),
259
266
  style: R(
260
- s.columns[d].isSticky ? e(L)[s.columns[d].id] : null
267
+ s.columns[n].isSticky ? e(H)[s.columns[n].id] : null
261
268
  )
262
269
  }, [
263
- !s.isLoading || s.isLoading && t.data[d] ? (i(), l("div", {
270
+ !s.isLoading || s.isLoading && t.data[n] ? (i(), l("div", {
264
271
  key: 0,
265
- class: y(["table-cell", { last: d === t.data.length - 1 }])
272
+ class: y(["table-cell", { last: n === t.data.length - 1 }])
266
273
  }, [
267
- n(a.$slots, `cell-${s.columns[d].id}`, {
268
- cell: t.data[d],
274
+ c(a.$slots, `cell-${s.columns[n].id}`, {
275
+ cell: t.data[n],
269
276
  isLoading: e(F).includes(t.index),
270
- cellIndex: d,
277
+ cellIndex: n,
271
278
  row: t,
272
279
  rowIndex: t.index
273
280
  }, () => [
274
- u(e(V), { variant: "body1" }, {
281
+ u(e(I), { variant: "body1" }, {
275
282
  default: T(() => [
276
- C(E(t.data[d]), 1)
283
+ C(E(t.data[n]), 1)
277
284
  ]),
278
285
  _: 2
279
286
  }, 1024)
280
287
  ], !0)
281
- ], 2)) : n(a.$slots, "loader", { key: 1 }, () => [
288
+ ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
282
289
  u(e(de), { round: "" })
283
290
  ], !0)
284
291
  ], 6))), 128)),
285
- e(v) && e(I)(t.index) ? (i(), l("div", we, [
286
- n(a.$slots, "expanded", {
292
+ e(v) && e(V)(t.index) ? (i(), l("div", we, [
293
+ c(a.$slots, "expanded", {
287
294
  row: t,
288
- gridColumnTemplate: e(H)
295
+ gridColumnTemplate: e(A)
289
296
  }, void 0, !0)
290
297
  ])) : h("", !0)
291
298
  ], 42, xe))), 128))
292
- ], 16, Ee)) : (i(), l("div", Ie, [
293
- n(a.$slots, "empty-state", {}, () => [
299
+ ], 16, Ee)) : (i(), l("div", Ve, [
300
+ c(a.$slots, "empty-state", {}, () => [
294
301
  u(e(oe), {
295
302
  class: "empty-state",
296
303
  title: s.emptyStateTitle,
@@ -302,12 +309,12 @@ const ye = ["data-testid"], fe = ["data-testid"], Se = ["data-testid"], ke = ["d
302
309
  ]))
303
310
  ])
304
311
  ], 46, fe),
305
- e(O) ? (i(), l("div", Pe, [
306
- n(a.$slots, "footer", {}, void 0, !0)
312
+ e(O) ? (i(), l("div", Le, [
313
+ c(a.$slots, "footer", {}, void 0, !0)
307
314
  ])) : h("", !0)
308
315
  ], 40, ye));
309
316
  }
310
317
  });
311
318
  export {
312
- pe as default
319
+ Ye as default
313
320
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.0",
3
+ "version": "2.1.1-rc.1",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-9cc6b34e]{position:sticky}.table-container[data-v-9cc6b34e]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-9cc6b34e]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-9cc6b34e]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-9cc6b34e]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-9cc6b34e]{width:13.75rem}.table-header.isStickyHeader[data-v-9cc6b34e]{z-index:calc(var(--b72a9fc4) + 3);top:0}.table-head-container[data-v-9cc6b34e]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-9cc6b34e]{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-9cc6b34e]{display:inline-table}.table-header-actions[data-v-9cc6b34e]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-9cc6b34e]{position:relative}.table-row.loading[data-v-9cc6b34e]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-9cc6b34e]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-9cc6b34e]{border-bottom:none}.expanded-row[data-v-9cc6b34e]{grid-column:var(--30b75412);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-9cc6b34e]{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)}table.hasFooter[data-v-9cc6b34e]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-9cc6b34e],table th[data-v-9cc6b34e]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-9cc6b34e]:first-of-type,table th[data-v-9cc6b34e]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-9cc6b34e]:last-of-type,table th[data-v-9cc6b34e]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-9cc6b34e],table th.expand-toggle-cell[data-v-9cc6b34e]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-9cc6b34e]{border-bottom:none;z-index:calc(var(--b72a9fc4) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-9cc6b34e]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b002aaea)}table>thead>tr>th[data-v-9cc6b34e]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-9cc6b34e]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-9cc6b34e]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-9cc6b34e]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-9cc6b34e]{cursor:pointer}table>thead.sticky[data-v-9cc6b34e]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-9cc6b34e]{z-index:calc(var(--b72a9fc4) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-9cc6b34e]{display:block}table>tbody>*>tr[data-v-9cc6b34e]{background-color:var(--background-default);min-height:var(--2e048053);height:auto;display:grid;align-items:center;grid-template-columns:var(--b002aaea)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-9cc6b34e]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-9cc6b34e]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-9cc6b34e]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--2e048053);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-9cc6b34e]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-9cc6b34e]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-9cc6b34e]{justify-content:flex-end;text-align:right}.section-container[data-v-9cc6b34e]{left:0}.sections[data-v-9cc6b34e]{display:flex}.section[data-v-9cc6b34e]{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-9cc6b34e]{width:100%}.empty-state[data-v-9cc6b34e]{min-height:250px}