@ironsource/shared-ui 2.1.8-rc.0 → 2.1.8-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.
- package/DataGrid.vue_vue_type_style_index_0_scoped_7524407f_lang.css +1 -0
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_1726ad49_lang.css +1 -0
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_a51b6929_lang.css +1 -0
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue2.js +33 -30
- package/components/table/common/Table.common.js +71 -68
- package/components/table/v4/DataGrid.vue.d.ts +10 -4
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +130 -136
- package/components/table/v4/DataGridRowsCounter.vue.js +2 -2
- package/components/table/v4/DataGridRowsCounter.vue2.js +14 -13
- package/components/table/v4/MultipleDataGrid.vue.d.ts +2 -2
- package/components/table/v4/index.d.ts +41 -7
- package/components/table/v4/storyUtils.d.ts +8 -0
- package/index.d.ts +82 -14
- package/package.json +3 -2
- package/utils/formatNumbers.d.ts +4 -0
- package/utils/formatNumbers.js +11 -0
- package/utils/index.d.ts +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_706b324e_lang.css +0 -1
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_98819e5a_lang.css +0 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_ffd0b476_lang.css +0 -1
|
@@ -30,6 +30,8 @@ declare const DataGridTypes: () => (({
|
|
|
30
30
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
31
31
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
32
32
|
zIndexBase: number;
|
|
33
|
+
rowCustomClassKey: string;
|
|
34
|
+
rowDataKey: string;
|
|
33
35
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
34
36
|
sort: {
|
|
35
37
|
type: import("vue").PropType<import("../common/Table.types").Sort>;
|
|
@@ -131,6 +133,14 @@ declare const DataGridTypes: () => (({
|
|
|
131
133
|
type: import("vue").PropType<number>;
|
|
132
134
|
default: number;
|
|
133
135
|
};
|
|
136
|
+
rowCustomClassKey: {
|
|
137
|
+
type: import("vue").PropType<string>;
|
|
138
|
+
default: string;
|
|
139
|
+
};
|
|
140
|
+
rowDataKey: {
|
|
141
|
+
type: import("vue").PropType<string>;
|
|
142
|
+
default: string;
|
|
143
|
+
};
|
|
134
144
|
}>> & {
|
|
135
145
|
onSelectAll?: (value: boolean) => any;
|
|
136
146
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -147,7 +157,7 @@ declare const DataGridTypes: () => (({
|
|
|
147
157
|
"onUpdate:selection"?: (selection: unknown[]) => any;
|
|
148
158
|
onSelectRow?: (value: boolean) => any;
|
|
149
159
|
onClickRow?: (rowIndex: number) => any;
|
|
150
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
|
|
160
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
|
|
151
161
|
$attrs: {
|
|
152
162
|
[x: string]: unknown;
|
|
153
163
|
};
|
|
@@ -267,6 +277,14 @@ declare const DataGridTypes: () => (({
|
|
|
267
277
|
type: import("vue").PropType<number>;
|
|
268
278
|
default: number;
|
|
269
279
|
};
|
|
280
|
+
rowCustomClassKey: {
|
|
281
|
+
type: import("vue").PropType<string>;
|
|
282
|
+
default: string;
|
|
283
|
+
};
|
|
284
|
+
rowDataKey: {
|
|
285
|
+
type: import("vue").PropType<string>;
|
|
286
|
+
default: string;
|
|
287
|
+
};
|
|
270
288
|
}>> & {
|
|
271
289
|
onSelectAll?: (value: boolean) => any;
|
|
272
290
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -325,6 +343,8 @@ declare const DataGridTypes: () => (({
|
|
|
325
343
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
326
344
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
327
345
|
zIndexBase: number;
|
|
346
|
+
rowCustomClassKey: string;
|
|
347
|
+
rowDataKey: string;
|
|
328
348
|
}, {}, string> & {
|
|
329
349
|
beforeCreate?: (() => void) | (() => void)[];
|
|
330
350
|
created?: (() => void) | (() => void)[];
|
|
@@ -446,6 +466,14 @@ declare const DataGridTypes: () => (({
|
|
|
446
466
|
type: import("vue").PropType<number>;
|
|
447
467
|
default: number;
|
|
448
468
|
};
|
|
469
|
+
rowCustomClassKey: {
|
|
470
|
+
type: import("vue").PropType<string>;
|
|
471
|
+
default: string;
|
|
472
|
+
};
|
|
473
|
+
rowDataKey: {
|
|
474
|
+
type: import("vue").PropType<string>;
|
|
475
|
+
default: string;
|
|
476
|
+
};
|
|
449
477
|
}>> & {
|
|
450
478
|
onSelectAll?: (value: boolean) => any;
|
|
451
479
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -569,6 +597,14 @@ declare const DataGridTypes: () => (({
|
|
|
569
597
|
type: import("vue").PropType<number>;
|
|
570
598
|
default: number;
|
|
571
599
|
};
|
|
600
|
+
rowCustomClassKey: {
|
|
601
|
+
type: import("vue").PropType<string>;
|
|
602
|
+
default: string;
|
|
603
|
+
};
|
|
604
|
+
rowDataKey: {
|
|
605
|
+
type: import("vue").PropType<string>;
|
|
606
|
+
default: string;
|
|
607
|
+
};
|
|
572
608
|
}>> & {
|
|
573
609
|
onSelectAll?: (value: boolean) => any;
|
|
574
610
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -627,6 +663,8 @@ declare const DataGridTypes: () => (({
|
|
|
627
663
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
628
664
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
629
665
|
zIndexBase: number;
|
|
666
|
+
rowCustomClassKey: string;
|
|
667
|
+
rowDataKey: string;
|
|
630
668
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
631
669
|
$slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
|
|
632
670
|
column: import("../common/Table.types").Column;
|
|
@@ -646,10 +684,6 @@ declare const DataGridTypes: () => (({
|
|
|
646
684
|
row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
|
|
647
685
|
gridColumnTemplate: any;
|
|
648
686
|
}): any;
|
|
649
|
-
"floating-row"?(_: {
|
|
650
|
-
row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
|
|
651
|
-
rowIndex: number;
|
|
652
|
-
}): any;
|
|
653
687
|
"empty-state"?(_: {}): any;
|
|
654
688
|
footer?(_: {}): any;
|
|
655
689
|
};
|
|
@@ -1191,8 +1225,8 @@ declare const DataGridTypes: () => (({
|
|
|
1191
1225
|
search?(_: {}): any;
|
|
1192
1226
|
"table-header-actions"?(_: {}): any;
|
|
1193
1227
|
"floating-row"?(_: {
|
|
1194
|
-
row:
|
|
1195
|
-
rowIndex:
|
|
1228
|
+
row: any;
|
|
1229
|
+
rowIndex: any;
|
|
1196
1230
|
}): any;
|
|
1197
1231
|
"empty-state"?(_: {}): any;
|
|
1198
1232
|
};
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
export declare const getRandomRows: (count: number, template?: string[]) => any[][];
|
|
2
|
+
export declare const getRandomObjectRows: (count: number, template?: string[]) => {
|
|
3
|
+
rowData: any[];
|
|
4
|
+
customClass: string;
|
|
5
|
+
}[];
|
|
2
6
|
export declare const searchRows: (array: string[][], query: string) => string[][];
|
|
3
7
|
export declare const exampleRows: string[][];
|
|
4
8
|
export declare const moreExampleRows: string[][];
|
|
5
9
|
export declare const exampleRowsWithExtraColumns: string[][];
|
|
10
|
+
export declare const exampleObjectRows: {
|
|
11
|
+
rowData: string[];
|
|
12
|
+
customClass: string;
|
|
13
|
+
}[];
|
package/index.d.ts
CHANGED
|
@@ -5206,6 +5206,8 @@ declare const _default: {
|
|
|
5206
5206
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
5207
5207
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
5208
5208
|
zIndexBase: number;
|
|
5209
|
+
rowCustomClassKey: string;
|
|
5210
|
+
rowDataKey: string;
|
|
5209
5211
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
5210
5212
|
sort: {
|
|
5211
5213
|
type: import("vue").PropType<tableV3.Sort>;
|
|
@@ -5307,6 +5309,14 @@ declare const _default: {
|
|
|
5307
5309
|
type: import("vue").PropType<number>;
|
|
5308
5310
|
default: number;
|
|
5309
5311
|
};
|
|
5312
|
+
rowCustomClassKey: {
|
|
5313
|
+
type: import("vue").PropType<string>;
|
|
5314
|
+
default: string;
|
|
5315
|
+
};
|
|
5316
|
+
rowDataKey: {
|
|
5317
|
+
type: import("vue").PropType<string>;
|
|
5318
|
+
default: string;
|
|
5319
|
+
};
|
|
5310
5320
|
}>> & {
|
|
5311
5321
|
onSelectAll?: (value: boolean) => any;
|
|
5312
5322
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -5323,7 +5333,7 @@ declare const _default: {
|
|
|
5323
5333
|
"onUpdate:selection"?: (selection: unknown[]) => any;
|
|
5324
5334
|
onSelectRow?: (value: boolean) => any;
|
|
5325
5335
|
onClickRow?: (rowIndex: number) => any;
|
|
5326
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
|
|
5336
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
|
|
5327
5337
|
$attrs: {
|
|
5328
5338
|
[x: string]: unknown;
|
|
5329
5339
|
};
|
|
@@ -5443,6 +5453,14 @@ declare const _default: {
|
|
|
5443
5453
|
type: import("vue").PropType<number>;
|
|
5444
5454
|
default: number;
|
|
5445
5455
|
};
|
|
5456
|
+
rowCustomClassKey: {
|
|
5457
|
+
type: import("vue").PropType<string>;
|
|
5458
|
+
default: string;
|
|
5459
|
+
};
|
|
5460
|
+
rowDataKey: {
|
|
5461
|
+
type: import("vue").PropType<string>;
|
|
5462
|
+
default: string;
|
|
5463
|
+
};
|
|
5446
5464
|
}>> & {
|
|
5447
5465
|
onSelectAll?: (value: boolean) => any;
|
|
5448
5466
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -5501,6 +5519,8 @@ declare const _default: {
|
|
|
5501
5519
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
5502
5520
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
5503
5521
|
zIndexBase: number;
|
|
5522
|
+
rowCustomClassKey: string;
|
|
5523
|
+
rowDataKey: string;
|
|
5504
5524
|
}, {}, string> & {
|
|
5505
5525
|
beforeCreate?: (() => void) | (() => void)[];
|
|
5506
5526
|
created?: (() => void) | (() => void)[];
|
|
@@ -5622,6 +5642,14 @@ declare const _default: {
|
|
|
5622
5642
|
type: import("vue").PropType<number>;
|
|
5623
5643
|
default: number;
|
|
5624
5644
|
};
|
|
5645
|
+
rowCustomClassKey: {
|
|
5646
|
+
type: import("vue").PropType<string>;
|
|
5647
|
+
default: string;
|
|
5648
|
+
};
|
|
5649
|
+
rowDataKey: {
|
|
5650
|
+
type: import("vue").PropType<string>;
|
|
5651
|
+
default: string;
|
|
5652
|
+
};
|
|
5625
5653
|
}>> & {
|
|
5626
5654
|
onSelectAll?: (value: boolean) => any;
|
|
5627
5655
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -5745,6 +5773,14 @@ declare const _default: {
|
|
|
5745
5773
|
type: import("vue").PropType<number>;
|
|
5746
5774
|
default: number;
|
|
5747
5775
|
};
|
|
5776
|
+
rowCustomClassKey: {
|
|
5777
|
+
type: import("vue").PropType<string>;
|
|
5778
|
+
default: string;
|
|
5779
|
+
};
|
|
5780
|
+
rowDataKey: {
|
|
5781
|
+
type: import("vue").PropType<string>;
|
|
5782
|
+
default: string;
|
|
5783
|
+
};
|
|
5748
5784
|
}>> & {
|
|
5749
5785
|
onSelectAll?: (value: boolean) => any;
|
|
5750
5786
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -5803,6 +5839,8 @@ declare const _default: {
|
|
|
5803
5839
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
5804
5840
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
5805
5841
|
zIndexBase: number;
|
|
5842
|
+
rowCustomClassKey: string;
|
|
5843
|
+
rowDataKey: string;
|
|
5806
5844
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
5807
5845
|
$slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
|
|
5808
5846
|
column: tableV3.Column;
|
|
@@ -5822,10 +5860,6 @@ declare const _default: {
|
|
|
5822
5860
|
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
5823
5861
|
gridColumnTemplate: any;
|
|
5824
5862
|
}): any;
|
|
5825
|
-
"floating-row"?(_: {
|
|
5826
|
-
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
5827
|
-
rowIndex: number;
|
|
5828
|
-
}): any;
|
|
5829
5863
|
"empty-state"?(_: {}): any;
|
|
5830
5864
|
footer?(_: {}): any;
|
|
5831
5865
|
};
|
|
@@ -5953,6 +5987,8 @@ declare const _default: {
|
|
|
5953
5987
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
5954
5988
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
5955
5989
|
zIndexBase: number;
|
|
5990
|
+
rowCustomClassKey: string;
|
|
5991
|
+
rowDataKey: string;
|
|
5956
5992
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
5957
5993
|
sort: {
|
|
5958
5994
|
type: import("vue").PropType<tableV3.Sort>;
|
|
@@ -6054,6 +6090,14 @@ declare const _default: {
|
|
|
6054
6090
|
type: import("vue").PropType<number>;
|
|
6055
6091
|
default: number;
|
|
6056
6092
|
};
|
|
6093
|
+
rowCustomClassKey: {
|
|
6094
|
+
type: import("vue").PropType<string>;
|
|
6095
|
+
default: string;
|
|
6096
|
+
};
|
|
6097
|
+
rowDataKey: {
|
|
6098
|
+
type: import("vue").PropType<string>;
|
|
6099
|
+
default: string;
|
|
6100
|
+
};
|
|
6057
6101
|
}>> & {
|
|
6058
6102
|
onSelectAll?: (value: boolean) => any;
|
|
6059
6103
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -6070,7 +6114,7 @@ declare const _default: {
|
|
|
6070
6114
|
"onUpdate:selection"?: (selection: unknown[]) => any;
|
|
6071
6115
|
onSelectRow?: (value: boolean) => any;
|
|
6072
6116
|
onClickRow?: (rowIndex: number) => any;
|
|
6073
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
|
|
6117
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
|
|
6074
6118
|
$attrs: {
|
|
6075
6119
|
[x: string]: unknown;
|
|
6076
6120
|
};
|
|
@@ -6190,6 +6234,14 @@ declare const _default: {
|
|
|
6190
6234
|
type: import("vue").PropType<number>;
|
|
6191
6235
|
default: number;
|
|
6192
6236
|
};
|
|
6237
|
+
rowCustomClassKey: {
|
|
6238
|
+
type: import("vue").PropType<string>;
|
|
6239
|
+
default: string;
|
|
6240
|
+
};
|
|
6241
|
+
rowDataKey: {
|
|
6242
|
+
type: import("vue").PropType<string>;
|
|
6243
|
+
default: string;
|
|
6244
|
+
};
|
|
6193
6245
|
}>> & {
|
|
6194
6246
|
onSelectAll?: (value: boolean) => any;
|
|
6195
6247
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -6248,6 +6300,8 @@ declare const _default: {
|
|
|
6248
6300
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
6249
6301
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
6250
6302
|
zIndexBase: number;
|
|
6303
|
+
rowCustomClassKey: string;
|
|
6304
|
+
rowDataKey: string;
|
|
6251
6305
|
}, {}, string> & {
|
|
6252
6306
|
beforeCreate?: (() => void) | (() => void)[];
|
|
6253
6307
|
created?: (() => void) | (() => void)[];
|
|
@@ -6369,6 +6423,14 @@ declare const _default: {
|
|
|
6369
6423
|
type: import("vue").PropType<number>;
|
|
6370
6424
|
default: number;
|
|
6371
6425
|
};
|
|
6426
|
+
rowCustomClassKey: {
|
|
6427
|
+
type: import("vue").PropType<string>;
|
|
6428
|
+
default: string;
|
|
6429
|
+
};
|
|
6430
|
+
rowDataKey: {
|
|
6431
|
+
type: import("vue").PropType<string>;
|
|
6432
|
+
default: string;
|
|
6433
|
+
};
|
|
6372
6434
|
}>> & {
|
|
6373
6435
|
onSelectAll?: (value: boolean) => any;
|
|
6374
6436
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -6492,6 +6554,14 @@ declare const _default: {
|
|
|
6492
6554
|
type: import("vue").PropType<number>;
|
|
6493
6555
|
default: number;
|
|
6494
6556
|
};
|
|
6557
|
+
rowCustomClassKey: {
|
|
6558
|
+
type: import("vue").PropType<string>;
|
|
6559
|
+
default: string;
|
|
6560
|
+
};
|
|
6561
|
+
rowDataKey: {
|
|
6562
|
+
type: import("vue").PropType<string>;
|
|
6563
|
+
default: string;
|
|
6564
|
+
};
|
|
6495
6565
|
}>> & {
|
|
6496
6566
|
onSelectAll?: (value: boolean) => any;
|
|
6497
6567
|
"onUpdate:search"?: (query: string) => any;
|
|
@@ -6550,6 +6620,8 @@ declare const _default: {
|
|
|
6550
6620
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
6551
6621
|
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
|
|
6552
6622
|
zIndexBase: number;
|
|
6623
|
+
rowCustomClassKey: string;
|
|
6624
|
+
rowDataKey: string;
|
|
6553
6625
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
6554
6626
|
$slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
|
|
6555
6627
|
column: tableV3.Column;
|
|
@@ -6569,10 +6641,6 @@ declare const _default: {
|
|
|
6569
6641
|
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
6570
6642
|
gridColumnTemplate: any;
|
|
6571
6643
|
}): any;
|
|
6572
|
-
"floating-row"?(_: {
|
|
6573
|
-
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
6574
|
-
rowIndex: number;
|
|
6575
|
-
}): any;
|
|
6576
6644
|
"empty-state"?(_: {}): any;
|
|
6577
6645
|
footer?(_: {}): any;
|
|
6578
6646
|
};
|
|
@@ -7114,8 +7182,8 @@ declare const _default: {
|
|
|
7114
7182
|
search?(_: {}): any;
|
|
7115
7183
|
"table-header-actions"?(_: {}): any;
|
|
7116
7184
|
"floating-row"?(_: {
|
|
7117
|
-
row:
|
|
7118
|
-
rowIndex:
|
|
7185
|
+
row: any;
|
|
7186
|
+
rowIndex: any;
|
|
7119
7187
|
}): any;
|
|
7120
7188
|
"empty-state"?(_: {}): any;
|
|
7121
7189
|
};
|
|
@@ -7565,8 +7633,8 @@ declare const _default: {
|
|
|
7565
7633
|
search?(_: {}): any;
|
|
7566
7634
|
"table-header-actions"?(_: {}): any;
|
|
7567
7635
|
"floating-row"?(_: {
|
|
7568
|
-
row:
|
|
7569
|
-
rowIndex:
|
|
7636
|
+
row: any;
|
|
7637
|
+
rowIndex: any;
|
|
7570
7638
|
}): any;
|
|
7571
7639
|
"empty-state"?(_: {}): any;
|
|
7572
7640
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ironsource/shared-ui",
|
|
3
|
-
"version": "2.1.8-rc.
|
|
3
|
+
"version": "2.1.8-rc.3",
|
|
4
4
|
"engines": {
|
|
5
5
|
"npm": ">=7.0.0",
|
|
6
6
|
"node": ">=16.0.0"
|
|
@@ -229,7 +229,8 @@
|
|
|
229
229
|
"./forms": "./components/forms/index.js",
|
|
230
230
|
"./statusDot": "./components/statusDot/index.js",
|
|
231
231
|
"./sortableList": "./components/sortableList/index.js",
|
|
232
|
-
"./composables/useFormValidation": "./composables/useFormValidation.js"
|
|
232
|
+
"./composables/useFormValidation": "./composables/useFormValidation.js",
|
|
233
|
+
"./utils/": "./utils/index.ts"
|
|
233
234
|
},
|
|
234
235
|
"typesVersions": {
|
|
235
236
|
"*": {
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const DEFAULT_FALLBACK = "N/A";
|
|
2
|
+
export declare const nFormatter: (num: number | string, fallback?: string | null) => string;
|
|
3
|
+
export declare const diffInPersentage: (valueA: number | string, valueB: number | string, fallback?: string | null) => string | number;
|
|
4
|
+
export declare const formatNumberWithCommas: (num: number | string, fallback?: string | null) => string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const s = "N/A", r = (n, e, t) => n.toLocaleString("en", {
|
|
2
|
+
minimumFractionDigits: e,
|
|
3
|
+
maximumFractionDigits: t
|
|
4
|
+
}), u = (n, e = s) => {
|
|
5
|
+
const t = Number(n), a = t % 1 !== 0;
|
|
6
|
+
return isNaN(t) && e ? e : Math.abs(t) >= 1e12 ? "∞" : Math.abs(t) >= 1e9 ? `${r(t / 1e9, 0, 1)}B` : Math.abs(t) >= 1e6 ? `${r(t / 1e6, 0, 1)}M` : Math.abs(t) >= 1e3 ? `${r(t / 1e3, 0, 1)}K` : a && Math.abs(t) >= 100 ? r(t, 0, 0) : a && Math.abs(t) >= 10 ? r(t, 0, 1) : a ? r(t, 2, 2) : r(t, 0, 0);
|
|
7
|
+
};
|
|
8
|
+
export {
|
|
9
|
+
s as DEFAULT_FALLBACK,
|
|
10
|
+
u as nFormatter
|
|
11
|
+
};
|
package/utils/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './formatNumbers';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sticky[data-v-706b324e]{position:sticky}.table-container[data-v-706b324e]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-706b324e]{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-706b324e]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-706b324e]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-706b324e]{width:13.75rem}.table-header.isStickyHeader[data-v-706b324e]{z-index:calc(var(--6e46e9f4) + 3);top:0}.table-head-container[data-v-706b324e]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-706b324e]{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-706b324e]{display:inline-table}.table-header-actions[data-v-706b324e]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-706b324e]{position:relative}.table-row.loading[data-v-706b324e]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-706b324e]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-706b324e]{border-bottom:none}.expanded-row[data-v-706b324e]{grid-column:var(--bd8b5530);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-706b324e]{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-706b324e]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-706b324e],table th[data-v-706b324e]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-706b324e]:first-of-type,table th[data-v-706b324e]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-706b324e]:last-of-type,table th[data-v-706b324e]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-706b324e],table th.expand-toggle-cell[data-v-706b324e]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-706b324e]{border-bottom:none;z-index:calc(var(--6e46e9f4) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-706b324e]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--03c6ae61)}table>thead>tr>th[data-v-706b324e]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-706b324e]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-706b324e]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-706b324e]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-706b324e]{cursor:pointer}table>thead.sticky[data-v-706b324e]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-706b324e]{z-index:calc(var(--6e46e9f4) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-706b324e]{display:block}table>tbody>*>tr[data-v-706b324e]{background-color:var(--background-default);min-height:var(--1c8cc6ae);height:auto;display:grid;align-items:center;grid-template-columns:var(--03c6ae61)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-706b324e]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-706b324e],table>tbody>*>tr.activeMenu>td[data-v-706b324e]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-706b324e]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--1c8cc6ae);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-706b324e]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-706b324e]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-706b324e]{justify-content:flex-end;text-align:right}.section-container[data-v-706b324e]{left:0}.sections[data-v-706b324e]{display:flex}.section[data-v-706b324e]{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-706b324e]{width:100%}.empty-state[data-v-706b324e]{min-height:250px}.floating-row[data-v-706b324e]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--6e46e9f4) + 1)}.floating-row *[data-v-706b324e-s]{pointer-events:auto}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.data-grid-rows-counter[data-v-0ce71f73]{color:var(--text-secondary)}.text-strong[data-v-0ce71f73]{color:var(--text-primary)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.default-dropdown-wrapper[data-v-98819e5a]{position:relative}.dropdown-trigger[data-v-98819e5a]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-98819e5a]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-98819e5a]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-98819e5a]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-98819e5a]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-98819e5a],.dropdown-trigger.disabled .caret-down[data-v-98819e5a]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-98819e5a]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-98819e5a]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-98819e5a]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-98819e5a],.dropdown-trigger.state-success[data-v-98819e5a],.dropdown-trigger.state-warning[data-v-98819e5a]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-98819e5a],.dropdown-trigger.state-success.small[data-v-98819e5a],.dropdown-trigger.state-warning.small[data-v-98819e5a]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-98819e5a],.dropdown-trigger.state-success.large[data-v-98819e5a],.dropdown-trigger.state-warning.large[data-v-98819e5a]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-98819e5a]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-98819e5a]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-98819e5a]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-98819e5a]{color:var(--action-active)}.content[data-v-98819e5a]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-98819e5a]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-98819e5a]{width:20px;height:20px;flex:none}.content .image img[data-v-98819e5a]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-98819e5a]{display:flex;color:var(--action-active)}.content .status-dot[data-v-98819e5a]{padding-right:.25rem}.content .status-dot>div[data-v-98819e5a]{position:relative;top:-1px}.dropdown-field-label[data-v-98819e5a]{color:var(--text-primary)}.dropdown-field-help-text[data-v-98819e5a]{margin-top:4px;position:absolute}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.child-options[data-v-ffd0b476]{padding-left:1rem}
|