@ironsource/shared-ui 2.1.7-rc.8 → 2.1.7-test.2

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 (62) hide show
  1. package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css +1 -0
  2. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_7af4f288_lang.css +1 -0
  4. package/IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css +1 -0
  5. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css +1 -0
  6. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css +1 -0
  7. package/OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css +1 -0
  8. package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
  9. package/TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css +1 -0
  10. package/components/autocomplete/Autocomplete.vue.d.ts +0 -5
  11. package/components/autocomplete/Autocomplete.vue.js +2 -2
  12. package/components/autocomplete/Autocomplete.vue2.js +45 -57
  13. package/components/autocomplete/index.d.ts +1 -20
  14. package/components/dropdown/v4/DropdownV4.vue.d.ts +0 -10
  15. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  16. package/components/dropdown/v4/DropdownV4.vue2.js +147 -151
  17. package/components/dropdown/v4/OptionV4.vue.d.ts +0 -10
  18. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  19. package/components/dropdown/v4/OptionV4.vue2.js +53 -70
  20. package/components/dropdown/v4/dropdownStoryArgs.d.ts +0 -14
  21. package/components/dropdown/v4/index.d.ts +2 -78
  22. package/components/includeExclude/IncludeExclude.vue.js +4 -4
  23. package/components/includeExclude/IncludeExclude.vue2.js +2 -2
  24. package/components/includeExclude/IncludeExcludeDragDrop.vue.js +4 -4
  25. package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +2 -2
  26. package/components/input/v4/TextField.vue.js +3 -3
  27. package/components/input/v4/TextField.vue2.js +66 -70
  28. package/components/popover/Popover.vue.js +8 -0
  29. package/components/popover/{v3/Popover.vue2.js → Popover.vue2.js} +1 -1
  30. package/components/table/v4/DataGridRowsCounter.vue.d.ts +0 -5
  31. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  32. package/components/table/v4/DataGridRowsCounter.vue2.js +22 -29
  33. package/components/table/v4/MultipleDataGrid.vue.js +5 -5
  34. package/components/table/v4/MultipleDataGrid.vue2.js +36 -40
  35. package/components/table/v4/index.d.ts +0 -9
  36. package/index.d.ts +5 -588
  37. package/index.js +70 -70
  38. package/package.json +3 -7
  39. package/testids/index.d.ts +0 -5
  40. package/testids/index.js +23 -24
  41. package/Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css +0 -1
  42. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css +0 -1
  43. package/DropdownV4.vue_vue_type_style_index_0_scoped_938772ee_lang.css +0 -1
  44. package/IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css +0 -1
  45. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css +0 -1
  46. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_9e22192c_lang.css +0 -1
  47. package/OptionV4.vue_vue_type_style_index_0_scoped_b6a06f00_lang.css +0 -1
  48. package/Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css +0 -1
  49. package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +0 -1
  50. package/PopoverV4.vue_vue_type_style_index_1_lang.css +0 -1
  51. package/TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css +0 -1
  52. package/components/popover/common/Popover.common.d.ts +0 -6
  53. package/components/popover/common/Popover.common.js +0 -17
  54. package/components/popover/v3/Popover.vue.js +0 -8
  55. package/components/popover/v4/PopoverV4.vue.d.ts +0 -73
  56. package/components/popover/v4/PopoverV4.vue.js +0 -7
  57. package/components/popover/v4/PopoverV4.vue2.js +0 -54
  58. package/components/popover/v4/index.d.ts +0 -209
  59. package/components/popover/v4/index.js +0 -6
  60. /package/components/popover/{v3/Popover.vue.d.ts → Popover.vue.d.ts} +0 -0
  61. /package/components/popover/{v3/index.d.ts → index.d.ts} +0 -0
  62. /package/components/popover/{v3/index.js → index.js} +0 -0
@@ -1,27 +1,27 @@
1
- import "../../../TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
1
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_052b1a0c_lang.css"; import { defineComponent as j, computed as x, ref as q, openBlock as l, createElementBlock as s, mergeProps as f, unref as t, createBlock as o, createCommentVNode as n, createElementVNode as A, normalizeClass as C, renderSlot as E, withCtx as b, createTextVNode as V, toDisplayString as F, withKeys as J, withModifiers as $, normalizeProps as z, createVNode as p } from "vue";
2
2
  import v from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
- import X from "../../tooltip/v4/TooltipV4.vue.js";
5
- import D from "../../typography/v4/Typography.vue.js";
4
+ import Q from "../../tooltip/v4/TooltipV4.vue.js";
5
+ import O from "../../typography/v4/Typography.vue.js";
6
6
  import { InputTestIdModifiers as m } from "../../../testids/index.js";
7
- import { inputCommon as Y } from "../common/Input.common.js";
8
- import Z from "../../shared/FieldLabel.vue.js";
9
- import _ from "../../shared/FieldHelpText.vue.js";
10
- import N from "../../shared/FieldMaxLength.vue.js";
11
- import { useTestIdAttrs as ee } from "../../../utils/testIds.js";
12
- const te = {
7
+ import { inputCommon as U } from "../common/Input.common.js";
8
+ import X from "../../shared/FieldLabel.vue.js";
9
+ import Y from "../../shared/FieldHelpText.vue.js";
10
+ import D from "../../shared/FieldMaxLength.vue.js";
11
+ import { useTestIdAttrs as Z } from "../../../utils/testIds.js";
12
+ const _ = {
13
13
  key: 0,
14
14
  class: "icon-container icon-before"
15
- }, le = ["maxlength", "value", "placeholder", "disabled", "type", "step"], ae = ["onClick"], ne = {
15
+ }, ee = ["maxlength", "value", "placeholder", "disabled", "type", "step"], te = ["onClick"], le = {
16
16
  key: 4,
17
17
  class: "inline-error"
18
- }, oe = {
18
+ }, ae = {
19
19
  key: 7,
20
20
  class: "icon-container icon-after"
21
- }, ie = {
21
+ }, ne = {
22
22
  inheritAttrs: !1
23
- }, be = /* @__PURE__ */ J({
24
- ...ie,
23
+ }, ve = /* @__PURE__ */ j({
24
+ ...ne,
25
25
  __name: "TextField",
26
26
  props: {
27
27
  modelValue: { default: "" },
@@ -54,38 +54,34 @@ const te = {
54
54
  inlineErrorTextPlacement: { default: "top" }
55
55
  },
56
56
  emits: ["update:modelValue", "apply"],
57
- setup(e, { expose: S, emit: k }) {
58
- const o = e, y = ee(o.testId, m), H = () => {
59
- o.showApply ? k("apply") : s?.confirmable && K();
60
- }, R = () => g.value.focus(), {
61
- onConfirm: K,
57
+ setup(e, { expose: N, emit: k }) {
58
+ const r = e, c = Z(r.testId, m), S = () => {
59
+ r.showApply ? k("apply") : d?.confirmable && R();
60
+ }, H = () => g.value.focus(), {
61
+ onConfirm: R,
62
62
  onEnter: T,
63
63
  inputRef: g,
64
64
  isFocused: h,
65
65
  showLabelInside: w,
66
- api: s,
67
- labelText: M,
68
- sizeClass: G,
66
+ api: d,
67
+ labelText: K,
68
+ sizeClass: M,
69
69
  handleInput: L,
70
70
  handleKeypress: I
71
- } = Y(o, k), P = f(() => s.value?.value ?? o.modelValue), W = f(() => (P.value || "").length), B = f(() => ({
72
- currentLength: W.value,
73
- maxLength: o.maxLength
74
- })), C = f(
75
- () => o.maxLength && o.maxLengthCounterPosition === "outside"
76
- ), j = f(
77
- () => o.feedbackText || C.value
78
- ), x = Q(!1), q = f(() => x.value && o.type === "password" ? "text" : o.type);
79
- return S({
80
- manualFocus: R
81
- }), (u, a) => (l(), d("div", c({
71
+ } = U(r, k), P = x(() => d.value?.value ?? r.modelValue), G = x(() => (P.value || "").length), B = x(() => ({
72
+ currentLength: G.value,
73
+ maxLength: r.maxLength
74
+ })), y = q(!1), W = x(() => y.value && r.type === "password" ? "text" : r.type);
75
+ return N({
76
+ manualFocus: H
77
+ }), (u, a) => (l(), s("div", f({
82
78
  class: {
83
79
  "input-with-label-container": !0,
84
80
  disabled: e.disabled,
85
81
  [`variant-${e.feedbackVariant}`]: !0
86
82
  }
87
- }, t(y)[t(m).WRAPPER]), [
88
- e.label && e.labelDirection !== "inside" ? (l(), r(Z, {
83
+ }, t(c)[t(m).WRAPPER]), [
84
+ e.label && e.labelDirection !== "inside" ? (l(), o(X, {
89
85
  key: 0,
90
86
  label: e.label,
91
87
  mandatory: e.mandatory,
@@ -95,36 +91,36 @@ const te = {
95
91
  "test-id": e.testId
96
92
  }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
97
93
  A("div", {
98
- class: E({
94
+ class: C({
99
95
  "input-container": !0,
100
96
  "label-inside": t(w),
101
97
  focused: t(h)
102
98
  })
103
99
  }, [
104
- u.$slots.iconBefore ? (l(), d("div", te, [
105
- F(u.$slots, "iconBefore", {}, void 0, !0)
100
+ u.$slots.iconBefore ? (l(), s("div", _, [
101
+ E(u.$slots, "iconBefore", {}, void 0, !0)
106
102
  ])) : n("", !0),
107
- e.prefix ? (l(), r(t(D), {
103
+ e.prefix ? (l(), o(t(O), {
108
104
  key: 1,
109
105
  class: "prefix-text",
110
106
  variant: "body1"
111
107
  }, {
112
108
  default: b(() => [
113
- V($(e.prefix), 1)
109
+ V(F(e.prefix), 1)
114
110
  ]),
115
111
  _: 1
116
112
  })) : n("", !0),
117
- A("input", c({
113
+ A("input", f({
118
114
  ref_key: "inputRef",
119
115
  ref: g,
120
116
  maxlength: e.maxLength
121
- }, { ...u.$attrs, ...t(y)[t(m).FIELD] }, {
117
+ }, { ...u.$attrs, ...t(c)[t(m).FIELD] }, {
122
118
  value: t(P),
123
- placeholder: t(M),
119
+ placeholder: t(K),
124
120
  disabled: e.disabled || e.viewOnly,
125
- type: t(q),
121
+ type: t(W),
126
122
  class: ["input", {
127
- [t(G)]: !0,
123
+ [t(M)]: !0,
128
124
  "view-only": e.viewOnly,
129
125
  "label-inside": t(w),
130
126
  "hide-arrows": e.hideNumberArrows,
@@ -135,32 +131,32 @@ const te = {
135
131
  (...i) => t(L) && t(L)(...i)),
136
132
  onFocus: a[1] || (a[1] = (i) => h.value = !0),
137
133
  onBlur: a[2] || (a[2] = (i) => h.value = !1),
138
- onKeyup: a[3] || (a[3] = U(z(
134
+ onKeyup: a[3] || (a[3] = J($(
139
135
  //@ts-ignore
140
136
  (...i) => t(T) && t(T)(...i),
141
137
  ["prevent"]
142
138
  ), ["enter"])),
143
139
  onKeypress: a[4] || (a[4] = //@ts-ignore
144
140
  (...i) => t(I) && t(I)(...i))
145
- }), null, 16, le),
146
- e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(), r(N, O(c({ key: 2 }, t(B))), null, 16)) : n("", !0),
147
- e.showApply || t(s)?.confirmable && !t(s)?.error?.value ? (l(), d("div", {
141
+ }), null, 16, ee),
142
+ e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(), o(D, z(f({ key: 2 }, t(B))), null, 16)) : n("", !0),
143
+ e.showApply || t(d)?.confirmable && !t(d)?.error?.value ? (l(), s("div", {
148
144
  key: 3,
149
145
  class: "apply-button",
150
- onClick: z(H, ["stop", "prevent"])
146
+ onClick: $(S, ["stop", "prevent"])
151
147
  }, [
152
148
  p(t(v), {
153
149
  name: "check",
154
150
  size: "20px"
155
151
  })
156
- ], 8, ae)) : n("", !0),
157
- e.inlineError || t(s)?.error?.value ? (l(), d("div", ne, [
158
- p(t(X), c({
159
- disabled: !e.inlineErrorText && !t(s)?.error?.value,
160
- text: e.inlineErrorText || t(s)?.error?.value,
152
+ ], 8, te)) : n("", !0),
153
+ e.inlineError || t(d)?.error?.value ? (l(), s("div", le, [
154
+ p(t(Q), f({
155
+ disabled: !e.inlineErrorText && !t(d)?.error?.value,
156
+ text: e.inlineErrorText || t(d)?.error?.value,
161
157
  "test-id": e.testId,
162
158
  placement: e.inlineErrorTextPlacement
163
- }, t(y)[t(m).TOOLTIP]), {
159
+ }, t(c)[t(m).TOOLTIP]), {
164
160
  default: b(() => [
165
161
  p(t(v), {
166
162
  name: "warning-circle",
@@ -170,52 +166,52 @@ const te = {
170
166
  _: 1
171
167
  }, 16, ["disabled", "text", "test-id", "placement"])
172
168
  ])) : n("", !0),
173
- e.suffix ? (l(), r(t(D), {
169
+ e.suffix ? (l(), o(t(O), {
174
170
  key: 5,
175
171
  class: "suffix-text",
176
172
  variant: "body1"
177
173
  }, {
178
174
  default: b(() => [
179
- V($(e.suffix), 1)
175
+ V(F(e.suffix), 1)
180
176
  ]),
181
177
  _: 1
182
178
  })) : n("", !0),
183
- e.type === "password" ? (l(), d("div", c({
179
+ e.type === "password" ? (l(), s("div", f({
184
180
  key: 6,
185
181
  class: "password-visibility-toggle"
186
- }, t(y)[t(m).TOGGLE_PASSWORD], {
187
- onClick: a[5] || (a[5] = (i) => x.value = !x.value)
182
+ }, t(c)[t(m).TOGGLE_PASSWORD], {
183
+ onClick: a[5] || (a[5] = (i) => y.value = !y.value)
188
184
  }), [
189
- x.value ? (l(), r(t(v), {
185
+ y.value ? (l(), o(t(v), {
190
186
  key: 0,
191
187
  name: "eye",
192
188
  size: "16px"
193
- })) : (l(), r(t(v), {
189
+ })) : (l(), o(t(v), {
194
190
  key: 1,
195
191
  name: "eye-slash",
196
192
  size: "16px"
197
193
  }))
198
194
  ], 16)) : n("", !0),
199
- u.$slots.iconAfter ? (l(), d("div", oe, [
200
- F(u.$slots, "iconAfter", {}, void 0, !0)
195
+ u.$slots.iconAfter ? (l(), s("div", ae, [
196
+ E(u.$slots, "iconAfter", {}, void 0, !0)
201
197
  ])) : n("", !0)
202
198
  ], 2),
203
- t(j) ? (l(), d("div", {
199
+ e.feedbackText || e.maxLength ? (l(), s("div", {
204
200
  key: 1,
205
- class: E(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
201
+ class: C(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
206
202
  }, [
207
- e.feedbackText ? (l(), r(_, {
203
+ e.feedbackText ? (l(), o(Y, {
208
204
  key: 0,
209
205
  text: e.feedbackText,
210
206
  variant: e.feedbackVariant,
211
207
  "show-icon": e.showFeedbackTextIcon,
212
208
  "test-id": e.testId
213
209
  }, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
214
- t(C) ? (l(), r(N, O(c({ key: 1 }, t(B))), null, 16)) : n("", !0)
210
+ e.maxLength && e.maxLengthCounterPosition === "outside" ? (l(), o(D, z(f({ key: 1 }, t(B))), null, 16)) : n("", !0)
215
211
  ], 2)) : n("", !0)
216
212
  ], 16));
217
213
  }
218
214
  });
219
215
  export {
220
- be as default
216
+ ve as default
221
217
  };
@@ -0,0 +1,8 @@
1
+ import o from "./Popover.vue2.js";
2
+ /* empty css *//* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css"; //*');
4
+ // import "../../Popover.vue_vue_type_style_index_1_lang.css"; //');
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-25eb53db"]]);
6
+ export {
7
+ r as default
8
+ };
@@ -1,4 +1,4 @@
1
- import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css"; import "../../../Popover.vue_vue_type_style_index_1_lang.css"; import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
1
+ import "../../Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css"; import "../../Popover.vue_vue_type_style_index_1_lang.css"; import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
2
2
  import { Dropdown as s } from "floating-vue";
3
3
  const f = /* @__PURE__ */ n({
4
4
  __name: "Popover",
@@ -4,30 +4,25 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
4
4
  displayingText?: string;
5
5
  outOfText?: string;
6
6
  totalText?: string;
7
- testId?: string;
8
7
  }>, {
9
8
  count: number;
10
9
  totalCount: number;
11
10
  displayingText: string;
12
11
  outOfText: string;
13
12
  totalText: string;
14
- testId: string;
15
13
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
16
14
  count?: number;
17
15
  totalCount?: number;
18
16
  displayingText?: string;
19
17
  outOfText?: string;
20
18
  totalText?: string;
21
- testId?: string;
22
19
  }>, {
23
20
  count: number;
24
21
  totalCount: number;
25
22
  displayingText: string;
26
23
  outOfText: string;
27
24
  totalText: string;
28
- testId: string;
29
25
  }>>>, {
30
- testId: string;
31
26
  count: number;
32
27
  totalCount: number;
33
28
  displayingText: string;
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGridRowsCounter.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css"; //*');
4
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-0ce71f73"]]);
2
+ /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css"; //*');
4
+ const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-06751538"]]);
5
5
  export {
6
6
  r as default
7
7
  };
@@ -1,52 +1,45 @@
1
- import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css"; import { defineComponent as l, openBlock as u, createElementBlock as r, unref as e, createVNode as o, withCtx as i, createTextVNode as a, toDisplayString as d } from "vue";
2
- import s from "../../typography/v4/Typography.vue.js";
3
- import { RowsCounterTestIdModifiers as n } from "../../../testids/index.js";
4
- const f = ["data-testid"], C = /* @__PURE__ */ l({
1
+ import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css"; import { defineComponent as r, openBlock as i, createElementBlock as d, createVNode as o, unref as n, withCtx as l, createTextVNode as e, toDisplayString as a } from "vue";
2
+ import u from "../../typography/v4/Typography.vue.js";
3
+ const s = { class: "data-grid-rows-counter" }, m = /* @__PURE__ */ r({
5
4
  __name: "DataGridRowsCounter",
6
5
  props: {
7
6
  count: { default: 0 },
8
7
  totalCount: { default: 0 },
9
8
  displayingText: { default: "Displaying" },
10
9
  outOfText: { default: "out of" },
11
- totalText: { default: "total rows" },
12
- testId: { default: "" }
10
+ totalText: { default: "total rows" }
13
11
  },
14
12
  setup(t) {
15
- return (c, T) => (u(), r("div", {
16
- class: "data-grid-rows-counter",
17
- "data-testid": `${t.testId}-${e(n).CONTAINER}`
18
- }, [
19
- o(e(s), { variant: "body1" }, {
20
- default: i(() => [
21
- a(d(t.displayingText) + " ", 1),
22
- o(e(s), {
13
+ return (c, f) => (i(), d("div", s, [
14
+ o(n(u), { variant: "body1" }, {
15
+ default: l(() => [
16
+ e(a(t.displayingText) + " ", 1),
17
+ o(n(u), {
23
18
  class: "text-strong",
24
- variant: "subtitle1",
25
- "data-testid": `${t.testId}-${e(n).COUNT}`
19
+ variant: "subtitle1"
26
20
  }, {
27
- default: i(() => [
28
- a(d(t.count), 1)
21
+ default: l(() => [
22
+ e(a(t.count), 1)
29
23
  ]),
30
24
  _: 1
31
- }, 8, ["data-testid"]),
32
- a(" " + d(t.outOfText) + " ", 1),
33
- o(e(s), {
25
+ }),
26
+ e(" " + a(t.outOfText) + " ", 1),
27
+ o(n(u), {
34
28
  class: "text-strong",
35
- variant: "subtitle1",
36
- "data-testid": `${t.testId}-${e(n).TOTAL}`
29
+ variant: "subtitle1"
37
30
  }, {
38
- default: i(() => [
39
- a(d(t.totalCount), 1)
31
+ default: l(() => [
32
+ e(a(t.totalCount), 1)
40
33
  ]),
41
34
  _: 1
42
- }, 8, ["data-testid"]),
43
- a(" " + d(t.totalText), 1)
35
+ }),
36
+ e(" " + a(t.totalText), 1)
44
37
  ]),
45
38
  _: 1
46
39
  })
47
- ], 8, f));
40
+ ]));
48
41
  }
49
42
  });
50
43
  export {
51
- C as default
44
+ m as default
52
45
  };
@@ -1,7 +1,7 @@
1
- import e from "./MultipleDataGrid.vue2.js";
2
- /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_9e22192c_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9e22192c"]]);
1
+ import o from "./MultipleDataGrid.vue2.js";
2
+ /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; //*');
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-260b9cdc"]]);
5
5
  export {
6
- s as default
6
+ p as default
7
7
  };
@@ -1,15 +1,14 @@
1
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_9e22192c_lang.css"; import { defineComponent as L, useCssVars as R, computed as V, openBlock as l, createElementBlock as d, createElementVNode as y, normalizeClass as z, unref as o, createBlock as c, createCommentVNode as m, isRef as E, Fragment as $, renderList as g, createSlots as p, withCtx as D, renderSlot as M } from "vue";
1
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; import { defineComponent as T, useCssVars as V, computed as L, openBlock as l, createElementBlock as d, createElementVNode as f, normalizeClass as z, createBlock as c, unref as o, createCommentVNode as m, isRef as p, Fragment as E, renderList as g, createSlots as D, withCtx as N, renderSlot as O } from "vue";
2
2
  import S from "./DataGrid.vue.js";
3
3
  import "./DataGridMenu.vue.js";
4
- import N from "./DataGridRowsCounter.vue.js";
4
+ import G from "./DataGridRowsCounter.vue.js";
5
5
  import "./MultipleDataGrid.vue.js";
6
- import O from "../../search/v4/SearchV4.vue.js";
7
- import { useVModel as G } from "@vueuse/core";
8
- import { TableTestIdModifiers as P } from "../../../testids/index.js";
9
- const A = ["data-testid"], F = {
6
+ import M from "../../search/v4/SearchV4.vue.js";
7
+ import { useVModel as P } from "@vueuse/core";
8
+ const $ = { class: "rows-counter-container" }, A = {
10
9
  key: 0,
11
10
  class: "tables-container"
12
- }, X = /* @__PURE__ */ L({
11
+ }, K = /* @__PURE__ */ T({
13
12
  __name: "MultipleDataGrid",
14
13
  props: {
15
14
  tablesSettings: { default: () => [] },
@@ -33,40 +32,37 @@ const A = ["data-testid"], F = {
33
32
  },
34
33
  emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
35
34
  setup(t, { emit: n }) {
36
- const r = t;
37
- R((e) => ({
38
- "5851aa78": t.zIndexBase
35
+ const u = t;
36
+ V((e) => ({
37
+ "6bca14de": t.zIndexBase
39
38
  }));
40
- const h = V(
41
- () => r.isLoading || !r.tablesSettings.flatMap((e) => e.rows).length
42
- ), u = G(r, "search", n), f = (e) => `cell-${e.id}`, w = (e) => {
39
+ const h = L(
40
+ () => u.isLoading || !u.tablesSettings.flatMap((e) => e.rows).length
41
+ ), r = P(u, "search", n), y = (e) => `cell-${e.id}`, w = (e) => {
43
42
  n("onScroll", e.target.scrollTop);
44
43
  }, k = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
45
44
  return (e, s) => (l(), d("div", {
46
45
  class: "multi-table-container",
47
46
  onScrollPassive: w
48
47
  }, [
49
- y("div", {
48
+ f("div", {
50
49
  class: z(["table-header-container", { sticky: t.isSticky }])
51
50
  }, [
52
- y("div", {
53
- class: "rows-counter-container",
54
- "data-testid": `${t.testId}-${o(P).TITLE}`
55
- }, [
56
- t.isLoading ? m("", !0) : (l(), c(o(N), {
51
+ f("div", $, [
52
+ t.isLoading ? m("", !0) : (l(), c(o(G), {
57
53
  key: 0,
58
54
  count: t.count,
59
55
  "total-count": t.totalCount,
60
56
  "total-text": t.totalText,
61
57
  "displaying-text": t.displayingText,
62
58
  "out-of-text": t.outOfText,
63
- "test-id": t.testId
64
- }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
65
- ], 8, A),
66
- t.showSearch ? (l(), c(o(O), {
59
+ "data-testid": t.testId
60
+ }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "data-testid"]))
61
+ ]),
62
+ t.showSearch ? (l(), c(o(M), {
67
63
  key: 0,
68
- modelValue: o(u),
69
- "onUpdate:modelValue": s[0] || (s[0] = (a) => E(u) ? u.value = a : null),
64
+ modelValue: o(r),
65
+ "onUpdate:modelValue": s[0] || (s[0] = (a) => p(r) ? r.value = a : null),
70
66
  placeholder: t.searchPlaceholder,
71
67
  "test-id": t.testId,
72
68
  onOnClear: k
@@ -82,8 +78,8 @@ const A = ["data-testid"], F = {
82
78
  "empty-state-title": t.emptyStateTitle,
83
79
  "empty-state-subtitle": t.emptyStateSubtitle,
84
80
  "loading-row-count": t.loadingRowCount
85
- }, null, 8, ["is-loading", "columns", "test-id", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "loading-row-count"])) : (l(), d("div", F, [
86
- (l(!0), d($, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
81
+ }, null, 8, ["is-loading", "columns", "test-id", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "loading-row-count"])) : (l(), d("div", A, [
82
+ (l(!0), d(E, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
87
83
  key: a.testId,
88
84
  class: "table-wrapper"
89
85
  }, [
@@ -97,22 +93,22 @@ const A = ["data-testid"], F = {
97
93
  "z-index-base": t.zIndexBase,
98
94
  "test-id": a.testId,
99
95
  onClickRow: (i) => x(i, C)
100
- }, p({ _: 2 }, [
96
+ }, D({ _: 2 }, [
101
97
  g(a.columns, (i) => ({
102
- name: f(i),
103
- fn: D(({
98
+ name: y(i),
99
+ fn: N(({
104
100
  cell: b,
105
- rowIndex: T,
106
- isLoading: I,
107
- cellIndex: v,
108
- row: B
101
+ rowIndex: v,
102
+ isLoading: B,
103
+ cellIndex: I,
104
+ row: R
109
105
  }) => [
110
- M(e.$slots, `${f(i)}`, {
106
+ O(e.$slots, `${y(i)}`, {
111
107
  cell: b,
112
- isLoading: I,
113
- cellIndex: v,
114
- row: B,
115
- rowIndex: T
108
+ isLoading: B,
109
+ cellIndex: I,
110
+ row: R,
111
+ rowIndex: v
116
112
  }, void 0, !0)
117
113
  ])
118
114
  }))
@@ -123,5 +119,5 @@ const A = ["data-testid"], F = {
123
119
  }
124
120
  });
125
121
  export {
126
- X as default
122
+ K as default
127
123
  };
@@ -686,10 +686,6 @@ declare const DataGridTypes: () => (({
686
686
  rowIndex: number;
687
687
  menuItems: import("../common/Table.types").MenuItem[];
688
688
  }> | import("vue").DefineComponent<{
689
- testId: {
690
- type: import("vue").PropType<string>;
691
- default: string;
692
- };
693
689
  count: {
694
690
  type: import("vue").PropType<number>;
695
691
  default: number;
@@ -711,10 +707,6 @@ declare const DataGridTypes: () => (({
711
707
  default: string;
712
708
  };
713
709
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
714
- testId: {
715
- type: import("vue").PropType<string>;
716
- default: string;
717
- };
718
710
  count: {
719
711
  type: import("vue").PropType<number>;
720
712
  default: number;
@@ -736,7 +728,6 @@ declare const DataGridTypes: () => (({
736
728
  default: string;
737
729
  };
738
730
  }>>, {
739
- testId: string;
740
731
  count: number;
741
732
  totalCount: number;
742
733
  displayingText: string;