@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.
Files changed (91) hide show
  1. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css +1 -0
  4. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css +1 -0
  5. package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +1 -0
  6. package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +1 -0
  7. package/ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css +1 -0
  8. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8d5521da_lang.css +1 -0
  9. package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +1 -0
  10. package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css +1 -0
  11. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css +1 -0
  12. package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css +1 -0
  13. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  14. package/TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_lang.css +1 -0
  15. package/components/chart/Chart.vue.d.ts +57 -39
  16. package/components/chart/Chart.vue.js +3 -3
  17. package/components/chart/Chart.vue2.js +98 -297
  18. package/components/chart/ChartHeader.vue.d.ts +20 -10
  19. package/components/chart/ChartHeader.vue.js +2 -2
  20. package/components/chart/ChartHeader.vue2.js +74 -52
  21. package/components/chart/ChartHeaderTrend.vue.d.ts +34 -0
  22. package/components/chart/ChartHeaderTrend.vue.js +7 -0
  23. package/components/chart/ChartHeaderTrend.vue2.js +32 -0
  24. package/components/chart/ChartLegend.vue.js +2 -2
  25. package/components/chart/ChartLegend.vue2.js +36 -35
  26. package/components/chart/ChartPlane.vue.d.ts +143 -0
  27. package/components/chart/ChartPlane.vue.js +7 -0
  28. package/components/chart/ChartPlane.vue2.js +306 -0
  29. package/components/chart/ChartStoryArgs.d.ts +135 -0
  30. package/components/chart/ChartTooltip.vue.js +2 -2
  31. package/components/chart/ChartTooltip.vue2.js +36 -35
  32. package/components/chart/composables/useChartHeight.d.ts +5 -0
  33. package/components/chart/composables/useChartHeight.js +22 -0
  34. package/components/chart/composables/useColorsMap.d.ts +10 -0
  35. package/components/chart/composables/useColorsMap.js +17 -0
  36. package/components/chart/composables/useTooltipPosition.d.ts +1 -1
  37. package/components/chart/composables/useTooltipPosition.js +11 -15
  38. package/components/chart/consts.d.ts +5 -0
  39. package/components/chart/consts.js +20 -15
  40. package/components/chart/index.d.ts +189 -113
  41. package/components/chart/mockData.d.ts +27 -1
  42. package/components/chart/types.d.ts +4 -0
  43. package/components/chart/utils/formatNumber.d.ts +0 -1
  44. package/components/chart/utils/utils.js +5 -5
  45. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  46. package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
  47. package/components/dropdown/common/Dropdown.common.js +208 -200
  48. package/components/dropdown/common/useGroupedOptions.d.ts +1 -0
  49. package/components/dropdown/common/useGroupedOptions.js +40 -39
  50. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +3 -3
  51. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +10 -7
  52. package/components/dropdown/v4/ConditionalDropdown.vue.js +4 -4
  53. package/components/dropdown/v4/ConditionalDropdown.vue2.js +80 -80
  54. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
  55. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +3 -3
  56. package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
  57. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  58. package/components/dropdown/v4/DropdownV4.vue2.js +97 -86
  59. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  60. package/components/dropdown/v4/TreeDropdown.vue2.js +68 -73
  61. package/components/dropdown/v4/dropdownStoryArgs.d.ts +30 -0
  62. package/components/dropdown/v4/index.d.ts +20 -1
  63. package/components/emptyState/v4/EmptyStateV4.vue.d.ts +3 -3
  64. package/components/emptyState/v4/index.d.ts +7 -7
  65. package/components/table/v4/DataGrid.vue.d.ts +4 -3
  66. package/components/table/v4/DataGrid.vue.js +3 -3
  67. package/components/table/v4/DataGrid.vue2.js +152 -142
  68. package/components/table/v4/MultipleDataGrid.vue.d.ts +3 -3
  69. package/components/table/v4/index.d.ts +15 -14
  70. package/composables/useFullPageHeight.d.ts +10 -0
  71. package/composables/useFullPageHeight.js +15 -0
  72. package/index.d.ts +88 -44
  73. package/index.js +102 -100
  74. package/package.json +1 -1
  75. package/testids/index.d.ts +2 -1
  76. package/testids/index.js +10 -10
  77. package/utils/formatNumbers.d.ts +1 -1
  78. package/utils/formatNumbers.js +18 -5
  79. package/utils/index.js +7 -0
  80. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +0 -1
  81. package/Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css +0 -1
  82. package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +0 -1
  83. package/ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css +0 -1
  84. package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +0 -1
  85. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css +0 -1
  86. package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +0 -1
  87. package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css +0 -1
  88. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css +0 -1
  89. package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +0 -1
  90. package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +0 -1
  91. 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" | "settings";
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" | "settings">;
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" | "settings">;
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" | "settings";
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" | "settings">;
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" | "settings">;
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" | "settings";
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" | "settings";
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" | "settings">;
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" | "settings">;
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" | "settings";
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" | "settings">;
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" | "settings">;
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" | "settings";
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
+ };