@ironsource/shared-ui 2.1.11-test.2 → 2.1.11-test.27

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 (107) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_f9a13e27_lang.css +1 -0
  2. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +1 -0
  3. package/Chart.vue_vue_type_style_index_0_scoped_8f471697_lang.css +1 -0
  4. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_039dd922_lang.css +1 -0
  5. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css +1 -0
  6. package/DataGrid.vue_vue_type_style_index_0_scoped_2406226b_lang.css +1 -0
  7. package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css +1 -0
  8. package/DropdownV4.vue_vue_type_style_index_0_scoped_6466948d_lang.css +1 -0
  9. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_111b200a_lang.css +1 -0
  10. package/InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css +1 -0
  11. package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +1 -0
  12. package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +1 -0
  13. package/README.md +4 -15
  14. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +1 -0
  15. package/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css +1 -0
  16. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css +1 -0
  17. package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css +1 -0
  18. package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css +1 -0
  19. package/components/autocomplete/Autocomplete.vue2.js +3 -2
  20. package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +3 -1
  21. package/components/button/v4/ToggleButtonGroupAB.vue.js +2 -2
  22. package/components/button/v4/ToggleButtonGroupAB.vue2.js +44 -39
  23. package/components/button/v4/index.d.ts +9 -3
  24. package/components/chart/Chart.vue.js +5 -5
  25. package/components/chart/Chart.vue2.js +48 -46
  26. package/components/chart/SettingsHeader.vue.js +3 -3
  27. package/components/chart/SettingsHeader.vue2.js +34 -26
  28. package/components/datePicker/v4/DatePickerV4.vue2.js +8 -7
  29. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  30. package/components/dateRange/v4/DateRangeV4.vue2.js +9 -9
  31. package/components/dropdown/common/Dropdown.common.js +191 -184
  32. package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
  33. package/components/dropdown/v3/index.d.ts +39 -39
  34. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +1 -1
  35. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
  36. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +6 -6
  37. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
  38. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +7 -7
  39. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +10 -0
  40. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
  41. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +73 -47
  42. package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +90 -0
  43. package/components/dropdown/v4/ConditionalDropdown.vue.js +7 -0
  44. package/components/dropdown/v4/ConditionalDropdown.vue2.js +185 -0
  45. package/components/dropdown/v4/DropdownV4.vue.d.ts +31 -6
  46. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  47. package/components/dropdown/v4/DropdownV4.vue2.js +224 -198
  48. package/components/dropdown/v4/OptionV4.vue.d.ts +10 -0
  49. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  50. package/components/dropdown/v4/OptionV4.vue2.js +135 -98
  51. package/components/dropdown/v4/TreeDropdown.vue.d.ts +6 -1
  52. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  53. package/components/dropdown/v4/TreeDropdown.vue2.js +210 -168
  54. package/components/dropdown/v4/index.d.ts +402 -87
  55. package/components/dropdown/v4/index.js +6 -3
  56. package/components/filtersPanel/v4/FiltersPanelV4.vue.js +3 -3
  57. package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +8 -9
  58. package/components/icon/v4/consts.d.ts +1 -1
  59. package/components/icon/v4/consts.js +1 -1
  60. package/components/inlineCopy/InlineCopy.vue.d.ts +5 -0
  61. package/components/inlineCopy/InlineCopy.vue.js +2 -2
  62. package/components/inlineCopy/InlineCopy.vue2.js +24 -22
  63. package/components/inlineCopy/index.d.ts +9 -0
  64. package/components/input/v4/TextField.vue.js +3 -3
  65. package/components/input/v4/TextField.vue2.js +12 -12
  66. package/components/multibar/MultiBarMenu.vue2.js +3 -2
  67. package/components/popover/v4/PopoverV4.vue.d.ts +14 -2
  68. package/components/popover/v4/PopoverV4.vue.js +4 -3
  69. package/components/popover/v4/PopoverV4.vue2.js +40 -24
  70. package/components/popover/v4/index.d.ts +55 -11
  71. package/components/sortableList/SortableList.vue.d.ts +1 -1
  72. package/components/sortableList/index.d.ts +4 -4
  73. package/components/table/common/Table.common.js +69 -71
  74. package/components/table/common/Table.types.d.ts +1 -1
  75. package/components/table/v3/Table.vue.d.ts +1 -1
  76. package/components/table/v3/index.d.ts +5 -5
  77. package/components/table/v4/DataGrid.vue.d.ts +6 -1
  78. package/components/table/v4/DataGrid.vue.js +3 -3
  79. package/components/table/v4/DataGrid.vue2.js +124 -117
  80. package/components/table/v4/DataGridMenu.vue2.js +3 -2
  81. package/components/table/v4/index.d.ts +26 -7
  82. package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
  83. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  84. package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
  85. package/components/tooltip/v4/index.d.ts +39 -1
  86. package/design-foundation.stories/icons/iconsData.d.ts +1 -1
  87. package/index.d.ts +1123 -262
  88. package/index.js +1 -1
  89. package/mocks/options.d.ts +48 -2
  90. package/mocks/words.d.ts +1 -1
  91. package/package.json +3 -2
  92. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +0 -1
  93. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css +0 -1
  94. package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +0 -1
  95. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +0 -1
  96. package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +0 -1
  97. package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css +0 -1
  98. package/DropdownV4.vue_vue_type_style_index_0_scoped_991a7aad_lang.css +0 -1
  99. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +0 -1
  100. package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css +0 -1
  101. package/OptionV4.vue_vue_type_style_index_0_scoped_4070942a_lang.css +0 -1
  102. package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +0 -1
  103. package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css +0 -1
  104. package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
  105. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +0 -1
  106. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
  107. package/TreeDropdown.vue_vue_type_style_index_0_scoped_c361375a_lang.css +0 -1
@@ -8,8 +8,10 @@ declare const PopoverTypes: () => ({
8
8
  placement: import("floating-vue").Placement;
9
9
  disabled: boolean;
10
10
  distance: number;
11
- popperClass: string;
11
+ container: string;
12
12
  autoHide: boolean;
13
+ popperClass: string;
14
+ isOpen: boolean;
13
15
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
14
16
  skidding: number;
15
17
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -29,7 +31,7 @@ declare const PopoverTypes: () => ({
29
31
  type: import("vue").PropType<number>;
30
32
  default: number;
31
33
  };
32
- popperClass: {
34
+ container: {
33
35
  type: import("vue").PropType<string>;
34
36
  default: string;
35
37
  };
@@ -37,6 +39,14 @@ declare const PopoverTypes: () => ({
37
39
  type: import("vue").PropType<boolean>;
38
40
  default: boolean;
39
41
  };
42
+ popperClass: {
43
+ type: import("vue").PropType<string>;
44
+ default: string;
45
+ };
46
+ isOpen: {
47
+ type: import("vue").PropType<boolean>;
48
+ default: boolean;
49
+ };
40
50
  trigger: {
41
51
  type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
42
52
  default: string;
@@ -47,7 +57,7 @@ declare const PopoverTypes: () => ({
47
57
  };
48
58
  }>> & {
49
59
  onIsOpen?: (value: boolean) => any;
50
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
60
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
51
61
  $attrs: {
52
62
  [x: string]: unknown;
53
63
  };
@@ -78,7 +88,7 @@ declare const PopoverTypes: () => ({
78
88
  type: import("vue").PropType<number>;
79
89
  default: number;
80
90
  };
81
- popperClass: {
91
+ container: {
82
92
  type: import("vue").PropType<string>;
83
93
  default: string;
84
94
  };
@@ -86,6 +96,14 @@ declare const PopoverTypes: () => ({
86
96
  type: import("vue").PropType<boolean>;
87
97
  default: boolean;
88
98
  };
99
+ popperClass: {
100
+ type: import("vue").PropType<string>;
101
+ default: string;
102
+ };
103
+ isOpen: {
104
+ type: import("vue").PropType<boolean>;
105
+ default: boolean;
106
+ };
89
107
  trigger: {
90
108
  type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
91
109
  default: string;
@@ -96,15 +114,19 @@ declare const PopoverTypes: () => ({
96
114
  };
97
115
  }>> & {
98
116
  onIsOpen?: (value: boolean) => any;
99
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
117
+ }, {
118
+ toggle: (value?: boolean) => boolean;
119
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
100
120
  isOpen: (value: boolean) => void;
101
121
  }, string, {
102
122
  testId: string;
103
123
  placement: import("floating-vue").Placement;
104
124
  disabled: boolean;
105
125
  distance: number;
106
- popperClass: string;
126
+ container: string;
107
127
  autoHide: boolean;
128
+ popperClass: string;
129
+ isOpen: boolean;
108
130
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
109
131
  skidding: number;
110
132
  }, {}, string> & {
@@ -144,7 +166,7 @@ declare const PopoverTypes: () => ({
144
166
  type: import("vue").PropType<number>;
145
167
  default: number;
146
168
  };
147
- popperClass: {
169
+ container: {
148
170
  type: import("vue").PropType<string>;
149
171
  default: string;
150
172
  };
@@ -152,6 +174,14 @@ declare const PopoverTypes: () => ({
152
174
  type: import("vue").PropType<boolean>;
153
175
  default: boolean;
154
176
  };
177
+ popperClass: {
178
+ type: import("vue").PropType<string>;
179
+ default: string;
180
+ };
181
+ isOpen: {
182
+ type: import("vue").PropType<boolean>;
183
+ default: boolean;
184
+ };
155
185
  trigger: {
156
186
  type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
157
187
  default: string;
@@ -162,7 +192,9 @@ declare const PopoverTypes: () => ({
162
192
  };
163
193
  }>> & {
164
194
  onIsOpen?: (value: boolean) => any;
165
- } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
195
+ } & import("vue").ShallowUnwrapRef<{
196
+ toggle: (value?: boolean) => boolean;
197
+ }> & {} & import("vue").ComponentCustomProperties & {};
166
198
  __isFragment?: never;
167
199
  __isTeleport?: never;
168
200
  __isSuspense?: never;
@@ -183,7 +215,7 @@ declare const PopoverTypes: () => ({
183
215
  type: import("vue").PropType<number>;
184
216
  default: number;
185
217
  };
186
- popperClass: {
218
+ container: {
187
219
  type: import("vue").PropType<string>;
188
220
  default: string;
189
221
  };
@@ -191,6 +223,14 @@ declare const PopoverTypes: () => ({
191
223
  type: import("vue").PropType<boolean>;
192
224
  default: boolean;
193
225
  };
226
+ popperClass: {
227
+ type: import("vue").PropType<string>;
228
+ default: string;
229
+ };
230
+ isOpen: {
231
+ type: import("vue").PropType<boolean>;
232
+ default: boolean;
233
+ };
194
234
  trigger: {
195
235
  type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
196
236
  default: string;
@@ -201,15 +241,19 @@ declare const PopoverTypes: () => ({
201
241
  };
202
242
  }>> & {
203
243
  onIsOpen?: (value: boolean) => any;
204
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
244
+ }, {
245
+ toggle: (value?: boolean) => boolean;
246
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
205
247
  isOpen: (value: boolean) => void;
206
248
  }, string, {
207
249
  testId: string;
208
250
  placement: import("floating-vue").Placement;
209
251
  disabled: boolean;
210
252
  distance: number;
211
- popperClass: string;
253
+ container: string;
212
254
  autoHide: boolean;
255
+ popperClass: string;
256
+ isOpen: boolean;
213
257
  trigger: "hover" | "click" | "focus" | "touch" | "managed";
214
258
  skidding: number;
215
259
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -67,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
67
67
  emptyStateTitle: string;
68
68
  testId: string;
69
69
  }>>> & {
70
+ onClearSearch?: () => any;
70
71
  onSortableItemDragged?: (event: {
71
72
  id: string;
72
73
  newIndex: number;
@@ -76,7 +77,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
76
77
  "onUpdate:selectedId"?: (id: string | number) => any;
77
78
  "onUpdate:selectedChildId"?: (id: string | number) => any;
78
79
  "onUpdate:search"?: (query: string) => any;
79
- onClearSearch?: () => any;
80
80
  }, {
81
81
  search: string;
82
82
  testId: string;
@@ -73,6 +73,7 @@ declare const SortableListTypes: () => ({
73
73
  default: string;
74
74
  };
75
75
  }>> & {
76
+ onClearSearch?: () => any;
76
77
  onSortableItemDragged?: (event: {
77
78
  id: string;
78
79
  newIndex: number;
@@ -82,7 +83,6 @@ declare const SortableListTypes: () => ({
82
83
  "onUpdate:selectedId"?: (id: string | number) => any;
83
84
  "onUpdate:selectedChildId"?: (id: string | number) => any;
84
85
  "onUpdate:search"?: (query: string) => any;
85
- onClearSearch?: () => any;
86
86
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
87
87
  $attrs: {
88
88
  [x: string]: unknown;
@@ -156,6 +156,7 @@ declare const SortableListTypes: () => ({
156
156
  default: string;
157
157
  };
158
158
  }>> & {
159
+ onClearSearch?: () => any;
159
160
  onSortableItemDragged?: (event: {
160
161
  id: string;
161
162
  newIndex: number;
@@ -165,7 +166,6 @@ declare const SortableListTypes: () => ({
165
166
  "onUpdate:selectedId"?: (id: string | number) => any;
166
167
  "onUpdate:selectedChildId"?: (id: string | number) => any;
167
168
  "onUpdate:search"?: (query: string) => any;
168
- onClearSearch?: () => any;
169
169
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
170
170
  sortableItemDragged: (event: {
171
171
  id: string;
@@ -267,6 +267,7 @@ declare const SortableListTypes: () => ({
267
267
  default: string;
268
268
  };
269
269
  }>> & {
270
+ onClearSearch?: () => any;
270
271
  onSortableItemDragged?: (event: {
271
272
  id: string;
272
273
  newIndex: number;
@@ -276,7 +277,6 @@ declare const SortableListTypes: () => ({
276
277
  "onUpdate:selectedId"?: (id: string | number) => any;
277
278
  "onUpdate:selectedChildId"?: (id: string | number) => any;
278
279
  "onUpdate:search"?: (query: string) => any;
279
- onClearSearch?: () => any;
280
280
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
281
281
  __isFragment?: never;
282
282
  __isTeleport?: never;
@@ -337,6 +337,7 @@ declare const SortableListTypes: () => ({
337
337
  default: string;
338
338
  };
339
339
  }>> & {
340
+ onClearSearch?: () => any;
340
341
  onSortableItemDragged?: (event: {
341
342
  id: string;
342
343
  newIndex: number;
@@ -346,7 +347,6 @@ declare const SortableListTypes: () => ({
346
347
  "onUpdate:selectedId"?: (id: string | number) => any;
347
348
  "onUpdate:selectedChildId"?: (id: string | number) => any;
348
349
  "onUpdate:search"?: (query: string) => any;
349
- onClearSearch?: () => any;
350
350
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
351
351
  sortableItemDragged: (event: {
352
352
  id: string;
@@ -1,125 +1,123 @@
1
- import { useSlots as G, ref as c, provide as N, computed as s, onMounted as V, nextTick as j } from "vue";
1
+ import { useSlots as N, ref as a, provide as V, computed as l, onMounted as Y, nextTick as j } from "vue";
2
2
  import { useVirtualList as q, useInfiniteScroll as F } from "@vueuse/core";
3
3
  import { TableContext as J } from "./TableContext.js";
4
- const Q = 46, U = 46, tt = (e, u) => {
5
- const S = G(), a = c([]);
6
- N(J, {
7
- onClose({ rowIndex: t, cellIndex: o, value: n } = {}) {
8
- n && (a.value = [...a.value, t], u("saveRow", {
4
+ const Q = 46, U = 46, Z = 60, ot = (e, d) => {
5
+ const y = N(), u = a([]);
6
+ V(J, {
7
+ onClose({ rowIndex: t, cellIndex: o, value: s } = {}) {
8
+ u.value = [...u.value, t], d("saveRow", {
9
9
  rowIndex: t,
10
10
  cellIndex: o,
11
- value: n,
11
+ value: s,
12
12
  confirm: () => {
13
- a.value = a.value.filter(
14
- (i) => i !== t
15
- );
13
+ u.value = u.value.filter((n) => n !== t);
16
14
  }
17
- }));
15
+ });
18
16
  },
19
17
  setActiveMenuRow(t) {
20
- x.value = t;
18
+ T.value = t;
21
19
  }
22
20
  });
23
- const y = s(() => !!e.selection), C = s(() => {
24
- const t = (y.value ? `${U}px ` : "") + (g.value ? `${Q}px ` : "");
25
- return e.columns.reduce((o, n) => {
26
- const i = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
27
- return `${o} ${i}`;
21
+ const C = l(() => !!e.selection), H = () => e.isSelectionSticky ? Z : U, b = l(() => {
22
+ const t = (C.value ? `${H()}px ` : "") + (g.value ? `${Q}px ` : "");
23
+ return e.columns.reduce((o, { width: s, colSpan: n }) => {
24
+ const r = typeof s == "number" ? `${s}px` : s, m = r || `${n || 1}fr`;
25
+ return `${o} ${m}`;
28
26
  }, t);
29
- }), g = s(() => !!S.expanded), A = c(null), x = c(null), R = s(() => Array(e.loadingRowCount).fill(
27
+ }), g = l(() => !!y.expanded), k = a(null), T = a(null), x = l(() => Array(e.loadingRowCount).fill(
30
28
  Array(e.columns.length).fill("")
31
- )), H = s(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...R.value] : e.rows : e.isLoading ? [
29
+ )), A = l(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...x.value] : e.rows : e.isLoading ? [
32
30
  ...e.rows.map((o) => o[e.rowDataKey]),
33
- ...R.value
34
- ] : e.rows.map((o) => o[e.rowDataKey])), { list: T, containerProps: l, wrapperProps: $, scrollTo: b } = q(
35
- H,
31
+ ...x.value
32
+ ] : e.rows.map((o) => o[e.rowDataKey])), { list: R, containerProps: i, wrapperProps: I, scrollTo: O } = q(
33
+ A,
36
34
  {
37
35
  itemHeight: g.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
38
36
  }
39
- ), k = c(null), h = c(0), B = s(() => !!S.search), I = (t) => {
40
- l.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
37
+ ), $ = a(null), h = a(0), B = l(() => !!y.search), L = (t) => {
38
+ i.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, d("onScroll", t.target.scrollTop);
41
39
  };
42
- V(() => {
43
- h.value = l.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
44
- l.ref.value?.scrollTo({
40
+ Y(() => {
41
+ h.value = i.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
42
+ i.ref.value?.scrollTo({
45
43
  top: e.defaultScrollPosition,
46
44
  behavior: "smooth"
47
45
  });
48
46
  }, 300);
49
47
  });
50
- const O = s(() => {
51
- const [t] = T.value;
48
+ const P = l(() => {
49
+ const [t] = R.value;
52
50
  return t && t.index > 0;
53
- }), P = s(() => l.style), L = s(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = M(o)), t), {}));
51
+ }), E = l(() => i.style), _ = l(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = W(o)), t), {}));
54
52
  F(
55
- l.ref,
53
+ i.ref,
56
54
  () => {
57
- e.isInfiniteScroll && u("loadMore");
55
+ e.isInfiniteScroll && d("loadMore");
58
56
  },
59
57
  { distance: e.infiniteScrollThreshold }
60
58
  );
61
- function E() {
62
- l.ref.value?.scrollTo({
59
+ function D() {
60
+ i.ref.value?.scrollTo({
63
61
  top: 0,
64
62
  behavior: "smooth"
65
63
  });
66
64
  }
67
- function D(t) {
65
+ function K(t) {
68
66
  if (!e.sort)
69
67
  return;
70
68
  const o = e.sort.sortBy === t.id;
71
69
  if (!(t.isSortable || t.isSortable === void 0))
72
70
  return;
73
- let i = e.sort.sortOrder, f = e.sort.sortBy;
74
- o ? i = e.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: i });
71
+ let n = e.sort.sortOrder, r = e.sort.sortBy;
72
+ o ? n = e.sort.sortOrder === "asc" ? "desc" : "asc" : r = t.id, d("update:sort", { sortBy: r, sortOrder: n });
75
73
  }
76
- function M(t) {
77
- const { isSticky: o, width: n } = t;
78
- if (!o || !n)
74
+ function W(t) {
75
+ const { isSticky: o, width: s } = t;
76
+ if (!o || !s)
79
77
  return null;
80
- const i = e.columns.findIndex((r) => r.id === t.id), f = e.columns.reduce((r, v, m) => m < i ? r + v.width : r, 0), z = e.columns.reduce((r, v, m) => m > i ? r + v.width : r, 0);
78
+ const n = e.columns.findIndex((c) => c.id === t.id), r = e.columns.reduce((c, v, S) => S < n ? c + v.width : c, 0), m = e.columns.reduce((c, v, S) => S > n ? c + v.width : c, 0);
81
79
  return {
82
- ...t.isStickyRight ? { right: `${z}px` } : { left: `${f}px` },
80
+ ...t.isStickyRight ? { right: `${m}px` } : { left: `${r}px` },
83
81
  zIndex: 1
84
82
  };
85
83
  }
86
- const d = c([]), w = {}, _ = (t) => d.value.includes(t), K = async (t, o) => {
87
- const n = d.value.indexOf(t);
88
- if (n === -1) {
89
- d.value.push(t);
90
- const i = o.target.closest("tr");
91
- await j(), i && (w[t] = i.offsetHeight);
84
+ const f = a([]), w = {}, M = (t) => f.value.includes(t), X = async (t, o) => {
85
+ const s = f.value.indexOf(t);
86
+ if (s === -1) {
87
+ f.value.push(t);
88
+ const n = o.target.closest("tr");
89
+ await j(), n && (w[t] = n.offsetHeight);
92
90
  } else
93
- d.value.splice(n, 1), delete w[t];
94
- }, W = s(() => `${e.rowHeight}px`), X = s(
91
+ f.value.splice(s, 1), delete w[t];
92
+ }, z = l(() => `${e.rowHeight}px`), G = l(
95
93
  () => `1 / span ${e.columns.length + 1}`
96
94
  );
97
95
  return {
98
- list: T,
99
- containerProps: l,
100
- wrapperProps: $,
101
- activeRow: A,
102
- gridColumnTemplate: C,
103
- floatingActionRef: k,
104
- scrollToTop: E,
105
- toggleSortOrder: D,
106
- columnsStickyPositions: L,
96
+ list: R,
97
+ containerProps: i,
98
+ wrapperProps: I,
99
+ activeRow: k,
100
+ gridColumnTemplate: b,
101
+ floatingActionRef: $,
102
+ scrollToTop: D,
103
+ toggleSortOrder: K,
104
+ columnsStickyPositions: _,
107
105
  hasSearchSlot: B,
108
- showBackToTopButton: O,
109
- containerStyle: P,
110
- onScroll: I,
111
- scrollTo: b,
112
- savingRows: a,
106
+ showBackToTopButton: P,
107
+ containerStyle: E,
108
+ onScroll: L,
109
+ scrollTo: O,
110
+ savingRows: u,
113
111
  floatingActionPosition: h,
114
112
  hasExpandSlot: g,
115
- hasCheckboxes: y,
116
- toggleExpandRow: K,
117
- isRowExpanded: _,
118
- cssRowHeight: W,
119
- cssExpandGridCol: X,
120
- activeMenuRow: x
113
+ hasCheckboxes: C,
114
+ toggleExpandRow: X,
115
+ isRowExpanded: M,
116
+ cssRowHeight: z,
117
+ cssExpandGridCol: G,
118
+ activeMenuRow: T
121
119
  };
122
120
  };
123
121
  export {
124
- tt as tableCommon
122
+ ot as tableCommon
125
123
  };
@@ -7,7 +7,7 @@ export type Column = {
7
7
  isBordered?: boolean;
8
8
  isSortable?: boolean;
9
9
  colSpan?: number;
10
- width?: number;
10
+ width?: number | string;
11
11
  isTextRight?: boolean;
12
12
  isStickyRight?: boolean;
13
13
  helpText?: string;
@@ -67,10 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
67
67
  defaultScrollPosition: any;
68
68
  testId: string;
69
69
  }>>> & {
70
+ onLoadMore?: () => any;
70
71
  onOnScroll?: (event: Event) => any;
71
72
  "onUpdate:sort"?: (newSort: Sort) => any;
72
73
  onSaveRow?: (args_0: SaveRowEvent) => any;
73
- onLoadMore?: () => any;
74
74
  }, {
75
75
  testId: string;
76
76
  isLoading: boolean;
@@ -81,10 +81,10 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
81
81
  default: any;
82
82
  };
83
83
  }>> & {
84
+ onLoadMore?: () => any;
84
85
  onOnScroll?: (event: Event) => any;
85
86
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
86
87
  onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
87
- onLoadMore?: () => any;
88
88
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition">;
89
89
  $attrs: {
90
90
  [x: string]: unknown;
@@ -97,7 +97,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
97
97
  }>;
98
98
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
99
99
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
100
- $emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void);
100
+ $emit: ((event: "onScroll", event: Event) => void) & ((event: "loadMore") => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void);
101
101
  $el: any;
102
102
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
103
103
  sort: {
@@ -165,10 +165,10 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
165
165
  default: any;
166
166
  };
167
167
  }>> & {
168
+ onLoadMore?: () => any;
168
169
  onOnScroll?: (event: Event) => any;
169
170
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
170
171
  onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
171
- onLoadMore?: () => any;
172
172
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
173
173
  "update:sort": (newSort: import("../common/Table.types").Sort) => void;
174
174
  onScroll: (event: Event) => void;
@@ -273,10 +273,10 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
273
273
  default: any;
274
274
  };
275
275
  }>> & {
276
+ onLoadMore?: () => any;
276
277
  onOnScroll?: (event: Event) => any;
277
278
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
278
279
  onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
279
- onLoadMore?: () => any;
280
280
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
281
281
  __isFragment?: never;
282
282
  __isTeleport?: never;
@@ -347,10 +347,10 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
347
347
  default: any;
348
348
  };
349
349
  }>> & {
350
+ onLoadMore?: () => any;
350
351
  onOnScroll?: (event: Event) => any;
351
352
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
352
353
  onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
353
- onLoadMore?: () => any;
354
354
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
355
355
  "update:sort": (newSort: import("../common/Table.types").Sort) => void;
356
356
  onScroll: (event: Event) => void;
@@ -11,6 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
11
11
  selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
12
12
  isSticky?: boolean;
13
13
  isStickyHeader?: boolean;
14
+ isSelectionSticky?: boolean;
14
15
  isLoading?: boolean;
15
16
  emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
16
17
  emptyStateTitle?: string;
@@ -33,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
33
34
  sort: any;
34
35
  isSticky: boolean;
35
36
  isStickyHeader: boolean;
37
+ isSelectionSticky: boolean;
36
38
  sections: any;
37
39
  isLoading: boolean;
38
40
  emptyStateVariant: any;
@@ -80,6 +82,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
80
82
  selectedMatcher?: (rowId: unknown, selected: unknown) => boolean;
81
83
  isSticky?: boolean;
82
84
  isStickyHeader?: boolean;
85
+ isSelectionSticky?: boolean;
83
86
  isLoading?: boolean;
84
87
  emptyStateVariant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
85
88
  emptyStateTitle?: string;
@@ -102,6 +105,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
102
105
  sort: any;
103
106
  isSticky: boolean;
104
107
  isStickyHeader: boolean;
108
+ isSelectionSticky: boolean;
105
109
  sections: any;
106
110
  isLoading: boolean;
107
111
  emptyStateVariant: any;
@@ -126,11 +130,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
126
130
  rowDataKey: string;
127
131
  }>>> & {
128
132
  onSelectAll?: (value: boolean) => any;
133
+ onLoadMore?: () => any;
129
134
  "onUpdate:search"?: (query: string) => any;
130
135
  onOnScroll?: (event: Event) => any;
131
136
  "onUpdate:sort"?: (newSort: Sort) => any;
132
137
  onSaveRow?: (args_0: SaveRowEvent) => any;
133
- onLoadMore?: () => any;
134
138
  onOnClearSearch?: () => any;
135
139
  "onUpdate:selection"?: (selection: unknown[]) => any;
136
140
  onSelectRow?: (value: boolean) => any;
@@ -158,6 +162,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
158
162
  getRowId: (row: Row, index: number) => unknown;
159
163
  getRowKey: (row: Row, index: number) => string | number;
160
164
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
165
+ isSelectionSticky: boolean;
161
166
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
162
167
  zIndexBase: number;
163
168
  rowCustomClassKey: string;
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0cd8af73"]]);
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_2406226b_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2406226b"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };