@ironsource/shared-ui 2.1.10-rc.2 → 2.1.10-rc.3

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 (34) hide show
  1. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +1 -0
  2. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_899679d0_lang.css +1 -0
  4. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  5. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_69c40021_lang.css +1 -0
  6. package/OptionV4.vue_vue_type_style_index_0_scoped_f61be399_lang.css +1 -0
  7. package/components/dropdown/common/Dropdown.common.d.ts +1 -0
  8. package/components/dropdown/common/Dropdown.common.js +165 -158
  9. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +5 -0
  10. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  11. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +23 -22
  12. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +11 -0
  13. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  14. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +59 -45
  15. package/components/dropdown/v4/DropdownV4.vue.d.ts +12 -0
  16. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  17. package/components/dropdown/v4/DropdownV4.vue2.js +173 -167
  18. package/components/dropdown/v4/OptionV4.vue.d.ts +6 -0
  19. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  20. package/components/dropdown/v4/OptionV4.vue2.js +83 -70
  21. package/components/dropdown/v4/index.d.ts +111 -3
  22. package/components/table/v4/MultipleDataGrid.vue.d.ts +10 -0
  23. package/components/table/v4/MultipleDataGrid.vue.js +3 -3
  24. package/components/table/v4/MultipleDataGrid.vue2.js +62 -58
  25. package/components/table/v4/index.d.ts +39 -1
  26. package/consts/configs.d.ts +1 -0
  27. package/consts/configs.js +4 -0
  28. package/index.d.ts +300 -8
  29. package/package.json +1 -1
  30. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +0 -1
  31. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css +0 -1
  32. package/DropdownV4.vue_vue_type_style_index_0_scoped_62a620ee_lang.css +0 -1
  33. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_60d4a465_lang.css +0 -1
  34. package/OptionV4.vue_vue_type_style_index_0_scoped_77509f61_lang.css +0 -1
@@ -19,6 +19,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
19
19
  displayingText?: string;
20
20
  outOfText?: string;
21
21
  totalText?: string;
22
+ rowCustomClassKey?: string;
23
+ rowDataKey?: string;
22
24
  testId?: string;
23
25
  }>, {
24
26
  tablesSettings: () => any[];
@@ -39,6 +41,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
39
41
  displayingText: string;
40
42
  outOfText: string;
41
43
  totalText: string;
44
+ rowCustomClassKey: string;
45
+ rowDataKey: string;
42
46
  testId: string;
43
47
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
44
48
  "update:search": (query: string) => void;
@@ -67,6 +71,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
67
71
  displayingText?: string;
68
72
  outOfText?: string;
69
73
  totalText?: string;
74
+ rowCustomClassKey?: string;
75
+ rowDataKey?: string;
70
76
  testId?: string;
71
77
  }>, {
72
78
  tablesSettings: () => any[];
@@ -87,6 +93,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
87
93
  displayingText: string;
88
94
  outOfText: string;
89
95
  totalText: string;
96
+ rowCustomClassKey: string;
97
+ rowDataKey: string;
90
98
  testId: string;
91
99
  }>>> & {
92
100
  "onUpdate:search"?: (query: string) => any;
@@ -110,6 +118,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
110
118
  getRowId: (row: Row, index: number) => string | number;
111
119
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
112
120
  zIndexBase: number;
121
+ rowCustomClassKey: string;
122
+ rowDataKey: string;
113
123
  totalCount: number;
114
124
  displayingText: string;
115
125
  outOfText: string;
@@ -1,7 +1,7 @@
1
1
  import o from "./MultipleDataGrid.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_60d4a465_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-60d4a465"]]);
3
+ // import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_69c40021_lang.css"; //*');
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-69c40021"]]);
5
5
  export {
6
- p as default
6
+ s as default
7
7
  };
@@ -1,15 +1,15 @@
1
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_60d4a465_lang.css"; import { defineComponent as D, useCssVars as H, useSlots as O, computed as G, openBlock as n, createElementBlock as c, createElementVNode as v, normalizeClass as M, unref as l, renderSlot as d, createBlock as C, createCommentVNode as y, createVNode as P, isRef as $, Fragment as F, renderList as g, createSlots as b, withCtx as m } from "vue";
1
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_69c40021_lang.css"; import { defineComponent as A, useCssVars as H, useSlots as O, computed as G, openBlock as n, createElementBlock as c, createElementVNode as C, normalizeClass as K, unref as s, renderSlot as d, createBlock as k, createCommentVNode as f, createVNode as M, isRef as $, Fragment as P, renderList as w, createSlots as b, withCtx as y } from "vue";
2
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 Q from "../../search/v4/SearchV4.vue.js";
7
- import { useVModel as j } from "@vueuse/core";
8
- import { TableTestIdModifiers as h } from "../../../testids/index.js";
9
- const q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = ["data-testid"], X = {
6
+ import U from "../../search/v4/SearchV4.vue.js";
7
+ import { useVModel as Q } from "@vueuse/core";
8
+ import { TableTestIdModifiers as g } from "../../../testids/index.js";
9
+ const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-testid"], X = {
10
10
  key: 0,
11
11
  class: "tables-container"
12
- }, lt = /* @__PURE__ */ D({
12
+ }, st = /* @__PURE__ */ A({
13
13
  __name: "MultipleDataGrid",
14
14
  props: {
15
15
  tablesSettings: { default: () => [] },
@@ -30,33 +30,35 @@ const q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = ["data-
30
30
  displayingText: { default: "Displaying" },
31
31
  outOfText: { default: "out of" },
32
32
  totalText: { default: "total rows" },
33
+ rowCustomClassKey: { default: "" },
34
+ rowDataKey: { default: "" },
33
35
  testId: { default: "" }
34
36
  },
35
37
  emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
36
38
  setup(t, { emit: i }) {
37
- const w = t;
39
+ const h = t;
38
40
  H((e) => ({
39
- b840474a: t.zIndexBase
41
+ "306dba92": t.zIndexBase
40
42
  }));
41
43
  const R = O(), T = G(
42
- () => w.isLoading || !w.tablesSettings.flatMap((e) => e.rows).length
43
- ), r = j(w, "search", i), f = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
44
+ () => h.isLoading || !h.tablesSettings.flatMap((e) => e.rows).length
45
+ ), r = Q(h, "search", i), m = (e) => `header-${e.id}`, v = (e) => `cell-${e.id}`, x = (e) => {
44
46
  i("onScroll", e.target.scrollTop);
45
- }, E = () => i("onClearSearch"), V = (e, s) => i("clickRow", e, s), B = ({ value: e, rowIndex: s, cellIndex: a, confirm: u }, o) => i("saveRow", { value: e, tableIndex: o, rowIndex: s, cellIndex: a, confirm: u });
46
- return (e, s) => (n(), c("div", {
47
+ }, E = () => i("onClearSearch"), V = (e, l) => i("clickRow", e, l), B = ({ value: e, rowIndex: l, cellIndex: a, confirm: u }, o) => i("saveRow", { value: e, tableIndex: o, rowIndex: l, cellIndex: a, confirm: u });
48
+ return (e, l) => (n(), c("div", {
47
49
  class: "multi-table-container",
48
50
  onScrollPassive: x
49
51
  }, [
50
- v("div", {
51
- class: M(["table-header-container", { sticky: t.isSticky }]),
52
- "data-testid": `${t.testId}-${l(h).HEADER}`
52
+ C("div", {
53
+ class: K(["table-header-container", { sticky: t.isSticky }]),
54
+ "data-testid": `${t.testId}-${s(g).HEADER}`
53
55
  }, [
54
- v("div", {
56
+ C("div", {
55
57
  class: "rows-counter-container",
56
- "data-testid": `${t.testId}-${l(h).TITLE}`
58
+ "data-testid": `${t.testId}-${s(g).TITLE}`
57
59
  }, [
58
60
  d(e.$slots, "title", {}, () => [
59
- t.isLoading ? y("", !0) : (n(), C(l(U), {
61
+ t.isLoading ? f("", !0) : (n(), k(s(F), {
60
62
  key: 0,
61
63
  count: t.count,
62
64
  "total-count": t.totalCount,
@@ -66,33 +68,33 @@ const q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = ["data-
66
68
  "test-id": t.testId
67
69
  }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
68
70
  ], !0)
69
- ], 8, J),
70
- v("div", {
71
+ ], 8, q),
72
+ C("div", {
71
73
  class: "table-header-right",
72
- "data-testid": `${t.testId}-${l(h).HEADER_RIGHT}`
74
+ "data-testid": `${t.testId}-${s(g).HEADER_RIGHT}`
73
75
  }, [
74
76
  t.showSearch ? d(e.$slots, "search", { key: 0 }, () => [
75
- P(l(Q), {
76
- modelValue: l(r),
77
- "onUpdate:modelValue": s[0] || (s[0] = (a) => $(r) ? r.value = a : null),
77
+ M(s(U), {
78
+ modelValue: s(r),
79
+ "onUpdate:modelValue": l[0] || (l[0] = (a) => $(r) ? r.value = a : null),
78
80
  placeholder: t.searchPlaceholder,
79
81
  "test-id": t.testId,
80
82
  onOnClear: E
81
83
  }, null, 8, ["modelValue", "placeholder", "test-id"])
82
- ], !0) : y("", !0),
83
- l(R)["table-header-actions"] ? (n(), c("div", {
84
+ ], !0) : f("", !0),
85
+ s(R)["table-header-actions"] ? (n(), c("div", {
84
86
  key: 1,
85
87
  class: "table-header-actions",
86
- "data-testid": `${t.testId}-${l(h).ACTIONS}`
88
+ "data-testid": `${t.testId}-${s(g).ACTIONS}`
87
89
  }, [
88
90
  d(e.$slots, "table-header-actions", {}, void 0, !0)
89
- ], 8, W)) : y("", !0)
90
- ], 8, K)
91
- ], 10, q),
92
- l(T) ? (n(), C(l(I), {
91
+ ], 8, W)) : f("", !0)
92
+ ], 8, J)
93
+ ], 10, j),
94
+ s(T) ? (n(), k(s(I), {
93
95
  key: 1,
94
- search: l(r),
95
- "onUpdate:search": s[1] || (s[1] = (a) => $(r) ? r.value = a : null),
96
+ search: s(r),
97
+ "onUpdate:search": l[1] || (l[1] = (a) => $(r) ? r.value = a : null),
96
98
  rows: [],
97
99
  columns: t.loadingAndEmptyStatesColumns,
98
100
  "is-loading": t.isLoading,
@@ -102,23 +104,23 @@ const q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = ["data-
102
104
  "empty-state-subtitle": t.emptyStateSubtitle,
103
105
  "test-id": t.testId
104
106
  }, b({
105
- "empty-state": m(() => [
107
+ "empty-state": y(() => [
106
108
  d(e.$slots, "empty-state", {}, void 0, !0)
107
109
  ]),
108
110
  _: 2
109
111
  }, [
110
- g(t.loadingAndEmptyStatesColumns, (a) => ({
111
- name: f(a),
112
- fn: m(() => [
113
- d(e.$slots, `${f(a)}`, { column: a }, void 0, !0)
112
+ w(t.loadingAndEmptyStatesColumns, (a) => ({
113
+ name: m(a),
114
+ fn: y(() => [
115
+ d(e.$slots, `${m(a)}`, { column: a }, void 0, !0)
114
116
  ])
115
117
  }))
116
118
  ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (n(), c("div", X, [
117
- (n(!0), c(F, null, g(t.tablesSettings, (a, u) => (n(), c("div", {
119
+ (n(!0), c(P, null, w(t.tablesSettings, (a, u) => (n(), c("div", {
118
120
  key: a.testId,
119
121
  class: "table-wrapper"
120
122
  }, [
121
- a.rows.length ? (n(), C(l(I), {
123
+ a.rows.length ? (n(), k(s(I), {
122
124
  key: 0,
123
125
  sections: a.sections,
124
126
  columns: a.columns,
@@ -127,11 +129,13 @@ const q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = ["data-
127
129
  "is-sticky": t.isSticky,
128
130
  "z-index-base": t.zIndexBase,
129
131
  "get-row-id": t.getRowId,
132
+ "row-custom-class-key": t.rowCustomClassKey,
133
+ "row-data-key": t.rowDataKey,
130
134
  "test-id": a.testId,
131
135
  onClickRow: (o) => V(o, u),
132
136
  onSaveRow: (o) => B(o, u)
133
137
  }, b({
134
- "floating-row": m(({ row: o, rowIndex: S }) => [
138
+ "floating-row": y(({ row: o, rowIndex: S }) => [
135
139
  d(e.$slots, "floating-row", {
136
140
  row: o,
137
141
  rowIndex: S,
@@ -140,36 +144,36 @@ const q = ["data-testid"], J = ["data-testid"], K = ["data-testid"], W = ["data-
140
144
  ]),
141
145
  _: 2
142
146
  }, [
143
- g(a.columns, (o) => ({
144
- name: f(o),
145
- fn: m(() => [
146
- d(e.$slots, `${f(o)}`, { column: o }, void 0, !0)
147
+ w(a.columns, (o) => ({
148
+ name: m(o),
149
+ fn: y(() => [
150
+ d(e.$slots, `${m(o)}`, { column: o }, void 0, !0)
147
151
  ])
148
152
  })),
149
- g(a.columns, (o) => ({
150
- name: k(o),
151
- fn: m(({
153
+ w(a.columns, (o) => ({
154
+ name: v(o),
155
+ fn: y(({
152
156
  cell: S,
153
157
  rowIndex: L,
154
- isLoading: N,
155
- cellIndex: z,
156
- row: A
158
+ isLoading: D,
159
+ cellIndex: N,
160
+ row: z
157
161
  }) => [
158
- d(e.$slots, `${k(o)}`, {
162
+ d(e.$slots, `${v(o)}`, {
159
163
  cell: S,
160
- isLoading: N,
161
- cellIndex: z,
162
- row: A,
164
+ isLoading: D,
165
+ cellIndex: N,
166
+ row: z,
163
167
  rowIndex: L
164
168
  }, void 0, !0)
165
169
  ])
166
170
  }))
167
- ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "test-id", "onClickRow", "onSaveRow"])) : y("", !0)
171
+ ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "row-custom-class-key", "row-data-key", "test-id", "onClickRow", "onSaveRow"])) : f("", !0)
168
172
  ]))), 128))
169
173
  ]))
170
174
  ], 32));
171
175
  }
172
176
  });
173
177
  export {
174
- lt as default
178
+ st as default
175
179
  };
@@ -767,6 +767,8 @@ declare const DataGridTypes: () => (({
767
767
  getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
768
768
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
769
769
  zIndexBase: number;
770
+ rowCustomClassKey: string;
771
+ rowDataKey: string;
770
772
  totalCount: number;
771
773
  displayingText: string;
772
774
  outOfText: string;
@@ -826,6 +828,14 @@ declare const DataGridTypes: () => (({
826
828
  type: import("vue").PropType<number>;
827
829
  default: number;
828
830
  };
831
+ rowCustomClassKey: {
832
+ type: import("vue").PropType<string>;
833
+ default: string;
834
+ };
835
+ rowDataKey: {
836
+ type: import("vue").PropType<string>;
837
+ default: string;
838
+ };
829
839
  totalCount: {
830
840
  type: import("vue").PropType<number>;
831
841
  default: number;
@@ -860,7 +870,7 @@ declare const DataGridTypes: () => (({
860
870
  }) => any;
861
871
  onOnClearSearch?: () => any;
862
872
  onClickRow?: (rowIndex: number, tableIndex: number) => any;
863
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
873
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "getRowId" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
864
874
  $attrs: {
865
875
  [x: string]: unknown;
866
876
  };
@@ -929,6 +939,14 @@ declare const DataGridTypes: () => (({
929
939
  type: import("vue").PropType<number>;
930
940
  default: number;
931
941
  };
942
+ rowCustomClassKey: {
943
+ type: import("vue").PropType<string>;
944
+ default: string;
945
+ };
946
+ rowDataKey: {
947
+ type: import("vue").PropType<string>;
948
+ default: string;
949
+ };
932
950
  totalCount: {
933
951
  type: import("vue").PropType<number>;
934
952
  default: number;
@@ -985,6 +1003,8 @@ declare const DataGridTypes: () => (({
985
1003
  getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
986
1004
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
987
1005
  zIndexBase: number;
1006
+ rowCustomClassKey: string;
1007
+ rowDataKey: string;
988
1008
  totalCount: number;
989
1009
  displayingText: string;
990
1010
  outOfText: string;
@@ -1064,6 +1084,14 @@ declare const DataGridTypes: () => (({
1064
1084
  type: import("vue").PropType<number>;
1065
1085
  default: number;
1066
1086
  };
1087
+ rowCustomClassKey: {
1088
+ type: import("vue").PropType<string>;
1089
+ default: string;
1090
+ };
1091
+ rowDataKey: {
1092
+ type: import("vue").PropType<string>;
1093
+ default: string;
1094
+ };
1067
1095
  totalCount: {
1068
1096
  type: import("vue").PropType<number>;
1069
1097
  default: number;
@@ -1155,6 +1183,14 @@ declare const DataGridTypes: () => (({
1155
1183
  type: import("vue").PropType<number>;
1156
1184
  default: number;
1157
1185
  };
1186
+ rowCustomClassKey: {
1187
+ type: import("vue").PropType<string>;
1188
+ default: string;
1189
+ };
1190
+ rowDataKey: {
1191
+ type: import("vue").PropType<string>;
1192
+ default: string;
1193
+ };
1158
1194
  totalCount: {
1159
1195
  type: import("vue").PropType<number>;
1160
1196
  default: number;
@@ -1211,6 +1247,8 @@ declare const DataGridTypes: () => (({
1211
1247
  getRowId: (row: import("../common/Table.types").Row, index: number) => string | number;
1212
1248
  emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
1213
1249
  zIndexBase: number;
1250
+ rowCustomClassKey: string;
1251
+ rowDataKey: string;
1214
1252
  totalCount: number;
1215
1253
  displayingText: string;
1216
1254
  outOfText: string;
@@ -0,0 +1 @@
1
+ export declare const SHARED_ASSETS_CDN_DOMAIN = "https://shared-platform-assets.ironsrc.mobi";
@@ -0,0 +1,4 @@
1
+ const s = "https://shared-platform-assets.ironsrc.mobi";
2
+ export {
3
+ s as SHARED_ASSETS_CDN_DOMAIN
4
+ };