@ironsource/shared-ui 2.1.8 → 2.1.9-test.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +1 -0
  4. package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +1 -0
  5. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +1 -0
  6. package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +1 -0
  7. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css +1 -0
  8. package/DropdownV4.vue_vue_type_style_index_0_scoped_360883b1_lang.css +1 -0
  9. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  10. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +1 -0
  11. package/OptionV4.vue_vue_type_style_index_0_scoped_058de532_lang.css +1 -0
  12. package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +1 -0
  13. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css +1 -0
  14. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +1 -0
  15. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +1 -0
  16. package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +1 -0
  17. package/components/alert/Alert.vue2.js +3 -2
  18. package/components/autocomplete/Autocomplete.vue.d.ts +1 -1
  19. package/components/autocomplete/index.d.ts +20 -20
  20. package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +65 -0
  21. package/components/button/v4/ToggleButtonGroupAB.vue.js +7 -0
  22. package/components/button/v4/ToggleButtonGroupAB.vue2.js +95 -0
  23. package/components/button/v4/index.d.ts +170 -1
  24. package/components/button/v4/index.js +10 -3
  25. package/components/chart/Chart.vue.d.ts +5 -0
  26. package/components/chart/Chart.vue.js +4 -4
  27. package/components/chart/Chart.vue2.js +51 -49
  28. package/components/chart/ChartHeader.vue.d.ts +5 -0
  29. package/components/chart/ChartHeader.vue.js +2 -2
  30. package/components/chart/ChartHeader.vue2.js +35 -22
  31. package/components/chart/ChartLegend.vue.js +3 -3
  32. package/components/chart/ChartLegend.vue2.js +35 -28
  33. package/components/chart/SettingsHeader.vue.js +3 -3
  34. package/components/chart/SettingsHeader.vue2.js +33 -26
  35. package/components/chart/index.d.ts +20 -1
  36. package/components/dateRange/v4/CalendarMonthV4.vue2.js +9 -8
  37. package/components/dateRange/v4/DateRangeV4.vue2.js +21 -20
  38. package/components/dialog/v3/Dialog.vue.d.ts +1 -1
  39. package/components/dialog/v3/index.d.ts +5 -5
  40. package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
  41. package/components/dialog/v4/DialogV4.vue2.js +6 -5
  42. package/components/dialog/v4/index.d.ts +5 -5
  43. package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
  44. package/components/dropdown/v3/index.d.ts +51 -51
  45. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +17 -11
  46. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
  47. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +17 -9
  48. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +5 -0
  49. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  50. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +23 -22
  51. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +11 -0
  52. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  53. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +59 -45
  54. package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -2
  55. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  56. package/components/dropdown/v4/DropdownV4.vue2.js +121 -109
  57. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +4 -3
  58. package/components/dropdown/v4/OptionV4.vue.d.ts +6 -0
  59. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  60. package/components/dropdown/v4/OptionV4.vue2.js +83 -70
  61. package/components/dropdown/v4/index.d.ts +157 -65
  62. package/components/emptyState/v4/EmptyStateV4.vue2.js +13 -12
  63. package/components/forms/FormCard.vue2.js +13 -12
  64. package/components/includeExclude/index.d.ts +56 -56
  65. package/components/input/v3/Input.vue.d.ts +1 -1
  66. package/components/input/v3/index.d.ts +32 -32
  67. package/components/input/v4/TextField.vue.d.ts +1 -1
  68. package/components/input/v4/index.d.ts +20 -20
  69. package/components/menu/Menu.vue.d.ts +1 -1
  70. package/components/menu/index.d.ts +20 -20
  71. package/components/multibar/MultiBar.vue.d.ts +1 -1
  72. package/components/multibar/MultiBar.vue2.js +3 -2
  73. package/components/multibar/index.d.ts +9 -9
  74. package/components/popover/v3/Popover.vue.d.ts +1 -1
  75. package/components/popover/v3/index.d.ts +20 -20
  76. package/components/popover/v4/PopoverV4.vue.d.ts +7 -3
  77. package/components/popover/v4/PopoverV4.vue.js +3 -3
  78. package/components/popover/v4/PopoverV4.vue2.js +23 -20
  79. package/components/popover/v4/index.d.ts +36 -24
  80. package/components/radioButton/v3/RadioButton.vue.d.ts +1 -1
  81. package/components/radioButton/v3/RadioGroup.vue.d.ts +1 -1
  82. package/components/radioButton/v3/index.d.ts +6 -6
  83. package/components/radioButton/v4/RadioButtonV4.vue.d.ts +6 -1
  84. package/components/radioButton/v4/RadioButtonV4.vue.js +2 -2
  85. package/components/radioButton/v4/RadioButtonV4.vue2.js +59 -46
  86. package/components/radioButton/v4/RadioGroupV4.vue.d.ts +1 -1
  87. package/components/radioButton/v4/index.d.ts +26 -7
  88. package/components/snackbar/v4/SnackbarV4.vue2.js +7 -6
  89. package/components/sortableList/SortableItem.vue.d.ts +1 -1
  90. package/components/switch/v3/index.d.ts +16 -16
  91. package/components/switch/v4/SwitchV4.vue2.js +6 -5
  92. package/components/switch/v4/index.d.ts +8 -8
  93. package/components/table/v4/DataGrid.vue.d.ts +5 -0
  94. package/components/table/v4/DataGrid.vue.js +4 -4
  95. package/components/table/v4/DataGrid.vue2.js +45 -44
  96. package/components/table/v4/ExpandRowToggle.vue2.js +6 -5
  97. package/components/table/v4/MultipleDataGrid.vue.d.ts +23 -2
  98. package/components/table/v4/MultipleDataGrid.vue.js +5 -5
  99. package/components/table/v4/MultipleDataGrid.vue2.js +82 -73
  100. package/components/table/v4/index.d.ts +98 -2
  101. package/components/textArea/v4/TextAreaV4.vue.d.ts +1 -1
  102. package/components/textArea/v4/index.d.ts +9 -9
  103. package/components/toggle/v3/index.d.ts +8 -8
  104. package/components/toggle/v4/index.d.ts +16 -16
  105. package/components/typography/v4/Typography.vue.js +2 -2
  106. package/components/typography/v4/Typography.vue2.js +1 -1
  107. package/consts/configs.d.ts +1 -0
  108. package/consts/configs.js +4 -0
  109. package/index.d.ts +1392 -471
  110. package/index.js +1 -1
  111. package/mocks/options.d.ts +4 -0
  112. package/package.json +2 -2
  113. package/testids/index.d.ts +8 -1
  114. package/testids/index.js +14 -13
  115. package/utils/testIds.d.ts +1 -1
  116. package/utils/testIds.js +6 -6
  117. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css +0 -1
  118. package/Chart.vue_vue_type_style_index_0_scoped_df85e0af_lang.css +0 -1
  119. package/ChartHeader.vue_vue_type_style_index_0_scoped_2e3de9c5_lang.css +0 -1
  120. package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css +0 -1
  121. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +0 -1
  122. package/DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css +0 -1
  123. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css +0 -1
  124. package/DropdownV4.vue_vue_type_style_index_0_scoped_62a620ee_lang.css +0 -1
  125. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css +0 -1
  126. package/OptionV4.vue_vue_type_style_index_0_scoped_77509f61_lang.css +0 -1
  127. package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +0 -1
  128. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css +0 -1
  129. package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css +0 -1
  130. package/Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css +0 -1
@@ -3,8 +3,9 @@ import { useVModel as C } from "@vueuse/core";
3
3
  import "../../button/v4/ButtonV4.vue.js";
4
4
  import $ from "../../button/v4/IconButtonV4.vue.js";
5
5
  import "../../button/v4/ButtonGroup.vue.js";
6
+ import "../../button/v4/ToggleButtonGroupAB.vue.js";
6
7
  import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
7
- const w = ["data-testid"], R = /* @__PURE__ */ p({
8
+ const w = ["data-testid"], S = /* @__PURE__ */ p({
8
9
  __name: "SwitchV4",
9
10
  props: {
10
11
  options: null,
@@ -13,15 +14,15 @@ const w = ["data-testid"], R = /* @__PURE__ */ p({
13
14
  iconKey: { default: "icon" }
14
15
  },
15
16
  emits: ["update:modelValue"],
16
- setup(e, { emit: u }) {
17
- const o = e, n = k(), m = C(o, "modelValue", u);
17
+ setup(e, { emit: m }) {
18
+ const o = e, n = k(), u = C(o, "modelValue", m);
18
19
  v(() => {
19
20
  n.value = o.options.findIndex(
20
21
  (t) => t === o.modelValue
21
22
  );
22
23
  });
23
24
  const f = (t, i) => {
24
- n.value = i, m.value = t;
25
+ n.value = i, u.value = t;
25
26
  };
26
27
  return (t, i) => (a(), d("div", {
27
28
  class: "switch",
@@ -39,5 +40,5 @@ const w = ["data-testid"], R = /* @__PURE__ */ p({
39
40
  }
40
41
  });
41
42
  export {
42
- R as default
43
+ S as default
43
44
  };
@@ -3,14 +3,14 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
3
3
  type: import("vue").PropType<string>;
4
4
  default: string;
5
5
  };
6
- options: {
7
- type: import("vue").PropType<unknown[]>;
8
- required: true;
9
- };
10
6
  modelValue: {
11
7
  type: import("vue").PropType<unknown>;
12
8
  required: true;
13
9
  };
10
+ options: {
11
+ type: import("vue").PropType<unknown[]>;
12
+ required: true;
13
+ };
14
14
  iconKey: {
15
15
  type: import("vue").PropType<string>;
16
16
  default: string;
@@ -22,14 +22,14 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
22
22
  type: import("vue").PropType<string>;
23
23
  default: string;
24
24
  };
25
- options: {
26
- type: import("vue").PropType<unknown[]>;
27
- required: true;
28
- };
29
25
  modelValue: {
30
26
  type: import("vue").PropType<unknown>;
31
27
  required: true;
32
28
  };
29
+ options: {
30
+ type: import("vue").PropType<unknown[]>;
31
+ required: true;
32
+ };
33
33
  iconKey: {
34
34
  type: import("vue").PropType<string>;
35
35
  default: string;
@@ -7,6 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  sort?: Sort;
8
8
  selection?: unknown[];
9
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;
@@ -74,6 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
74
76
  sort?: Sort;
75
77
  selection?: unknown[];
76
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;
@@ -152,6 +156,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
152
156
  rowHeight: number | ((index: number) => number);
153
157
  defaultScrollPosition: number;
154
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;
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css"; //*');
4
- const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d27e1304"]]);
2
+ /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0cd8af73"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
@@ -1,8 +1,8 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_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 p, createBlock as z, mergeProps as re } from "vue";
2
- import A from "../../typography/v4/Typography.vue.js";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_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
+ 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";
@@ -16,7 +16,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
16
16
  }, Be = {
17
17
  key: 1,
18
18
  class: "expand-toggle-cell"
19
- }, Ie = ["onClick"], pe = { class: "table-head-container" }, Ae = ["data-testid"], Ve = ["onMouseenter", "onClick"], Le = {
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
22
  }, Me = {
@@ -28,7 +28,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
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,13 +64,13 @@ 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
- "189e28e1": s.zIndexBase,
70
- ac6022d6: t(X),
71
- "3d5ab04e": t(P),
72
- "633cd456": t(J)
70
+ "158e1032": s.zIndexBase,
71
+ db8e3dca: t(X),
72
+ a15dcd58: t(P),
73
+ f7400c48: t(J)
73
74
  }));
74
75
  const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
75
76
  list: M,
@@ -81,13 +82,13 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
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: V,
91
+ isRowExpanded: p,
91
92
  hasCheckboxes: O,
92
93
  activeMenuRow: Z,
93
94
  scrollTo: _
@@ -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,
@@ -141,7 +142,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
141
142
  "data-testid": `${s.testId}-${t(S).TITLE}`
142
143
  }, [
143
144
  c(a.$slots, "title", {}, () => [
144
- h(t(A), { variant: "h3" }, {
145
+ h(t(V), { variant: "h3" }, {
145
146
  default: w(() => [
146
147
  E(B(s.title), 1)
147
148
  ]),
@@ -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(I, null, p(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
  }, [
@@ -190,7 +191,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
190
191
  style: T({ width: e.width + "px" }),
191
192
  class: f({ section: !0 })
192
193
  }, [
193
- h(t(A), { variant: "body2" }, {
194
+ h(t(V), { variant: "body2" }, {
194
195
  default: w(() => [
195
196
  E(B(e.title), 1)
196
197
  ]),
@@ -203,7 +204,7 @@ 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
209
  "is-checked": t(L),
209
210
  "is-indeterminate": !t(L) && t(ee) > 0,
@@ -212,7 +213,7 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
212
213
  ])
213
214
  ])) : r("", !0),
214
215
  t(R) ? (l(), d("th", Be)) : r("", !0),
215
- (l(!0), d(I, null, p(s.columns, (e) => (l(), d("th", {
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,23 +224,23 @@ 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
- u("div", pe, [
229
+ u("div", Ae, [
229
230
  c(a.$slots, `header-${e.id}`, { column: e }, () => [
230
- h(t(A), { variant: "tableLabel" }, {
231
+ h(t(V), { variant: "tableLabel" }, {
231
232
  default: w(() => [
232
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)
@@ -253,31 +254,31 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
253
254
  class: "table-body-wrapper",
254
255
  "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
255
256
  }, t(Y)), [
256
- (l(!0), d(I, null, p(t(M), (e) => (l(), d("tr", {
257
- key: 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(V)(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
269
  t(O) ? (l(), d("td", Le, [
269
- h(t(K), {
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
275
  t(R) ? (l(), d("td", Me, [
275
276
  h(ke, {
276
- expanded: t(V)(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(I, null, p(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,12 +297,12 @@ 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
- h(t(A), { variant: "body1" }, {
305
+ h(t(V), { variant: "body1" }, {
305
306
  default: w(() => [
306
307
  E(B(e.data[n]), 1)
307
308
  ]),
@@ -312,7 +313,7 @@ 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(V)(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
319
  gridColumnTemplate: t(P)
@@ -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, Ve))), 128))
328
- ], 16, Ae)) : (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));
@@ -1,19 +1,20 @@
1
- import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; import { defineComponent as a, openBlock as r, createElementBlock as c, createVNode as l, unref as p } from "vue";
1
+ import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; import { defineComponent as r, openBlock as a, createElementBlock as c, createVNode as p, unref as l } from "vue";
2
2
  import "../../button/v4/ButtonV4.vue.js";
3
3
  import i from "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
5
- const x = /* @__PURE__ */ a({
5
+ import "../../button/v4/ToggleButtonGroupAB.vue.js";
6
+ const g = /* @__PURE__ */ r({
6
7
  __name: "ExpandRowToggle",
7
8
  props: {
8
9
  expanded: { type: Boolean, default: !1 }
9
10
  },
10
11
  emits: ["click"],
11
12
  setup(o, { emit: n }) {
12
- return (d, e) => (r(), c("div", {
13
+ return (m, e) => (a(), c("div", {
13
14
  class: "expand-row-toggle",
14
15
  onClick: e[0] || (e[0] = (t) => n("click", t))
15
16
  }, [
16
- l(p(i), {
17
+ p(l(i), {
17
18
  class: "expand-button",
18
19
  "icon-name": o.expanded ? "caret-down" : "caret-right"
19
20
  }, null, 8, ["icon-name"])
@@ -21,5 +22,5 @@ const x = /* @__PURE__ */ a({
21
22
  }
22
23
  });
23
24
  export {
24
- x as default
25
+ g as default
25
26
  };
@@ -1,8 +1,10 @@
1
1
  import { Column } from '@/components/table/v4';
2
- import { SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.types';
2
+ import { Row, SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.types';
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) => unknown;
7
+ getRowKey?: (row: Row, index: number) => string | number;
6
8
  isSticky?: boolean;
7
9
  isLoading?: boolean;
8
10
  emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
@@ -18,10 +20,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
18
20
  displayingText?: string;
19
21
  outOfText?: string;
20
22
  totalText?: string;
23
+ rowCustomClassKey?: string;
24
+ rowDataKey?: string;
21
25
  testId?: string;
22
26
  }>, {
23
27
  tablesSettings: () => any[];
24
28
  loadingAndEmptyStatesColumns: () => any[];
29
+ getRowId: (row: any, index: any) => any;
30
+ getRowKey: (row: any, index: any) => any;
25
31
  isSticky: boolean;
26
32
  isLoading: boolean;
27
33
  emptyStateVariant: any;
@@ -37,6 +43,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
37
43
  displayingText: string;
38
44
  outOfText: string;
39
45
  totalText: string;
46
+ rowCustomClassKey: string;
47
+ rowDataKey: string;
40
48
  testId: string;
41
49
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
42
50
  "update:search": (query: string) => void;
@@ -49,6 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
49
57
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
50
58
  tablesSettings: TableSettings[];
51
59
  loadingAndEmptyStatesColumns: Column[];
60
+ getRowId?: (row: Row, index: number) => unknown;
61
+ getRowKey?: (row: Row, index: number) => string | number;
52
62
  isSticky?: boolean;
53
63
  isLoading?: boolean;
54
64
  emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
@@ -64,10 +74,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
64
74
  displayingText?: string;
65
75
  outOfText?: string;
66
76
  totalText?: string;
77
+ rowCustomClassKey?: string;
78
+ rowDataKey?: string;
67
79
  testId?: string;
68
80
  }>, {
69
81
  tablesSettings: () => any[];
70
82
  loadingAndEmptyStatesColumns: () => any[];
83
+ getRowId: (row: any, index: any) => any;
84
+ getRowKey: (row: any, index: any) => any;
71
85
  isSticky: boolean;
72
86
  isLoading: boolean;
73
87
  emptyStateVariant: any;
@@ -83,6 +97,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
83
97
  displayingText: string;
84
98
  outOfText: string;
85
99
  totalText: string;
100
+ rowCustomClassKey: string;
101
+ rowDataKey: string;
86
102
  testId: string;
87
103
  }>>> & {
88
104
  "onUpdate:search"?: (query: string) => any;
@@ -103,8 +119,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
103
119
  emptyStateTitle: string;
104
120
  isSticky: boolean;
105
121
  emptyStateSubtitle: string;
122
+ getRowId: (row: Row, index: number) => unknown;
123
+ getRowKey: (row: Row, index: number) => string | number;
106
124
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
107
125
  zIndexBase: number;
126
+ rowCustomClassKey: string;
127
+ rowDataKey: string;
108
128
  totalCount: number;
109
129
  displayingText: string;
110
130
  outOfText: string;
@@ -126,8 +146,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
126
146
  search?(_: {}): any;
127
147
  "table-header-actions"?(_: {}): any;
128
148
  "floating-row"?(_: {
129
- row: import("@vueuse/core").UseVirtualListItem<import("@is-ssp/table/common/Table.types").Row>;
149
+ row: import("@vueuse/core").UseVirtualListItem<Row>;
130
150
  rowIndex: number;
151
+ tableIndex: number;
131
152
  }): any;
132
153
  "empty-state"?(_: {}): any;
133
154
  }>;
@@ -1,7 +1,7 @@
1
- import e from "./MultipleDataGrid.vue2.js";
2
- /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-cfedf78b"]]);
1
+ import o from "./MultipleDataGrid.vue2.js";
2
+ /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
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
  };