@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
@@ -0,0 +1,85 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ title?: string;
3
+ search?: string;
4
+ isSticky?: boolean;
5
+ zIndexBase?: number;
6
+ standalone?: boolean;
7
+ showSearch?: boolean;
8
+ searchPlaceholder?: string;
9
+ searchAutoFocus?: boolean;
10
+ testId?: string;
11
+ }>, {
12
+ title: string;
13
+ search: any;
14
+ isSticky: boolean;
15
+ zIndexBase: number;
16
+ standalone: boolean;
17
+ showSearch: boolean;
18
+ searchPlaceholder: string;
19
+ searchAutoFocus: boolean;
20
+ testId: string;
21
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
+ "update:search": (query: string) => void;
23
+ onClearSearch: () => void;
24
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
25
+ title?: string;
26
+ search?: string;
27
+ isSticky?: boolean;
28
+ zIndexBase?: number;
29
+ standalone?: boolean;
30
+ showSearch?: boolean;
31
+ searchPlaceholder?: string;
32
+ searchAutoFocus?: boolean;
33
+ testId?: string;
34
+ }>, {
35
+ title: string;
36
+ search: any;
37
+ isSticky: boolean;
38
+ zIndexBase: number;
39
+ standalone: boolean;
40
+ showSearch: boolean;
41
+ searchPlaceholder: string;
42
+ searchAutoFocus: boolean;
43
+ testId: string;
44
+ }>>> & {
45
+ "onUpdate:search"?: (query: string) => any;
46
+ onOnClearSearch?: () => any;
47
+ }, {
48
+ title: string;
49
+ search: string;
50
+ testId: string;
51
+ searchAutoFocus: boolean;
52
+ searchPlaceholder: string;
53
+ showSearch: boolean;
54
+ isSticky: boolean;
55
+ zIndexBase: number;
56
+ standalone: boolean;
57
+ }>, {
58
+ title?(_: {}): any;
59
+ "table-header-pre-search"?(_: {}): any;
60
+ search?(_: {}): any;
61
+ "table-header-actions"?(_: {}): any;
62
+ }>;
63
+ export default _default;
64
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
65
+ type __VLS_TypePropsToRuntimeProps<T> = {
66
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
67
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
68
+ } : {
69
+ type: import('vue').PropType<T[K]>;
70
+ required: true;
71
+ };
72
+ };
73
+ type __VLS_WithDefaults<P, D> = {
74
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
75
+ default: D[K];
76
+ }> : P[K];
77
+ };
78
+ type __VLS_Prettify<T> = {
79
+ [K in keyof T]: T[K];
80
+ } & {};
81
+ type __VLS_WithTemplateSlots<T, S> = T & {
82
+ new (): {
83
+ $slots: S;
84
+ };
85
+ };
@@ -0,0 +1,7 @@
1
+ import e from "./DataGridHeader.vue2.js";
2
+ /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css"; //*');
4
+ const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-840e700c"]]);
5
+ export {
6
+ r as default
7
+ };
@@ -0,0 +1,82 @@
1
+ import "../../../DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css"; import { defineComponent as y, useCssVars as S, useSlots as I, openBlock as r, createElementBlock as i, normalizeClass as b, unref as t, createElementVNode as c, renderSlot as l, createVNode as m, withCtx as v, createTextVNode as E, toDisplayString as C, createCommentVNode as n, isRef as V } from "vue";
2
+ import { TableTestIdModifiers as s } from "../../../testids/index.js";
3
+ import k from "../../typography/v4/Typography.vue.js";
4
+ import B from "../../search/v4/SearchV4.vue.js";
5
+ import { useVModel as T } from "@vueuse/core";
6
+ const A = ["data-testid"], H = ["data-testid"], R = ["data-testid"], D = ["data-testid"], N = { class: "search-wrapper" }, w = ["data-testid"], F = /* @__PURE__ */ y({
7
+ __name: "DataGridHeader",
8
+ props: {
9
+ title: { default: "" },
10
+ search: { default: null },
11
+ isSticky: { type: Boolean, default: !1 },
12
+ zIndexBase: { default: 100 },
13
+ standalone: { type: Boolean, default: !1 },
14
+ showSearch: { type: Boolean, default: !1 },
15
+ searchPlaceholder: { default: "Search" },
16
+ searchAutoFocus: { type: Boolean, default: !1 },
17
+ testId: { default: "" }
18
+ },
19
+ emits: ["update:search", "onClearSearch"],
20
+ setup(e, { emit: u }) {
21
+ const $ = e;
22
+ S((a) => ({
23
+ c8ef23c8: e.zIndexBase
24
+ }));
25
+ const h = I(), o = T($, "search", u);
26
+ return (a, d) => (r(), i("div", {
27
+ class: b(["table-header", {
28
+ isStickyHeader: e.isSticky,
29
+ "table-header--standalone": e.standalone
30
+ }]),
31
+ "data-testid": `${e.testId}-${t(s).HEADER}`
32
+ }, [
33
+ c("div", {
34
+ class: "table-title",
35
+ "data-testid": `${e.testId}-${t(s).TITLE}`
36
+ }, [
37
+ l(a.$slots, "title", {}, () => [
38
+ m(t(k), { variant: "h3" }, {
39
+ default: v(() => [
40
+ E(C(e.title), 1)
41
+ ]),
42
+ _: 1
43
+ })
44
+ ], !0)
45
+ ], 8, H),
46
+ t(h)["table-header-pre-search"] ? (r(), i("div", {
47
+ key: 0,
48
+ class: "table-header-pre-search-content",
49
+ "data-testid": `${e.testId}-${t(s).PRE_SEARCH_HEADER}`
50
+ }, [
51
+ l(a.$slots, "table-header-pre-search", {}, void 0, !0)
52
+ ], 8, R)) : n("", !0),
53
+ c("div", {
54
+ class: "table-header-right",
55
+ "data-testid": `${e.testId}-${t(s).HEADER_RIGHT}`
56
+ }, [
57
+ e.showSearch ? l(a.$slots, "search", { key: 0 }, () => [
58
+ c("div", N, [
59
+ m(t(B), {
60
+ modelValue: t(o),
61
+ "onUpdate:modelValue": d[0] || (d[0] = (f) => V(o) ? o.value = f : null),
62
+ placeholder: e.searchPlaceholder,
63
+ "auto-focus": e.searchAutoFocus,
64
+ "test-id": e.testId,
65
+ onOnClear: d[1] || (d[1] = (f) => u("onClearSearch"))
66
+ }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
67
+ ])
68
+ ], !0) : n("", !0)
69
+ ], 8, D),
70
+ t(h)["table-header-actions"] ? (r(), i("div", {
71
+ key: 1,
72
+ class: "table-header-actions",
73
+ "data-testid": `${e.testId}-${t(s).ACTIONS}`
74
+ }, [
75
+ l(a.$slots, "table-header-actions", {}, void 0, !0)
76
+ ], 8, w)) : n("", !0)
77
+ ], 10, A));
78
+ }
79
+ });
80
+ export {
81
+ F as default
82
+ };
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGridRowsCounter.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css"; //*');
4
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ef699ec5"]]);
3
+ // import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css"; //*');
4
+ const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e38c881a"]]);
5
5
  export {
6
- r as default
6
+ a as default
7
7
  };
@@ -1,8 +1,8 @@
1
- import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css"; import { defineComponent as l, openBlock as u, createElementBlock as f, unref as e, createVNode as d, withCtx as i, createTextVNode as a, toDisplayString as o } from "vue";
1
+ import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css"; import { defineComponent as r, openBlock as u, createElementBlock as f, unref as e, createVNode as d, withCtx as l, createTextVNode as a, toDisplayString as o } from "vue";
2
2
  import s from "../../typography/v4/Typography.vue.js";
3
- import { RowsCounterTestIdModifiers as n } from "../../../testids/index.js";
4
- import { nFormatter as r } from "../../../utils/formatNumbers.js";
5
- const c = ["data-testid"], I = /* @__PURE__ */ l({
3
+ import { RowsCounterTestIdModifiers as i } from "../../../testids/index.js";
4
+ import { nFormatter as n } from "../../../utils/formatNumbers.js";
5
+ const c = ["data-testid"], I = /* @__PURE__ */ r({
6
6
  __name: "DataGridRowsCounter",
7
7
  props: {
8
8
  count: { default: 0 },
@@ -15,18 +15,18 @@ const c = ["data-testid"], I = /* @__PURE__ */ l({
15
15
  setup(t) {
16
16
  return (m, T) => (u(), f("div", {
17
17
  class: "data-grid-rows-counter",
18
- "data-testid": `${t.testId}-${e(n).CONTAINER}`
18
+ "data-testid": `${t.testId}-${e(i).CONTAINER}`
19
19
  }, [
20
20
  d(e(s), { variant: "body1" }, {
21
- default: i(() => [
21
+ default: l(() => [
22
22
  a(o(t.displayingText) + " ", 1),
23
23
  d(e(s), {
24
24
  class: "text-strong",
25
25
  variant: "subtitle1",
26
- "data-testid": `${t.testId}-${e(n).COUNT}`
26
+ "data-testid": `${t.testId}-${e(i).COUNT}`
27
27
  }, {
28
- default: i(() => [
29
- a(o(e(r)(t.count)), 1)
28
+ default: l(() => [
29
+ a(o(e(n)(t.count, !1, null, !1)), 1)
30
30
  ]),
31
31
  _: 1
32
32
  }, 8, ["data-testid"]),
@@ -34,10 +34,10 @@ const c = ["data-testid"], I = /* @__PURE__ */ l({
34
34
  d(e(s), {
35
35
  class: "text-strong",
36
36
  variant: "subtitle1",
37
- "data-testid": `${t.testId}-${e(n).TOTAL}`
37
+ "data-testid": `${t.testId}-${e(i).TOTAL}`
38
38
  }, {
39
- default: i(() => [
40
- a(o(e(r)(t.totalCount)), 1)
39
+ default: l(() => [
40
+ a(o(e(n)(t.totalCount, !1, null, !1)), 1)
41
41
  ]),
42
42
  _: 1
43
43
  }, 8, ["data-testid"]),
@@ -120,17 +120,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
120
120
  isSticky: boolean;
121
121
  zIndexBase: number;
122
122
  emptyStateSubtitle: string;
123
- getRowId: (row: Row, index: number) => unknown;
124
- getRowKey: (row: Row, index: number) => string | number;
125
- emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
126
- rowCustomClassKey: string;
127
- rowDataKey: string;
128
123
  totalCount: number;
129
124
  displayingText: string;
130
125
  outOfText: string;
131
126
  totalText: string;
132
127
  tablesSettings: TableSettings[];
133
128
  loadingAndEmptyStatesColumns: Column[];
129
+ getRowId: (row: Row, index: number) => unknown;
130
+ getRowKey: (row: Row, index: number) => string | number;
131
+ emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
132
+ rowCustomClassKey: string;
133
+ rowDataKey: string;
134
134
  }>, Partial<Record<string, (_: {
135
135
  column: Column;
136
136
  }) => any>> & Partial<Record<string, (_: {
@@ -144,6 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
144
144
  }) => any>> & {
145
145
  title?(_: {}): any;
146
146
  search?(_: {}): any;
147
+ "table-header-pre-search"?(_: {}): any;
147
148
  "table-header-actions"?(_: {}): any;
148
149
  "floating-row"?(_: {
149
150
  row: import("@vueuse/core").UseVirtualListItem<Row>;
@@ -1,7 +1,7 @@
1
1
  import o from "./MultipleDataGrid.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-020a9896"]]);
3
+ // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css"; //*');
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3caa1d7b"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,21 +1,20 @@
1
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css"; import { defineComponent as A, useCssVars as K, useSlots as H, computed as O, openBlock as d, createElementBlock as c, createElementVNode as k, normalizeClass as G, unref as s, renderSlot as i, createBlock as C, createCommentVNode as m, createVNode as M, isRef as R, Fragment as F, renderList as f, createSlots as $, withCtx as y } from "vue";
2
- import b from "./DataGrid.vue.js";
1
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css"; import { defineComponent as V, useCssVars as E, useSlots as N, computed as G, openBlock as d, createElementBlock as w, createVNode as O, unref as l, isRef as b, createSlots as g, withCtx as n, renderSlot as i, createBlock as S, createCommentVNode as v, Fragment as A, renderList as h } from "vue";
2
+ import R from "./DataGrid.vue.js";
3
3
  import "./DataGridMenu.vue.js";
4
- import P from "./DataGridRowsCounter.vue.js";
4
+ import F from "./DataGridRowsCounter.vue.js";
5
+ import H from "./DataGridHeader.vue.js";
5
6
  import "./MultipleDataGrid.vue.js";
6
- import U from "../../search/v4/SearchV4.vue.js";
7
- import { useVModel as Q } from "@vueuse/core";
8
- import { TableTestIdModifiers as g } from "../../../testids/index.js";
9
- const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-testid"], X = {
7
+ import { useVModel as M } from "@vueuse/core";
8
+ const P = {
10
9
  key: 0,
11
10
  class: "tables-container"
12
- }, st = /* @__PURE__ */ A({
11
+ }, X = /* @__PURE__ */ V({
13
12
  __name: "MultipleDataGrid",
14
13
  props: {
15
14
  tablesSettings: { default: () => [] },
16
15
  loadingAndEmptyStatesColumns: { default: () => [] },
17
- getRowId: { type: Function, default: (t, l) => l },
18
- getRowKey: { type: Function, default: (t, l) => l },
16
+ getRowId: { type: Function, default: (t, s) => s },
17
+ getRowKey: { type: Function, default: (t, s) => s },
19
18
  isSticky: { type: Boolean, default: !0 },
20
19
  isLoading: { type: Boolean, default: !1 },
21
20
  emptyStateVariant: { default: null },
@@ -36,30 +35,34 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
36
35
  testId: { default: "" }
37
36
  },
38
37
  emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
39
- setup(t, { emit: l }) {
40
- const h = t;
41
- K((e) => ({
42
- "81d1b864": t.zIndexBase
38
+ setup(t, { emit: s }) {
39
+ const f = t;
40
+ E((e) => ({
41
+ "21bdffad": t.zIndexBase
43
42
  }));
44
- const I = H(), T = O(
45
- () => h.isLoading || !h.tablesSettings.flatMap((e) => e.rows).length
46
- ), r = Q(h, "search", l), w = (e) => `header-${e.id}`, v = (e) => `cell-${e.id}`, x = (e) => {
47
- l("onScroll", e.target.scrollTop);
48
- }, E = () => l("onClearSearch"), V = (e, n) => l("clickRow", e, n), B = ({ value: e, rowIndex: n, cellIndex: a, confirm: u }, o) => l("saveRow", { value: e, tableIndex: o, rowIndex: n, cellIndex: a, confirm: u });
49
- return (e, n) => (d(), c("div", {
43
+ const k = N(), x = G(
44
+ () => f.isLoading || !f.tablesSettings.flatMap((e) => e.rows).length
45
+ ), u = M(f, "search", s), y = (e) => `header-${e.id}`, C = (e) => `cell-${e.id}`, $ = (e) => {
46
+ s("onScroll", e.target.scrollTop);
47
+ }, I = () => s("onClearSearch"), B = (e, r) => s("clickRow", e, r), T = ({ value: e, rowIndex: r, cellIndex: a, confirm: c }, o) => s("saveRow", { value: e, tableIndex: o, rowIndex: r, cellIndex: a, confirm: c });
48
+ return (e, r) => (d(), w("div", {
50
49
  class: "multi-table-container",
51
- onScrollPassive: x
50
+ onScrollPassive: $
52
51
  }, [
53
- k("div", {
54
- class: G(["table-header-container", { sticky: t.isSticky }]),
55
- "data-testid": `${t.testId}-${s(g).HEADER}`
56
- }, [
57
- k("div", {
58
- class: "rows-counter-container",
59
- "data-testid": `${t.testId}-${s(g).TITLE}`
60
- }, [
52
+ O(l(H), {
53
+ search: l(u),
54
+ "onUpdate:search": r[0] || (r[0] = (a) => b(u) ? u.value = a : null),
55
+ class: "multi-table-header",
56
+ "is-sticky": t.isSticky,
57
+ "show-search": t.showSearch,
58
+ "search-placeholder": t.searchPlaceholder,
59
+ "z-index-base": t.zIndexBase,
60
+ "test-id": t.testId,
61
+ onOnClearSearch: I
62
+ }, g({
63
+ title: n(() => [
61
64
  i(e.$slots, "title", {}, () => [
62
- t.isLoading ? m("", !0) : (d(), C(s(P), {
65
+ t.isLoading ? v("", !0) : (d(), S(l(F), {
63
66
  key: 0,
64
67
  count: t.count,
65
68
  "total-count": t.totalCount,
@@ -69,33 +72,31 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
69
72
  "test-id": t.testId
70
73
  }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
71
74
  ], !0)
72
- ], 8, q),
73
- k("div", {
74
- class: "table-header-right",
75
- "data-testid": `${t.testId}-${s(g).HEADER_RIGHT}`
76
- }, [
77
- t.showSearch ? i(e.$slots, "search", { key: 0 }, () => [
78
- M(s(U), {
79
- modelValue: s(r),
80
- "onUpdate:modelValue": n[0] || (n[0] = (a) => R(r) ? r.value = a : null),
81
- placeholder: t.searchPlaceholder,
82
- "test-id": t.testId,
83
- onOnClear: E
84
- }, null, 8, ["modelValue", "placeholder", "test-id"])
85
- ], !0) : m("", !0),
86
- s(I)["table-header-actions"] ? (d(), c("div", {
87
- key: 1,
88
- class: "table-header-actions",
89
- "data-testid": `${t.testId}-${s(g).ACTIONS}`
90
- }, [
75
+ ]),
76
+ search: n(() => [
77
+ i(e.$slots, "search", {}, void 0, !0)
78
+ ]),
79
+ _: 2
80
+ }, [
81
+ l(k)["table-header-pre-search"] ? {
82
+ name: "table-header-pre-search",
83
+ fn: n(() => [
84
+ i(e.$slots, "table-header-pre-search", {}, void 0, !0)
85
+ ]),
86
+ key: "0"
87
+ } : void 0,
88
+ l(k)["table-header-actions"] ? {
89
+ name: "table-header-actions",
90
+ fn: n(() => [
91
91
  i(e.$slots, "table-header-actions", {}, void 0, !0)
92
- ], 8, W)) : m("", !0)
93
- ], 8, J)
94
- ], 10, j),
95
- s(T) ? (d(), C(s(b), {
92
+ ]),
93
+ key: "1"
94
+ } : void 0
95
+ ]), 1032, ["search", "is-sticky", "show-search", "search-placeholder", "z-index-base", "test-id"]),
96
+ l(x) ? (d(), S(l(R), {
96
97
  key: 1,
97
- search: s(r),
98
- "onUpdate:search": n[1] || (n[1] = (a) => R(r) ? r.value = a : null),
98
+ search: l(u),
99
+ "onUpdate:search": r[1] || (r[1] = (a) => b(u) ? u.value = a : null),
99
100
  rows: [],
100
101
  columns: t.loadingAndEmptyStatesColumns,
101
102
  "is-loading": t.isLoading,
@@ -104,24 +105,24 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
104
105
  "empty-state-title": t.emptyStateTitle,
105
106
  "empty-state-subtitle": t.emptyStateSubtitle,
106
107
  "test-id": t.testId
107
- }, $({
108
- "empty-state": y(() => [
108
+ }, g({
109
+ "empty-state": n(() => [
109
110
  i(e.$slots, "empty-state", {}, void 0, !0)
110
111
  ]),
111
112
  _: 2
112
113
  }, [
113
- f(t.loadingAndEmptyStatesColumns, (a) => ({
114
- name: w(a),
115
- fn: y(() => [
116
- i(e.$slots, `${w(a)}`, { column: a }, void 0, !0)
114
+ h(t.loadingAndEmptyStatesColumns, (a) => ({
115
+ name: y(a),
116
+ fn: n(() => [
117
+ i(e.$slots, `${y(a)}`, { column: a }, void 0, !0)
117
118
  ])
118
119
  }))
119
- ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (d(), c("div", X, [
120
- (d(!0), c(F, null, f(t.tablesSettings, (a, u) => (d(), c("div", {
120
+ ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (d(), w("div", P, [
121
+ (d(!0), w(A, null, h(t.tablesSettings, (a, c) => (d(), w("div", {
121
122
  key: a.testId,
122
123
  class: "table-wrapper"
123
124
  }, [
124
- a.rows.length ? (d(), C(s(b), {
125
+ a.rows.length ? (d(), S(l(R), {
125
126
  key: 0,
126
127
  sections: a.sections,
127
128
  columns: a.columns,
@@ -134,48 +135,48 @@ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-
134
135
  "row-custom-class-key": t.rowCustomClassKey,
135
136
  "row-data-key": t.rowDataKey,
136
137
  "test-id": a.testId,
137
- onClickRow: (o) => V(o, u),
138
- onSaveRow: (o) => B(o, u)
139
- }, $({
140
- "floating-row": y(({ row: o, rowIndex: S }) => [
138
+ onClickRow: (o) => B(o, c),
139
+ onSaveRow: (o) => T(o, c)
140
+ }, g({
141
+ "floating-row": n(({ row: o, rowIndex: m }) => [
141
142
  i(e.$slots, "floating-row", {
142
143
  row: o,
143
- rowIndex: S,
144
- tableIndex: u
144
+ rowIndex: m,
145
+ tableIndex: c
145
146
  }, void 0, !0)
146
147
  ]),
147
148
  _: 2
148
149
  }, [
149
- f(a.columns, (o) => ({
150
- name: w(o),
151
- fn: y(() => [
152
- i(e.$slots, `${w(o)}`, { column: o }, void 0, !0)
150
+ h(a.columns, (o) => ({
151
+ name: y(o),
152
+ fn: n(() => [
153
+ i(e.$slots, `${y(o)}`, { column: o }, void 0, !0)
153
154
  ])
154
155
  })),
155
- f(a.columns, (o) => ({
156
- name: v(o),
157
- fn: y(({
158
- cell: S,
159
- rowIndex: L,
160
- isLoading: D,
161
- cellIndex: N,
162
- row: z
156
+ h(a.columns, (o) => ({
157
+ name: C(o),
158
+ fn: n(({
159
+ cell: m,
160
+ rowIndex: z,
161
+ isLoading: L,
162
+ cellIndex: D,
163
+ row: K
163
164
  }) => [
164
- i(e.$slots, `${v(o)}`, {
165
- cell: S,
166
- isLoading: D,
167
- cellIndex: N,
168
- row: z,
169
- rowIndex: L
165
+ i(e.$slots, `${C(o)}`, {
166
+ cell: m,
167
+ isLoading: L,
168
+ cellIndex: D,
169
+ row: K,
170
+ rowIndex: z
170
171
  }, void 0, !0)
171
172
  ])
172
173
  }))
173
- ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "get-row-key", "row-custom-class-key", "row-data-key", "test-id", "onClickRow", "onSaveRow"])) : m("", !0)
174
+ ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "get-row-key", "row-custom-class-key", "row-data-key", "test-id", "onClickRow", "onSaveRow"])) : v("", !0)
174
175
  ]))), 128))
175
176
  ]))
176
177
  ], 32));
177
178
  }
178
179
  });
179
180
  export {
180
- st as default
181
+ X as default
181
182
  };