@ironsource/shared-ui 2.1.6-rc.4 → 2.1.6-rc.41

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 (149) hide show
  1. package/Alert.vue_vue_type_style_index_0_scoped_5cdc75dd_lang.css +1 -0
  2. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css +1 -0
  3. package/AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css +1 -0
  4. package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css +1 -0
  5. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +1 -0
  6. package/ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css +1 -0
  7. package/DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css +1 -0
  8. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_0345d6b1_lang.css +1 -0
  9. package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +1 -0
  10. package/Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css +1 -0
  11. package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css +1 -0
  12. package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css +1 -0
  13. package/FoldableSection.vue_vue_type_style_index_0_scoped_1a5f0e2e_lang.css +1 -0
  14. package/{FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css → FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css} +1 -1
  15. package/HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css +1 -0
  16. package/IconV4.vue_vue_type_style_index_0_scoped_9d3c9cda_lang.css +1 -0
  17. package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css +1 -0
  18. package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css +1 -0
  19. package/TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css +1 -0
  20. package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css +1 -0
  21. package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css +1 -0
  22. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +1 -0
  23. package/TreeDropdown.vue_vue_type_style_index_0_scoped_142eab98_lang.css +1 -0
  24. package/components/alert/Alert.vue.d.ts +23 -0
  25. package/components/alert/Alert.vue.js +3 -3
  26. package/components/alert/Alert.vue2.js +68 -48
  27. package/components/alert/index.d.ts +85 -2
  28. package/components/appHeader/AppHeader.vue.d.ts +6 -2
  29. package/components/appHeader/AppHeader.vue.js +2 -2
  30. package/components/appHeader/AppHeader.vue2.js +30 -28
  31. package/components/appHeader/index.d.ts +6 -2
  32. package/components/autocomplete/Autocomplete.vue.d.ts +6 -0
  33. package/components/autocomplete/Autocomplete.vue.js +2 -2
  34. package/components/autocomplete/Autocomplete.vue2.js +45 -37
  35. package/components/autocomplete/index.d.ts +21 -1
  36. package/components/button/v4/ButtonV4.vue.d.ts +7 -7
  37. package/components/button/v4/IconButtonV4.vue.d.ts +4 -4
  38. package/components/button/v4/index.d.ts +61 -61
  39. package/components/chip/v4/Chip.types.d.ts +6 -0
  40. package/components/chip/v4/ChipV4.vue.d.ts +28 -35
  41. package/components/chip/v4/ChipV4.vue.js +3 -3
  42. package/components/chip/v4/ChipV4.vue2.js +28 -59
  43. package/components/chip/v4/index.d.ts +45 -148
  44. package/components/dialog/v3/Dialog.vue.d.ts +1 -1
  45. package/components/dialog/v3/index.d.ts +20 -20
  46. package/components/dialog/v4/DialogV4.vue.js +3 -3
  47. package/components/dialog/v4/DialogV4.vue2.js +67 -62
  48. package/components/dropdown/common/Dropdown.common.js +74 -69
  49. package/components/dropdown/common/Option.common.d.ts +1 -1
  50. package/components/dropdown/common/Option.common.js +9 -9
  51. package/components/dropdown/composables/useChildOptions.d.ts +7 -0
  52. package/components/dropdown/composables/useChildOptions.js +14 -0
  53. package/components/dropdown/v3/Dropdown.vue.d.ts +4 -0
  54. package/components/dropdown/v3/Dropdown.vue.js +4 -4
  55. package/components/dropdown/v3/Dropdown.vue2.js +32 -32
  56. package/components/dropdown/v3/index.d.ts +13 -1
  57. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +16 -3
  58. package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
  59. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +102 -61
  60. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  61. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
  62. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +8 -3
  63. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  64. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +22 -21
  65. package/components/dropdown/v4/DropdownV4.vue.d.ts +35 -3
  66. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  67. package/components/dropdown/v4/DropdownV4.vue2.js +127 -114
  68. package/components/dropdown/v4/OptionV4.vue.d.ts +14 -3
  69. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  70. package/components/dropdown/v4/OptionV4.vue2.js +79 -56
  71. package/components/dropdown/v4/TreeDropdown.vue.d.ts +112 -0
  72. package/components/dropdown/v4/TreeDropdown.vue.js +7 -0
  73. package/components/dropdown/v4/TreeDropdown.vue2.js +122 -0
  74. package/components/dropdown/v4/dropdownStoryArgs.d.ts +1 -1
  75. package/components/dropdown/v4/index.d.ts +422 -38
  76. package/components/dropdown/v4/index.js +7 -4
  77. package/components/emptyState/v3/EmptyState.vue.d.ts +2 -2
  78. package/components/emptyState/v3/index.d.ts +47 -47
  79. package/components/emptyState/v4/EmptyStateV4.vue.d.ts +3 -3
  80. package/components/emptyState/v4/index.d.ts +7 -7
  81. package/components/forms/FormCard.vue.js +2 -2
  82. package/components/forms/FormCard.vue2.js +9 -9
  83. package/components/icon/v4/Icon.types.d.ts +1 -1
  84. package/components/icon/v4/IconV4.vue.d.ts +16 -6
  85. package/components/icon/v4/IconV4.vue.js +4 -4
  86. package/components/icon/v4/IconV4.vue2.js +36 -33
  87. package/components/icon/v4/index.d.ts +53 -15
  88. package/components/inlineCopy/InlineCopy.vue.d.ts +6 -2
  89. package/components/inlineCopy/InlineCopy.vue.js +3 -3
  90. package/components/inlineCopy/InlineCopy.vue2.js +23 -22
  91. package/components/inlineCopy/index.d.ts +6 -2
  92. package/components/input/v4/TextField.vue.d.ts +5 -0
  93. package/components/input/v4/TextField.vue.js +3 -3
  94. package/components/input/v4/TextField.vue2.js +24 -21
  95. package/components/input/v4/index.d.ts +20 -1
  96. package/components/layout/FoldableSection.vue.js +5 -5
  97. package/components/layout/FoldableSection.vue2.js +1 -1
  98. package/components/multibar/MultiBarMenu.vue2.js +12 -11
  99. package/components/shared/FieldLabel.vue.js +3 -3
  100. package/components/shared/FieldLabel.vue2.js +9 -9
  101. package/components/snackbar/v4/SnackbarV4.vue.d.ts +20 -20
  102. package/components/table/common/Table.common.d.ts +1 -0
  103. package/components/table/common/Table.common.js +65 -61
  104. package/components/table/v4/DataGrid.vue.d.ts +9 -1
  105. package/components/table/v4/DataGrid.vue.js +3 -3
  106. package/components/table/v4/DataGrid.vue2.js +180 -176
  107. package/components/table/v4/DataGridMenu.vue2.js +3 -2
  108. package/components/table/v4/HelpIcon.vue.js +5 -5
  109. package/components/table/v4/HelpIcon.vue2.js +5 -5
  110. package/components/table/v4/index.d.ts +29 -5
  111. package/components/textArea/v4/TextAreaV4.vue.js +3 -3
  112. package/components/textArea/v4/TextAreaV4.vue2.js +1 -1
  113. package/components/toggle/v4/ToggleV4.vue.d.ts +1 -1
  114. package/components/toggle/v4/ToggleV4.vue.js +3 -3
  115. package/components/toggle/v4/ToggleV4.vue2.js +12 -12
  116. package/components/toggle/v4/index.d.ts +20 -20
  117. package/components/tooltip/v4/TooltipV4.vue.d.ts +6 -2
  118. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  119. package/components/tooltip/v4/TooltipV4.vue2.js +21 -19
  120. package/components/tooltip/v4/index.d.ts +17 -5
  121. package/composables/useFormValidation.js +19 -13
  122. package/design-foundation.stories/icons/iconsData.d.ts +5 -1
  123. package/index.d.ts +1451 -688
  124. package/mocks/apps.d.ts +1 -0
  125. package/mocks/options.d.ts +12 -0
  126. package/package.json +1 -1
  127. package/utils/text.d.ts +1 -0
  128. package/utils/text.js +9 -0
  129. package/Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css +0 -1
  130. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css +0 -1
  131. package/AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css +0 -1
  132. package/Autocomplete.vue_vue_type_style_index_0_scoped_62faa8e0_lang.css +0 -1
  133. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css +0 -1
  134. package/ChipV4.vue_vue_type_style_index_0_scoped_78d7c9c0_lang.css +0 -1
  135. package/DataGrid.vue_vue_type_style_index_0_scoped_c96fba2c_lang.css +0 -1
  136. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css +0 -1
  137. package/DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css +0 -1
  138. package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +0 -1
  139. package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css +0 -1
  140. package/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css +0 -1
  141. package/FoldableSection.vue_vue_type_style_index_0_scoped_8d0fd203_lang.css +0 -1
  142. package/HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css +0 -1
  143. package/IconV4.vue_vue_type_style_index_0_scoped_a78f8a3e_lang.css +0 -1
  144. package/InlineCopy.vue_vue_type_style_index_0_scoped_ff9f4a0f_lang.css +0 -1
  145. package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css +0 -1
  146. package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css +0 -1
  147. package/TextField.vue_vue_type_style_index_0_scoped_07687bcc_lang.css +0 -1
  148. package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css +0 -1
  149. package/TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css +0 -1
@@ -1,34 +1,34 @@
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";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css"; import { defineComponent as le, useCssVars as ie, unref as t, useSlots as de, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as C, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as E, toDisplayString as w, isRef as oe, createCommentVNode as r, Fragment as B, renderList as I, createBlock as D, mergeProps as ne } from "vue";
2
2
  import p from "../../typography/v4/Typography.vue.js";
3
- import oe from "../../skeleton/v4/SkeletonV4.vue.js";
4
- import ne from "../../emptyState/v4/EmptyStateV4.vue.js";
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";
9
- import ue from "./HelpIcon.vue.js";
10
- import he from "./ExpandRowToggle.vue.js";
11
- import ye from "../../search/v4/SearchV4.vue.js";
12
- import { useVModel as fe } from "@vueuse/core";
13
- const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = { class: "search-wrapper" }, $e = ["data-testid"], Re = ["data-testid"], xe = {
3
+ import ce from "../../skeleton/v4/SkeletonV4.vue.js";
4
+ import re from "../../emptyState/v4/EmptyStateV4.vue.js";
5
+ import U from "../../checkbox/v4/CheckboxV4.vue.js";
6
+ import { TableTestIdModifiers as S } from "../../../testids/index.js";
7
+ import { tableCommon as ue } from "../common/Table.common.js";
8
+ import he from "./SortIcon.vue.js";
9
+ import ye from "./HelpIcon.vue.js";
10
+ import fe from "./ExpandRowToggle.vue.js";
11
+ import Se from "../../search/v4/SearchV4.vue.js";
12
+ import { useVModel as ke } from "@vueuse/core";
13
+ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = { class: "search-wrapper" }, xe = ["data-testid"], Ce = ["data-testid"], Te = {
14
14
  key: 0,
15
15
  class: "checkbox-cell"
16
- }, Te = {
16
+ }, Ee = {
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
+ }, we = ["onClick"], Be = { class: "table-head-container" }, Ie = ["data-testid"], pe = ["onMouseenter", "onClick"], Ae = {
20
20
  key: 0,
21
21
  class: "checkbox-cell"
22
- }, we = {
22
+ }, Me = {
23
23
  key: 1,
24
24
  class: "expand-toggle-cell"
25
- }, Me = {
25
+ }, Pe = {
26
26
  key: 2,
27
27
  class: "expanded-row"
28
- }, Pe = { key: 1 }, Ve = {
28
+ }, Ve = { key: 1 }, He = {
29
29
  key: 0,
30
30
  class: "table-footer"
31
- }, We = /* @__PURE__ */ ae({
31
+ }, qe = /* @__PURE__ */ le({
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, m) => m },
41
+ selectedMatcher: { type: Function, default: (s, m) => s === m },
42
42
  isSticky: { type: Boolean, default: !0 },
43
43
  isStickyHeader: { type: Boolean, default: !1 },
44
44
  isLoading: { type: Boolean, default: !1 },
@@ -57,156 +57,159 @@ 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", "clickRow"],
61
+ setup(s, { expose: m, emit: y }) {
62
+ const o = s;
63
+ ie((a) => ({
64
+ "671cd302": s.zIndexBase,
65
+ be93a49a: t(K),
66
+ "13ad9fec": t(H),
67
+ "6feb5274": t(J)
68
68
  }));
69
- const v = ie(), {
69
+ const b = de(), {
70
70
  list: V,
71
- containerProps: U,
72
- wrapperProps: G,
73
- activeRow: w,
71
+ containerProps: G,
72
+ wrapperProps: Y,
73
+ activeRow: A,
74
74
  gridColumnTemplate: H,
75
- toggleSortOrder: Y,
75
+ toggleSortOrder: Q,
76
76
  columnsStickyPositions: L,
77
- hasSearchSlot: Q,
78
- containerStyle: W,
79
- onScroll: A,
80
- savingRows: N,
81
- hasExpandSlot: b,
82
- toggleExpandRow: j,
83
- cssRowHeight: q,
84
- cssExpandGridCol: J,
77
+ hasSearchSlot: W,
78
+ containerStyle: j,
79
+ onScroll: N,
80
+ savingRows: F,
81
+ hasExpandSlot: $,
82
+ toggleExpandRow: q,
83
+ cssRowHeight: J,
84
+ cssExpandGridCol: K,
85
85
  isRowExpanded: M,
86
- hasCheckboxes: F,
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(
86
+ hasCheckboxes: O,
87
+ activeMenuRow: X,
88
+ scrollTo: Z
89
+ } = ue(o, y), z = v(() => !!b.footer), g = ke(o, "search", y), _ = v(() => o.selection.length || 0), P = v(() => {
90
+ const a = o.rows.map((i, e) => o.getRowId(i, e));
91
+ return a.length && a.every((i) => R(i));
92
+ }), R = (a) => o.selection.findIndex((i) => o.selectedMatcher(a, i)) !== -1, ee = (a) => {
93
+ R(a) ? (x(
93
94
  o.selection.filter(
94
- (l) => !o.selectedMatcher(s, l)
95
+ (i) => !o.selectedMatcher(a, i)
95
96
  )
96
- ) : R([...o.selection, s]);
97
- }, _ = () => {
97
+ ), y("selectRow", !1)) : (x([...o.selection, a]), y("selectRow", !0));
98
+ }, te = () => {
98
99
  if (P.value)
99
- R([]);
100
+ x([]), y("selectAll", !1);
100
101
  else {
101
- const s = o.rows.map((l, e) => o.getRowId(l, e)).filter((l) => !$(l));
102
- R([...o.selection, ...s]);
102
+ const a = o.rows.map((i, e) => o.getRowId(i, e)).filter((i) => !R(i));
103
+ x([...o.selection, ...a]), y("selectAll", !0);
103
104
  }
104
- }, R = (s) => {
105
- S("update:selection", s);
106
- }, ee = g(
107
- () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
108
- ), te = g(
109
- () => o.emptyStateSubtitle ? o.emptyStateSubtitle : k.value ? "Search again with different filters" : void 0
105
+ }, x = (a) => {
106
+ y("update:selection", a);
107
+ }, se = v(
108
+ () => o.emptyStateVariant ?? (g.value ? "no-results" : "no-data")
109
+ ), ae = v(
110
+ () => o.emptyStateSubtitle ? o.emptyStateSubtitle : g.value ? "Search again with different filters" : void 0
110
111
  );
111
- return (s, l) => (i(), d("div", {
112
+ return m({
113
+ scrollTo: Z
114
+ }), (a, i) => (l(), d("div", {
112
115
  class: "table-container",
113
- "data-testid": `${a.testId}-${t(f).CONTAINER}`,
114
- onMouseleave: l[3] || (l[3] = (e) => w.value = null)
116
+ "data-testid": `${s.testId}-${t(S).CONTAINER}`,
117
+ onMouseleave: i[3] || (i[3] = (e) => A.value = null)
115
118
  }, [
116
119
  u("table", {
117
- ref: t(U).ref,
118
- style: x(t(W)),
119
- class: y({
120
- hasFooter: t(O)
120
+ ref: t(G).ref,
121
+ style: C(t(j)),
122
+ class: f({
123
+ hasFooter: t(z)
121
124
  }),
122
- "data-testid": `${a.testId}-${t(f).TABLE}`,
123
- onScrollPassive: l[2] || (l[2] = //@ts-ignore
124
- (...e) => t(A) && t(A)(...e))
125
+ "data-testid": `${s.testId}-${t(S).TABLE}`,
126
+ onScrollPassive: i[2] || (i[2] = //@ts-ignore
127
+ (...e) => t(N) && t(N)(...e))
125
128
  }, [
126
- a.title || t(v).title || t(Q) || t(v)["table-header-actions"] ? (i(), d("div", {
129
+ s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(), d("div", {
127
130
  key: 0,
128
- class: y(["table-header", { isStickyHeader: a.isStickyHeader }]),
129
- "data-testid": `${a.testId}-${t(f).HEADER}`
131
+ class: f(["table-header", { isStickyHeader: s.isStickyHeader }]),
132
+ "data-testid": `${s.testId}-${t(S).HEADER}`
130
133
  }, [
131
134
  u("div", {
132
135
  class: "table-title",
133
- "data-testid": `${a.testId}-${t(f).TITLE}`
136
+ "data-testid": `${s.testId}-${t(S).TITLE}`
134
137
  }, [
135
- r(s.$slots, "title", {}, () => [
138
+ c(a.$slots, "title", {}, () => [
136
139
  h(t(p), { variant: "h3" }, {
137
140
  default: T(() => [
138
- C(E(a.title), 1)
141
+ E(w(s.title), 1)
139
142
  ]),
140
143
  _: 1
141
144
  })
142
145
  ], !0)
143
- ], 8, ge),
146
+ ], 8, be),
144
147
  u("div", {
145
148
  class: "table-header-right",
146
- "data-testid": `${a.testId}-${t(f).HEADER_RIGHT}`
149
+ "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
147
150
  }, [
148
- a.showSearch ? r(s.$slots, "search", { key: 0 }, () => [
149
- u("div", be, [
150
- h(t(ye), {
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"))
151
+ s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
152
+ u("div", Re, [
153
+ h(t(Se), {
154
+ modelValue: t(g),
155
+ "onUpdate:modelValue": i[0] || (i[0] = (e) => oe(g) ? g.value = e : null),
156
+ placeholder: s.searchPlaceholder,
157
+ "auto-focus": s.searchAutoFocus,
158
+ "test-id": s.testId,
159
+ onOnClear: i[1] || (i[1] = (e) => y("onClearSearch"))
157
160
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
158
161
  ])
159
- ], !0) : c("", !0)
160
- ], 8, ve),
161
- t(v)["table-header-actions"] ? (i(), d("div", {
162
+ ], !0) : r("", !0)
163
+ ], 8, $e),
164
+ t(b)["table-header-actions"] ? (l(), d("div", {
162
165
  key: 0,
163
166
  class: "table-header-actions",
164
- "data-testid": `${a.testId}-${t(f).ACTIONS}`
167
+ "data-testid": `${s.testId}-${t(S).ACTIONS}`
165
168
  }, [
166
- r(s.$slots, "table-header-actions", {}, void 0, !0)
167
- ], 8, $e)) : c("", !0)
168
- ], 10, me)) : c("", !0),
169
+ c(a.$slots, "table-header-actions", {}, void 0, !0)
170
+ ], 8, xe)) : r("", !0)
171
+ ], 10, ve)) : r("", !0),
169
172
  u("thead", {
170
- class: y({ sticky: a.isSticky, isStickyHeader: a.isStickyHeader })
173
+ class: f({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
171
174
  }, [
172
175
  u("div", {
173
176
  class: "sections",
174
- "data-testid": `${a.testId}-${t(f).SECTIONS}`
177
+ "data-testid": `${s.testId}-${t(S).SECTIONS}`
175
178
  }, [
176
- (i(!0), d(B, null, I(a.sections, (e) => (i(), d("div", {
179
+ (l(!0), d(B, null, I(s.sections, (e) => (l(), d("div", {
177
180
  key: e.id,
178
- class: y(["section-container", { sticky: e.isSticky }])
181
+ class: f(["section-container", { sticky: e.isSticky }])
179
182
  }, [
180
- r(s.$slots, `section-${e.id}`, {}, () => [
183
+ c(a.$slots, `section-${e.id}`, {}, () => [
181
184
  u("div", {
182
- style: x({ width: e.width + "px" }),
183
- class: y({ section: !0 })
185
+ style: C({ width: e.width + "px" }),
186
+ class: f({ section: !0 })
184
187
  }, [
185
188
  h(t(p), { variant: "body2" }, {
186
189
  default: T(() => [
187
- C(E(e.title), 1)
190
+ E(w(e.title), 1)
188
191
  ]),
189
192
  _: 2
190
193
  }, 1024)
191
194
  ], 4)
192
195
  ], !0)
193
196
  ], 2))), 128))
194
- ], 8, Re),
197
+ ], 8, Ce),
195
198
  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,
199
+ t(O) ? (l(), d("th", Te, [
200
+ c(a.$slots, "select-all-checkbox", {}, () => [
201
+ h(t(U), {
202
+ disabled: s.isLoading,
200
203
  "is-checked": t(P),
201
- "is-indeterminate": !t(P) && t(X) > 0,
202
- "onUpdate:isChecked": _
204
+ "is-indeterminate": !t(P) && t(_) > 0,
205
+ "onUpdate:isChecked": te
203
206
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
204
207
  ], !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", {
208
+ ])) : r("", !0),
209
+ t($) ? (l(), d("th", Ee)) : r("", !0),
210
+ (l(!0), d(B, null, I(s.columns, (e) => (l(), d("th", {
208
211
  key: e.id,
209
- class: y({
212
+ class: f({
210
213
  sticky: e.isSticky,
211
214
  isStickyRight: e.isStickyRight,
212
215
  bordered: e.isBordered,
@@ -214,121 +217,122 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
214
217
  isSortable: e.isSortable,
215
218
  [`column-${e.id}`]: !0
216
219
  }),
217
- style: x(e.isSticky ? t(L)[e.id] : null),
218
- onClick: (m) => e.isSortable ? t(Y)(e) : null
220
+ style: C(e.isSticky ? t(L)[e.id] : null),
221
+ onClick: (k) => e.isSortable ? t(Q)(e) : null
219
222
  }, [
220
- u("div", Ee, [
221
- r(s.$slots, `header-${e.id}`, { column: e }, () => [
223
+ u("div", Be, [
224
+ c(a.$slots, `header-${e.id}`, { column: e }, () => [
222
225
  h(t(p), { variant: "tableLabel" }, {
223
226
  default: T(() => [
224
- C(E(e.title), 1)
227
+ E(w(e.title), 1)
225
228
  ]),
226
229
  _: 2
227
230
  }, 1024)
228
231
  ], !0),
229
- e.helpText ? (i(), z(ue, {
232
+ e.helpText ? (l(), D(ye, {
230
233
  key: 0,
231
234
  "hover-help-text": e.helpText,
232
235
  "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, {
236
+ }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
237
+ e.isSortable && e.id === s.sort?.sortBy ? (l(), D(he, {
235
238
  key: 1,
236
- "sort-order": a.sort.sortOrder
237
- }, null, 8, ["sort-order"])) : c("", !0)
239
+ "sort-order": s.sort.sortOrder
240
+ }, null, 8, ["sort-order"])) : r("", !0)
238
241
  ])
239
- ], 14, Ce))), 128))
242
+ ], 14, we))), 128))
240
243
  ])
241
244
  ], 2),
242
245
  u("tbody", null, [
243
- t(V).length > 0 ? (i(), d("div", de({
246
+ t(V).length > 0 ? (l(), d("div", ne({
244
247
  key: 0,
245
248
  class: "table-body-wrapper",
246
- "data-testid": `${a.testId}-${t(f).BODY_WRAPPER}`
247
- }, t(G)), [
248
- (i(!0), d(B, null, I(t(V), (e) => (i(), d("tr", {
249
+ "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
250
+ }, t(Y)), [
251
+ (l(!0), d(B, null, I(t(V), (e) => (l(), d("tr", {
249
252
  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,
253
- activeMenu: t(K) === e.index,
254
- expanded: t(b) && t(M)(e.index)
253
+ class: f(["table-row", {
254
+ loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
255
+ active: t(A) === e.index,
256
+ activeMenu: t(X) === e.index,
257
+ expanded: t($) && t(M)(e.index)
255
258
  }]),
256
- onMouseenter: (m) => w.value = e.index
259
+ onMouseenter: (k) => A.value = e.index,
260
+ onClick: (k) => y("clickRow", e.index)
257
261
  }, [
258
- t(F) ? (i(), d("td", pe, [
259
- h(t(D), {
260
- "is-checked": $(a.getRowId(e.data, e.index)),
262
+ t(O) ? (l(), d("td", Ae, [
263
+ h(t(U), {
264
+ "is-checked": R(s.getRowId(e.data, e.index)),
261
265
  size: "sm",
262
- "onUpdate:isChecked": (m) => Z(a.getRowId(e.data, e.index))
266
+ "onUpdate:isChecked": (k) => ee(s.getRowId(e.data, e.index))
263
267
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
264
- ])) : c("", !0),
265
- t(b) ? (i(), d("td", we, [
266
- h(he, {
268
+ ])) : r("", !0),
269
+ t($) ? (l(), d("td", Me, [
270
+ h(fe, {
267
271
  expanded: t(M)(e.index),
268
- onClick: (m) => t(j)(e.index, m)
272
+ onClick: (k) => t(q)(e.index, k)
269
273
  }, null, 8, ["expanded", "onClick"])
270
- ])) : c("", !0),
271
- (i(!0), d(B, null, I(a.columns, (m, n) => (i(), d("td", {
274
+ ])) : r("", !0),
275
+ (l(!0), d(B, null, I(s.columns, (k, n) => (l(), d("td", {
272
276
  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
277
+ class: f({
278
+ sticky: s.columns[n].isSticky,
279
+ isStickyRight: s.columns[n].isStickyRight,
280
+ bordered: s.columns[n].isBordered,
281
+ isTextRight: s.columns[n].isTextRight,
282
+ [`column-${s.columns[n].id}`]: !0
279
283
  }),
280
- style: x(
281
- a.columns[n].isSticky ? t(L)[a.columns[n].id] : null
284
+ style: C(
285
+ s.columns[n].isSticky ? t(L)[s.columns[n].id] : null
282
286
  )
283
287
  }, [
284
- !a.isLoading || a.isLoading && e.data[n] ? (i(), d("div", {
288
+ !s.isLoading || s.isLoading && e.data[n] ? (l(), d("div", {
285
289
  key: 0,
286
- class: y(["table-cell", { last: n === e.data.length - 1 }])
290
+ class: f(["table-cell", { last: n === e.data.length - 1 }])
287
291
  }, [
288
- r(s.$slots, `cell-${a.columns[n].id}`, {
292
+ c(a.$slots, `cell-${s.columns[n].id}`, {
289
293
  cell: e.data[n],
290
- isLoading: t(N).includes(e.index),
294
+ isLoading: t(F).includes(e.index),
291
295
  cellIndex: n,
292
296
  row: e,
293
297
  rowIndex: e.index
294
298
  }, () => [
295
299
  h(t(p), { variant: "body1" }, {
296
300
  default: T(() => [
297
- C(E(e.data[n]), 1)
301
+ E(w(e.data[n]), 1)
298
302
  ]),
299
303
  _: 2
300
304
  }, 1024)
301
305
  ], !0)
302
- ], 2)) : r(s.$slots, "loader", { key: 1 }, () => [
303
- h(t(oe), { round: "" })
306
+ ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
307
+ h(t(ce), { round: "" })
304
308
  ], !0)
305
309
  ], 6))), 128)),
306
- t(b) && t(M)(e.index) ? (i(), d("div", Me, [
307
- r(s.$slots, "expanded", {
310
+ t($) && t(M)(e.index) ? (l(), d("div", Pe, [
311
+ c(a.$slots, "expanded", {
308
312
  row: e,
309
313
  gridColumnTemplate: t(H)
310
314
  }, 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), {
315
+ ])) : r("", !0)
316
+ ], 42, pe))), 128))
317
+ ], 16, Ie)) : (l(), d("div", Ve, [
318
+ c(a.$slots, "empty-state", {}, () => [
319
+ h(t(re), {
316
320
  class: "empty-state",
317
- title: a.emptyStateTitle,
318
- subtitle: t(te),
319
- variant: t(ee),
320
- "test-id": `${a.testId}-${t(f).EMPTY_STATE}`
321
+ title: s.emptyStateTitle,
322
+ subtitle: t(ae),
323
+ variant: t(se),
324
+ "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
321
325
  }, null, 8, ["title", "subtitle", "variant", "test-id"])
322
326
  ], !0)
323
327
  ]))
324
328
  ])
325
- ], 46, ke),
326
- t(O) ? (i(), d("div", Ve, [
327
- r(s.$slots, "footer", {}, void 0, !0)
328
- ])) : c("", !0)
329
- ], 40, Se));
329
+ ], 46, ge),
330
+ t(z) ? (l(), d("div", He, [
331
+ c(a.$slots, "footer", {}, void 0, !0)
332
+ ])) : r("", !0)
333
+ ], 40, me));
330
334
  }
331
335
  });
332
336
  export {
333
- We as default
337
+ qe as default
334
338
  };
@@ -6,10 +6,11 @@ import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
6
6
  import "../../dropdown/v4/AppDropdownTrigger.vue.js";
7
7
  import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
8
8
  import "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
9
+ import "../../dropdown/v4/TreeDropdown.vue.js";
9
10
  import C from "../../dropdown/v4/OptionV4.vue.js";
10
11
  import k from "../../icon/v4/IconV4.vue.js";
11
12
  import { useTableContext as y } from "../common/TableContext.js";
12
- const T = /* @__PURE__ */ p({
13
+ const U = /* @__PURE__ */ p({
13
14
  __name: "DataGridMenu",
14
15
  props: {
15
16
  menuItems: { default: () => [] },
@@ -58,5 +59,5 @@ const T = /* @__PURE__ */ p({
58
59
  }
59
60
  });
60
61
  export {
61
- T as default
62
+ U as default
62
63
  };
@@ -1,7 +1,7 @@
1
- import o from "./HelpIcon.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7a611779"]]);
1
+ import e from "./HelpIcon.vue2.js";
2
+ /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-06fce2e3"]]);
5
5
  export {
6
- t as default
6
+ s as default
7
7
  };
@@ -1,6 +1,6 @@
1
- import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css"; import { defineComponent as o, openBlock as n, createBlock as l, unref as t, withCtx as r, createVNode as a } from "vue";
2
- import c from "../../icon/v3/Icon.vue.js";
3
- import i from "../../tooltip/v4/TooltipV4.vue.js";
1
+ import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; import { defineComponent as o, openBlock as l, createBlock as n, unref as t, withCtx as r, createVNode as a } from "vue";
2
+ import c from "../../icon/v4/IconV4.vue.js";
3
+ import p from "../../tooltip/v4/TooltipV4.vue.js";
4
4
  const u = /* @__PURE__ */ o({
5
5
  __name: "HelpIcon",
6
6
  props: {
@@ -9,7 +9,7 @@ const u = /* @__PURE__ */ o({
9
9
  testId: { default: "" }
10
10
  },
11
11
  setup(e) {
12
- return (m, p) => (n(), l(t(i), {
12
+ return (i, m) => (l(), n(t(p), {
13
13
  class: "table-help-icon",
14
14
  triggers: ["hover"],
15
15
  text: e.hoverHelpText,
@@ -20,7 +20,7 @@ const u = /* @__PURE__ */ o({
20
20
  a(t(c), {
21
21
  class: "info-icon",
22
22
  name: "question",
23
- "font-size": "sm"
23
+ size: "16px"
24
24
  })
25
25
  ]),
26
26
  _: 1