@ironsource/shared-ui 2.1.10-rc.3 → 2.1.10-rc.4

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 (14) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_92101a6c_lang.css +1 -0
  2. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +1 -0
  3. package/components/table/v4/DataGrid.vue.d.ts +8 -3
  4. package/components/table/v4/DataGrid.vue.js +2 -2
  5. package/components/table/v4/DataGrid.vue2.js +58 -57
  6. package/components/table/v4/MultipleDataGrid.vue.d.ts +8 -3
  7. package/components/table/v4/MultipleDataGrid.vue.js +3 -3
  8. package/components/table/v4/MultipleDataGrid.vue2.js +44 -42
  9. package/components/table/v4/index.d.ts +46 -8
  10. package/index.d.ts +92 -16
  11. package/index.js +1 -1
  12. package/package.json +1 -1
  13. package/DataGrid.vue_vue_type_style_index_0_scoped_9cab3826_lang.css +0 -1
  14. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_69c40021_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_92101a6c_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-92101a6c]{position:sticky}.table-container[data-v-92101a6c]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-92101a6c]{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-92101a6c]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-92101a6c]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-92101a6c]{width:13.75rem}.table-header.isStickyHeader[data-v-92101a6c]{z-index:calc(var(--e0125058) + 3);top:0}.table-head-container[data-v-92101a6c]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-92101a6c]{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-92101a6c]{display:inline-table}.table-header-actions[data-v-92101a6c]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-92101a6c]{position:relative}.table-row.loading[data-v-92101a6c]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-92101a6c]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-92101a6c]{border-bottom:none}.expanded-row[data-v-92101a6c]{grid-column:var(--1c0f4970);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-92101a6c]{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-92101a6c]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-92101a6c],table th[data-v-92101a6c]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-92101a6c]:first-of-type,table th[data-v-92101a6c]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-92101a6c]:last-of-type,table th[data-v-92101a6c]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-92101a6c],table th.expand-toggle-cell[data-v-92101a6c]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-92101a6c]{border-bottom:none;z-index:calc(var(--e0125058) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-92101a6c]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--1d1abc41)}table>thead>tr>th[data-v-92101a6c]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-92101a6c]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-92101a6c]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-92101a6c]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-92101a6c]{cursor:pointer}table>thead.sticky[data-v-92101a6c]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-92101a6c]{z-index:calc(var(--e0125058) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-92101a6c]{display:block}table>tbody>*>tr[data-v-92101a6c]{background-color:var(--background-default);min-height:var(--67259289);height:auto;display:grid;align-items:center;grid-template-columns:var(--1d1abc41)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-92101a6c]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-92101a6c],table>tbody>*>tr.activeMenu>td[data-v-92101a6c]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-92101a6c]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--67259289);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-92101a6c]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-92101a6c]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-92101a6c]{justify-content:flex-end;text-align:right}.section-container[data-v-92101a6c]{left:0}.sections[data-v-92101a6c]{display:flex}.section[data-v-92101a6c]{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-92101a6c]{width:100%}.empty-state[data-v-92101a6c]{min-height:250px}.floating-row[data-v-92101a6c]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--e0125058) + 1)}.floating-row *[data-v-92101a6c-s]{pointer-events:auto}
package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css ADDED
@@ -0,0 +1 @@
1
+ .multi-table-container[data-v-020a9896]{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-020a9896]{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-020a9896]{position:sticky;top:0;z-index:calc(var(--81d1b864) + 3)}.multi-table-container[data-v-020a9896] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-020a9896] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-020a9896] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-020a9896]{min-height:250px}.multi-table-container .table-header-right[data-v-020a9896]{align-items:center;display:flex;height:100%}.multi-table-container .table-header-right .table-header-actions[data-v-020a9896]{align-items:center;display:flex;margin-left:var(--spacing-100)}
package/components/table/v4/DataGrid.vue.d.ts CHANGED
@@ -6,7 +6,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
6
6
  sections?: Section[];
7
7
  sort?: Sort;
8
8
  selection?: unknown[];
9
- getRowId?: (row: Row, index: number) => string | number;
9
+ getRowId?: (row: Row, index: number) => unknown;
10
+ getRowKey?: (row: Row, index: number) => string | number;
10
11
  selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
11
12
  isSticky?: boolean;
12
13
  isStickyHeader?: boolean;
@@ -45,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
45
46
  testId: string;
46
47
  selection: any;
47
48
  getRowId: (row: any, index: any) => any;
49
+ getRowKey: (row: any, index: any) => any;
48
50
  selectedMatcher: (rowId: any, selectedItem: any) => boolean;
49
51
  search: any;
50
52
  showSearch: boolean;
@@ -73,7 +75,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
73
75
  sections?: Section[];
74
76
  sort?: Sort;
75
77
  selection?: unknown[];
76
- getRowId?: (row: Row, index: number) => string | number;
78
+ getRowId?: (row: Row, index: number) => unknown;
79
+ getRowKey?: (row: Row, index: number) => string | number;
77
80
  selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
78
81
  isSticky?: boolean;
79
82
  isStickyHeader?: boolean;
@@ -112,6 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
112
115
  testId: string;
113
116
  selection: any;
114
117
  getRowId: (row: any, index: any) => any;
118
+ getRowKey: (row: any, index: any) => any;
115
119
  selectedMatcher: (rowId: any, selectedItem: any) => boolean;
116
120
  search: any;
117
121
  showSearch: boolean;
@@ -151,7 +155,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
151
155
  infiniteScrollThreshold: number;
152
156
  rowHeight: number | ((index: number) => number);
153
157
  defaultScrollPosition: number;
154
- getRowId: (row: Row, index: number) => string | number;
158
+ getRowId: (row: Row, index: number) => unknown;
159
+ getRowKey: (row: Row, index: number) => string | number;
155
160
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
156
161
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
157
162
  zIndexBase: number;
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9cab3826_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9cab3826"]]);
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_92101a6c_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-92101a6c"]]);
5
5
  export {
6
6
  s 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_9cab3826_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as I, isRef as ce, createCommentVNode as r, Fragment as B, renderList as A, createBlock as z, mergeProps as re } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_92101a6c_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as A, createBlock as K, mergeProps as re } from "vue";
2
2
  import V from "../../typography/v4/Typography.vue.js";
3
3
  import ue from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import he from "../../emptyState/v4/EmptyStateV4.vue.js";
5
- import K from "../../checkbox/v4/CheckboxV4.vue.js";
5
+ import z from "../../checkbox/v4/CheckboxV4.vue.js";
6
6
  import { TableTestIdModifiers as S } from "../../../testids/index.js";
7
7
  import { tableCommon as ye } from "../common/Table.common.js";
8
8
  import fe from "./SortIcon.vue.js";
@@ -13,22 +13,22 @@ import { useVModel as ge } from "@vueuse/core";
13
13
  const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], Ce = ["data-testid"], xe = { class: "search-wrapper" }, Te = ["data-testid"], we = ["data-testid"], Ee = {
14
14
  key: 0,
15
15
  class: "checkbox-cell"
16
- }, Ie = {
16
+ }, Be = {
17
17
  key: 1,
18
18
  class: "expand-toggle-cell"
19
- }, Be = ["onClick"], Ae = { class: "table-head-container" }, Ve = ["data-testid"], Le = ["onMouseenter", "onClick"], Me = {
19
+ }, Ie = ["onClick"], Ae = { class: "table-head-container" }, Ve = ["data-testid"], pe = ["onMouseenter", "onClick"], Le = {
20
20
  key: 0,
21
21
  class: "checkbox-cell"
22
- }, Pe = {
22
+ }, Me = {
23
23
  key: 1,
24
24
  class: "expand-toggle-cell"
25
- }, pe = {
25
+ }, Pe = {
26
26
  key: 2,
27
27
  class: "expanded-row"
28
28
  }, He = {
29
29
  key: 3,
30
30
  class: "floating-row"
31
- }, Ne = { key: 1 }, Fe = {
31
+ }, Fe = { key: 1 }, Ne = {
32
32
  key: 0,
33
33
  class: "table-footer"
34
34
  }, Xe = /* @__PURE__ */ de({
@@ -40,8 +40,9 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
40
40
  sections: { default: null },
41
41
  sort: { default: null },
42
42
  selection: { default: null },
43
- getRowId: { type: Function, default: (s, m) => m },
44
- selectedMatcher: { type: Function, default: (s, m) => s === m },
43
+ getRowId: { type: Function, default: (s, k) => k },
44
+ getRowKey: { type: Function, default: (s, k) => k },
45
+ selectedMatcher: { type: Function, default: (s, k) => s === k },
45
46
  isSticky: { type: Boolean, default: !0 },
46
47
  isStickyHeader: { type: Boolean, default: !1 },
47
48
  isLoading: { type: Boolean, default: !1 },
@@ -63,35 +64,35 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
63
64
  rowDataKey: { default: "" }
64
65
  },
65
66
  emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
66
- setup(s, { expose: m, emit: y }) {
67
+ setup(s, { expose: k, emit: y }) {
67
68
  const i = s;
68
69
  oe((a) => ({
69
- "1e7437b3": s.zIndexBase,
70
- "734017e7": t(X),
71
- "6b65cd20": t(p),
72
- "4bca76a8": t(J)
70
+ e0125058: s.zIndexBase,
71
+ "1c0f4970": t(X),
72
+ "1d1abc41": t(P),
73
+ 67259289: t(J)
73
74
  }));
74
75
  const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
75
- list: P,
76
+ list: M,
76
77
  containerProps: G,
77
78
  wrapperProps: Y,
78
79
  activeRow: $,
79
- gridColumnTemplate: p,
80
+ gridColumnTemplate: P,
80
81
  toggleSortOrder: Q,
81
82
  columnsStickyPositions: H,
82
83
  hasSearchSlot: W,
83
84
  containerStyle: j,
84
- onScroll: N,
85
- savingRows: F,
85
+ onScroll: F,
86
+ savingRows: N,
86
87
  hasExpandSlot: R,
87
88
  toggleExpandRow: q,
88
89
  cssRowHeight: J,
89
90
  cssExpandGridCol: X,
90
- isRowExpanded: L,
91
+ isRowExpanded: p,
91
92
  hasCheckboxes: O,
92
93
  activeMenuRow: Z,
93
94
  scrollTo: _
94
- } = ye(i, y), D = v(() => !!b.footer), g = ge(i, "search", y), ee = v(() => i.selection.length || 0), M = v(() => {
95
+ } = ye(i, y), D = v(() => !!b.footer), g = ge(i, "search", y), ee = v(() => i.selection.length || 0), L = v(() => {
95
96
  const a = i.rows.map((o, e) => i.getRowId(o, e));
96
97
  return !!a.length && a.every((o) => C(o));
97
98
  }), C = (a) => i.selection.findIndex((o) => i.selectedMatcher(a, o)) !== -1, te = (a) => {
@@ -101,7 +102,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
101
102
  )
102
103
  ), y("selectRow", !1)) : (x([...i.selection, a]), y("selectRow", !0));
103
104
  }, se = () => {
104
- if (M.value)
105
+ if (L.value)
105
106
  x([]), y("selectAll", !1);
106
107
  else {
107
108
  const a = i.rows.map((o, e) => i.getRowId(o, e)).filter((o) => !C(o));
@@ -114,7 +115,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
114
115
  ), ie = v(
115
116
  () => i.emptyStateSubtitle ? i.emptyStateSubtitle : g.value ? "Search again with different filters" : void 0
116
117
  );
117
- return m({
118
+ return k({
118
119
  scrollTo: _
119
120
  }), (a, o) => (l(), d("div", {
120
121
  class: "table-container",
@@ -129,7 +130,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
129
130
  }),
130
131
  "data-testid": `${s.testId}-${t(S).TABLE}`,
131
132
  onScrollPassive: o[2] || (o[2] = //@ts-ignore
132
- (...e) => t(N) && t(N)(...e))
133
+ (...e) => t(F) && t(F)(...e))
133
134
  }, [
134
135
  s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(), d("div", {
135
136
  key: 0,
@@ -143,7 +144,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
143
144
  c(a.$slots, "title", {}, () => [
144
145
  h(t(V), { variant: "h3" }, {
145
146
  default: w(() => [
146
- E(I(s.title), 1)
147
+ E(B(s.title), 1)
147
148
  ]),
148
149
  _: 1
149
150
  })
@@ -181,7 +182,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
181
182
  class: "sections",
182
183
  "data-testid": `${s.testId}-${t(S).SECTIONS}`
183
184
  }, [
184
- (l(!0), d(B, null, A(s.sections, (e) => (l(), d("div", {
185
+ (l(!0), d(I, null, A(s.sections, (e) => (l(), d("div", {
185
186
  key: e.id,
186
187
  class: f(["section-container", { sticky: e.isSticky }])
187
188
  }, [
@@ -192,7 +193,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
192
193
  }, [
193
194
  h(t(V), { variant: "body2" }, {
194
195
  default: w(() => [
195
- E(I(e.title), 1)
196
+ E(B(e.title), 1)
196
197
  ]),
197
198
  _: 2
198
199
  }, 1024)
@@ -203,16 +204,16 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
203
204
  u("tr", null, [
204
205
  t(O) ? (l(), d("th", Ee, [
205
206
  c(a.$slots, "select-all-checkbox", {}, () => [
206
- h(t(K), {
207
+ h(t(z), {
207
208
  disabled: s.isLoading,
208
- "is-checked": t(M),
209
- "is-indeterminate": !t(M) && t(ee) > 0,
209
+ "is-checked": t(L),
210
+ "is-indeterminate": !t(L) && t(ee) > 0,
210
211
  "onUpdate:isChecked": se
211
212
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
212
213
  ])
213
214
  ])) : r("", !0),
214
- t(R) ? (l(), d("th", Ie)) : r("", !0),
215
- (l(!0), d(B, null, A(s.columns, (e) => (l(), d("th", {
215
+ t(R) ? (l(), d("th", Be)) : r("", !0),
216
+ (l(!0), d(I, null, A(s.columns, (e) => (l(), d("th", {
216
217
  key: e.id,
217
218
  class: f({
218
219
  sticky: e.isSticky,
@@ -223,61 +224,61 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
223
224
  [`column-${e.id}`]: !0
224
225
  }),
225
226
  style: T(e.isSticky ? t(H)[e.id] : null),
226
- onClick: (k) => e.isSortable ? t(Q)(e) : null
227
+ onClick: (m) => e.isSortable ? t(Q)(e) : null
227
228
  }, [
228
229
  u("div", Ae, [
229
230
  c(a.$slots, `header-${e.id}`, { column: e }, () => [
230
231
  h(t(V), { variant: "tableLabel" }, {
231
232
  default: w(() => [
232
- E(I(e.title), 1)
233
+ E(B(e.title), 1)
233
234
  ]),
234
235
  _: 2
235
236
  }, 1024)
236
237
  ]),
237
- e.helpText ? (l(), z(Se, {
238
+ e.helpText ? (l(), K(Se, {
238
239
  key: 0,
239
240
  "hover-help-text": e.helpText,
240
241
  "hover-help-text-placement": e.helpTextPlacement
241
242
  }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
242
- e.isSortable && e.id === s.sort?.sortBy ? (l(), z(fe, {
243
+ e.isSortable && e.id === s.sort?.sortBy ? (l(), K(fe, {
243
244
  key: 1,
244
245
  "sort-order": s.sort.sortOrder
245
246
  }, null, 8, ["sort-order"])) : r("", !0)
246
247
  ])
247
- ], 14, Be))), 128))
248
+ ], 14, Ie))), 128))
248
249
  ])
249
250
  ], 2),
250
251
  u("tbody", null, [
251
- t(P).length > 0 ? (l(), d("div", re({
252
+ t(M).length > 0 ? (l(), d("div", re({
252
253
  key: 0,
253
254
  class: "table-body-wrapper",
254
255
  "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
255
256
  }, t(Y)), [
256
- (l(!0), d(B, null, A(t(P), (e) => (l(), d("tr", {
257
- key: s.getRowId(e.data, e.index),
257
+ (l(!0), d(I, null, A(t(M), (e) => (l(), d("tr", {
258
+ key: s.getRowKey(e.data, e.index),
258
259
  class: f(["table-row", {
259
- loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
260
+ loading: s.isLoading || s.isLoading && !e.data || t(N).includes(e.index),
260
261
  active: t($) === e.index,
261
262
  activeMenu: t(Z) === e.index,
262
- expanded: t(R) && t(L)(e.index),
263
+ expanded: t(R) && t(p)(e.index),
263
264
  [U(e.index)]: !0
264
265
  }]),
265
- onMouseenter: (k) => $.value = e.index,
266
- onClick: (k) => y("clickRow", e.index)
266
+ onMouseenter: (m) => $.value = e.index,
267
+ onClick: (m) => y("clickRow", e.index)
267
268
  }, [
268
- t(O) ? (l(), d("td", Me, [
269
- h(t(K), {
269
+ t(O) ? (l(), d("td", Le, [
270
+ h(t(z), {
270
271
  "is-checked": C(s.getRowId(e.data, e.index)),
271
- "onUpdate:isChecked": (k) => te(s.getRowId(e.data, e.index))
272
+ "onUpdate:isChecked": (m) => te(s.getRowId(e.data, e.index))
272
273
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
273
274
  ])) : r("", !0),
274
- t(R) ? (l(), d("td", Pe, [
275
+ t(R) ? (l(), d("td", Me, [
275
276
  h(ke, {
276
- expanded: t(L)(e.index),
277
- onClick: (k) => t(q)(e.index, k)
277
+ expanded: t(p)(e.index),
278
+ onClick: (m) => t(q)(e.index, m)
278
279
  }, null, 8, ["expanded", "onClick"])
279
280
  ])) : r("", !0),
280
- (l(!0), d(B, null, A(s.columns, (k, n) => (l(), d("td", {
281
+ (l(!0), d(I, null, A(s.columns, (m, n) => (l(), d("td", {
281
282
  key: n,
282
283
  class: f({
283
284
  sticky: s.columns[n].isSticky,
@@ -296,14 +297,14 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
296
297
  }, [
297
298
  c(a.$slots, `cell-${s.columns[n].id}`, {
298
299
  cell: e.data[n],
299
- isLoading: t(F).includes(e.index),
300
+ isLoading: t(N).includes(e.index),
300
301
  cellIndex: n,
301
302
  row: e,
302
303
  rowIndex: e.index
303
304
  }, () => [
304
305
  h(t(V), { variant: "body1" }, {
305
306
  default: w(() => [
306
- E(I(e.data[n]), 1)
307
+ E(B(e.data[n]), 1)
307
308
  ]),
308
309
  _: 2
309
310
  }, 1024)
@@ -312,10 +313,10 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
312
313
  h(t(ue), { round: "" })
313
314
  ])
314
315
  ], 6))), 128)),
315
- t(R) && t(L)(e.index) ? (l(), d("div", pe, [
316
+ t(R) && t(p)(e.index) ? (l(), d("div", Pe, [
316
317
  c(a.$slots, "expanded", {
317
318
  row: e,
318
- gridColumnTemplate: t(p)
319
+ gridColumnTemplate: t(P)
319
320
  })
320
321
  ])) : r("", !0),
321
322
  ae(e.index) ? (l(), d("div", He, [
@@ -324,8 +325,8 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
324
325
  rowIndex: e.index
325
326
  })
326
327
  ])) : r("", !0)
327
- ], 42, Le))), 128))
328
- ], 16, Ve)) : (l(), d("div", Ne, [
328
+ ], 42, pe))), 128))
329
+ ], 16, Ve)) : (l(), d("div", Fe, [
329
330
  c(a.$slots, "empty-state", {}, () => [
330
331
  h(t(he), {
331
332
  class: "empty-state",
@@ -338,7 +339,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
338
339
  ]))
339
340
  ])
340
341
  ], 46, be),
341
- t(D) ? (l(), d("div", Fe, [
342
+ t(D) ? (l(), d("div", Ne, [
342
343
  c(a.$slots, "footer")
343
344
  ])) : r("", !0)
344
345
  ], 40, ve));
package/components/table/v4/MultipleDataGrid.vue.d.ts CHANGED
@@ -3,7 +3,8 @@ import { Row, SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.typ
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
4
  tablesSettings: TableSettings[];
5
5
  loadingAndEmptyStatesColumns: Column[];
6
- getRowId?: (row: Row, index: number) => string | number;
6
+ getRowId?: (row: Row, index: number) => unknown;
7
+ getRowKey?: (row: Row, index: number) => string | number;
7
8
  isSticky?: boolean;
8
9
  isLoading?: boolean;
9
10
  emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
@@ -26,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
26
27
  tablesSettings: () => any[];
27
28
  loadingAndEmptyStatesColumns: () => any[];
28
29
  getRowId: (row: any, index: any) => any;
30
+ getRowKey: (row: any, index: any) => any;
29
31
  isSticky: boolean;
30
32
  isLoading: boolean;
31
33
  emptyStateVariant: any;
@@ -55,7 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
55
57
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
56
58
  tablesSettings: TableSettings[];
57
59
  loadingAndEmptyStatesColumns: Column[];
58
- getRowId?: (row: Row, index: number) => string | number;
60
+ getRowId?: (row: Row, index: number) => unknown;
61
+ getRowKey?: (row: Row, index: number) => string | number;
59
62
  isSticky?: boolean;
60
63
  isLoading?: boolean;
61
64
  emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
@@ -78,6 +81,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
78
81
  tablesSettings: () => any[];
79
82
  loadingAndEmptyStatesColumns: () => any[];
80
83
  getRowId: (row: any, index: any) => any;
84
+ getRowKey: (row: any, index: any) => any;
81
85
  isSticky: boolean;
82
86
  isLoading: boolean;
83
87
  emptyStateVariant: any;
@@ -115,7 +119,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
115
119
  emptyStateTitle: string;
116
120
  isSticky: boolean;
117
121
  emptyStateSubtitle: string;
118
- getRowId: (row: Row, index: number) => string | number;
122
+ getRowId: (row: Row, index: number) => unknown;
123
+ getRowKey: (row: Row, index: number) => string | number;
119
124
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
120
125
  zIndexBase: number;
121
126
  rowCustomClassKey: string;
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_69c40021_lang.css"; //*');
4
- const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-69c40021"]]);
3
+ // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css"; //*');
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-020a9896"]]);
5
5
  export {
6
- s as default
6
+ p as default
7
7
  };
package/components/table/v4/MultipleDataGrid.vue2.js CHANGED
@@ -1,7 +1,7 @@
1
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_69c40021_lang.css"; import { defineComponent as A, useCssVars as H, useSlots as O, computed as G, openBlock as n, createElementBlock as c, createElementVNode as C, normalizeClass as K, unref as s, renderSlot as d, createBlock as k, createCommentVNode as f, createVNode as M, isRef as $, Fragment as P, renderList as w, createSlots as b, withCtx as y } from "vue";
2
- import I from "./DataGrid.vue.js";
1
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css"; import { defineComponent as A, useCssVars as K, useSlots as H, computed as O, openBlock as d, createElementBlock as c, createElementVNode as k, normalizeClass as G, unref as s, renderSlot as i, createBlock as C, createCommentVNode as m, createVNode as M, isRef as R, Fragment as F, renderList as f, createSlots as $, withCtx as y } from "vue";
2
+ import b from "./DataGrid.vue.js";
3
3
  import "./DataGridMenu.vue.js";
4
- import F from "./DataGridRowsCounter.vue.js";
4
+ import P from "./DataGridRowsCounter.vue.js";
5
5
  import "./MultipleDataGrid.vue.js";
6
6
  import U from "../../search/v4/SearchV4.vue.js";
7
7
  import { useVModel as Q } from "@vueuse/core";
@@ -14,7 +14,8 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
14
14
  props: {
15
15
  tablesSettings: { default: () => [] },
16
16
  loadingAndEmptyStatesColumns: { default: () => [] },
17
- getRowId: { type: Function, default: (t, i) => i },
17
+ getRowId: { type: Function, default: (t, l) => l },
18
+ getRowKey: { type: Function, default: (t, l) => l },
18
19
  isSticky: { type: Boolean, default: !0 },
19
20
  isLoading: { type: Boolean, default: !1 },
20
21
  emptyStateVariant: { default: null },
@@ -35,30 +36,30 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
35
36
  testId: { default: "" }
36
37
  },
37
38
  emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
38
- setup(t, { emit: i }) {
39
+ setup(t, { emit: l }) {
39
40
  const h = t;
40
- H((e) => ({
41
- "306dba92": t.zIndexBase
41
+ K((e) => ({
42
+ "81d1b864": t.zIndexBase
42
43
  }));
43
- const R = O(), T = G(
44
+ const I = H(), T = O(
44
45
  () => h.isLoading || !h.tablesSettings.flatMap((e) => e.rows).length
45
- ), r = Q(h, "search", i), m = (e) => `header-${e.id}`, v = (e) => `cell-${e.id}`, x = (e) => {
46
- i("onScroll", e.target.scrollTop);
47
- }, E = () => i("onClearSearch"), V = (e, l) => i("clickRow", e, l), B = ({ value: e, rowIndex: l, cellIndex: a, confirm: u }, o) => i("saveRow", { value: e, tableIndex: o, rowIndex: l, cellIndex: a, confirm: u });
48
- return (e, l) => (n(), c("div", {
46
+ ), r = Q(h, "search", l), w = (e) => `header-${e.id}`, v = (e) => `cell-${e.id}`, x = (e) => {
47
+ l("onScroll", e.target.scrollTop);
48
+ }, E = () => l("onClearSearch"), V = (e, n) => l("clickRow", e, n), B = ({ value: e, rowIndex: n, cellIndex: a, confirm: u }, o) => l("saveRow", { value: e, tableIndex: o, rowIndex: n, cellIndex: a, confirm: u });
49
+ return (e, n) => (d(), c("div", {
49
50
  class: "multi-table-container",
50
51
  onScrollPassive: x
51
52
  }, [
52
- C("div", {
53
- class: K(["table-header-container", { sticky: t.isSticky }]),
53
+ k("div", {
54
+ class: G(["table-header-container", { sticky: t.isSticky }]),
54
55
  "data-testid": `${t.testId}-${s(g).HEADER}`
55
56
  }, [
56
- C("div", {
57
+ k("div", {
57
58
  class: "rows-counter-container",
58
59
  "data-testid": `${t.testId}-${s(g).TITLE}`
59
60
  }, [
60
- d(e.$slots, "title", {}, () => [
61
- t.isLoading ? f("", !0) : (n(), k(s(F), {
61
+ i(e.$slots, "title", {}, () => [
62
+ t.isLoading ? m("", !0) : (d(), C(s(P), {
62
63
  key: 0,
63
64
  count: t.count,
64
65
  "total-count": t.totalCount,
@@ -69,32 +70,32 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
69
70
  }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
70
71
  ], !0)
71
72
  ], 8, q),
72
- C("div", {
73
+ k("div", {
73
74
  class: "table-header-right",
74
75
  "data-testid": `${t.testId}-${s(g).HEADER_RIGHT}`
75
76
  }, [
76
- t.showSearch ? d(e.$slots, "search", { key: 0 }, () => [
77
+ t.showSearch ? i(e.$slots, "search", { key: 0 }, () => [
77
78
  M(s(U), {
78
79
  modelValue: s(r),
79
- "onUpdate:modelValue": l[0] || (l[0] = (a) => $(r) ? r.value = a : null),
80
+ "onUpdate:modelValue": n[0] || (n[0] = (a) => R(r) ? r.value = a : null),
80
81
  placeholder: t.searchPlaceholder,
81
82
  "test-id": t.testId,
82
83
  onOnClear: E
83
84
  }, null, 8, ["modelValue", "placeholder", "test-id"])
84
- ], !0) : f("", !0),
85
- s(R)["table-header-actions"] ? (n(), c("div", {
85
+ ], !0) : m("", !0),
86
+ s(I)["table-header-actions"] ? (d(), c("div", {
86
87
  key: 1,
87
88
  class: "table-header-actions",
88
89
  "data-testid": `${t.testId}-${s(g).ACTIONS}`
89
90
  }, [
90
- d(e.$slots, "table-header-actions", {}, void 0, !0)
91
- ], 8, W)) : f("", !0)
91
+ i(e.$slots, "table-header-actions", {}, void 0, !0)
92
+ ], 8, W)) : m("", !0)
92
93
  ], 8, J)
93
94
  ], 10, j),
94
- s(T) ? (n(), k(s(I), {
95
+ s(T) ? (d(), C(s(b), {
95
96
  key: 1,
96
97
  search: s(r),
97
- "onUpdate:search": l[1] || (l[1] = (a) => $(r) ? r.value = a : null),
98
+ "onUpdate:search": n[1] || (n[1] = (a) => R(r) ? r.value = a : null),
98
99
  rows: [],
99
100
  columns: t.loadingAndEmptyStatesColumns,
100
101
  "is-loading": t.isLoading,
@@ -103,24 +104,24 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
103
104
  "empty-state-title": t.emptyStateTitle,
104
105
  "empty-state-subtitle": t.emptyStateSubtitle,
105
106
  "test-id": t.testId
106
- }, b({
107
+ }, $({
107
108
  "empty-state": y(() => [
108
- d(e.$slots, "empty-state", {}, void 0, !0)
109
+ i(e.$slots, "empty-state", {}, void 0, !0)
109
110
  ]),
110
111
  _: 2
111
112
  }, [
112
- w(t.loadingAndEmptyStatesColumns, (a) => ({
113
- name: m(a),
113
+ f(t.loadingAndEmptyStatesColumns, (a) => ({
114
+ name: w(a),
114
115
  fn: y(() => [
115
- d(e.$slots, `${m(a)}`, { column: a }, void 0, !0)
116
+ i(e.$slots, `${w(a)}`, { column: a }, void 0, !0)
116
117
  ])
117
118
  }))
118
- ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (n(), c("div", X, [
119
- (n(!0), c(P, null, w(t.tablesSettings, (a, u) => (n(), c("div", {
119
+ ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (d(), c("div", X, [
120
+ (d(!0), c(F, null, f(t.tablesSettings, (a, u) => (d(), c("div", {
120
121
  key: a.testId,
121
122
  class: "table-wrapper"
122
123
  }, [
123
- a.rows.length ? (n(), k(s(I), {
124
+ a.rows.length ? (d(), C(s(b), {
124
125
  key: 0,
125
126
  sections: a.sections,
126
127
  columns: a.columns,
@@ -129,14 +130,15 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
129
130
  "is-sticky": t.isSticky,
130
131
  "z-index-base": t.zIndexBase,
131
132
  "get-row-id": t.getRowId,
133
+ "get-row-key": t.getRowKey,
132
134
  "row-custom-class-key": t.rowCustomClassKey,
133
135
  "row-data-key": t.rowDataKey,
134
136
  "test-id": a.testId,
135
137
  onClickRow: (o) => V(o, u),
136
138
  onSaveRow: (o) => B(o, u)
137
- }, b({
139
+ }, $({
138
140
  "floating-row": y(({ row: o, rowIndex: S }) => [
139
- d(e.$slots, "floating-row", {
141
+ i(e.$slots, "floating-row", {
140
142
  row: o,
141
143
  rowIndex: S,
142
144
  tableIndex: u
@@ -144,13 +146,13 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
144
146
  ]),
145
147
  _: 2
146
148
  }, [
147
- w(a.columns, (o) => ({
148
- name: m(o),
149
+ f(a.columns, (o) => ({
150
+ name: w(o),
149
151
  fn: y(() => [
150
- d(e.$slots, `${m(o)}`, { column: o }, void 0, !0)
152
+ i(e.$slots, `${w(o)}`, { column: o }, void 0, !0)
151
153
  ])
152
154
  })),
153
- w(a.columns, (o) => ({
155
+ f(a.columns, (o) => ({
154
156
  name: v(o),
155
157
  fn: y(({
156
158
  cell: S,
@@ -159,7 +161,7 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
159
161
  cellIndex: N,
160
162
  row: z
161
163
  }) => [
162
- d(e.$slots, `${v(o)}`, {
164
+ i(e.$slots, `${v(o)}`, {
163
165
  cell: S,
164
166
  isLoading: D,
165
167
  cellIndex: N,
@@ -168,7 +170,7 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
168
170
  }, void 0, !0)
169
171
  ])
170
172
  }))
171
- ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "row-custom-class-key", "row-data-key", "test-id", "onClickRow", "onSaveRow"])) : f("", !0)
173
+ ]), 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"])) : m("", !0)
172
174
  ]))), 128))
173
175
  ]))
174
176
  ], 32));
package/components/table/v4/index.d.ts CHANGED
@@ -26,7 +26,8 @@ declare const DataGridTypes: () => (({
26
26
  infiniteScrollThreshold: number;
27
27
  rowHeight: number | ((index: number) => number);
28
28
  defaultScrollPosition: number;
29
- getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
29
+ getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
30
+ getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
30
31
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
31
32
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
32
33
  zIndexBase: number;
@@ -118,6 +119,10 @@ declare const DataGridTypes: () => (({
118
119
  default: any;
119
120
  };
120
121
  getRowId: {
122
+ type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
123
+ default: (row: any, index: any) => any;
124
+ };
125
+ getRowKey: {
121
126
  type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
122
127
  default: (row: any, index: any) => any;
123
128
  };
@@ -152,7 +157,7 @@ declare const DataGridTypes: () => (({
152
157
  "onUpdate:selection"?: (selection: unknown[]) => any;
153
158
  onSelectRow?: (value: boolean) => any;
154
159
  onClickRow?: (rowIndex: number) => any;
155
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
160
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
156
161
  $attrs: {
157
162
  [x: string]: unknown;
158
163
  };
@@ -252,6 +257,10 @@ declare const DataGridTypes: () => (({
252
257
  default: any;
253
258
  };
254
259
  getRowId: {
260
+ type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
261
+ default: (row: any, index: any) => any;
262
+ };
263
+ getRowKey: {
255
264
  type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
256
265
  default: (row: any, index: any) => any;
257
266
  };
@@ -319,7 +328,8 @@ declare const DataGridTypes: () => (({
319
328
  infiniteScrollThreshold: number;
320
329
  rowHeight: number | ((index: number) => number);
321
330
  defaultScrollPosition: number;
322
- getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
331
+ getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
332
+ getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
323
333
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
324
334
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
325
335
  zIndexBase: number;
@@ -431,6 +441,10 @@ declare const DataGridTypes: () => (({
431
441
  default: any;
432
442
  };
433
443
  getRowId: {
444
+ type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
445
+ default: (row: any, index: any) => any;
446
+ };
447
+ getRowKey: {
434
448
  type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
435
449
  default: (row: any, index: any) => any;
436
450
  };
@@ -557,6 +571,10 @@ declare const DataGridTypes: () => (({
557
571
  default: any;
558
572
  };
559
573
  getRowId: {
574
+ type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
575
+ default: (row: any, index: any) => any;
576
+ };
577
+ getRowKey: {
560
578
  type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
561
579
  default: (row: any, index: any) => any;
562
580
  };
@@ -624,7 +642,8 @@ declare const DataGridTypes: () => (({
624
642
  infiniteScrollThreshold: number;
625
643
  rowHeight: number | ((index: number) => number);
626
644
  defaultScrollPosition: number;
627
- getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
645
+ getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
646
+ getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
628
647
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
629
648
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
630
649
  zIndexBase: number;
@@ -764,7 +783,8 @@ declare const DataGridTypes: () => (({
764
783
  emptyStateTitle: string;
765
784
  isSticky: boolean;
766
785
  emptyStateSubtitle: string;
767
- getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
786
+ getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
787
+ getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
768
788
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
769
789
  zIndexBase: number;
770
790
  rowCustomClassKey: string;
@@ -817,6 +837,10 @@ declare const DataGridTypes: () => (({
817
837
  default: string;
818
838
  };
819
839
  getRowId: {
840
+ type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
841
+ default: (row: any, index: any) => any;
842
+ };
843
+ getRowKey: {
820
844
  type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
821
845
  default: (row: any, index: any) => any;
822
846
  };
@@ -870,7 +894,7 @@ declare const DataGridTypes: () => (({
870
894
  }) => any;
871
895
  onOnClearSearch?: () => any;
872
896
  onClickRow?: (rowIndex: number, tableIndex: number) => any;
873
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
897
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
874
898
  $attrs: {
875
899
  [x: string]: unknown;
876
900
  };
@@ -928,6 +952,10 @@ declare const DataGridTypes: () => (({
928
952
  default: string;
929
953
  };
930
954
  getRowId: {
955
+ type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
956
+ default: (row: any, index: any) => any;
957
+ };
958
+ getRowKey: {
931
959
  type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
932
960
  default: (row: any, index: any) => any;
933
961
  };
@@ -1000,7 +1028,8 @@ declare const DataGridTypes: () => (({
1000
1028
  emptyStateTitle: string;
1001
1029
  isSticky: boolean;
1002
1030
  emptyStateSubtitle: string;
1003
- getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
1031
+ getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
1032
+ getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
1004
1033
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
1005
1034
  zIndexBase: number;
1006
1035
  rowCustomClassKey: string;
@@ -1073,6 +1102,10 @@ declare const DataGridTypes: () => (({
1073
1102
  default: string;
1074
1103
  };
1075
1104
  getRowId: {
1105
+ type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
1106
+ default: (row: any, index: any) => any;
1107
+ };
1108
+ getRowKey: {
1076
1109
  type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
1077
1110
  default: (row: any, index: any) => any;
1078
1111
  };
@@ -1172,6 +1205,10 @@ declare const DataGridTypes: () => (({
1172
1205
  default: string;
1173
1206
  };
1174
1207
  getRowId: {
1208
+ type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => unknown>;
1209
+ default: (row: any, index: any) => any;
1210
+ };
1211
+ getRowKey: {
1175
1212
  type: import("vue").PropType<(row: import("../common/Table.types").Row, index: number) => string | number>;
1176
1213
  default: (row: any, index: any) => any;
1177
1214
  };
@@ -1244,7 +1281,8 @@ declare const DataGridTypes: () => (({
1244
1281
  emptyStateTitle: string;
1245
1282
  isSticky: boolean;
1246
1283
  emptyStateSubtitle: string;
1247
- getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
1284
+ getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
1285
+ getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
1248
1286
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
1249
1287
  zIndexBase: number;
1250
1288
  rowCustomClassKey: string;
package/index.d.ts CHANGED
@@ -5499,7 +5499,8 @@ declare const _default: {
5499
5499
  infiniteScrollThreshold: number;
5500
5500
  rowHeight: number | ((index: number) => number);
5501
5501
  defaultScrollPosition: number;
5502
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
5502
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
5503
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
5503
5504
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
5504
5505
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
5505
5506
  zIndexBase: number;
@@ -5591,6 +5592,10 @@ declare const _default: {
5591
5592
  default: any;
5592
5593
  };
5593
5594
  getRowId: {
5595
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
5596
+ default: (row: any, index: any) => any;
5597
+ };
5598
+ getRowKey: {
5594
5599
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
5595
5600
  default: (row: any, index: any) => any;
5596
5601
  };
@@ -5625,7 +5630,7 @@ declare const _default: {
5625
5630
  "onUpdate:selection"?: (selection: unknown[]) => any;
5626
5631
  onSelectRow?: (value: boolean) => any;
5627
5632
  onClickRow?: (rowIndex: number) => any;
5628
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
5633
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
5629
5634
  $attrs: {
5630
5635
  [x: string]: unknown;
5631
5636
  };
@@ -5725,6 +5730,10 @@ declare const _default: {
5725
5730
  default: any;
5726
5731
  };
5727
5732
  getRowId: {
5733
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
5734
+ default: (row: any, index: any) => any;
5735
+ };
5736
+ getRowKey: {
5728
5737
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
5729
5738
  default: (row: any, index: any) => any;
5730
5739
  };
@@ -5792,7 +5801,8 @@ declare const _default: {
5792
5801
  infiniteScrollThreshold: number;
5793
5802
  rowHeight: number | ((index: number) => number);
5794
5803
  defaultScrollPosition: number;
5795
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
5804
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
5805
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
5796
5806
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
5797
5807
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
5798
5808
  zIndexBase: number;
@@ -5904,6 +5914,10 @@ declare const _default: {
5904
5914
  default: any;
5905
5915
  };
5906
5916
  getRowId: {
5917
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
5918
+ default: (row: any, index: any) => any;
5919
+ };
5920
+ getRowKey: {
5907
5921
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
5908
5922
  default: (row: any, index: any) => any;
5909
5923
  };
@@ -6030,6 +6044,10 @@ declare const _default: {
6030
6044
  default: any;
6031
6045
  };
6032
6046
  getRowId: {
6047
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
6048
+ default: (row: any, index: any) => any;
6049
+ };
6050
+ getRowKey: {
6033
6051
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
6034
6052
  default: (row: any, index: any) => any;
6035
6053
  };
@@ -6097,7 +6115,8 @@ declare const _default: {
6097
6115
  infiniteScrollThreshold: number;
6098
6116
  rowHeight: number | ((index: number) => number);
6099
6117
  defaultScrollPosition: number;
6100
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6118
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
6119
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6101
6120
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
6102
6121
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
6103
6122
  zIndexBase: number;
@@ -6249,7 +6268,8 @@ declare const _default: {
6249
6268
  infiniteScrollThreshold: number;
6250
6269
  rowHeight: number | ((index: number) => number);
6251
6270
  defaultScrollPosition: number;
6252
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6271
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
6272
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6253
6273
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
6254
6274
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
6255
6275
  zIndexBase: number;
@@ -6341,6 +6361,10 @@ declare const _default: {
6341
6361
  default: any;
6342
6362
  };
6343
6363
  getRowId: {
6364
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
6365
+ default: (row: any, index: any) => any;
6366
+ };
6367
+ getRowKey: {
6344
6368
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
6345
6369
  default: (row: any, index: any) => any;
6346
6370
  };
@@ -6375,7 +6399,7 @@ declare const _default: {
6375
6399
  "onUpdate:selection"?: (selection: unknown[]) => any;
6376
6400
  onSelectRow?: (value: boolean) => any;
6377
6401
  onClickRow?: (rowIndex: number) => any;
6378
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
6402
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
6379
6403
  $attrs: {
6380
6404
  [x: string]: unknown;
6381
6405
  };
@@ -6475,6 +6499,10 @@ declare const _default: {
6475
6499
  default: any;
6476
6500
  };
6477
6501
  getRowId: {
6502
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
6503
+ default: (row: any, index: any) => any;
6504
+ };
6505
+ getRowKey: {
6478
6506
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
6479
6507
  default: (row: any, index: any) => any;
6480
6508
  };
@@ -6542,7 +6570,8 @@ declare const _default: {
6542
6570
  infiniteScrollThreshold: number;
6543
6571
  rowHeight: number | ((index: number) => number);
6544
6572
  defaultScrollPosition: number;
6545
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6573
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
6574
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6546
6575
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
6547
6576
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
6548
6577
  zIndexBase: number;
@@ -6654,6 +6683,10 @@ declare const _default: {
6654
6683
  default: any;
6655
6684
  };
6656
6685
  getRowId: {
6686
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
6687
+ default: (row: any, index: any) => any;
6688
+ };
6689
+ getRowKey: {
6657
6690
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
6658
6691
  default: (row: any, index: any) => any;
6659
6692
  };
@@ -6780,6 +6813,10 @@ declare const _default: {
6780
6813
  default: any;
6781
6814
  };
6782
6815
  getRowId: {
6816
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
6817
+ default: (row: any, index: any) => any;
6818
+ };
6819
+ getRowKey: {
6783
6820
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
6784
6821
  default: (row: any, index: any) => any;
6785
6822
  };
@@ -6847,7 +6884,8 @@ declare const _default: {
6847
6884
  infiniteScrollThreshold: number;
6848
6885
  rowHeight: number | ((index: number) => number);
6849
6886
  defaultScrollPosition: number;
6850
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6887
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
6888
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6851
6889
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
6852
6890
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
6853
6891
  zIndexBase: number;
@@ -6987,7 +7025,8 @@ declare const _default: {
6987
7025
  emptyStateTitle: string;
6988
7026
  isSticky: boolean;
6989
7027
  emptyStateSubtitle: string;
6990
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7028
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
7029
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
6991
7030
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
6992
7031
  zIndexBase: number;
6993
7032
  rowCustomClassKey: string;
@@ -7040,6 +7079,10 @@ declare const _default: {
7040
7079
  default: string;
7041
7080
  };
7042
7081
  getRowId: {
7082
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
7083
+ default: (row: any, index: any) => any;
7084
+ };
7085
+ getRowKey: {
7043
7086
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
7044
7087
  default: (row: any, index: any) => any;
7045
7088
  };
@@ -7093,7 +7136,7 @@ declare const _default: {
7093
7136
  }) => any;
7094
7137
  onOnClearSearch?: () => any;
7095
7138
  onClickRow?: (rowIndex: number, tableIndex: number) => any;
7096
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
7139
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
7097
7140
  $attrs: {
7098
7141
  [x: string]: unknown;
7099
7142
  };
@@ -7151,6 +7194,10 @@ declare const _default: {
7151
7194
  default: string;
7152
7195
  };
7153
7196
  getRowId: {
7197
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
7198
+ default: (row: any, index: any) => any;
7199
+ };
7200
+ getRowKey: {
7154
7201
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
7155
7202
  default: (row: any, index: any) => any;
7156
7203
  };
@@ -7223,7 +7270,8 @@ declare const _default: {
7223
7270
  emptyStateTitle: string;
7224
7271
  isSticky: boolean;
7225
7272
  emptyStateSubtitle: string;
7226
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7273
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
7274
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7227
7275
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
7228
7276
  zIndexBase: number;
7229
7277
  rowCustomClassKey: string;
@@ -7296,6 +7344,10 @@ declare const _default: {
7296
7344
  default: string;
7297
7345
  };
7298
7346
  getRowId: {
7347
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
7348
+ default: (row: any, index: any) => any;
7349
+ };
7350
+ getRowKey: {
7299
7351
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
7300
7352
  default: (row: any, index: any) => any;
7301
7353
  };
@@ -7395,6 +7447,10 @@ declare const _default: {
7395
7447
  default: string;
7396
7448
  };
7397
7449
  getRowId: {
7450
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
7451
+ default: (row: any, index: any) => any;
7452
+ };
7453
+ getRowKey: {
7398
7454
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
7399
7455
  default: (row: any, index: any) => any;
7400
7456
  };
@@ -7467,7 +7523,8 @@ declare const _default: {
7467
7523
  emptyStateTitle: string;
7468
7524
  isSticky: boolean;
7469
7525
  emptyStateSubtitle: string;
7470
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7526
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
7527
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7471
7528
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
7472
7529
  zIndexBase: number;
7473
7530
  rowCustomClassKey: string;
@@ -7516,7 +7573,8 @@ declare const _default: {
7516
7573
  emptyStateTitle: string;
7517
7574
  isSticky: boolean;
7518
7575
  emptyStateSubtitle: string;
7519
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7576
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
7577
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7520
7578
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
7521
7579
  zIndexBase: number;
7522
7580
  rowCustomClassKey: string;
@@ -7569,6 +7627,10 @@ declare const _default: {
7569
7627
  default: string;
7570
7628
  };
7571
7629
  getRowId: {
7630
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
7631
+ default: (row: any, index: any) => any;
7632
+ };
7633
+ getRowKey: {
7572
7634
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
7573
7635
  default: (row: any, index: any) => any;
7574
7636
  };
@@ -7622,7 +7684,7 @@ declare const _default: {
7622
7684
  }) => any;
7623
7685
  onOnClearSearch?: () => any;
7624
7686
  onClickRow?: (rowIndex: number, tableIndex: number) => any;
7625
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
7687
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "getRowKey" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
7626
7688
  $attrs: {
7627
7689
  [x: string]: unknown;
7628
7690
  };
@@ -7680,6 +7742,10 @@ declare const _default: {
7680
7742
  default: string;
7681
7743
  };
7682
7744
  getRowId: {
7745
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
7746
+ default: (row: any, index: any) => any;
7747
+ };
7748
+ getRowKey: {
7683
7749
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
7684
7750
  default: (row: any, index: any) => any;
7685
7751
  };
@@ -7752,7 +7818,8 @@ declare const _default: {
7752
7818
  emptyStateTitle: string;
7753
7819
  isSticky: boolean;
7754
7820
  emptyStateSubtitle: string;
7755
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7821
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
7822
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
7756
7823
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
7757
7824
  zIndexBase: number;
7758
7825
  rowCustomClassKey: string;
@@ -7825,6 +7892,10 @@ declare const _default: {
7825
7892
  default: string;
7826
7893
  };
7827
7894
  getRowId: {
7895
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
7896
+ default: (row: any, index: any) => any;
7897
+ };
7898
+ getRowKey: {
7828
7899
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
7829
7900
  default: (row: any, index: any) => any;
7830
7901
  };
@@ -7924,6 +7995,10 @@ declare const _default: {
7924
7995
  default: string;
7925
7996
  };
7926
7997
  getRowId: {
7998
+ type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => unknown>;
7999
+ default: (row: any, index: any) => any;
8000
+ };
8001
+ getRowKey: {
7927
8002
  type: import("vue").PropType<(row: import("./components/table/common/Table.types").Row, index: number) => string | number>;
7928
8003
  default: (row: any, index: any) => any;
7929
8004
  };
@@ -7996,7 +8071,8 @@ declare const _default: {
7996
8071
  emptyStateTitle: string;
7997
8072
  isSticky: boolean;
7998
8073
  emptyStateSubtitle: string;
7999
- getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
8074
+ getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
8075
+ getRowKey: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
8000
8076
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
8001
8077
  zIndexBase: number;
8002
8078
  rowCustomClassKey: string;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
1
+ import './FloatingToolbar.vue_vue_type_style_index_0_scoped_04d485be_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.10-rc.3",
3
+ "version": "2.1.10-rc.4",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DataGrid.vue_vue_type_style_index_0_scoped_9cab3826_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-9cab3826]{position:sticky}.table-container[data-v-9cab3826]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-9cab3826]{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-9cab3826]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-9cab3826]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-9cab3826]{width:13.75rem}.table-header.isStickyHeader[data-v-9cab3826]{z-index:calc(var(--1e7437b3) + 3);top:0}.table-head-container[data-v-9cab3826]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-9cab3826]{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-9cab3826]{display:inline-table}.table-header-actions[data-v-9cab3826]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-9cab3826]{position:relative}.table-row.loading[data-v-9cab3826]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-9cab3826]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-9cab3826]{border-bottom:none}.expanded-row[data-v-9cab3826]{grid-column:var(--734017e7);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-9cab3826]{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-9cab3826]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-9cab3826],table th[data-v-9cab3826]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-9cab3826]:first-of-type,table th[data-v-9cab3826]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-9cab3826]:last-of-type,table th[data-v-9cab3826]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-9cab3826],table th.expand-toggle-cell[data-v-9cab3826]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-9cab3826]{border-bottom:none;z-index:calc(var(--1e7437b3) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-9cab3826]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--6b65cd20)}table>thead>tr>th[data-v-9cab3826]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-9cab3826]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-9cab3826]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-9cab3826]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-9cab3826]{cursor:pointer}table>thead.sticky[data-v-9cab3826]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-9cab3826]{z-index:calc(var(--1e7437b3) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-9cab3826]{display:block}table>tbody>*>tr[data-v-9cab3826]{background-color:var(--background-default);min-height:var(--4bca76a8);height:auto;display:grid;align-items:center;grid-template-columns:var(--6b65cd20)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-9cab3826]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-9cab3826],table>tbody>*>tr.activeMenu>td[data-v-9cab3826]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-9cab3826]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--4bca76a8);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-9cab3826]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-9cab3826]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-9cab3826]{justify-content:flex-end;text-align:right}.section-container[data-v-9cab3826]{left:0}.sections[data-v-9cab3826]{display:flex}.section[data-v-9cab3826]{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-9cab3826]{width:100%}.empty-state[data-v-9cab3826]{min-height:250px}.floating-row[data-v-9cab3826]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--1e7437b3) + 1)}.floating-row *[data-v-9cab3826-s]{pointer-events:auto}
package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_69c40021_lang.css DELETED
@@ -1 +0,0 @@
1
- .multi-table-container[data-v-69c40021]{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-69c40021]{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-69c40021]{position:sticky;top:0;z-index:calc(var(--306dba92) + 3)}.multi-table-container[data-v-69c40021] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-69c40021] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-69c40021] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-69c40021]{min-height:250px}.multi-table-container .table-header-right[data-v-69c40021]{align-items:center;display:flex;height:100%}.multi-table-container .table-header-right .table-header-actions[data-v-69c40021]{align-items:center;display:flex;margin-left:var(--spacing-100)}