@ironsource/shared-ui 2.1.8-rc.8 → 2.1.8-rc.9

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 (21) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css +1 -0
  2. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css +1 -0
  3. package/Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css +1 -0
  4. package/components/table/common/Table.types.d.ts +6 -0
  5. package/components/table/v3/Table.vue.d.ts +3 -13
  6. package/components/table/v3/Table.vue.js +5 -5
  7. package/components/table/v3/Table.vue2.js +2 -2
  8. package/components/table/v3/index.d.ts +7 -42
  9. package/components/table/v4/DataGrid.vue.d.ts +3 -13
  10. package/components/table/v4/DataGrid.vue.js +3 -3
  11. package/components/table/v4/DataGrid.vue2.js +5 -5
  12. package/components/table/v4/MultipleDataGrid.vue.d.ts +7 -1
  13. package/components/table/v4/MultipleDataGrid.vue.js +3 -3
  14. package/components/table/v4/MultipleDataGrid.vue2.js +76 -75
  15. package/components/table/v4/index.d.ts +28 -43
  16. package/index.d.ts +70 -170
  17. package/index.js +1 -1
  18. package/package.json +1 -1
  19. package/DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css +0 -1
  20. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css +0 -1
  21. package/Table.vue_vue_type_style_index_0_scoped_76fef9bd_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-d27e1304]{position:sticky}.table-container[data-v-d27e1304]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-d27e1304]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-d27e1304]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-d27e1304]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-d27e1304]{width:13.75rem}.table-header.isStickyHeader[data-v-d27e1304]{z-index:calc(var(--189e28e1) + 3);top:0}.table-head-container[data-v-d27e1304]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-d27e1304]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-d27e1304]{display:inline-table}.table-header-actions[data-v-d27e1304]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-d27e1304]{position:relative}.table-row.loading[data-v-d27e1304]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-d27e1304]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-d27e1304]{border-bottom:none}.expanded-row[data-v-d27e1304]{grid-column:var(--ac6022d6);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-d27e1304]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-d27e1304]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-d27e1304],table th[data-v-d27e1304]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-d27e1304]:first-of-type,table th[data-v-d27e1304]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-d27e1304]:last-of-type,table th[data-v-d27e1304]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-d27e1304],table th.expand-toggle-cell[data-v-d27e1304]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-d27e1304]{border-bottom:none;z-index:calc(var(--189e28e1) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-d27e1304]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--3d5ab04e)}table>thead>tr>th[data-v-d27e1304]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-d27e1304]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-d27e1304]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-d27e1304]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-d27e1304]{cursor:pointer}table>thead.sticky[data-v-d27e1304]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-d27e1304]{z-index:calc(var(--189e28e1) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-d27e1304]{display:block}table>tbody>*>tr[data-v-d27e1304]{background-color:var(--background-default);min-height:var(--633cd456);height:auto;display:grid;align-items:center;grid-template-columns:var(--3d5ab04e)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-d27e1304]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-d27e1304],table>tbody>*>tr.activeMenu>td[data-v-d27e1304]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-d27e1304]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--633cd456);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-d27e1304]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-d27e1304]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-d27e1304]{justify-content:flex-end;text-align:right}.section-container[data-v-d27e1304]{left:0}.sections[data-v-d27e1304]{display:flex}.section[data-v-d27e1304]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-d27e1304]{width:100%}.empty-state[data-v-d27e1304]{min-height:250px}.floating-row[data-v-d27e1304]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--189e28e1) + 1)}.floating-row *[data-v-d27e1304-s]{pointer-events:auto}
package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css ADDED
@@ -0,0 +1 @@
1
+ .multi-table-container[data-v-cfedf78b]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-cfedf78b]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-cfedf78b]{position:sticky;top:0;z-index:calc(var(--6083f45c) + 3)}.multi-table-container[data-v-cfedf78b] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-cfedf78b] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-cfedf78b] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-cfedf78b]{min-height:250px}.multi-table-container .table-header-right[data-v-cfedf78b]{align-items:center;display:flex;height:100%}.multi-table-container .table-header-right .table-header-actions[data-v-cfedf78b]{align-items:center;display:flex;margin-left:var(--spacing-100)}
package/Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-9375215d]{color:#41454d}.sticky[data-v-9375215d]{position:sticky}.table-container[data-v-9375215d]{width:100%;position:relative}.last.floating[data-v-9375215d]{max-width:100%}.table-header[data-v-9375215d]{display:flex;align-items:center;height:55px;border-bottom:1px solid #dddfe1;background-color:#fff;position:sticky;left:0}.table-header .table-title[data-v-9375215d]{display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem 1.5rem}.table-header .table-header-right[data-v-9375215d]{display:flex;align-items:center;height:100%}.table-header .table-header-right.border-search[data-v-9375215d]{border-left:1px solid #dddfe1}.table-header.isStickyHeader[data-v-9375215d]{z-index:199;top:0}.table-head-container[data-v-9375215d]{display:flex;align-items:center;white-space:nowrap}.table-body-wrapper[data-v-9375215d]{display:inline-table}.table-header-actions[data-v-9375215d]{margin-left:auto;margin-right:1rem;display:flex;align-items:center}.table-row[data-v-9375215d]{position:relative}.table-row.loading[data-v-9375215d]{opacity:.7}.floating-actions[data-v-9375215d]{position:absolute;z-index:10;max-width:max-content;transform:translateY(-50%) translate(calc(-100% - 12px));top:50%;left:0}table[data-v-9375215d]{position:relative;display:block;overflow:auto;background:#ffffff;border:1px solid #dddfe1;color:#53575b;text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:1rem}table td[data-v-9375215d],table th[data-v-9375215d]{padding:0 1.5rem;line-height:normal}table thead[data-v-9375215d]{border-bottom:none;z-index:101;display:inline-table;min-width:100%}table thead tr[data-v-9375215d]{color:#626970;border-bottom:2px solid #dddfe1;height:2.5rem;display:grid;grid-template-columns:var(--0c2c9e92)}table thead tr th[data-v-9375215d]{background:#ffffff;width:100%;display:flex;align-items:center;cursor:default}table thead tr th.bordered[data-v-9375215d]{border-right:1px solid #dddfe1}table thead tr th.isTextRight[data-v-9375215d]{justify-content:flex-end}table thead tr th.isSortable[data-v-9375215d]{cursor:pointer}table thead.sticky[data-v-9375215d]{position:sticky;top:0;background:white}table thead.isStickyHeader[data-v-9375215d]{z-index:198px;top:55px}table tbody[data-v-9375215d]{height:100%;display:block}table tbody tr[data-v-9375215d]{background-color:#fff;min-height:3rem;height:auto;display:grid;align-items:center;grid-template-columns:var(--0c2c9e92)}table tbody tr:nth-of-type(2n) td[data-v-9375215d]{background-color:#fff}table tbody tr:hover:not(.loading) td[data-v-9375215d]{background-color:#f7f8f9}table tbody td[data-v-9375215d]{background-color:#fff;border:none;min-width:0;display:flex;height:100%;width:100%;place-items:center;border-bottom:1px solid #dddfe1;justify-content:start}table tbody td.bordered[data-v-9375215d]{border-right:1px solid #dddfe1}table tbody td.isTextRight[data-v-9375215d]{justify-content:flex-end}table tfoot[data-v-9375215d]{display:block;height:4.5rem;background-color:#fff;border:none}.section-container[data-v-9375215d]{left:0}.sections[data-v-9375215d]{display:flex}.section[data-v-9375215d]{padding:0 1.5rem;background:#ffffff;left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid #dddfe1}
package/components/table/common/Table.types.d.ts CHANGED
@@ -36,3 +36,9 @@ export type TableSettings = {
36
36
  rowHeight?: number;
37
37
  testId?: string;
38
38
  };
39
+ export type SaveRowEvent = {
40
+ value: unknown;
41
+ confirm: () => void;
42
+ rowIndex: number;
43
+ cellIndex: number;
44
+ };
package/components/table/v3/Table.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { Column, Row, Section, Sort } from '../common/Table.types';
1
+ import type { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  title: string;
4
4
  columns: Column[];
@@ -33,12 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
33
33
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
34
34
  "update:sort": (newSort: Sort) => void;
35
35
  onScroll: (event: Event) => void;
36
- saveRow: (args_0: {
37
- value: unknown;
38
- confirm: () => void;
39
- rowIndex: number;
40
- cellIndex: number;
41
- }) => void;
36
+ saveRow: (args_0: SaveRowEvent) => void;
42
37
  loadMore: () => void;
43
38
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
44
39
  title: string;
@@ -74,12 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
74
69
  }>>> & {
75
70
  onOnScroll?: (event: Event) => any;
76
71
  "onUpdate:sort"?: (newSort: Sort) => any;
77
- onSaveRow?: (args_0: {
78
- value: unknown;
79
- confirm: () => void;
80
- rowIndex: number;
81
- cellIndex: number;
82
- }) => any;
72
+ onSaveRow?: (args_0: SaveRowEvent) => any;
83
73
  onLoadMore?: () => any;
84
74
  }, {
85
75
  testId: string;
package/components/table/v3/Table.vue.js CHANGED
@@ -1,7 +1,7 @@
1
- import e from "./Table.vue2.js";
2
- /* empty css *//* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../Table.vue_vue_type_style_index_0_scoped_76fef9bd_lang.css"; //*');
4
- const f = /* @__PURE__ */ o(e, [["__scopeId", "data-v-76fef9bd"]]);
1
+ import o from "./Table.vue2.js";
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css"; //*');
4
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9375215d"]]);
5
5
  export {
6
- f as default
6
+ r as default
7
7
  };
package/components/table/v3/Table.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../Table.vue_vue_type_style_index_0_scoped_76fef9bd_lang.css"; import { defineComponent as F, useCssVars as Y, unref as t, openBlock as s, createElementBlock as a, createElementVNode as o, normalizeStyle as y, normalizeClass as n, renderSlot as r, createVNode as c, withCtx as m, createTextVNode as g, toDisplayString as k, createCommentVNode as R, Fragment as $, renderList as v, createBlock as x, mergeProps as G, withDirectives as W, vShow as j } from "vue";
1
+ import "../../../Table.vue_vue_type_style_index_0_scoped_9375215d_lang.css"; import { defineComponent as F, useCssVars as Y, unref as t, openBlock as s, createElementBlock as a, createElementVNode as o, normalizeStyle as y, normalizeClass as n, renderSlot as r, createVNode as c, withCtx as m, createTextVNode as g, toDisplayString as k, createCommentVNode as R, Fragment as $, renderList as v, createBlock as x, mergeProps as G, withDirectives as W, vShow as j } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import T from "../../typography/Text.vue.js";
4
4
  import "../../button/v3/Button.vue.js";
@@ -33,7 +33,7 @@ const X = ["data-testid"], Z = ["data-testid"], p = ["data-testid"], _ = ["data-
33
33
  setup(i, { emit: A }) {
34
34
  const H = i;
35
35
  Y((l) => ({
36
- "3205197f": t(N)
36
+ "0c2c9e92": t(N)
37
37
  }));
38
38
  const {
39
39
  list: b,
package/components/table/v3/index.d.ts CHANGED
@@ -83,12 +83,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
83
83
  }>> & {
84
84
  onOnScroll?: (event: Event) => any;
85
85
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
86
- onSaveRow?: (args_0: {
87
- value: unknown;
88
- confirm: () => void;
89
- rowIndex: number;
90
- cellIndex: number;
91
- }) => any;
86
+ onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
92
87
  onLoadMore?: () => any;
93
88
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition">;
94
89
  $attrs: {
@@ -102,12 +97,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
102
97
  }>;
103
98
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
104
99
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
105
- $emit: ((event: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: {
106
- value: unknown;
107
- confirm: () => void;
108
- rowIndex: number;
109
- cellIndex: number;
110
- }) => void) & ((event: "loadMore") => void);
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);
111
101
  $el: any;
112
102
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
113
103
  sort: {
@@ -177,22 +167,12 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
177
167
  }>> & {
178
168
  onOnScroll?: (event: Event) => any;
179
169
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
180
- onSaveRow?: (args_0: {
181
- value: unknown;
182
- confirm: () => void;
183
- rowIndex: number;
184
- cellIndex: number;
185
- }) => any;
170
+ onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
186
171
  onLoadMore?: () => any;
187
172
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
188
173
  "update:sort": (newSort: import("../common/Table.types").Sort) => void;
189
174
  onScroll: (event: Event) => void;
190
- saveRow: (args_0: {
191
- value: unknown;
192
- confirm: () => void;
193
- rowIndex: number;
194
- cellIndex: number;
195
- }) => void;
175
+ saveRow: (args_0: import("../common/Table.types").SaveRowEvent) => void;
196
176
  loadMore: () => void;
197
177
  }, string, {
198
178
  testId: string;
@@ -295,12 +275,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
295
275
  }>> & {
296
276
  onOnScroll?: (event: Event) => any;
297
277
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
298
- onSaveRow?: (args_0: {
299
- value: unknown;
300
- confirm: () => void;
301
- rowIndex: number;
302
- cellIndex: number;
303
- }) => any;
278
+ onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
304
279
  onLoadMore?: () => any;
305
280
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
306
281
  __isFragment?: never;
@@ -374,22 +349,12 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
374
349
  }>> & {
375
350
  onOnScroll?: (event: Event) => any;
376
351
  "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
377
- onSaveRow?: (args_0: {
378
- value: unknown;
379
- confirm: () => void;
380
- rowIndex: number;
381
- cellIndex: number;
382
- }) => any;
352
+ onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
383
353
  onLoadMore?: () => any;
384
354
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
385
355
  "update:sort": (newSort: import("../common/Table.types").Sort) => void;
386
356
  onScroll: (event: Event) => void;
387
- saveRow: (args_0: {
388
- value: unknown;
389
- confirm: () => void;
390
- rowIndex: number;
391
- cellIndex: number;
392
- }) => void;
357
+ saveRow: (args_0: import("../common/Table.types").SaveRowEvent) => void;
393
358
  loadMore: () => void;
394
359
  }, string, {
395
360
  testId: string;
package/components/table/v4/DataGrid.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { Column, Row, Section, Sort } from '../common/Table.types';
1
+ import type { Column, Row, SaveRowEvent, Section, Sort } from '../common/Table.types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  title?: string;
4
4
  columns: Column[];
@@ -61,12 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
61
61
  "update:selection": (selection: unknown[]) => void;
62
62
  onScroll: (event: Event) => void;
63
63
  onClearSearch: () => void;
64
- saveRow: (args_0: {
65
- value: unknown;
66
- confirm: () => void;
67
- rowIndex: number;
68
- cellIndex: number;
69
- }) => void;
64
+ saveRow: (args_0: SaveRowEvent) => void;
70
65
  loadMore: () => void;
71
66
  selectAll: (value: boolean) => void;
72
67
  selectRow: (value: boolean) => void;
@@ -130,12 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
130
125
  "onUpdate:search"?: (query: string) => any;
131
126
  onOnScroll?: (event: Event) => any;
132
127
  "onUpdate:sort"?: (newSort: Sort) => any;
133
- onSaveRow?: (args_0: {
134
- value: unknown;
135
- confirm: () => void;
136
- rowIndex: number;
137
- cellIndex: number;
138
- }) => any;
128
+ onSaveRow?: (args_0: SaveRowEvent) => any;
139
129
  onLoadMore?: () => any;
140
130
  onOnClearSearch?: () => any;
141
131
  "onUpdate:selection"?: (selection: unknown[]) => any;
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2f666594"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css"; //*');
4
+ const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d27e1304"]]);
5
5
  export {
6
6
  a as default
7
7
  };
package/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as p, createBlock as z, mergeProps as re } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as p, createBlock as z, mergeProps as re } from "vue";
2
2
  import A from "../../typography/v4/Typography.vue.js";
3
3
  import ue from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import he from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -66,10 +66,10 @@ const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["d
66
66
  setup(s, { expose: m, emit: y }) {
67
67
  const i = s;
68
68
  oe((a) => ({
69
- "416084ad": s.zIndexBase,
70
- "90cd7d3e": t(X),
71
- "03caffcc": t(P),
72
- "64d76d22": t(J)
69
+ "189e28e1": s.zIndexBase,
70
+ ac6022d6: t(X),
71
+ "3d5ab04e": t(P),
72
+ "633cd456": t(J)
73
73
  }));
74
74
  const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
75
75
  list: M,
package/components/table/v4/MultipleDataGrid.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Column } from '@/components/table/v4';
2
- import { TableSettings } from '@is-ssp/table/common/Table.types';
2
+ import { SaveRowEvent, TableSettings } from '@is-ssp/table/common/Table.types';
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
4
  tablesSettings: TableSettings[];
5
5
  loadingAndEmptyStatesColumns: Column[];
@@ -43,6 +43,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
43
43
  onScroll: (scrollTop: number) => void;
44
44
  onClearSearch: () => void;
45
45
  clickRow: (rowIndex: number, tableIndex: number) => void;
46
+ saveRow: (args_0: SaveRowEvent & {
47
+ tableIndex: number;
48
+ }) => void;
46
49
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
47
50
  tablesSettings: TableSettings[];
48
51
  loadingAndEmptyStatesColumns: Column[];
@@ -84,6 +87,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
84
87
  }>>> & {
85
88
  "onUpdate:search"?: (query: string) => any;
86
89
  onOnScroll?: (scrollTop: number) => any;
90
+ onSaveRow?: (args_0: SaveRowEvent & {
91
+ tableIndex: number;
92
+ }) => any;
87
93
  onOnClearSearch?: () => any;
88
94
  onClickRow?: (rowIndex: number, tableIndex: number) => any;
89
95
  }, {
package/components/table/v4/MultipleDataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./MultipleDataGrid.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css"; //*');
4
- const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-82ba0e12"]]);
3
+ // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-cfedf78b"]]);
5
5
  export {
6
- p as default
6
+ s as default
7
7
  };
package/components/table/v4/MultipleDataGrid.vue2.js CHANGED
@@ -1,15 +1,15 @@
1
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css"; import { defineComponent as A, useCssVars as D, useSlots as H, computed as O, openBlock as s, createElementBlock as r, createElementVNode as w, normalizeClass as G, unref as o, renderSlot as n, createBlock as C, createCommentVNode as f, createVNode as M, isRef as $, Fragment as P, renderList as y, createSlots as b, withCtx as u } from "vue";
2
- import v from "./DataGrid.vue.js";
1
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css"; import { defineComponent as D, useCssVars as H, useSlots as O, computed as G, openBlock as n, createElementBlock as u, createElementVNode as v, normalizeClass as M, unref as s, renderSlot as d, createBlock as C, createCommentVNode as y, createVNode as P, isRef as $, Fragment as U, renderList as h, createSlots as b, withCtx as c } from "vue";
2
+ import I from "./DataGrid.vue.js";
3
3
  import "./DataGridMenu.vue.js";
4
- import U from "./DataGridRowsCounter.vue.js";
4
+ import F from "./DataGridRowsCounter.vue.js";
5
5
  import "./MultipleDataGrid.vue.js";
6
- import F from "../../search/v4/SearchV4.vue.js";
7
- import { useVModel as Q } from "@vueuse/core";
8
- import { TableTestIdModifiers as h } from "../../../testids/index.js";
9
- const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = {
6
+ import Q from "../../search/v4/SearchV4.vue.js";
7
+ import { useVModel as j } from "@vueuse/core";
8
+ import { TableTestIdModifiers as S } from "../../../testids/index.js";
9
+ const p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = {
10
10
  key: 0,
11
11
  class: "tables-container"
12
- }, ot = /* @__PURE__ */ A({
12
+ }, st = /* @__PURE__ */ D({
13
13
  __name: "MultipleDataGrid",
14
14
  props: {
15
15
  tablesSettings: { default: () => [] },
@@ -31,31 +31,31 @@ const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-
31
31
  totalText: { default: "total rows" },
32
32
  testId: { default: "" }
33
33
  },
34
- emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
35
- setup(t, { emit: c }) {
34
+ emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
35
+ setup(t, { emit: r }) {
36
36
  const g = t;
37
- D((e) => ({
38
- "5d3fa26e": t.zIndexBase
37
+ H((e) => ({
38
+ "6083f45c": t.zIndexBase
39
39
  }));
40
- const I = H(), T = O(
40
+ const R = O(), T = G(
41
41
  () => g.isLoading || !g.tablesSettings.flatMap((e) => e.rows).length
42
- ), d = Q(g, "search", c), m = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
43
- c("onScroll", e.target.scrollTop);
44
- }, R = () => c("onClearSearch"), E = (e, i) => c("clickRow", e, i);
45
- return (e, i) => (s(), r("div", {
42
+ ), i = j(g, "search", r), m = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
43
+ r("onScroll", e.target.scrollTop);
44
+ }, E = () => r("onClearSearch"), V = (e, l) => r("clickRow", e, l), B = ({ value: e, rowIndex: l, cellIndex: a, confirm: f }, o) => r("saveRow", { value: e, tableIndex: o, rowIndex: l, cellIndex: a, confirm: f });
45
+ return (e, l) => (n(), u("div", {
46
46
  class: "multi-table-container",
47
47
  onScrollPassive: x
48
48
  }, [
49
- w("div", {
50
- class: G(["table-header-container", { sticky: t.isSticky }]),
51
- "data-testid": `${t.testId}-${o(h).HEADER}`
49
+ v("div", {
50
+ class: M(["table-header-container", { sticky: t.isSticky }]),
51
+ "data-testid": `${t.testId}-${s(S).HEADER}`
52
52
  }, [
53
- w("div", {
53
+ v("div", {
54
54
  class: "rows-counter-container",
55
- "data-testid": `${t.testId}-${o(h).TITLE}`
55
+ "data-testid": `${t.testId}-${s(S).TITLE}`
56
56
  }, [
57
- n(e.$slots, "title", {}, () => [
58
- t.isLoading ? f("", !0) : (s(), C(o(U), {
57
+ d(e.$slots, "title", {}, () => [
58
+ t.isLoading ? y("", !0) : (n(), C(s(F), {
59
59
  key: 0,
60
60
  count: t.count,
61
61
  "total-count": t.totalCount,
@@ -65,33 +65,33 @@ const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-
65
65
  "test-id": t.testId
66
66
  }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
67
67
  ], !0)
68
- ], 8, p),
69
- w("div", {
68
+ ], 8, q),
69
+ v("div", {
70
70
  class: "table-header-right",
71
- "data-testid": `${t.testId}-${o(h).HEADER_RIGHT}`
71
+ "data-testid": `${t.testId}-${s(S).HEADER_RIGHT}`
72
72
  }, [
73
- t.showSearch ? n(e.$slots, "search", { key: 0 }, () => [
74
- M(o(F), {
75
- modelValue: o(d),
76
- "onUpdate:modelValue": i[0] || (i[0] = (a) => $(d) ? d.value = a : null),
73
+ t.showSearch ? d(e.$slots, "search", { key: 0 }, () => [
74
+ P(s(Q), {
75
+ modelValue: s(i),
76
+ "onUpdate:modelValue": l[0] || (l[0] = (a) => $(i) ? i.value = a : null),
77
77
  placeholder: t.searchPlaceholder,
78
78
  "test-id": t.testId,
79
- onOnClear: R
79
+ onOnClear: E
80
80
  }, null, 8, ["modelValue", "placeholder", "test-id"])
81
- ], !0) : f("", !0),
82
- o(I)["table-header-actions"] ? (s(), r("div", {
81
+ ], !0) : y("", !0),
82
+ s(R)["table-header-actions"] ? (n(), u("div", {
83
83
  key: 1,
84
84
  class: "table-header-actions",
85
- "data-testid": `${t.testId}-${o(h).ACTIONS}`
85
+ "data-testid": `${t.testId}-${s(S).ACTIONS}`
86
86
  }, [
87
- n(e.$slots, "table-header-actions", {}, void 0, !0)
88
- ], 8, J)) : f("", !0)
89
- ], 8, q)
90
- ], 10, j),
91
- o(T) ? (s(), C(o(v), {
87
+ d(e.$slots, "table-header-actions", {}, void 0, !0)
88
+ ], 8, K)) : y("", !0)
89
+ ], 8, J)
90
+ ], 10, p),
91
+ s(T) ? (n(), C(s(I), {
92
92
  key: 1,
93
- search: o(d),
94
- "onUpdate:search": i[1] || (i[1] = (a) => $(d) ? d.value = a : null),
93
+ search: s(i),
94
+ "onUpdate:search": l[1] || (l[1] = (a) => $(i) ? i.value = a : null),
95
95
  rows: [],
96
96
  columns: t.loadingAndEmptyStatesColumns,
97
97
  "is-loading": t.isLoading,
@@ -101,23 +101,23 @@ const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-
101
101
  "empty-state-subtitle": t.emptyStateSubtitle,
102
102
  "test-id": t.testId
103
103
  }, b({
104
- "empty-state": u(() => [
105
- n(e.$slots, "empty-state", {}, void 0, !0)
104
+ "empty-state": c(() => [
105
+ d(e.$slots, "empty-state", {}, void 0, !0)
106
106
  ]),
107
107
  _: 2
108
108
  }, [
109
- y(t.loadingAndEmptyStatesColumns, (a) => ({
109
+ h(t.loadingAndEmptyStatesColumns, (a) => ({
110
110
  name: m(a),
111
- fn: u(() => [
112
- n(e.$slots, `${m(a)}`, { column: a }, void 0, !0)
111
+ fn: c(() => [
112
+ d(e.$slots, `${m(a)}`, { column: a }, void 0, !0)
113
113
  ])
114
114
  }))
115
- ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (s(), r("div", K, [
116
- (s(!0), r(P, null, y(t.tablesSettings, (a, V) => (s(), r("div", {
115
+ ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (n(), u("div", W, [
116
+ (n(!0), u(U, null, h(t.tablesSettings, (a, f) => (n(), u("div", {
117
117
  key: a.testId,
118
118
  class: "table-wrapper"
119
119
  }, [
120
- a.rows.length ? (s(), C(o(v), {
120
+ a.rows.length ? (n(), C(s(I), {
121
121
  key: 0,
122
122
  sections: a.sections,
123
123
  columns: a.columns,
@@ -126,46 +126,47 @@ const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-
126
126
  "is-sticky": t.isSticky,
127
127
  "z-index-base": t.zIndexBase,
128
128
  "test-id": a.testId,
129
- onClickRow: (l) => E(l, V)
129
+ onClickRow: (o) => V(o, f),
130
+ onSaveRow: (o) => B(o, f)
130
131
  }, b({
131
- "floating-row": u(({ row: l, rowIndex: S }) => [
132
- n(e.$slots, "floating-row", {
133
- row: l,
134
- rowIndex: S
132
+ "floating-row": c(({ row: o, rowIndex: w }) => [
133
+ d(e.$slots, "floating-row", {
134
+ row: o,
135
+ rowIndex: w
135
136
  }, void 0, !0)
136
137
  ]),
137
138
  _: 2
138
139
  }, [
139
- y(a.columns, (l) => ({
140
- name: m(l),
141
- fn: u(() => [
142
- n(e.$slots, `${m(l)}`, { column: l }, void 0, !0)
140
+ h(a.columns, (o) => ({
141
+ name: m(o),
142
+ fn: c(() => [
143
+ d(e.$slots, `${m(o)}`, { column: o }, void 0, !0)
143
144
  ])
144
145
  })),
145
- y(a.columns, (l) => ({
146
- name: k(l),
147
- fn: u(({
148
- cell: S,
149
- rowIndex: B,
150
- isLoading: L,
151
- cellIndex: N,
152
- row: z
146
+ h(a.columns, (o) => ({
147
+ name: k(o),
148
+ fn: c(({
149
+ cell: w,
150
+ rowIndex: L,
151
+ isLoading: N,
152
+ cellIndex: z,
153
+ row: A
153
154
  }) => [
154
- n(e.$slots, `${k(l)}`, {
155
- cell: S,
156
- isLoading: L,
157
- cellIndex: N,
158
- row: z,
159
- rowIndex: B
155
+ d(e.$slots, `${k(o)}`, {
156
+ cell: w,
157
+ isLoading: N,
158
+ cellIndex: z,
159
+ row: A,
160
+ rowIndex: L
160
161
  }, void 0, !0)
161
162
  ])
162
163
  }))
163
- ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) : f("", !0)
164
+ ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow", "onSaveRow"])) : y("", !0)
164
165
  ]))), 128))
165
166
  ]))
166
167
  ], 32));
167
168
  }
168
169
  });
169
170
  export {
170
- ot as default
171
+ st as default
171
172
  };