@ironsource/shared-ui 2.1.12-rc.0 → 2.1.12-rc.10
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/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8d5521da_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +57 -39
- package/components/chart/Chart.vue.js +3 -3
- package/components/chart/Chart.vue2.js +98 -297
- package/components/chart/ChartHeader.vue.d.ts +20 -10
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +74 -52
- package/components/chart/ChartHeaderTrend.vue.d.ts +34 -0
- package/components/chart/ChartHeaderTrend.vue.js +7 -0
- package/components/chart/ChartHeaderTrend.vue2.js +32 -0
- package/components/chart/ChartLegend.vue.js +2 -2
- package/components/chart/ChartLegend.vue2.js +36 -35
- package/components/chart/ChartPlane.vue.d.ts +143 -0
- package/components/chart/ChartPlane.vue.js +7 -0
- package/components/chart/ChartPlane.vue2.js +306 -0
- package/components/chart/ChartStoryArgs.d.ts +135 -0
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +36 -35
- package/components/chart/composables/useChartHeight.d.ts +5 -0
- package/components/chart/composables/useChartHeight.js +22 -0
- package/components/chart/composables/useColorsMap.d.ts +10 -0
- package/components/chart/composables/useColorsMap.js +17 -0
- package/components/chart/composables/useTooltipPosition.d.ts +1 -1
- package/components/chart/composables/useTooltipPosition.js +11 -15
- package/components/chart/consts.d.ts +5 -0
- package/components/chart/consts.js +20 -15
- package/components/chart/index.d.ts +189 -113
- package/components/chart/mockData.d.ts +27 -1
- package/components/chart/types.d.ts +4 -0
- package/components/chart/utils/formatNumber.d.ts +0 -1
- package/components/chart/utils/utils.js +5 -5
- package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
- package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
- package/components/dropdown/common/Dropdown.common.js +208 -200
- package/components/dropdown/common/useGroupedOptions.d.ts +1 -0
- package/components/dropdown/common/useGroupedOptions.js +40 -39
- package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +10 -7
- package/components/dropdown/v4/ConditionalDropdown.vue.js +4 -4
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +80 -80
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +97 -86
- package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue2.js +68 -73
- package/components/dropdown/v4/dropdownStoryArgs.d.ts +30 -0
- package/components/dropdown/v4/index.d.ts +20 -1
- package/components/emptyState/v4/EmptyStateV4.vue.d.ts +3 -3
- package/components/emptyState/v4/index.d.ts +7 -7
- package/components/table/v4/DataGrid.vue.d.ts +4 -3
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +152 -142
- package/components/table/v4/MultipleDataGrid.vue.d.ts +3 -3
- package/components/table/v4/index.d.ts +15 -14
- package/composables/useFullPageHeight.d.ts +10 -0
- package/composables/useFullPageHeight.js +15 -0
- package/index.d.ts +88 -44
- package/index.js +102 -100
- package/package.json +1 -1
- package/testids/index.d.ts +2 -1
- package/testids/index.js +10 -10
- package/utils/formatNumbers.d.ts +1 -1
- package/utils/formatNumbers.js +18 -5
- package/utils/index.js +7 -0
- package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +0 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +0 -1
- package/components/chart/utils/formatNumber.js +0 -11
|
@@ -30,7 +30,7 @@ declare const DataGridTypes: () => (({
|
|
|
30
30
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
31
31
|
getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
|
|
32
32
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
33
|
-
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files"
|
|
33
|
+
emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
34
34
|
rowCustomClassKey: string;
|
|
35
35
|
rowDataKey: string;
|
|
36
36
|
isSelectionSticky: boolean;
|
|
@@ -137,7 +137,7 @@ declare const DataGridTypes: () => (({
|
|
|
137
137
|
default: (rowId: any, selectedItem: any) => boolean;
|
|
138
138
|
};
|
|
139
139
|
emptyStateVariant: {
|
|
140
|
-
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files"
|
|
140
|
+
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
141
141
|
default: any;
|
|
142
142
|
};
|
|
143
143
|
rowCustomClassKey: {
|
|
@@ -283,7 +283,7 @@ declare const DataGridTypes: () => (({
|
|
|
283
283
|
default: (rowId: any, selectedItem: any) => boolean;
|
|
284
284
|
};
|
|
285
285
|
emptyStateVariant: {
|
|
286
|
-
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files"
|
|
286
|
+
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
287
287
|
default: any;
|
|
288
288
|
};
|
|
289
289
|
rowCustomClassKey: {
|
|
@@ -350,7 +350,7 @@ declare const DataGridTypes: () => (({
|
|
|
350
350
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
351
351
|
getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
|
|
352
352
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
353
|
-
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files"
|
|
353
|
+
emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
354
354
|
rowCustomClassKey: string;
|
|
355
355
|
rowDataKey: string;
|
|
356
356
|
isSelectionSticky: boolean;
|
|
@@ -477,7 +477,7 @@ declare const DataGridTypes: () => (({
|
|
|
477
477
|
default: (rowId: any, selectedItem: any) => boolean;
|
|
478
478
|
};
|
|
479
479
|
emptyStateVariant: {
|
|
480
|
-
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files"
|
|
480
|
+
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
481
481
|
default: any;
|
|
482
482
|
};
|
|
483
483
|
rowCustomClassKey: {
|
|
@@ -615,7 +615,7 @@ declare const DataGridTypes: () => (({
|
|
|
615
615
|
default: (rowId: any, selectedItem: any) => boolean;
|
|
616
616
|
};
|
|
617
617
|
emptyStateVariant: {
|
|
618
|
-
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files"
|
|
618
|
+
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
619
619
|
default: any;
|
|
620
620
|
};
|
|
621
621
|
rowCustomClassKey: {
|
|
@@ -682,7 +682,7 @@ declare const DataGridTypes: () => (({
|
|
|
682
682
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
683
683
|
getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
|
|
684
684
|
selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
|
|
685
|
-
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files"
|
|
685
|
+
emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
686
686
|
rowCustomClassKey: string;
|
|
687
687
|
rowDataKey: string;
|
|
688
688
|
isSelectionSticky: boolean;
|
|
@@ -698,6 +698,7 @@ declare const DataGridTypes: () => (({
|
|
|
698
698
|
rowIndex: number;
|
|
699
699
|
}) => any>> & {
|
|
700
700
|
title?(_: {}): any;
|
|
701
|
+
"table-header-pre-search"?(_: {}): any;
|
|
701
702
|
search?(_: {}): any;
|
|
702
703
|
"table-header-actions"?(_: {}): any;
|
|
703
704
|
"select-all-checkbox"?(_: {}): any;
|
|
@@ -824,7 +825,7 @@ declare const DataGridTypes: () => (({
|
|
|
824
825
|
emptyStateSubtitle: string;
|
|
825
826
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
826
827
|
getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
|
|
827
|
-
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files"
|
|
828
|
+
emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
828
829
|
rowCustomClassKey: string;
|
|
829
830
|
rowDataKey: string;
|
|
830
831
|
totalCount: number;
|
|
@@ -887,7 +888,7 @@ declare const DataGridTypes: () => (({
|
|
|
887
888
|
default: (row: any, index: any) => any;
|
|
888
889
|
};
|
|
889
890
|
emptyStateVariant: {
|
|
890
|
-
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files"
|
|
891
|
+
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
891
892
|
default: any;
|
|
892
893
|
};
|
|
893
894
|
rowCustomClassKey: {
|
|
@@ -1002,7 +1003,7 @@ declare const DataGridTypes: () => (({
|
|
|
1002
1003
|
default: (row: any, index: any) => any;
|
|
1003
1004
|
};
|
|
1004
1005
|
emptyStateVariant: {
|
|
1005
|
-
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files"
|
|
1006
|
+
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
1006
1007
|
default: any;
|
|
1007
1008
|
};
|
|
1008
1009
|
rowCustomClassKey: {
|
|
@@ -1069,7 +1070,7 @@ declare const DataGridTypes: () => (({
|
|
|
1069
1070
|
emptyStateSubtitle: string;
|
|
1070
1071
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
1071
1072
|
getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
|
|
1072
|
-
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files"
|
|
1073
|
+
emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
1073
1074
|
rowCustomClassKey: string;
|
|
1074
1075
|
rowDataKey: string;
|
|
1075
1076
|
totalCount: number;
|
|
@@ -1152,7 +1153,7 @@ declare const DataGridTypes: () => (({
|
|
|
1152
1153
|
default: (row: any, index: any) => any;
|
|
1153
1154
|
};
|
|
1154
1155
|
emptyStateVariant: {
|
|
1155
|
-
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files"
|
|
1156
|
+
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
1156
1157
|
default: any;
|
|
1157
1158
|
};
|
|
1158
1159
|
rowCustomClassKey: {
|
|
@@ -1255,7 +1256,7 @@ declare const DataGridTypes: () => (({
|
|
|
1255
1256
|
default: (row: any, index: any) => any;
|
|
1256
1257
|
};
|
|
1257
1258
|
emptyStateVariant: {
|
|
1258
|
-
type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files"
|
|
1259
|
+
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
1259
1260
|
default: any;
|
|
1260
1261
|
};
|
|
1261
1262
|
rowCustomClassKey: {
|
|
@@ -1322,7 +1323,7 @@ declare const DataGridTypes: () => (({
|
|
|
1322
1323
|
emptyStateSubtitle: string;
|
|
1323
1324
|
getRowId: (row: import("../common/Table.types").Row, index: number) => unknown;
|
|
1324
1325
|
getRowKey: (row: import("../common/Table.types").Row, index: number) => string | number;
|
|
1325
|
-
emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files"
|
|
1326
|
+
emptyStateVariant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
1326
1327
|
rowCustomClassKey: string;
|
|
1327
1328
|
rowDataKey: string;
|
|
1328
1329
|
totalCount: number;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
type UseFullPageHeightArgs = {
|
|
3
|
+
elem: Ref<HTMLElement | null>;
|
|
4
|
+
minHeight?: number;
|
|
5
|
+
bottomSpacing?: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const useFullPageHeight: ({ elem, minHeight, bottomSpacing, }: UseFullPageHeightArgs) => {
|
|
8
|
+
cssHeightValue: import("vue").ComputedRef<string>;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { computed as c } from "vue";
|
|
2
|
+
import { useElementBounding as s, useWindowSize as i } from "@vueuse/core";
|
|
3
|
+
const p = ({
|
|
4
|
+
elem: u,
|
|
5
|
+
minHeight: e = 300,
|
|
6
|
+
bottomSpacing: t = 50
|
|
7
|
+
}) => {
|
|
8
|
+
const { top: o } = s(u), { height: l } = i();
|
|
9
|
+
return {
|
|
10
|
+
cssHeightValue: c(() => l.value - o.value - t <= e ? `${e}px` : `calc(100vh - ${o.value}px - ${t}px)`)
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
p as useFullPageHeight
|
|
15
|
+
};
|