@ironsource/shared-ui 2.1.6-rc.17 → 2.1.6-rc.19

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 (12) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css +1 -0
  2. package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css +1 -0
  3. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  4. package/components/dropdown/v4/OptionV4.vue2.js +5 -5
  5. package/components/table/v4/DataGrid.vue.d.ts +4 -0
  6. package/components/table/v4/DataGrid.vue.js +3 -3
  7. package/components/table/v4/DataGrid.vue2.js +147 -147
  8. package/components/table/v4/index.d.ts +14 -2
  9. package/index.d.ts +28 -4
  10. package/package.json +1 -1
  11. package/DataGrid.vue_vue_type_style_index_0_scoped_c96fba2c_lang.css +0 -1
  12. package/OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-6df3b70f]{position:sticky}.table-container[data-v-6df3b70f]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-6df3b70f]{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-6df3b70f]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-6df3b70f]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-6df3b70f]{width:13.75rem}.table-header.isStickyHeader[data-v-6df3b70f]{z-index:calc(var(--6eac79e5) + 3);top:0}.table-head-container[data-v-6df3b70f]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-6df3b70f]{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-6df3b70f]{display:inline-table}.table-header-actions[data-v-6df3b70f]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-6df3b70f]{position:relative}.table-row.loading[data-v-6df3b70f]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-6df3b70f]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-6df3b70f]{border-bottom:none}.expanded-row[data-v-6df3b70f]{grid-column:var(--69b66c99);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-6df3b70f]{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-6df3b70f]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-6df3b70f],table th[data-v-6df3b70f]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-6df3b70f]:first-of-type,table th[data-v-6df3b70f]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-6df3b70f]:last-of-type,table th[data-v-6df3b70f]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-6df3b70f],table th.expand-toggle-cell[data-v-6df3b70f]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-6df3b70f]{border-bottom:none;z-index:calc(var(--6eac79e5) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-6df3b70f]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--c4cc855c)}table>thead>tr>th[data-v-6df3b70f]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-6df3b70f]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-6df3b70f]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-6df3b70f]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-6df3b70f]{cursor:pointer}table>thead.sticky[data-v-6df3b70f]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-6df3b70f]{z-index:calc(var(--6eac79e5) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-6df3b70f]{display:block}table>tbody>*>tr[data-v-6df3b70f]{background-color:var(--background-default);min-height:var(--6efaf45a);height:auto;display:grid;align-items:center;grid-template-columns:var(--c4cc855c)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-6df3b70f]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-6df3b70f],table>tbody>*>tr.activeMenu>td[data-v-6df3b70f]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-6df3b70f]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--6efaf45a);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-6df3b70f]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-6df3b70f]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-6df3b70f]{justify-content:flex-end;text-align:right}.section-container[data-v-6df3b70f]{left:0}.sections[data-v-6df3b70f]{display:flex}.section[data-v-6df3b70f]{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-6df3b70f]{width:100%}.empty-state[data-v-6df3b70f]{min-height:250px}
package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-e0c24b6a]{color:#41454d}.item-container[data-v-e0c24b6a]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-e0c24b6a]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-e0c24b6a]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-e0c24b6a],.item-container[data-v-e0c24b6a]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-e0c24b6a]{background-color:var(--action-selected)}.subtitle[data-v-e0c24b6a]{color:#7b838c;line-height:1rem}.clear-button[data-v-e0c24b6a]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-e0c24b6a]:hover{color:#3083ff}.item[data-v-e0c24b6a]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-e0c24b6a],.item--multi[data-v-e0c24b6a]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-e0c24b6a]{width:20px;height:20px;flex:none}.item .image img[data-v-e0c24b6a]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-e0c24b6a],.item .end-icon[data-v-e0c24b6a]{display:flex;color:var(--action-active)}.item .option-text[data-v-e0c24b6a]{line-height:1.1875rem}.text-container[data-v-e0c24b6a]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-e0c24b6a]{display:block}.tooltip-option[data-v-e0c24b6a] .container{width:100%}
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7f8f35a1"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e0c24b6a"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css"; import { defineComponent as $, openBlock as n, createBlock as u, unref as i, withCtx as y, createElementVNode as s, normalizeClass as b, createCommentVNode as o, createElementBlock as l, renderSlot as c, createVNode as d, createTextVNode as k, toDisplayString as h, withModifiers as C } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css"; import { defineComponent as $, openBlock as n, createBlock as u, unref as i, withCtx as y, createElementVNode as s, normalizeClass as b, createCommentVNode as o, createElementBlock as l, renderSlot as c, createVNode as d, createTextVNode as k, toDisplayString as h, withModifiers as C } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import B from "../../typography/Text.vue.js";
4
4
  import z from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -35,9 +35,9 @@ const P = {
35
35
  toolTipPlacement: { default: "right" }
36
36
  },
37
37
  setup(e) {
38
- const p = e, { selected: m, isMulti: r, id: v, onClick: K, api: T } = V(p), I = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", x = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
38
+ const p = e, { selected: m, isMulti: r, id: v, onClick: I, api: T } = V(p), K = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", x = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
39
39
  return (t, a) => (n(), u(i(O), {
40
- text: I(e.option),
40
+ text: K(e.option),
41
41
  "test-id": x(e.option),
42
42
  placement: e.toolTipPlacement,
43
43
  class: "tooltip-option"
@@ -66,7 +66,7 @@ const P = {
66
66
  size: "sm",
67
67
  "is-checked": i(m),
68
68
  "is-indeterminate": e.isIndeterminate && !e.option,
69
- onClick: a[0] || (a[0] = (g) => e.disabled ? i(N)() : i(K)(g))
69
+ onClick: a[0] || (a[0] = (g) => e.disabled ? i(N)() : i(I)(g))
70
70
  }, null, 8, ["id", "is-checked", "is-indeterminate"])) : o("", !0),
71
71
  t.$slots.image || e.imageKey ? (n(), l("div", P, [
72
72
  c(t.$slots, "image", {}, () => [
@@ -113,7 +113,7 @@ const P = {
113
113
  d(i(f), {
114
114
  type: e.endIconType,
115
115
  name: e.option[e.endIconKey],
116
- size: e.endIconType === "regular" ? "20px" : "16px"
116
+ size: e.endIconType === "regular" || e.endIconType === "ab-test" ? "20px" : "16px"
117
117
  }, null, 8, ["type", "name", "size"])
118
118
  ], !0)
119
119
  ])) : o("", !0)
package/components/table/v4/DataGrid.vue.d.ts CHANGED
@@ -62,6 +62,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
62
62
  cellIndex: number;
63
63
  }) => void;
64
64
  loadMore: () => void;
65
+ selectAll: (value: boolean) => void;
66
+ selectRow: (value: boolean) => void;
65
67
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
66
68
  title?: string;
67
69
  columns: Column[];
@@ -113,6 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
113
115
  searchAutoFocus: boolean;
114
116
  zIndexBase: number;
115
117
  }>>> & {
118
+ onSelectAll?: (value: boolean) => any;
116
119
  onOnScroll?: (event: Event) => any;
117
120
  "onUpdate:sort"?: (newSort: Sort) => any;
118
121
  onSaveRow?: (args_0: {
@@ -125,6 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
125
128
  "onUpdate:search"?: (query: string) => any;
126
129
  "onUpdate:selection"?: (selection: unknown[]) => any;
127
130
  onOnClearSearch?: () => any;
131
+ onSelectRow?: (value: boolean) => any;
128
132
  }, {
129
133
  sort: Sort;
130
134
  title: string;
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_c96fba2c_lang.css"; //*');
4
- const e = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c96fba2c"]]);
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6df3b70f"]]);
5
5
  export {
6
- e as default
6
+ a as default
7
7
  };
package/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,11 +1,11 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_c96fba2c_lang.css"; import { defineComponent as ae, useCssVars as se, unref as t, useSlots as ie, computed as g, openBlock as i, createElementBlock as d, createElementVNode as u, normalizeStyle as x, normalizeClass as y, renderSlot as r, createVNode as h, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as le, createCommentVNode as c, Fragment as B, renderList as I, createBlock as z, mergeProps as de } from "vue";
2
- import p from "../../typography/v4/Typography.vue.js";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css"; import { defineComponent as se, useCssVars as ae, unref as t, useSlots as le, computed as g, openBlock as l, createElementBlock as d, createElementVNode as h, normalizeStyle as x, normalizeClass as f, renderSlot as r, createVNode as y, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ie, createCommentVNode as u, Fragment as w, renderList as B, createBlock as z, mergeProps as de } from "vue";
2
+ import I from "../../typography/v4/Typography.vue.js";
3
3
  import oe from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import ne from "../../emptyState/v4/EmptyStateV4.vue.js";
5
5
  import D from "../../checkbox/v4/CheckboxV4.vue.js";
6
- import { TableTestIdModifiers as f } from "../../../testids/index.js";
7
- import { tableCommon as re } from "../common/Table.common.js";
8
- import ce from "./SortIcon.vue.js";
6
+ import { TableTestIdModifiers as S } from "../../../testids/index.js";
7
+ import { tableCommon as ce } from "../common/Table.common.js";
8
+ import re from "./SortIcon.vue.js";
9
9
  import ue from "./HelpIcon.vue.js";
10
10
  import he from "./ExpandRowToggle.vue.js";
11
11
  import ye from "../../search/v4/SearchV4.vue.js";
@@ -16,19 +16,19 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
16
16
  }, Te = {
17
17
  key: 1,
18
18
  class: "expand-toggle-cell"
19
- }, Ce = ["onClick"], Ee = { class: "table-head-container" }, Be = ["data-testid"], Ie = ["onMouseenter"], pe = {
19
+ }, Ce = ["onClick"], Ee = { class: "table-head-container" }, we = ["data-testid"], Be = ["onMouseenter"], Ie = {
20
20
  key: 0,
21
21
  class: "checkbox-cell"
22
- }, we = {
22
+ }, pe = {
23
23
  key: 1,
24
24
  class: "expand-toggle-cell"
25
- }, Me = {
25
+ }, Ae = {
26
26
  key: 2,
27
27
  class: "expanded-row"
28
- }, Pe = { key: 1 }, Ve = {
28
+ }, Me = { key: 1 }, Pe = {
29
29
  key: 0,
30
30
  class: "table-footer"
31
- }, We = /* @__PURE__ */ ae({
31
+ }, We = /* @__PURE__ */ se({
32
32
  __name: "DataGrid",
33
33
  props: {
34
34
  title: { default: "" },
@@ -37,8 +37,8 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
37
37
  sections: { default: null },
38
38
  sort: { default: null },
39
39
  selection: { default: null },
40
- getRowId: { type: Function, default: (a, S) => S },
41
- selectedMatcher: { type: Function, default: (a, S) => a === S },
40
+ getRowId: { type: Function, default: (s, c) => c },
41
+ selectedMatcher: { type: Function, default: (s, c) => s === c },
42
42
  isSticky: { type: Boolean, default: !0 },
43
43
  isStickyHeader: { type: Boolean, default: !1 },
44
44
  isLoading: { type: Boolean, default: !1 },
@@ -57,132 +57,132 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
57
57
  searchAutoFocus: { type: Boolean, default: !1 },
58
58
  zIndexBase: { default: 100 }
59
59
  },
60
- emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore"],
61
- setup(a, { emit: S }) {
62
- const o = a;
63
- se((s) => ({
64
- "7d59c3f5": a.zIndexBase,
65
- "43b02aae": t(J),
66
- "88b8113c": t(H),
67
- f1040b2c: t(q)
60
+ emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow"],
61
+ setup(s, { emit: c }) {
62
+ const o = s;
63
+ ae((a) => ({
64
+ "6eac79e5": s.zIndexBase,
65
+ "69b66c99": t(J),
66
+ c4cc855c: t(V),
67
+ "6efaf45a": t(q)
68
68
  }));
69
- const v = ie(), {
70
- list: V,
69
+ const v = le(), {
70
+ list: P,
71
71
  containerProps: U,
72
72
  wrapperProps: G,
73
- activeRow: w,
74
- gridColumnTemplate: H,
73
+ activeRow: p,
74
+ gridColumnTemplate: V,
75
75
  toggleSortOrder: Y,
76
- columnsStickyPositions: L,
76
+ columnsStickyPositions: H,
77
77
  hasSearchSlot: Q,
78
78
  containerStyle: W,
79
- onScroll: A,
79
+ onScroll: L,
80
80
  savingRows: N,
81
81
  hasExpandSlot: b,
82
82
  toggleExpandRow: j,
83
83
  cssRowHeight: q,
84
84
  cssExpandGridCol: J,
85
- isRowExpanded: M,
85
+ isRowExpanded: A,
86
86
  hasCheckboxes: F,
87
87
  activeMenuRow: K
88
- } = re(o, S), O = g(() => !!v.footer), k = fe(o, "search", S), X = g(() => o.selection.length || 0), P = g(() => {
89
- const s = o.rows.map((l, e) => o.getRowId(l, e));
90
- return s.length && s.every((l) => $(l));
91
- }), $ = (s) => o.selection.findIndex((l) => o.selectedMatcher(s, l)) !== -1, Z = (s) => {
92
- $(s) ? R(
88
+ } = ce(o, c), O = g(() => !!v.footer), k = fe(o, "search", c), X = g(() => o.selection.length || 0), M = g(() => {
89
+ const a = o.rows.map((i, e) => o.getRowId(i, e));
90
+ return a.length && a.every((i) => $(i));
91
+ }), $ = (a) => o.selection.findIndex((i) => o.selectedMatcher(a, i)) !== -1, Z = (a) => {
92
+ $(a) ? (R(
93
93
  o.selection.filter(
94
- (l) => !o.selectedMatcher(s, l)
94
+ (i) => !o.selectedMatcher(a, i)
95
95
  )
96
- ) : R([...o.selection, s]);
96
+ ), c("selectRow", !1)) : (R([...o.selection, a]), c("selectRow", !0));
97
97
  }, _ = () => {
98
- if (P.value)
99
- R([]);
98
+ if (M.value)
99
+ R([]), c("selectAll", !1);
100
100
  else {
101
- const s = o.rows.map((l, e) => o.getRowId(l, e)).filter((l) => !$(l));
102
- R([...o.selection, ...s]);
101
+ const a = o.rows.map((i, e) => o.getRowId(i, e)).filter((i) => !$(i));
102
+ R([...o.selection, ...a]), c("selectAll", !0);
103
103
  }
104
- }, R = (s) => {
105
- S("update:selection", s);
104
+ }, R = (a) => {
105
+ c("update:selection", a);
106
106
  }, ee = g(
107
107
  () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
108
108
  ), te = g(
109
109
  () => o.emptyStateSubtitle ? o.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
110
110
  );
111
- return (s, l) => (i(), d("div", {
111
+ return (a, i) => (l(), d("div", {
112
112
  class: "table-container",
113
- "data-testid": `${a.testId}-${t(f).CONTAINER}`,
114
- onMouseleave: l[3] || (l[3] = (e) => w.value = null)
113
+ "data-testid": `${s.testId}-${t(S).CONTAINER}`,
114
+ onMouseleave: i[3] || (i[3] = (e) => p.value = null)
115
115
  }, [
116
- u("table", {
116
+ h("table", {
117
117
  ref: t(U).ref,
118
118
  style: x(t(W)),
119
- class: y({
119
+ class: f({
120
120
  hasFooter: t(O)
121
121
  }),
122
- "data-testid": `${a.testId}-${t(f).TABLE}`,
123
- onScrollPassive: l[2] || (l[2] = //@ts-ignore
124
- (...e) => t(A) && t(A)(...e))
122
+ "data-testid": `${s.testId}-${t(S).TABLE}`,
123
+ onScrollPassive: i[2] || (i[2] = //@ts-ignore
124
+ (...e) => t(L) && t(L)(...e))
125
125
  }, [
126
- a.title || t(v).title || t(Q) || t(v)["table-header-actions"] ? (i(), d("div", {
126
+ s.title || t(v).title || t(Q) || t(v)["table-header-actions"] ? (l(), d("div", {
127
127
  key: 0,
128
- class: y(["table-header", { isStickyHeader: a.isStickyHeader }]),
129
- "data-testid": `${a.testId}-${t(f).HEADER}`
128
+ class: f(["table-header", { isStickyHeader: s.isStickyHeader }]),
129
+ "data-testid": `${s.testId}-${t(S).HEADER}`
130
130
  }, [
131
- u("div", {
131
+ h("div", {
132
132
  class: "table-title",
133
- "data-testid": `${a.testId}-${t(f).TITLE}`
133
+ "data-testid": `${s.testId}-${t(S).TITLE}`
134
134
  }, [
135
- r(s.$slots, "title", {}, () => [
136
- h(t(p), { variant: "h3" }, {
135
+ r(a.$slots, "title", {}, () => [
136
+ y(t(I), { variant: "h3" }, {
137
137
  default: T(() => [
138
- C(E(a.title), 1)
138
+ C(E(s.title), 1)
139
139
  ]),
140
140
  _: 1
141
141
  })
142
142
  ], !0)
143
143
  ], 8, ge),
144
- u("div", {
144
+ h("div", {
145
145
  class: "table-header-right",
146
- "data-testid": `${a.testId}-${t(f).HEADER_RIGHT}`
146
+ "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
147
147
  }, [
148
- a.showSearch ? r(s.$slots, "search", { key: 0 }, () => [
149
- u("div", be, [
150
- h(t(ye), {
148
+ s.showSearch ? r(a.$slots, "search", { key: 0 }, () => [
149
+ h("div", be, [
150
+ y(t(ye), {
151
151
  modelValue: t(k),
152
- "onUpdate:modelValue": l[0] || (l[0] = (e) => le(k) ? k.value = e : null),
153
- placeholder: a.searchPlaceholder,
154
- "auto-focus": a.searchAutoFocus,
155
- "test-id": a.testId,
156
- onOnClear: l[1] || (l[1] = (e) => S("onClearSearch"))
152
+ "onUpdate:modelValue": i[0] || (i[0] = (e) => ie(k) ? k.value = e : null),
153
+ placeholder: s.searchPlaceholder,
154
+ "auto-focus": s.searchAutoFocus,
155
+ "test-id": s.testId,
156
+ onOnClear: i[1] || (i[1] = (e) => c("onClearSearch"))
157
157
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
158
158
  ])
159
- ], !0) : c("", !0)
159
+ ], !0) : u("", !0)
160
160
  ], 8, ve),
161
- t(v)["table-header-actions"] ? (i(), d("div", {
161
+ t(v)["table-header-actions"] ? (l(), d("div", {
162
162
  key: 0,
163
163
  class: "table-header-actions",
164
- "data-testid": `${a.testId}-${t(f).ACTIONS}`
164
+ "data-testid": `${s.testId}-${t(S).ACTIONS}`
165
165
  }, [
166
- r(s.$slots, "table-header-actions", {}, void 0, !0)
167
- ], 8, $e)) : c("", !0)
168
- ], 10, me)) : c("", !0),
169
- u("thead", {
170
- class: y({ sticky: a.isSticky, isStickyHeader: a.isStickyHeader })
166
+ r(a.$slots, "table-header-actions", {}, void 0, !0)
167
+ ], 8, $e)) : u("", !0)
168
+ ], 10, me)) : u("", !0),
169
+ h("thead", {
170
+ class: f({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
171
171
  }, [
172
- u("div", {
172
+ h("div", {
173
173
  class: "sections",
174
- "data-testid": `${a.testId}-${t(f).SECTIONS}`
174
+ "data-testid": `${s.testId}-${t(S).SECTIONS}`
175
175
  }, [
176
- (i(!0), d(B, null, I(a.sections, (e) => (i(), d("div", {
176
+ (l(!0), d(w, null, B(s.sections, (e) => (l(), d("div", {
177
177
  key: e.id,
178
- class: y(["section-container", { sticky: e.isSticky }])
178
+ class: f(["section-container", { sticky: e.isSticky }])
179
179
  }, [
180
- r(s.$slots, `section-${e.id}`, {}, () => [
181
- u("div", {
180
+ r(a.$slots, `section-${e.id}`, {}, () => [
181
+ h("div", {
182
182
  style: x({ width: e.width + "px" }),
183
- class: y({ section: !0 })
183
+ class: f({ section: !0 })
184
184
  }, [
185
- h(t(p), { variant: "body2" }, {
185
+ y(t(I), { variant: "body2" }, {
186
186
  default: T(() => [
187
187
  C(E(e.title), 1)
188
188
  ]),
@@ -192,21 +192,21 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
192
192
  ], !0)
193
193
  ], 2))), 128))
194
194
  ], 8, Re),
195
- u("tr", null, [
196
- t(F) ? (i(), d("th", xe, [
197
- r(s.$slots, "select-all-checkbox", {}, () => [
198
- h(t(D), {
199
- disabled: a.isLoading,
200
- "is-checked": t(P),
201
- "is-indeterminate": !t(P) && t(X) > 0,
195
+ h("tr", null, [
196
+ t(F) ? (l(), d("th", xe, [
197
+ r(a.$slots, "select-all-checkbox", {}, () => [
198
+ y(t(D), {
199
+ disabled: s.isLoading,
200
+ "is-checked": t(M),
201
+ "is-indeterminate": !t(M) && t(X) > 0,
202
202
  "onUpdate:isChecked": _
203
203
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
204
204
  ], !0)
205
- ])) : c("", !0),
206
- t(b) ? (i(), d("th", Te)) : c("", !0),
207
- (i(!0), d(B, null, I(a.columns, (e) => (i(), d("th", {
205
+ ])) : u("", !0),
206
+ t(b) ? (l(), d("th", Te)) : u("", !0),
207
+ (l(!0), d(w, null, B(s.columns, (e) => (l(), d("th", {
208
208
  key: e.id,
209
- class: y({
209
+ class: f({
210
210
  sticky: e.isSticky,
211
211
  isStickyRight: e.isStickyRight,
212
212
  bordered: e.isBordered,
@@ -214,118 +214,118 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
214
214
  isSortable: e.isSortable,
215
215
  [`column-${e.id}`]: !0
216
216
  }),
217
- style: x(e.isSticky ? t(L)[e.id] : null),
217
+ style: x(e.isSticky ? t(H)[e.id] : null),
218
218
  onClick: (m) => e.isSortable ? t(Y)(e) : null
219
219
  }, [
220
- u("div", Ee, [
221
- r(s.$slots, `header-${e.id}`, { column: e }, () => [
222
- h(t(p), { variant: "tableLabel" }, {
220
+ h("div", Ee, [
221
+ r(a.$slots, `header-${e.id}`, { column: e }, () => [
222
+ y(t(I), { variant: "tableLabel" }, {
223
223
  default: T(() => [
224
224
  C(E(e.title), 1)
225
225
  ]),
226
226
  _: 2
227
227
  }, 1024)
228
228
  ], !0),
229
- e.helpText ? (i(), z(ue, {
229
+ e.helpText ? (l(), z(ue, {
230
230
  key: 0,
231
231
  "hover-help-text": e.helpText,
232
232
  "hover-help-text-placement": e.helpTextPlacement
233
- }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : c("", !0),
234
- e.isSortable && e.id === a.sort?.sortBy ? (i(), z(ce, {
233
+ }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : u("", !0),
234
+ e.isSortable && e.id === s.sort?.sortBy ? (l(), z(re, {
235
235
  key: 1,
236
- "sort-order": a.sort.sortOrder
237
- }, null, 8, ["sort-order"])) : c("", !0)
236
+ "sort-order": s.sort.sortOrder
237
+ }, null, 8, ["sort-order"])) : u("", !0)
238
238
  ])
239
239
  ], 14, Ce))), 128))
240
240
  ])
241
241
  ], 2),
242
- u("tbody", null, [
243
- t(V).length > 0 ? (i(), d("div", de({
242
+ h("tbody", null, [
243
+ t(P).length > 0 ? (l(), d("div", de({
244
244
  key: 0,
245
245
  class: "table-body-wrapper",
246
- "data-testid": `${a.testId}-${t(f).BODY_WRAPPER}`
246
+ "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
247
247
  }, t(G)), [
248
- (i(!0), d(B, null, I(t(V), (e) => (i(), d("tr", {
248
+ (l(!0), d(w, null, B(t(P), (e) => (l(), d("tr", {
249
249
  key: e.index,
250
- class: y(["table-row", {
251
- loading: a.isLoading || a.isLoading && !e.data || t(N).includes(e.index),
252
- active: t(w) === e.index,
250
+ class: f(["table-row", {
251
+ loading: s.isLoading || s.isLoading && !e.data || t(N).includes(e.index),
252
+ active: t(p) === e.index,
253
253
  activeMenu: t(K) === e.index,
254
- expanded: t(b) && t(M)(e.index)
254
+ expanded: t(b) && t(A)(e.index)
255
255
  }]),
256
- onMouseenter: (m) => w.value = e.index
256
+ onMouseenter: (m) => p.value = e.index
257
257
  }, [
258
- t(F) ? (i(), d("td", pe, [
259
- h(t(D), {
260
- "is-checked": $(a.getRowId(e.data, e.index)),
258
+ t(F) ? (l(), d("td", Ie, [
259
+ y(t(D), {
260
+ "is-checked": $(s.getRowId(e.data, e.index)),
261
261
  size: "sm",
262
- "onUpdate:isChecked": (m) => Z(a.getRowId(e.data, e.index))
262
+ "onUpdate:isChecked": (m) => Z(s.getRowId(e.data, e.index))
263
263
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
264
- ])) : c("", !0),
265
- t(b) ? (i(), d("td", we, [
266
- h(he, {
267
- expanded: t(M)(e.index),
264
+ ])) : u("", !0),
265
+ t(b) ? (l(), d("td", pe, [
266
+ y(he, {
267
+ expanded: t(A)(e.index),
268
268
  onClick: (m) => t(j)(e.index, m)
269
269
  }, null, 8, ["expanded", "onClick"])
270
- ])) : c("", !0),
271
- (i(!0), d(B, null, I(a.columns, (m, n) => (i(), d("td", {
270
+ ])) : u("", !0),
271
+ (l(!0), d(w, null, B(s.columns, (m, n) => (l(), d("td", {
272
272
  key: n,
273
- class: y({
274
- sticky: a.columns[n].isSticky,
275
- isStickyRight: a.columns[n].isStickyRight,
276
- bordered: a.columns[n].isBordered,
277
- isTextRight: a.columns[n].isTextRight,
278
- [`column-${a.columns[n].id}`]: !0
273
+ class: f({
274
+ sticky: s.columns[n].isSticky,
275
+ isStickyRight: s.columns[n].isStickyRight,
276
+ bordered: s.columns[n].isBordered,
277
+ isTextRight: s.columns[n].isTextRight,
278
+ [`column-${s.columns[n].id}`]: !0
279
279
  }),
280
280
  style: x(
281
- a.columns[n].isSticky ? t(L)[a.columns[n].id] : null
281
+ s.columns[n].isSticky ? t(H)[s.columns[n].id] : null
282
282
  )
283
283
  }, [
284
- !a.isLoading || a.isLoading && e.data[n] ? (i(), d("div", {
284
+ !s.isLoading || s.isLoading && e.data[n] ? (l(), d("div", {
285
285
  key: 0,
286
- class: y(["table-cell", { last: n === e.data.length - 1 }])
286
+ class: f(["table-cell", { last: n === e.data.length - 1 }])
287
287
  }, [
288
- r(s.$slots, `cell-${a.columns[n].id}`, {
288
+ r(a.$slots, `cell-${s.columns[n].id}`, {
289
289
  cell: e.data[n],
290
290
  isLoading: t(N).includes(e.index),
291
291
  cellIndex: n,
292
292
  row: e,
293
293
  rowIndex: e.index
294
294
  }, () => [
295
- h(t(p), { variant: "body1" }, {
295
+ y(t(I), { variant: "body1" }, {
296
296
  default: T(() => [
297
297
  C(E(e.data[n]), 1)
298
298
  ]),
299
299
  _: 2
300
300
  }, 1024)
301
301
  ], !0)
302
- ], 2)) : r(s.$slots, "loader", { key: 1 }, () => [
303
- h(t(oe), { round: "" })
302
+ ], 2)) : r(a.$slots, "loader", { key: 1 }, () => [
303
+ y(t(oe), { round: "" })
304
304
  ], !0)
305
305
  ], 6))), 128)),
306
- t(b) && t(M)(e.index) ? (i(), d("div", Me, [
307
- r(s.$slots, "expanded", {
306
+ t(b) && t(A)(e.index) ? (l(), d("div", Ae, [
307
+ r(a.$slots, "expanded", {
308
308
  row: e,
309
- gridColumnTemplate: t(H)
309
+ gridColumnTemplate: t(V)
310
310
  }, void 0, !0)
311
- ])) : c("", !0)
312
- ], 42, Ie))), 128))
313
- ], 16, Be)) : (i(), d("div", Pe, [
314
- r(s.$slots, "empty-state", {}, () => [
315
- h(t(ne), {
311
+ ])) : u("", !0)
312
+ ], 42, Be))), 128))
313
+ ], 16, we)) : (l(), d("div", Me, [
314
+ r(a.$slots, "empty-state", {}, () => [
315
+ y(t(ne), {
316
316
  class: "empty-state",
317
- title: a.emptyStateTitle,
317
+ title: s.emptyStateTitle,
318
318
  subtitle: t(te),
319
319
  variant: t(ee),
320
- "test-id": `${a.testId}-${t(f).EMPTY_STATE}`
320
+ "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
321
321
  }, null, 8, ["title", "subtitle", "variant", "test-id"])
322
322
  ], !0)
323
323
  ]))
324
324
  ])
325
325
  ], 46, ke),
326
- t(O) ? (i(), d("div", Ve, [
327
- r(s.$slots, "footer", {}, void 0, !0)
328
- ])) : c("", !0)
326
+ t(O) ? (l(), d("div", Pe, [
327
+ r(a.$slots, "footer", {}, void 0, !0)
328
+ ])) : u("", !0)
329
329
  ], 40, Se));
330
330
  }
331
331
  });
package/components/table/v4/index.d.ts CHANGED
@@ -131,6 +131,7 @@ declare const DataGridTypes: () => (({
131
131
  default: number;
132
132
  };
133
133
  }>> & {
134
+ onSelectAll?: (value: boolean) => any;
134
135
  onOnScroll?: (event: Event) => any;
135
136
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
136
137
  onSaveRow?: (args_0: {
@@ -143,6 +144,7 @@ declare const DataGridTypes: () => (({
143
144
  "onUpdate:search"?: (query: string) => any;
144
145
  "onUpdate:selection"?: (selection: unknown[]) => any;
145
146
  onOnClearSearch?: () => any;
147
+ onSelectRow?: (value: boolean) => any;
146
148
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
147
149
  $attrs: {
148
150
  [x: string]: unknown;
@@ -155,12 +157,12 @@ declare const DataGridTypes: () => (({
155
157
  }>;
156
158
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
157
159
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
158
- $emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: {
160
+ $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: {
159
161
  value: unknown;
160
162
  confirm: () => void;
161
163
  rowIndex: number;
162
164
  cellIndex: number;
163
- }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void);
165
+ }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void) & ((event: "selectRow", value: boolean) => void);
164
166
  $el: any;
165
167
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
166
168
  sort: {
@@ -264,6 +266,7 @@ declare const DataGridTypes: () => (({
264
266
  default: number;
265
267
  };
266
268
  }>> & {
269
+ onSelectAll?: (value: boolean) => any;
267
270
  onOnScroll?: (event: Event) => any;
268
271
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
269
272
  onSaveRow?: (args_0: {
@@ -276,6 +279,7 @@ declare const DataGridTypes: () => (({
276
279
  "onUpdate:search"?: (query: string) => any;
277
280
  "onUpdate:selection"?: (selection: unknown[]) => any;
278
281
  onOnClearSearch?: () => any;
282
+ onSelectRow?: (value: boolean) => any;
279
283
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
280
284
  "update:sort": (newSort: import("../common/Table.types").Sort) => void;
281
285
  "update:search": (query: string) => void;
@@ -289,6 +293,8 @@ declare const DataGridTypes: () => (({
289
293
  cellIndex: number;
290
294
  }) => void;
291
295
  loadMore: () => void;
296
+ selectAll: (value: boolean) => void;
297
+ selectRow: (value: boolean) => void;
292
298
  }, string, {
293
299
  sort: import("../common/Table.types").Sort;
294
300
  title: string;
@@ -435,6 +441,7 @@ declare const DataGridTypes: () => (({
435
441
  default: number;
436
442
  };
437
443
  }>> & {
444
+ onSelectAll?: (value: boolean) => any;
438
445
  onOnScroll?: (event: Event) => any;
439
446
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
440
447
  onSaveRow?: (args_0: {
@@ -447,6 +454,7 @@ declare const DataGridTypes: () => (({
447
454
  "onUpdate:search"?: (query: string) => any;
448
455
  "onUpdate:selection"?: (selection: unknown[]) => any;
449
456
  onOnClearSearch?: () => any;
457
+ onSelectRow?: (value: boolean) => any;
450
458
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
451
459
  __isFragment?: never;
452
460
  __isTeleport?: never;
@@ -553,6 +561,7 @@ declare const DataGridTypes: () => (({
553
561
  default: number;
554
562
  };
555
563
  }>> & {
564
+ onSelectAll?: (value: boolean) => any;
556
565
  onOnScroll?: (event: Event) => any;
557
566
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
558
567
  onSaveRow?: (args_0: {
@@ -565,6 +574,7 @@ declare const DataGridTypes: () => (({
565
574
  "onUpdate:search"?: (query: string) => any;
566
575
  "onUpdate:selection"?: (selection: unknown[]) => any;
567
576
  onOnClearSearch?: () => any;
577
+ onSelectRow?: (value: boolean) => any;
568
578
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
569
579
  "update:sort": (newSort: import("../common/Table.types").Sort) => void;
570
580
  "update:search": (query: string) => void;
@@ -578,6 +588,8 @@ declare const DataGridTypes: () => (({
578
588
  cellIndex: number;
579
589
  }) => void;
580
590
  loadMore: () => void;
591
+ selectAll: (value: boolean) => void;
592
+ selectRow: (value: boolean) => void;
581
593
  }, string, {
582
594
  sort: import("../common/Table.types").Sort;
583
595
  title: string;
package/index.d.ts CHANGED
@@ -2861,6 +2861,7 @@ declare const _default: {
2861
2861
  default: number;
2862
2862
  };
2863
2863
  }>> & {
2864
+ onSelectAll?: (value: boolean) => any;
2864
2865
  onOnScroll?: (event: Event) => any;
2865
2866
  "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
2866
2867
  onSaveRow?: (args_0: {
@@ -2873,6 +2874,7 @@ declare const _default: {
2873
2874
  "onUpdate:search"?: (query: string) => any;
2874
2875
  "onUpdate:selection"?: (selection: unknown[]) => any;
2875
2876
  onOnClearSearch?: () => any;
2877
+ onSelectRow?: (value: boolean) => any;
2876
2878
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
2877
2879
  $attrs: {
2878
2880
  [x: string]: unknown;
@@ -2885,12 +2887,12 @@ declare const _default: {
2885
2887
  }>;
2886
2888
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
2887
2889
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
2888
- $emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: {
2890
+ $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: {
2889
2891
  value: unknown;
2890
2892
  confirm: () => void;
2891
2893
  rowIndex: number;
2892
2894
  cellIndex: number;
2893
- }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void);
2895
+ }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void) & ((event: "selectRow", value: boolean) => void);
2894
2896
  $el: any;
2895
2897
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
2896
2898
  sort: {
@@ -2994,6 +2996,7 @@ declare const _default: {
2994
2996
  default: number;
2995
2997
  };
2996
2998
  }>> & {
2999
+ onSelectAll?: (value: boolean) => any;
2997
3000
  onOnScroll?: (event: Event) => any;
2998
3001
  "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
2999
3002
  onSaveRow?: (args_0: {
@@ -3006,6 +3009,7 @@ declare const _default: {
3006
3009
  "onUpdate:search"?: (query: string) => any;
3007
3010
  "onUpdate:selection"?: (selection: unknown[]) => any;
3008
3011
  onOnClearSearch?: () => any;
3012
+ onSelectRow?: (value: boolean) => any;
3009
3013
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3010
3014
  "update:sort": (newSort: tableV3.Sort) => void;
3011
3015
  "update:search": (query: string) => void;
@@ -3019,6 +3023,8 @@ declare const _default: {
3019
3023
  cellIndex: number;
3020
3024
  }) => void;
3021
3025
  loadMore: () => void;
3026
+ selectAll: (value: boolean) => void;
3027
+ selectRow: (value: boolean) => void;
3022
3028
  }, string, {
3023
3029
  sort: tableV3.Sort;
3024
3030
  title: string;
@@ -3165,6 +3171,7 @@ declare const _default: {
3165
3171
  default: number;
3166
3172
  };
3167
3173
  }>> & {
3174
+ onSelectAll?: (value: boolean) => any;
3168
3175
  onOnScroll?: (event: Event) => any;
3169
3176
  "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
3170
3177
  onSaveRow?: (args_0: {
@@ -3177,6 +3184,7 @@ declare const _default: {
3177
3184
  "onUpdate:search"?: (query: string) => any;
3178
3185
  "onUpdate:selection"?: (selection: unknown[]) => any;
3179
3186
  onOnClearSearch?: () => any;
3187
+ onSelectRow?: (value: boolean) => any;
3180
3188
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
3181
3189
  __isFragment?: never;
3182
3190
  __isTeleport?: never;
@@ -3283,6 +3291,7 @@ declare const _default: {
3283
3291
  default: number;
3284
3292
  };
3285
3293
  }>> & {
3294
+ onSelectAll?: (value: boolean) => any;
3286
3295
  onOnScroll?: (event: Event) => any;
3287
3296
  "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
3288
3297
  onSaveRow?: (args_0: {
@@ -3295,6 +3304,7 @@ declare const _default: {
3295
3304
  "onUpdate:search"?: (query: string) => any;
3296
3305
  "onUpdate:selection"?: (selection: unknown[]) => any;
3297
3306
  onOnClearSearch?: () => any;
3307
+ onSelectRow?: (value: boolean) => any;
3298
3308
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3299
3309
  "update:sort": (newSort: tableV3.Sort) => void;
3300
3310
  "update:search": (query: string) => void;
@@ -3308,6 +3318,8 @@ declare const _default: {
3308
3318
  cellIndex: number;
3309
3319
  }) => void;
3310
3320
  loadMore: () => void;
3321
+ selectAll: (value: boolean) => void;
3322
+ selectRow: (value: boolean) => void;
3311
3323
  }, string, {
3312
3324
  sort: tableV3.Sort;
3313
3325
  title: string;
@@ -3562,6 +3574,7 @@ declare const _default: {
3562
3574
  default: number;
3563
3575
  };
3564
3576
  }>> & {
3577
+ onSelectAll?: (value: boolean) => any;
3565
3578
  onOnScroll?: (event: Event) => any;
3566
3579
  "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
3567
3580
  onSaveRow?: (args_0: {
@@ -3574,6 +3587,7 @@ declare const _default: {
3574
3587
  "onUpdate:search"?: (query: string) => any;
3575
3588
  "onUpdate:selection"?: (selection: unknown[]) => any;
3576
3589
  onOnClearSearch?: () => any;
3590
+ onSelectRow?: (value: boolean) => any;
3577
3591
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
3578
3592
  $attrs: {
3579
3593
  [x: string]: unknown;
@@ -3586,12 +3600,12 @@ declare const _default: {
3586
3600
  }>;
3587
3601
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
3588
3602
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
3589
- $emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: {
3603
+ $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: {
3590
3604
  value: unknown;
3591
3605
  confirm: () => void;
3592
3606
  rowIndex: number;
3593
3607
  cellIndex: number;
3594
- }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void);
3608
+ }) => void) & ((event: "loadMore") => void) & ((event: "update:search", query: string) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "onClearSearch") => void) & ((event: "selectRow", value: boolean) => void);
3595
3609
  $el: any;
3596
3610
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
3597
3611
  sort: {
@@ -3695,6 +3709,7 @@ declare const _default: {
3695
3709
  default: number;
3696
3710
  };
3697
3711
  }>> & {
3712
+ onSelectAll?: (value: boolean) => any;
3698
3713
  onOnScroll?: (event: Event) => any;
3699
3714
  "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
3700
3715
  onSaveRow?: (args_0: {
@@ -3707,6 +3722,7 @@ declare const _default: {
3707
3722
  "onUpdate:search"?: (query: string) => any;
3708
3723
  "onUpdate:selection"?: (selection: unknown[]) => any;
3709
3724
  onOnClearSearch?: () => any;
3725
+ onSelectRow?: (value: boolean) => any;
3710
3726
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3711
3727
  "update:sort": (newSort: tableV3.Sort) => void;
3712
3728
  "update:search": (query: string) => void;
@@ -3720,6 +3736,8 @@ declare const _default: {
3720
3736
  cellIndex: number;
3721
3737
  }) => void;
3722
3738
  loadMore: () => void;
3739
+ selectAll: (value: boolean) => void;
3740
+ selectRow: (value: boolean) => void;
3723
3741
  }, string, {
3724
3742
  sort: tableV3.Sort;
3725
3743
  title: string;
@@ -3866,6 +3884,7 @@ declare const _default: {
3866
3884
  default: number;
3867
3885
  };
3868
3886
  }>> & {
3887
+ onSelectAll?: (value: boolean) => any;
3869
3888
  onOnScroll?: (event: Event) => any;
3870
3889
  "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
3871
3890
  onSaveRow?: (args_0: {
@@ -3878,6 +3897,7 @@ declare const _default: {
3878
3897
  "onUpdate:search"?: (query: string) => any;
3879
3898
  "onUpdate:selection"?: (selection: unknown[]) => any;
3880
3899
  onOnClearSearch?: () => any;
3900
+ onSelectRow?: (value: boolean) => any;
3881
3901
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
3882
3902
  __isFragment?: never;
3883
3903
  __isTeleport?: never;
@@ -3984,6 +4004,7 @@ declare const _default: {
3984
4004
  default: number;
3985
4005
  };
3986
4006
  }>> & {
4007
+ onSelectAll?: (value: boolean) => any;
3987
4008
  onOnScroll?: (event: Event) => any;
3988
4009
  "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
3989
4010
  onSaveRow?: (args_0: {
@@ -3996,6 +4017,7 @@ declare const _default: {
3996
4017
  "onUpdate:search"?: (query: string) => any;
3997
4018
  "onUpdate:selection"?: (selection: unknown[]) => any;
3998
4019
  onOnClearSearch?: () => any;
4020
+ onSelectRow?: (value: boolean) => any;
3999
4021
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
4000
4022
  "update:sort": (newSort: tableV3.Sort) => void;
4001
4023
  "update:search": (query: string) => void;
@@ -4009,6 +4031,8 @@ declare const _default: {
4009
4031
  cellIndex: number;
4010
4032
  }) => void;
4011
4033
  loadMore: () => void;
4034
+ selectAll: (value: boolean) => void;
4035
+ selectRow: (value: boolean) => void;
4012
4036
  }, string, {
4013
4037
  sort: tableV3.Sort;
4014
4038
  title: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.17",
3
+ "version": "2.1.6-rc.19",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DataGrid.vue_vue_type_style_index_0_scoped_c96fba2c_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-c96fba2c]{position:sticky}.table-container[data-v-c96fba2c]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-c96fba2c]{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-c96fba2c]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-c96fba2c]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-c96fba2c]{width:13.75rem}.table-header.isStickyHeader[data-v-c96fba2c]{z-index:calc(var(--7d59c3f5) + 3);top:0}.table-head-container[data-v-c96fba2c]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-c96fba2c]{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-c96fba2c]{display:inline-table}.table-header-actions[data-v-c96fba2c]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-c96fba2c]{position:relative}.table-row.loading[data-v-c96fba2c]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-c96fba2c]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-c96fba2c]{border-bottom:none}.expanded-row[data-v-c96fba2c]{grid-column:var(--43b02aae);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-c96fba2c]{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-c96fba2c]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-c96fba2c],table th[data-v-c96fba2c]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-c96fba2c]:first-of-type,table th[data-v-c96fba2c]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-c96fba2c]:last-of-type,table th[data-v-c96fba2c]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-c96fba2c],table th.expand-toggle-cell[data-v-c96fba2c]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-c96fba2c]{border-bottom:none;z-index:calc(var(--7d59c3f5) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-c96fba2c]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--88b8113c)}table>thead>tr>th[data-v-c96fba2c]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-c96fba2c]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-c96fba2c]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-c96fba2c]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-c96fba2c]{cursor:pointer}table>thead.sticky[data-v-c96fba2c]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-c96fba2c]{z-index:calc(var(--7d59c3f5) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-c96fba2c]{display:block}table>tbody>*>tr[data-v-c96fba2c]{background-color:var(--background-default);min-height:var(--f1040b2c);height:auto;display:grid;align-items:center;grid-template-columns:var(--88b8113c)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-c96fba2c]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-c96fba2c],table>tbody>*>tr.activeMenu>td[data-v-c96fba2c]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-c96fba2c]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--f1040b2c);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-c96fba2c]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-c96fba2c]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-c96fba2c]{justify-content:flex-end;text-align:right}.section-container[data-v-c96fba2c]{left:0}.sections[data-v-c96fba2c]{display:flex}.section[data-v-c96fba2c]{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-c96fba2c]{width:100%}.empty-state[data-v-c96fba2c]{min-height:250px}
package/OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-7f8f35a1]{color:#41454d}.item-container[data-v-7f8f35a1]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-7f8f35a1]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-7f8f35a1]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-7f8f35a1],.item-container[data-v-7f8f35a1]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-7f8f35a1]{background-color:var(--action-selected)}.subtitle[data-v-7f8f35a1]{color:#7b838c;line-height:1rem}.clear-button[data-v-7f8f35a1]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-7f8f35a1]:hover{color:#3083ff}.item[data-v-7f8f35a1]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-7f8f35a1],.item--multi[data-v-7f8f35a1]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-7f8f35a1]{width:20px;height:20px;flex:none}.item .image img[data-v-7f8f35a1]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-7f8f35a1],.item .end-icon[data-v-7f8f35a1]{display:flex;color:var(--action-active)}.item .option-text[data-v-7f8f35a1]{line-height:1.1875rem}.text-container[data-v-7f8f35a1]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-7f8f35a1]{display:block}.tooltip-option[data-v-7f8f35a1] .container{width:100%}