@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.53

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 (153) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_3da25a36_lang.css +1 -0
  2. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css +1 -0
  3. package/ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css +1 -0
  4. package/ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css +1 -0
  5. package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css +1 -0
  6. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_bdd6ee48_lang.css +1 -0
  7. package/DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css +1 -0
  8. package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css +1 -0
  9. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css +1 -0
  10. package/DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css +1 -0
  11. package/DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css +1 -0
  12. package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css +1 -0
  13. package/Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css +1 -0
  14. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css +1 -0
  15. package/OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css +1 -0
  16. package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +1 -0
  17. package/RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css +1 -0
  18. package/RemoveButton.vue_vue_type_style_index_0_scoped_ca7fc11d_lang.css +1 -0
  19. package/SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css +1 -0
  20. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_a534c7af_lang.css +1 -0
  21. package/SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css +1 -0
  22. package/TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css +1 -0
  23. package/TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css +1 -0
  24. package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +1 -0
  25. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  26. package/components/chart/Chart.vue.d.ts +16 -1
  27. package/components/chart/Chart.vue.js +4 -4
  28. package/components/chart/Chart.vue2.js +38 -32
  29. package/components/chart/ChartHeaderTrend.vue.js +2 -2
  30. package/components/chart/ChartHeaderTrend.vue2.js +34 -33
  31. package/components/chart/ChartPlane.vue.d.ts +10 -0
  32. package/components/chart/ChartPlane.vue.js +4 -4
  33. package/components/chart/ChartPlane.vue2.js +158 -147
  34. package/components/chart/ChartStoryArgs.d.ts +17 -0
  35. package/components/chart/ChartTooltip.vue.js +2 -2
  36. package/components/chart/ChartTooltip.vue2.js +6 -6
  37. package/components/chart/TooltipHeader.vue.js +3 -3
  38. package/components/chart/TooltipHeader.vue2.js +25 -26
  39. package/components/chart/colorPalette.d.ts +2 -1
  40. package/components/chart/colorPalette.js +47 -33
  41. package/components/chart/composables/useColorsMap.d.ts +3 -1
  42. package/components/chart/composables/useColorsMap.js +32 -30
  43. package/components/chart/consts.d.ts +5 -1
  44. package/components/chart/consts.js +30 -26
  45. package/components/chart/index.d.ts +58 -1
  46. package/components/chart/mockData.d.ts +15 -0
  47. package/components/chart/types.d.ts +3 -1
  48. package/components/chart/types.js +5 -5
  49. package/components/chart/utils/utils.d.ts +1 -1
  50. package/components/chart/utils/utils.js +18 -13
  51. package/components/columnPicker/ColumnPicker.vue.d.ts +119 -0
  52. package/components/columnPicker/ColumnPicker.vue.js +7 -0
  53. package/components/columnPicker/ColumnPicker.vue2.js +322 -0
  54. package/components/columnPicker/OptionChip.vue.d.ts +53 -0
  55. package/components/columnPicker/OptionChip.vue.js +7 -0
  56. package/components/columnPicker/OptionChip.vue2.js +46 -0
  57. package/components/columnPicker/RemoveButton.vue.d.ts +38 -0
  58. package/components/columnPicker/RemoveButton.vue.js +7 -0
  59. package/components/columnPicker/RemoveButton.vue2.js +35 -0
  60. package/components/columnPicker/index.d.ts +388 -0
  61. package/components/columnPicker/index.js +6 -0
  62. package/components/columnPicker/mockData.d.ts +8 -0
  63. package/components/dialog/v3/Dialog.vue.d.ts +3 -3
  64. package/components/dialog/v3/index.d.ts +46 -46
  65. package/components/dialog/v4/DialogFooter.vue.d.ts +78 -0
  66. package/components/dialog/v4/DialogFooter.vue.js +7 -0
  67. package/components/dialog/v4/DialogFooter.vue2.js +60 -0
  68. package/components/dialog/v4/DialogHeader.vue.d.ts +60 -0
  69. package/components/dialog/v4/DialogHeader.vue.js +7 -0
  70. package/components/dialog/v4/DialogHeader.vue2.js +58 -0
  71. package/components/dialog/v4/DialogV4.vue.d.ts +9 -9
  72. package/components/dialog/v4/DialogV4.vue.js +3 -3
  73. package/components/dialog/v4/DialogV4.vue2.js +65 -107
  74. package/components/dialog/v4/index.d.ts +157 -157
  75. package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
  76. package/components/dropdown/v3/index.d.ts +20 -20
  77. package/components/dropdown/v4/ConditionalDropdown.vue.js +4 -4
  78. package/components/dropdown/v4/ConditionalDropdown.vue2.js +176 -171
  79. package/components/dropdown/v4/OptionV4.vue.d.ts +5 -0
  80. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  81. package/components/dropdown/v4/OptionV4.vue2.js +83 -70
  82. package/components/dropdown/v4/index.d.ts +20 -1
  83. package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
  84. package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
  85. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
  86. package/components/includeExclude/index.d.ts +70 -70
  87. package/components/input/v4/TextField.vue.d.ts +12 -0
  88. package/components/input/v4/TextField.vue.js +3 -3
  89. package/components/input/v4/TextField.vue2.js +129 -105
  90. package/components/input/v4/index.d.ts +46 -2
  91. package/components/link/Link.vue.d.ts +20 -0
  92. package/components/link/Link.vue.js +2 -2
  93. package/components/link/Link.vue2.js +35 -21
  94. package/components/link/index.d.ts +77 -1
  95. package/components/radioButton/v3/RadioButton.vue.d.ts +5 -0
  96. package/components/radioButton/v3/RadioButton.vue.js +3 -3
  97. package/components/radioButton/v3/RadioButton.vue2.js +42 -39
  98. package/components/radioButton/v3/index.d.ts +20 -1
  99. package/components/sortableList/SortableItem.vue.d.ts +17 -2
  100. package/components/sortableList/SortableItem.vue.js +3 -3
  101. package/components/sortableList/SortableItem.vue2.js +86 -70
  102. package/components/sortableList/SortableItemLabel.vue.js +3 -3
  103. package/components/sortableList/SortableItemLabel.vue2.js +26 -23
  104. package/components/sortableList/SortableList.types.d.ts +1 -0
  105. package/components/sortableList/SortableList.vue.d.ts +10 -0
  106. package/components/sortableList/SortableList.vue.js +3 -3
  107. package/components/sortableList/SortableList.vue2.js +104 -96
  108. package/components/sortableList/composables/useHoverEffect.js +1 -1
  109. package/components/sortableList/index.d.ts +39 -1
  110. package/components/table/v4/DataGrid.vue.d.ts +4 -4
  111. package/components/table/v4/DataGrid.vue.js +3 -3
  112. package/components/table/v4/DataGrid.vue2.js +237 -245
  113. package/components/table/v4/DataGridHeader.vue.d.ts +85 -0
  114. package/components/table/v4/DataGridHeader.vue.js +7 -0
  115. package/components/table/v4/DataGridHeader.vue2.js +82 -0
  116. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  117. package/components/table/v4/DataGridRowsCounter.vue2.js +12 -12
  118. package/components/table/v4/MultipleDataGrid.vue.d.ts +6 -5
  119. package/components/table/v4/MultipleDataGrid.vue.js +2 -2
  120. package/components/table/v4/MultipleDataGrid.vue2.js +91 -90
  121. package/components/table/v4/index.d.ts +552 -305
  122. package/components/table/v4/index.js +7 -4
  123. package/components/table/v4/storyUtils.d.ts +25 -0
  124. package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
  125. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  126. package/components/tooltip/v4/TooltipV4.vue2.js +18 -17
  127. package/components/tooltip/v4/index.d.ts +20 -1
  128. package/index.d.ts +2153 -1419
  129. package/index.js +99 -95
  130. package/package.json +5 -1
  131. package/testids/index.d.ts +7 -1
  132. package/testids/index.js +26 -25
  133. package/utils/date.js +3 -3
  134. package/utils/formatNumbers.d.ts +1 -1
  135. package/utils/formatNumbers.js +38 -21
  136. package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css +0 -1
  137. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css +0 -1
  138. package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css +0 -1
  139. package/ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css +0 -1
  140. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css +0 -1
  141. package/DataGrid.vue_vue_type_style_index_0_scoped_8e8df067_lang.css +0 -1
  142. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +0 -1
  143. package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +0 -1
  144. package/Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css +0 -1
  145. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +0 -1
  146. package/OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css +0 -1
  147. package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +0 -1
  148. package/SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css +0 -1
  149. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +0 -1
  150. package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +0 -1
  151. package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +0 -1
  152. package/TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css +0 -1
  153. package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +0 -1
@@ -1,33 +1,36 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_8e8df067_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as g, openBlock as i, createElementBlock as d, createElementVNode as f, normalizeStyle as v, normalizeClass as u, renderSlot as c, createVNode as h, withCtx as $, createTextVNode as R, toDisplayString as P, createCommentVNode as n, isRef as Se, Fragment as T, renderList as x, mergeProps as L, createBlock as D } from "vue";
2
- import p from "../../typography/v4/Typography.vue.js";
3
- import ke from "../../skeleton/v4/SkeletonV4.vue.js";
4
- import ge from "../../emptyState/v4/EmptyStateV4.vue.js";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as h, openBlock as i, createElementBlock as d, createElementVNode as m, normalizeStyle as b, normalizeClass as y, createBlock as L, isRef as Se, createSlots as ke, withCtx as S, renderSlot as r, createCommentVNode as c, Fragment as C, renderList as x, createVNode as k, createTextVNode as V, toDisplayString as z, mergeProps as I } from "vue";
2
+ import M from "../../typography/v4/Typography.vue.js";
3
+ import ge from "../../skeleton/v4/SkeletonV4.vue.js";
4
+ import me from "../../emptyState/v4/EmptyStateV4.vue.js";
5
5
  import Y from "../../checkbox/v4/CheckboxV4.vue.js";
6
- import me from "../../tooltip/v4/TooltipV4.vue.js";
7
- import { TableTestIdModifiers as S } from "../../../testids/index.js";
8
- import { tableCommon as ve } from "../common/Table.common.js";
9
- import be from "./SortIcon.vue.js";
10
- import $e from "./HelpIcon.vue.js";
11
- import Ce from "./ExpandRowToggle.vue.js";
12
- import Re from "../../search/v4/SearchV4.vue.js";
13
- import { useVModel as Te } from "@vueuse/core";
14
- import { DEFAULT_ROW_HEIGHT as xe, CHECKBOX_COLUMN_ID as pe } from "../common/consts.js";
15
- const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["data-testid"], Ie = ["data-testid"], Ve = ["data-testid"], Ae = { class: "search-wrapper" }, Pe = ["data-testid"], Le = ["data-testid"], Me = {
6
+ import be from "../../tooltip/v4/TooltipV4.vue.js";
7
+ import "./DataGrid.vue.js";
8
+ import "./DataGridMenu.vue.js";
9
+ import "./DataGridRowsCounter.vue.js";
10
+ import ve from "./DataGridHeader.vue.js";
11
+ import "./MultipleDataGrid.vue.js";
12
+ import { TableTestIdModifiers as $ } from "../../../testids/index.js";
13
+ import { tableCommon as pe } from "../common/Table.common.js";
14
+ import Ce from "./SortIcon.vue.js";
15
+ import xe from "./HelpIcon.vue.js";
16
+ import $e from "./ExpandRowToggle.vue.js";
17
+ import { DEFAULT_ROW_HEIGHT as Re, CHECKBOX_COLUMN_ID as Te } from "../common/consts.js";
18
+ const we = ["data-testid"], Be = ["data-testid"], He = ["data-testid"], Ee = {
16
19
  key: 1,
17
20
  class: "expand-toggle-cell"
18
- }, Fe = ["onClick"], Ne = { class: "table-head-container" }, Oe = {
21
+ }, Pe = ["onClick"], Le = { class: "table-head-container" }, Ve = {
19
22
  key: 0,
20
23
  class: "totals-row"
21
- }, De = ["data-testid"], Ke = ["onMouseenter", "onClick"], Ue = {
24
+ }, Ie = ["data-testid"], Me = ["onMouseenter", "onClick"], Ae = {
22
25
  key: 2,
23
26
  class: "expanded-row"
24
- }, ze = {
27
+ }, Fe = {
25
28
  key: 3,
26
29
  class: "floating-row"
27
- }, Ge = { key: 1 }, We = {
30
+ }, Ne = { key: 1 }, Oe = {
28
31
  key: 0,
29
32
  class: "table-footer"
30
- }, dt = /* @__PURE__ */ he({
33
+ }, lt = /* @__PURE__ */ he({
31
34
  __name: "DataGrid",
32
35
  props: {
33
36
  title: { default: "" },
@@ -36,9 +39,9 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
36
39
  sections: { default: null },
37
40
  sort: { default: null },
38
41
  selection: { default: null },
39
- getRowId: { type: Function, default: (s, m) => m },
40
- getRowKey: { type: Function, default: (s, m) => m },
41
- selectedMatcher: { type: Function, default: (s, m) => s === m },
42
+ getRowId: { type: Function, default: (l, g) => g },
43
+ getRowKey: { type: Function, default: (l, g) => g },
44
+ selectedMatcher: { type: Function, default: (l, g) => l === g },
42
45
  isSticky: { type: Boolean, default: !0 },
43
46
  isStickyHeader: { type: Boolean, default: !1 },
44
47
  isLoading: { type: Boolean, default: !1 },
@@ -48,7 +51,7 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
48
51
  isInfiniteScroll: { type: Boolean, default: !1 },
49
52
  showTotalsRow: { type: Boolean },
50
53
  infiniteScrollThreshold: { default: 100 },
51
- rowHeight: { type: [Number, Function], default: xe },
54
+ rowHeight: { type: [Number, Function], default: Re },
52
55
  loadingRowCount: { default: 3 },
53
56
  defaultScrollPosition: { default: null },
54
57
  helpTooltipVariant: { default: "icon" },
@@ -64,207 +67,196 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
64
67
  isSelectionBordered: { type: Boolean, default: !1 }
65
68
  },
66
69
  emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
67
- setup(s, { expose: m, emit: k }) {
68
- const a = s;
69
- ye((l) => ({
70
- "655ac77a": s.zIndexBase,
71
- "97765f12": t(ee),
72
- "7e1ea1b0": t(K)
70
+ setup(l, { expose: g, emit: f }) {
71
+ const a = l;
72
+ ye((s) => ({
73
+ d9213df8: l.zIndexBase,
74
+ c75d7f10: t(ee),
75
+ d661d51e: t(D)
73
76
  }));
74
- const b = fe(), Q = (l) => a.rowCustomClassKey && a.rows[l] ? a.rows[l][a.rowCustomClassKey] : "", {
75
- list: w,
77
+ const v = fe(), Q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
78
+ list: R,
76
79
  containerProps: X,
77
80
  wrapperProps: j,
78
- activeRow: E,
79
- gridColumnTemplate: K,
81
+ activeRow: T,
82
+ gridColumnTemplate: D,
80
83
  toggleSortOrder: q,
81
- columnsStickyPositions: H,
84
+ columnsStickyPositions: w,
82
85
  hasSearchSlot: J,
83
86
  containerStyle: Z,
84
- onScroll: U,
85
- savingRows: z,
87
+ onScroll: K,
88
+ savingRows: U,
86
89
  hasExpandSlot: B,
87
90
  toggleExpandRow: _,
88
91
  cssExpandGridCol: ee,
89
- isRowExpanded: M,
92
+ isRowExpanded: A,
90
93
  hasCheckboxes: F,
91
94
  activeMenuRow: te,
92
95
  scrollTo: se
93
- } = ve(a, k), G = g(() => !!b.footer), le = g(
94
- () => a.title || b.title || J.value || b["table-header-actions"] || b["table-header-pre-search"]
95
- ), C = Te(a, "search", k), ae = g(() => a.selection.length || 0), N = g(() => {
96
- const l = a.rows.map((o, e) => a.getRowId(o, e));
97
- return !!l.length && l.every((o) => I(o));
98
- }), I = (l) => a.selection.findIndex((o) => a.selectedMatcher(l, o)) !== -1, ie = (l) => {
99
- I(l) ? (V(
96
+ } = pe(a, f), G = h(() => !!v.footer), le = h(
97
+ () => a.title || v.title || J.value || v["table-header-actions"] || v["table-header-pre-search"]
98
+ ), p = h({
99
+ get: () => a.search,
100
+ set: (s) => f("update:search", s)
101
+ }), ae = h(() => a.selection.length || 0), N = h(() => {
102
+ const s = a.rows.map((o, e) => a.getRowId(o, e));
103
+ return !!s.length && s.every((o) => H(o));
104
+ }), H = (s) => a.selection.findIndex((o) => a.selectedMatcher(s, o)) !== -1, ie = (s) => {
105
+ H(s) ? (E(
100
106
  a.selection.filter(
101
- (o) => !a.selectedMatcher(l, o)
107
+ (o) => !a.selectedMatcher(s, o)
102
108
  )
103
- ), k("selectRow", !1)) : (V([...a.selection, l]), k("selectRow", !0));
104
- }, de = () => {
109
+ ), f("selectRow", !1)) : (E([...a.selection, s]), f("selectRow", !0));
110
+ }, oe = () => {
105
111
  if (N.value)
106
- V([]), k("selectAll", !1);
112
+ E([]), f("selectAll", !1);
107
113
  else {
108
- const l = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !I(o));
109
- V([...a.selection, ...l]), k("selectAll", !0);
114
+ const s = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !H(o));
115
+ E([...a.selection, ...s]), f("selectAll", !0);
110
116
  }
111
- }, V = (l) => {
112
- k("update:selection", l);
113
- }, oe = (l) => !a.isLoading && E.value === l, ne = g(
114
- () => a.emptyStateVariant ?? (C.value ? "no-results" : "no-data")
115
- ), re = g(
116
- () => a.emptyStateSubtitle ? a.emptyStateSubtitle : C.value ? "Search again with different filters" : void 0
117
- ), O = g(() => ({
117
+ }, E = (s) => {
118
+ f("update:selection", s);
119
+ }, de = (s) => !a.isLoading && T.value === s, ne = h(
120
+ () => a.emptyStateVariant ?? (p.value ? "no-results" : "no-data")
121
+ ), re = h(
122
+ () => a.emptyStateSubtitle ? a.emptyStateSubtitle : p.value ? "Search again with different filters" : void 0
123
+ ), O = h(() => ({
118
124
  class: {
119
125
  sticky: a.isSelectionSticky,
120
126
  bordered: a.isSelectionBordered
121
127
  },
122
- style: a.isSelectionSticky ? H.value[pe] : null
123
- })), ce = (l) => ({
124
- sticky: l.isSticky,
125
- isStickyRight: l.isStickyRight,
126
- bordered: l.isBordered,
127
- isTextRight: l.isTextRight
128
- }), W = g(
129
- () => a.columns.map((l) => ce(l))
130
- ), ue = (l) => ({
131
- minHeight: (typeof a.rowHeight == "function" ? a.rowHeight(l) : a.rowHeight) + "px"
132
- }), A = g(() => w.value.reduce((l, o) => (l[o.index] = ue(o.index), l), {}));
133
- return m({
128
+ style: a.isSelectionSticky ? w.value[Te] : null
129
+ })), ce = (s) => ({
130
+ sticky: s.isSticky,
131
+ isStickyRight: s.isStickyRight,
132
+ bordered: s.isBordered,
133
+ isTextRight: s.isTextRight
134
+ }), W = h(
135
+ () => a.columns.map((s) => ce(s))
136
+ ), ue = (s) => ({
137
+ minHeight: (typeof a.rowHeight == "function" ? a.rowHeight(s) : a.rowHeight) + "px"
138
+ }), P = h(() => R.value.reduce((s, o) => (s[o.index] = ue(o.index), s), {}));
139
+ return g({
134
140
  scrollTo: se
135
- }), (l, o) => (i(), d("div", {
141
+ }), (s, o) => (i(), d("div", {
136
142
  class: "table-container",
137
- "data-testid": `${s.testId}-${t(S).CONTAINER}`,
138
- onMouseleave: o[3] || (o[3] = (e) => E.value = null)
143
+ "data-testid": `${l.testId}-${t($).CONTAINER}`,
144
+ onMouseleave: o[3] || (o[3] = (e) => T.value = null)
139
145
  }, [
140
- f("table", {
146
+ m("table", {
141
147
  ref: t(X).ref,
142
- style: v(t(Z)),
143
- class: u({
148
+ style: b(t(Z)),
149
+ class: y({
144
150
  hasFooter: t(G)
145
151
  }),
146
- "data-testid": `${s.testId}-${t(S).TABLE}`,
152
+ "data-testid": `${l.testId}-${t($).TABLE}`,
147
153
  onScrollPassive: o[2] || (o[2] = //@ts-ignore
148
- (...e) => t(U) && t(U)(...e))
154
+ (...e) => t(K) && t(K)(...e))
149
155
  }, [
150
- t(le) ? (i(), d("div", {
156
+ t(le) ? (i(), L(t(ve), {
151
157
  key: 0,
152
- class: u(["table-header", { isStickyHeader: s.isStickyHeader }]),
153
- "data-testid": `${s.testId}-${t(S).HEADER}`
158
+ search: t(p),
159
+ "onUpdate:search": o[0] || (o[0] = (e) => Se(p) ? p.value = e : null),
160
+ title: l.title,
161
+ "is-sticky": l.isStickyHeader,
162
+ "show-search": l.showSearch,
163
+ "search-placeholder": l.searchPlaceholder,
164
+ "search-auto-focus": l.searchAutoFocus,
165
+ "z-index-base": l.zIndexBase,
166
+ "test-id": l.testId,
167
+ onOnClearSearch: o[1] || (o[1] = (e) => f("onClearSearch"))
168
+ }, ke({
169
+ title: S(() => [
170
+ r(s.$slots, "title")
171
+ ]),
172
+ search: S(() => [
173
+ r(s.$slots, "search")
174
+ ]),
175
+ _: 2
154
176
  }, [
155
- f("div", {
156
- class: "table-title",
157
- "data-testid": `${s.testId}-${t(S).TITLE}`
158
- }, [
159
- c(l.$slots, "title", {}, () => [
160
- h(t(p), { variant: "h3" }, {
161
- default: $(() => [
162
- R(P(s.title), 1)
163
- ]),
164
- _: 1
165
- })
166
- ])
167
- ], 8, Be),
168
- t(b)["table-header-pre-search"] ? (i(), d("div", {
169
- key: 0,
170
- class: "table-header-pre-search-content",
171
- "data-testid": `${s.testId}-${t(S).PRE_SEARCH_HEADER}`
172
- }, [
173
- c(l.$slots, "table-header-pre-search")
174
- ], 8, Ie)) : n("", !0),
175
- f("div", {
176
- class: "table-header-right",
177
- "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
178
- }, [
179
- s.showSearch ? c(l.$slots, "search", { key: 0 }, () => [
180
- f("div", Ae, [
181
- h(t(Re), {
182
- modelValue: t(C),
183
- "onUpdate:modelValue": o[0] || (o[0] = (e) => Se(C) ? C.value = e : null),
184
- placeholder: s.searchPlaceholder,
185
- "auto-focus": s.searchAutoFocus,
186
- "test-id": s.testId,
187
- onOnClear: o[1] || (o[1] = (e) => k("onClearSearch"))
188
- }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
189
- ])
190
- ]) : n("", !0)
191
- ], 8, Ve),
192
- t(b)["table-header-actions"] ? (i(), d("div", {
193
- key: 1,
194
- class: "table-header-actions",
195
- "data-testid": `${s.testId}-${t(S).ACTIONS}`
196
- }, [
197
- c(l.$slots, "table-header-actions")
198
- ], 8, Pe)) : n("", !0)
199
- ], 10, He)) : n("", !0),
200
- f("thead", {
201
- class: u({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
177
+ t(v)["table-header-pre-search"] ? {
178
+ name: "table-header-pre-search",
179
+ fn: S(() => [
180
+ r(s.$slots, "table-header-pre-search")
181
+ ]),
182
+ key: "0"
183
+ } : void 0,
184
+ t(v)["table-header-actions"] ? {
185
+ name: "table-header-actions",
186
+ fn: S(() => [
187
+ r(s.$slots, "table-header-actions")
188
+ ]),
189
+ key: "1"
190
+ } : void 0
191
+ ]), 1032, ["search", "title", "is-sticky", "show-search", "search-placeholder", "search-auto-focus", "z-index-base", "test-id"])) : c("", !0),
192
+ m("thead", {
193
+ class: y({ sticky: l.isSticky, isStickyHeader: l.isStickyHeader })
202
194
  }, [
203
- f("div", {
195
+ m("div", {
204
196
  class: "sections",
205
- "data-testid": `${s.testId}-${t(S).SECTIONS}`
197
+ "data-testid": `${l.testId}-${t($).SECTIONS}`
206
198
  }, [
207
- (i(!0), d(T, null, x(s.sections, (e) => (i(), d("div", {
199
+ (i(!0), d(C, null, x(l.sections, (e) => (i(), d("div", {
208
200
  key: e.id,
209
- class: u(["section-container", { sticky: e.isSticky }])
201
+ class: y(["section-container", { sticky: e.isSticky }])
210
202
  }, [
211
- c(l.$slots, `section-${e.id}`, {}, () => [
212
- f("div", {
213
- style: v({ width: e.width + "px" }),
214
- class: u({ section: !0 })
203
+ r(s.$slots, `section-${e.id}`, {}, () => [
204
+ m("div", {
205
+ style: b({ width: e.width + "px" }),
206
+ class: y({ section: !0 })
215
207
  }, [
216
- h(t(p), { variant: "body2" }, {
217
- default: $(() => [
218
- R(P(e.title), 1)
208
+ k(t(M), { variant: "body2" }, {
209
+ default: S(() => [
210
+ V(z(e.title), 1)
219
211
  ]),
220
212
  _: 2
221
213
  }, 1024)
222
214
  ], 4)
223
215
  ])
224
216
  ], 2))), 128))
225
- ], 8, Le),
226
- f("tr", null, [
227
- t(F) ? (i(), d("th", L({
217
+ ], 8, He),
218
+ m("tr", null, [
219
+ t(F) ? (i(), d("th", I({
228
220
  key: 0,
229
221
  class: "checkbox-cell"
230
222
  }, t(O)), [
231
- c(l.$slots, "select-all-checkbox", {}, () => [
232
- h(t(Y), {
233
- disabled: s.isLoading,
223
+ r(s.$slots, "select-all-checkbox", {}, () => [
224
+ k(t(Y), {
225
+ disabled: l.isLoading,
234
226
  "is-checked": t(N),
235
227
  "is-indeterminate": !t(N) && t(ae) > 0,
236
- "onUpdate:isChecked": de
228
+ "onUpdate:isChecked": oe
237
229
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
238
230
  ])
239
- ], 16)) : n("", !0),
240
- t(B) ? (i(), d("th", Me)) : n("", !0),
241
- (i(!0), d(T, null, x(s.columns, (e, y) => (i(), d("th", {
231
+ ], 16)) : c("", !0),
232
+ t(B) ? (i(), d("th", Ee)) : c("", !0),
233
+ (i(!0), d(C, null, x(l.columns, (e, u) => (i(), d("th", {
242
234
  key: e.id,
243
- class: u({
244
- ...t(W)[y],
235
+ class: y({
236
+ ...t(W)[u],
245
237
  isSortable: e.isSortable,
246
238
  [`column-${e.id}`]: !0
247
239
  }),
248
- style: v(e.isSticky ? t(H)[e.id] : null),
249
- onClick: (r) => e.isSortable ? t(q)(e) : null
240
+ style: b(e.isSticky ? t(w)[e.id] : null),
241
+ onClick: (n) => e.isSortable ? t(q)(e) : null
250
242
  }, [
251
- f("div", Ne, [
252
- c(l.$slots, `header-${e.id}`, { column: e }, () => [
253
- h(t(me), {
243
+ m("div", Le, [
244
+ r(s.$slots, `header-${e.id}`, { column: e }, () => [
245
+ k(t(be), {
254
246
  text: e.helpText,
255
- disabled: !e.helpText || s.helpTooltipVariant === "icon",
247
+ disabled: !e.helpText || l.helpTooltipVariant === "icon",
256
248
  placement: e.helpTextPlacement || "top",
257
249
  "test-id": `help-tooltip-underlined-${e.id}`
258
250
  }, {
259
- default: $(() => [
260
- h(t(p), {
251
+ default: S(() => [
252
+ k(t(M), {
261
253
  variant: "tableLabel",
262
- class: u({
263
- underlined: e.helpText && s.helpTooltipVariant === "underline"
254
+ class: y({
255
+ underlined: e.helpText && l.helpTooltipVariant === "underline"
264
256
  })
265
257
  }, {
266
- default: $(() => [
267
- R(P(e.title), 1)
258
+ default: S(() => [
259
+ V(z(e.title), 1)
268
260
  ]),
269
261
  _: 2
270
262
  }, 1032, ["class"])
@@ -272,156 +264,156 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
272
264
  _: 2
273
265
  }, 1032, ["text", "disabled", "placement", "test-id"])
274
266
  ]),
275
- e.helpText && s.helpTooltipVariant === "icon" ? (i(), D($e, {
267
+ e.helpText && l.helpTooltipVariant === "icon" ? (i(), L(xe, {
276
268
  key: 0,
277
269
  "hover-help-text": e.helpText,
278
270
  "hover-help-text-placement": e.helpTextPlacement,
279
271
  "test-id": `help-tooltip-${e.id}`
280
- }, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : n("", !0),
281
- c(l.$slots, `after-header-${e.id}`, { column: e }),
282
- e.isSortable && e.id === s.sort?.sortBy ? (i(), D(be, {
272
+ }, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : c("", !0),
273
+ r(s.$slots, `after-header-${e.id}`, { column: e }),
274
+ e.isSortable && e.id === l.sort?.sortBy ? (i(), L(Ce, {
283
275
  key: 1,
284
- "sort-order": s.sort.sortOrder
285
- }, null, 8, ["sort-order"])) : n("", !0)
276
+ "sort-order": l.sort.sortOrder
277
+ }, null, 8, ["sort-order"])) : c("", !0)
286
278
  ])
287
- ], 14, Fe))), 128))
279
+ ], 14, Pe))), 128))
288
280
  ]),
289
- s.showTotalsRow && t(w).length > 0 ? (i(), d("tr", Oe, [
290
- t(F) ? (i(), d("td", L({
281
+ l.showTotalsRow && t(R).length > 0 ? (i(), d("tr", Ve, [
282
+ t(F) ? (i(), d("td", I({
291
283
  key: 0,
292
284
  class: "bg"
293
- }, t(O)), null, 16)) : n("", !0),
294
- (i(!0), d(T, null, x(s.columns, (e, y) => (i(), d("td", {
285
+ }, t(O)), null, 16)) : c("", !0),
286
+ (i(!0), d(C, null, x(l.columns, (e, u) => (i(), d("td", {
295
287
  key: e.id,
296
- class: u({
297
- ...t(W)[y],
288
+ class: y({
289
+ ...t(W)[u],
298
290
  [`total-${e.id}`]: !0
299
291
  }),
300
- style: v(e.isSticky ? t(H)[e.id] : null)
292
+ style: b(e.isSticky ? t(w)[e.id] : null)
301
293
  }, [
302
- c(l.$slots, `total-${e.id}`, { column: e }, () => [
303
- y === 0 ? (i(), D(t(p), {
294
+ r(s.$slots, `total-${e.id}`, { column: e }, () => [
295
+ u === 0 ? (i(), L(t(M), {
304
296
  key: 0,
305
297
  variant: "h6"
306
298
  }, {
307
- default: $(() => [
308
- R("Totals")
299
+ default: S(() => [
300
+ V("Totals")
309
301
  ]),
310
302
  _: 1
311
- })) : n("", !0)
303
+ })) : c("", !0)
312
304
  ])
313
305
  ], 6))), 128))
314
- ])) : n("", !0)
306
+ ])) : c("", !0)
315
307
  ], 2),
316
- f("tbody", null, [
317
- t(w).length > 0 ? (i(), d("div", L({
308
+ m("tbody", null, [
309
+ t(R).length > 0 ? (i(), d("div", I({
318
310
  key: 0,
319
311
  class: "table-body-wrapper",
320
- "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
312
+ "data-testid": `${l.testId}-${t($).BODY_WRAPPER}`
321
313
  }, t(j)), [
322
- (i(!0), d(T, null, x(t(w), (e) => (i(), d("tr", {
323
- key: s.getRowKey(e.data, e.index),
324
- class: u(["table-row", {
325
- loading: s.isLoading || s.isLoading && !e.data || t(z).includes(e.index),
326
- active: t(E) === e.index,
314
+ (i(!0), d(C, null, x(t(R), (e) => (i(), d("tr", {
315
+ key: l.getRowKey(e.data, e.index),
316
+ class: y(["table-row", {
317
+ loading: l.isLoading || l.isLoading && !e.data || t(U).includes(e.index),
318
+ active: t(T) === e.index,
327
319
  activeMenu: t(te) === e.index,
328
- expanded: t(B) && t(M)(e.index),
320
+ expanded: t(B) && t(A)(e.index),
329
321
  [Q(e.index)]: !0
330
322
  }]),
331
- style: v(t(A)[e.index]),
332
- onMouseenter: (y) => E.value = e.index,
333
- onClick: (y) => k("clickRow", e.index)
323
+ style: b(t(P)[e.index]),
324
+ onMouseenter: (u) => T.value = e.index,
325
+ onClick: (u) => f("clickRow", e.index)
334
326
  }, [
335
- t(F) ? (i(), d("td", L({
327
+ t(F) ? (i(), d("td", I({
336
328
  key: 0,
337
329
  class: "checkbox-cell"
338
330
  }, t(O), {
339
- style: t(A)[e.index]
331
+ style: t(P)[e.index]
340
332
  }), [
341
- h(t(Y), {
342
- "is-checked": I(s.getRowId(e.data, e.index)),
343
- "onUpdate:isChecked": (y) => ie(s.getRowId(e.data, e.index))
333
+ k(t(Y), {
334
+ "is-checked": H(l.getRowId(e.data, e.index)),
335
+ "onUpdate:isChecked": (u) => ie(l.getRowId(e.data, e.index))
344
336
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
345
- ], 16)) : n("", !0),
337
+ ], 16)) : c("", !0),
346
338
  t(B) ? (i(), d("td", {
347
339
  key: 1,
348
340
  class: "expand-toggle-cell",
349
- style: v(t(A)[e.index])
341
+ style: b(t(P)[e.index])
350
342
  }, [
351
- h(Ce, {
352
- expanded: t(M)(e.index),
353
- onClick: (y) => t(_)(e.index, y)
343
+ k($e, {
344
+ expanded: t(A)(e.index),
345
+ onClick: (u) => t(_)(e.index, u)
354
346
  }, null, 8, ["expanded", "onClick"])
355
- ], 4)) : n("", !0),
356
- (i(!0), d(T, null, x(s.columns, (y, r) => (i(), d("td", {
357
- key: r,
358
- class: u({
359
- sticky: s.columns[r].isSticky,
360
- isStickyRight: s.columns[r].isStickyRight,
361
- bordered: s.columns[r].isBordered,
362
- isTextRight: s.columns[r].isTextRight,
363
- [`column-${s.columns[r].id}`]: !0
347
+ ], 4)) : c("", !0),
348
+ (i(!0), d(C, null, x(l.columns, (u, n) => (i(), d("td", {
349
+ key: n,
350
+ class: y({
351
+ sticky: l.columns[n].isSticky,
352
+ isStickyRight: l.columns[n].isStickyRight,
353
+ bordered: l.columns[n].isBordered,
354
+ isTextRight: l.columns[n].isTextRight,
355
+ [`column-${l.columns[n].id}`]: !0
364
356
  }),
365
- style: v([
366
- s.columns[r].isSticky ? t(H)[s.columns[r].id] : null,
367
- t(A)[e.index]
357
+ style: b([
358
+ l.columns[n].isSticky ? t(w)[l.columns[n].id] : null,
359
+ t(P)[e.index]
368
360
  ])
369
361
  }, [
370
- !s.isLoading || s.isLoading && e.data[r] ? (i(), d("div", {
362
+ !l.isLoading || l.isLoading && e.data[n] ? (i(), d("div", {
371
363
  key: 0,
372
- class: u(["table-cell", { last: r === e.data.length - 1 }])
364
+ class: y(["table-cell", { last: n === e.data.length - 1 }])
373
365
  }, [
374
- c(l.$slots, `cell-${s.columns[r].id}`, {
375
- cell: e.data[r],
376
- isLoading: t(z).includes(e.index),
377
- cellIndex: r,
366
+ r(s.$slots, `cell-${l.columns[n].id}`, {
367
+ cell: e.data[n],
368
+ isLoading: t(U).includes(e.index),
369
+ cellIndex: n,
378
370
  row: e,
379
371
  rowIndex: e.index
380
372
  }, () => [
381
- h(t(p), { variant: "body1" }, {
382
- default: $(() => [
383
- R(P(e.data[r]), 1)
373
+ k(t(M), { variant: "body1" }, {
374
+ default: S(() => [
375
+ V(z(e.data[n]), 1)
384
376
  ]),
385
377
  _: 2
386
378
  }, 1024)
387
379
  ])
388
- ], 2)) : c(l.$slots, "loader", { key: 1 }, () => [
389
- h(t(ke), { round: "" })
380
+ ], 2)) : r(s.$slots, "loader", { key: 1 }, () => [
381
+ k(t(ge), { round: "" })
390
382
  ])
391
383
  ], 6))), 128)),
392
- t(B) && t(M)(e.index) ? (i(), d("div", Ue, [
393
- c(l.$slots, "expanded", {
384
+ t(B) && t(A)(e.index) ? (i(), d("div", Ae, [
385
+ r(s.$slots, "expanded", {
394
386
  row: e,
395
- gridColumnTemplate: t(K)
387
+ gridColumnTemplate: t(D)
396
388
  })
397
- ])) : n("", !0),
398
- oe(e.index) ? (i(), d("div", ze, [
399
- c(l.$slots, "floating-row", {
389
+ ])) : c("", !0),
390
+ de(e.index) ? (i(), d("div", Fe, [
391
+ r(s.$slots, "floating-row", {
400
392
  row: e,
401
393
  rowIndex: e.index
402
394
  })
403
- ])) : n("", !0)
404
- ], 46, Ke))), 128))
405
- ], 16, De)) : (i(), d("div", Ge, [
406
- c(l.$slots, "empty-state", {}, () => [
407
- h(t(ge), {
395
+ ])) : c("", !0)
396
+ ], 46, Me))), 128))
397
+ ], 16, Ie)) : (i(), d("div", Ne, [
398
+ r(s.$slots, "empty-state", {}, () => [
399
+ k(t(me), {
408
400
  class: "empty-state",
409
- title: s.emptyStateTitle,
401
+ title: l.emptyStateTitle,
410
402
  subtitle: t(re),
411
403
  variant: t(ne),
412
404
  "icon-name": "file-search",
413
- "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
405
+ "test-id": `${l.testId}-${t($).EMPTY_STATE}`
414
406
  }, null, 8, ["title", "subtitle", "variant", "test-id"])
415
407
  ])
416
408
  ]))
417
409
  ])
418
- ], 46, Ee),
419
- t(G) ? (i(), d("div", We, [
420
- c(l.$slots, "footer")
421
- ])) : n("", !0)
410
+ ], 46, Be),
411
+ t(G) ? (i(), d("div", Oe, [
412
+ r(s.$slots, "footer")
413
+ ])) : c("", !0)
422
414
  ], 40, we));
423
415
  }
424
416
  });
425
417
  export {
426
- dt as default
418
+ lt as default
427
419
  };