@ironsource/shared-ui 2.1.12-test.1 → 2.1.12-test.2

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 (69) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css +1 -0
  2. package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css +1 -0
  3. package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css +1 -0
  4. package/ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css +1 -0
  5. package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css +1 -0
  6. package/ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css +1 -0
  7. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css +1 -0
  8. package/DataGrid.vue_vue_type_style_index_0_scoped_b21a79b1_lang.css +1 -0
  9. package/DropdownV4.vue_vue_type_style_index_0_scoped_55dd36a7_lang.css +1 -0
  10. package/Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css +1 -0
  11. package/OptionV4.vue_vue_type_style_index_0_scoped_7d287ee5_lang.css +1 -0
  12. package/components/button/v4/ButtonV4.vue.d.ts +1 -0
  13. package/components/button/v4/ButtonV4.vue.js +3 -3
  14. package/components/button/v4/ButtonV4.vue2.js +22 -21
  15. package/components/chart/Chart.vue.d.ts +5 -0
  16. package/components/chart/Chart.vue.js +3 -3
  17. package/components/chart/Chart.vue2.js +9 -7
  18. package/components/chart/ChartHeader.vue.d.ts +5 -0
  19. package/components/chart/ChartHeader.vue.js +2 -2
  20. package/components/chart/ChartHeader.vue2.js +42 -34
  21. package/components/chart/ChartPlane.vue.d.ts +5 -0
  22. package/components/chart/ChartPlane.vue.js +4 -4
  23. package/components/chart/ChartPlane.vue2.js +14 -12
  24. package/components/chart/ChartTooltip.vue.js +2 -2
  25. package/components/chart/ChartTooltip.vue2.js +3 -3
  26. package/components/chart/index.d.ts +15 -0
  27. package/components/dateRange/common/DateRange.common.js +81 -75
  28. package/components/dateRange/common/DateServices.common.d.ts +1 -1
  29. package/components/dateRange/common/DateServices.common.js +1 -0
  30. package/components/dropdown/common/Dropdown.common.js +83 -79
  31. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +1 -0
  32. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
  33. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +15 -12
  34. package/components/dropdown/v4/ConditionalDropdown.vue.js +2 -2
  35. package/components/dropdown/v4/ConditionalDropdown.vue2.js +105 -96
  36. package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
  37. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  38. package/components/dropdown/v4/DropdownV4.vue2.js +56 -54
  39. package/components/dropdown/v4/OptionV4.vue.d.ts +5 -5
  40. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  41. package/components/dropdown/v4/OptionV4.vue2.js +3 -3
  42. package/components/dropdown/v4/index.d.ts +30 -15
  43. package/components/link/Link.vue.d.ts +70 -0
  44. package/components/link/Link.vue.js +7 -0
  45. package/components/link/Link.vue2.js +43 -0
  46. package/components/link/index.d.ts +140 -0
  47. package/components/link/index.js +6 -0
  48. package/components/table/v4/DataGrid.vue.d.ts +2 -0
  49. package/components/table/v4/DataGrid.vue.js +3 -3
  50. package/components/table/v4/DataGrid.vue2.js +5 -4
  51. package/components/table/v4/index.d.ts +2 -0
  52. package/composables/useDateService.d.ts +7 -0
  53. package/composables/useDateService.js +10 -0
  54. package/index.d.ts +68 -30
  55. package/index.js +111 -105
  56. package/mocks/optionsWithIcons.d.ts +1 -0
  57. package/package.json +9 -1
  58. package/testids/index.d.ts +4 -0
  59. package/testids/index.js +31 -30
  60. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +0 -1
  61. package/ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css +0 -1
  62. package/Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css +0 -1
  63. package/ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css +0 -1
  64. package/ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css +0 -1
  65. package/ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_lang.css +0 -1
  66. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_683b8a75_lang.css +0 -1
  67. package/DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css +0 -1
  68. package/DropdownV4.vue_vue_type_style_index_0_scoped_dd86e387_lang.css +0 -1
  69. package/OptionV4.vue_vue_type_style_index_0_scoped_b9724567_lang.css +0 -1
@@ -0,0 +1,70 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ href?: string;
3
+ disabled?: boolean;
4
+ color?: "default" | "primary";
5
+ variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
6
+ iconName?: string;
7
+ iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
8
+ testId?: string;
9
+ }>, {
10
+ href: any;
11
+ disabled: boolean;
12
+ color: string;
13
+ variant: string;
14
+ iconName: any;
15
+ iconType: string;
16
+ testId: string;
17
+ }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
18
+ click: () => void;
19
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
20
+ href?: string;
21
+ disabled?: boolean;
22
+ color?: "default" | "primary";
23
+ variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
24
+ iconName?: string;
25
+ iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
26
+ testId?: string;
27
+ }>, {
28
+ href: any;
29
+ disabled: boolean;
30
+ color: string;
31
+ variant: string;
32
+ iconName: any;
33
+ iconType: string;
34
+ testId: string;
35
+ }>>> & Readonly<{
36
+ onClick?: () => any;
37
+ }>, {
38
+ testId: string;
39
+ variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
40
+ disabled: boolean;
41
+ color: "default" | "primary";
42
+ href: string;
43
+ iconName: string;
44
+ iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
45
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
46
+ default?(_: {}): any;
47
+ }>;
48
+ export default _default;
49
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
50
+ type __VLS_TypePropsToRuntimeProps<T> = {
51
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
52
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
53
+ } : {
54
+ type: import('vue').PropType<T[K]>;
55
+ required: true;
56
+ };
57
+ };
58
+ type __VLS_WithDefaults<P, D> = {
59
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
60
+ default: D[K];
61
+ }> : P[K];
62
+ };
63
+ type __VLS_Prettify<T> = {
64
+ [K in keyof T]: T[K];
65
+ } & {};
66
+ type __VLS_WithTemplateSlots<T, S> = T & {
67
+ new (): {
68
+ $slots: S;
69
+ };
70
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./Link.vue2.js";
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad98fe7b"]]);
5
+ export {
6
+ p as default
7
+ };
@@ -0,0 +1,43 @@
1
+ import "../../Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css"; import { defineComponent as p, openBlock as n, createBlock as a, unref as t, mergeProps as l, withCtx as c, renderSlot as u, createCommentVNode as k } from "vue";
2
+ import y from "../typography/v4/Typography.vue.js";
3
+ import I from "../icon/v4/IconV4.vue.js";
4
+ import "../icon/v4/IconFlag.vue.js";
5
+ import { useTestIdAttrs as h } from "../../utils/testIds.js";
6
+ import { LinkTestIdModifiers as r } from "../../testids/index.js";
7
+ const A = /* @__PURE__ */ p({
8
+ __name: "Link",
9
+ props: {
10
+ href: { default: null },
11
+ disabled: { type: Boolean, default: !1 },
12
+ color: { default: "primary" },
13
+ variant: { default: "body1" },
14
+ iconName: { default: null },
15
+ iconType: { default: "regular" },
16
+ testId: { default: "" }
17
+ },
18
+ emits: ["click"],
19
+ setup(s, { emit: d }) {
20
+ const o = s, m = d, f = () => {
21
+ o.disabled || (o.href && window.open(o.href), m("click"));
22
+ }, i = h(o.testId, r);
23
+ return (e, b) => (n(), a(t(y), l({
24
+ class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
25
+ variant: e.variant
26
+ }, t(i)[t(r).WRAPPER], { onClick: f }), {
27
+ default: c(() => [
28
+ u(e.$slots, "default", {}, void 0, !0),
29
+ e.iconName ? (n(), a(t(I), l({
30
+ key: 0,
31
+ name: e.iconName,
32
+ type: e.iconType,
33
+ size: "16px",
34
+ class: "icon"
35
+ }, t(i)[t(r).ICON]), null, 16, ["name", "type"])) : k("", !0)
36
+ ]),
37
+ _: 3
38
+ }, 16, ["class", "variant"]));
39
+ }
40
+ });
41
+ export {
42
+ A as default
43
+ };
@@ -0,0 +1,140 @@
1
+ declare const LinkTypes: () => ({
2
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
3
+ testId: {
4
+ type: import("vue").PropType<string>;
5
+ default: string;
6
+ };
7
+ variant: {
8
+ type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
9
+ default: string;
10
+ };
11
+ disabled: {
12
+ type: import("vue").PropType<boolean>;
13
+ default: boolean;
14
+ };
15
+ color: {
16
+ type: import("vue").PropType<"default" | "primary">;
17
+ default: string;
18
+ };
19
+ href: {
20
+ type: import("vue").PropType<string>;
21
+ default: any;
22
+ };
23
+ iconName: {
24
+ type: import("vue").PropType<string>;
25
+ default: any;
26
+ };
27
+ iconType: {
28
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
29
+ default: string;
30
+ };
31
+ }>> & Readonly<{
32
+ onClick?: () => any;
33
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
34
+ click: () => void;
35
+ }, import("vue").PublicProps, {
36
+ testId: string;
37
+ variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
38
+ disabled: boolean;
39
+ color: "default" | "primary";
40
+ href: string;
41
+ iconName: string;
42
+ iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
43
+ }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
44
+ P: {};
45
+ B: {};
46
+ D: {};
47
+ C: {};
48
+ M: {};
49
+ Defaults: {};
50
+ }, Readonly<import("vue").ExtractPropTypes<{
51
+ testId: {
52
+ type: import("vue").PropType<string>;
53
+ default: string;
54
+ };
55
+ variant: {
56
+ type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
57
+ default: string;
58
+ };
59
+ disabled: {
60
+ type: import("vue").PropType<boolean>;
61
+ default: boolean;
62
+ };
63
+ color: {
64
+ type: import("vue").PropType<"default" | "primary">;
65
+ default: string;
66
+ };
67
+ href: {
68
+ type: import("vue").PropType<string>;
69
+ default: any;
70
+ };
71
+ iconName: {
72
+ type: import("vue").PropType<string>;
73
+ default: any;
74
+ };
75
+ iconType: {
76
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
77
+ default: string;
78
+ };
79
+ }>> & Readonly<{
80
+ onClick?: () => any;
81
+ }>, {}, {}, {}, {}, {
82
+ testId: string;
83
+ variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
84
+ disabled: boolean;
85
+ color: "default" | "primary";
86
+ href: string;
87
+ iconName: string;
88
+ iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
89
+ }>;
90
+ __isFragment?: never;
91
+ __isTeleport?: never;
92
+ __isSuspense?: never;
93
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
94
+ testId: {
95
+ type: import("vue").PropType<string>;
96
+ default: string;
97
+ };
98
+ variant: {
99
+ type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
100
+ default: string;
101
+ };
102
+ disabled: {
103
+ type: import("vue").PropType<boolean>;
104
+ default: boolean;
105
+ };
106
+ color: {
107
+ type: import("vue").PropType<"default" | "primary">;
108
+ default: string;
109
+ };
110
+ href: {
111
+ type: import("vue").PropType<string>;
112
+ default: any;
113
+ };
114
+ iconName: {
115
+ type: import("vue").PropType<string>;
116
+ default: any;
117
+ };
118
+ iconType: {
119
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
120
+ default: string;
121
+ };
122
+ }>> & Readonly<{
123
+ onClick?: () => any;
124
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
125
+ click: () => void;
126
+ }, string, {
127
+ testId: string;
128
+ variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
129
+ disabled: boolean;
130
+ color: "default" | "primary";
131
+ href: string;
132
+ iconName: string;
133
+ iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
134
+ }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
135
+ $slots: {
136
+ default?(_: {}): any;
137
+ };
138
+ }))[];
139
+ export { default as Link } from './Link.vue';
140
+ export { LinkTypes };
@@ -0,0 +1,6 @@
1
+ import o from "./Link.vue.js";
2
+ const n = () => [o];
3
+ export {
4
+ o as Link,
5
+ n as LinkTypes
6
+ };
@@ -181,6 +181,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
181
181
  isSelectionBordered: boolean;
182
182
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
183
183
  column: Column;
184
+ }) => any>> & Partial<Record<`after-header-${string}`, (_: {
185
+ column: Column;
184
186
  }) => any>> & Partial<Record<`total-${string}`, (_: {
185
187
  column: Column;
186
188
  }) => any>> & Partial<Record<`cell-${string}`, (_: {
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0963bb3c"]]);
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b21a79b1_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b21a79b1"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css"; import { defineComponent as pe, useCssVars as ye, unref as s, useSlots as fe, computed as S, openBlock as a, createElementBlock as i, createElementVNode as p, normalizeStyle as m, normalizeClass as u, renderSlot as r, createVNode as c, withCtx as g, createTextVNode as C, toDisplayString as L, createCommentVNode as d, isRef as Se, Fragment as R, renderList as T, mergeProps as M, createBlock as K } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b21a79b1_lang.css"; import { defineComponent as pe, useCssVars as ye, unref as s, useSlots as fe, computed as S, openBlock as a, createElementBlock as i, createElementVNode as p, normalizeStyle as m, normalizeClass as u, renderSlot as r, createVNode as c, withCtx as g, createTextVNode as C, toDisplayString as L, createCommentVNode as d, isRef as Se, Fragment as R, renderList as T, mergeProps as M, createBlock as K } from "vue";
2
2
  import w from "../../typography/v4/Typography.vue.js";
3
3
  import ke from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import me from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -66,9 +66,9 @@ const He = ["data-testid"], Be = ["data-testid"], Ie = ["data-testid"], Ve = ["d
66
66
  emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
67
67
  setup(b, { expose: k, emit: X }) {
68
68
  ye((e) => ({
69
- "63c838b5": e.zIndexBase,
70
- "8cc8612e": s(te),
71
- ec9ca7bc: s(U)
69
+ fa2ac520: e.zIndexBase,
70
+ "0a907be4": s(te),
71
+ "702d25dd": s(U)
72
72
  }));
73
73
  const v = fe(), l = b, f = X, j = (e) => l.rowCustomClassKey && l.rows[e] ? l.rows[e][l.rowCustomClassKey] : "", {
74
74
  list: E,
@@ -277,6 +277,7 @@ const He = ["data-testid"], Be = ["data-testid"], Ie = ["data-testid"], Ve = ["d
277
277
  "hover-help-text-placement": t.helpTextPlacement,
278
278
  "test-id": `help-tooltip-${t.id}`
279
279
  }, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : d("", !0),
280
+ r(e.$slots, `after-header-${t.id}`, { column: t }),
280
281
  t.isSortable && t.id === e.sort?.sortBy ? (a(), K(be, {
281
282
  key: 1,
282
283
  "sort-order": e.sort.sortOrder
@@ -552,6 +552,8 @@ declare const DataGridTypes: () => (({
552
552
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
553
553
  $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
554
554
  column: import("../common/Table.types").Column;
555
+ }) => any>> & Partial<Record<`after-header-${string}`, (_: {
556
+ column: import("../common/Table.types").Column;
555
557
  }) => any>> & Partial<Record<`total-${string}`, (_: {
556
558
  column: import("../common/Table.types").Column;
557
559
  }) => any>> & Partial<Record<`cell-${string}`, (_: {
@@ -0,0 +1,7 @@
1
+ export type UseDateServiceResult = {
2
+ getRangeFromPreset: (preset: string) => {
3
+ from: Date;
4
+ to: Date;
5
+ };
6
+ };
7
+ export declare const useDateService: () => UseDateServiceResult;
@@ -0,0 +1,10 @@
1
+ import { DateServices as r } from "../components/dateRange/common/DateServices.common.js";
2
+ const o = () => {
3
+ const e = new r();
4
+ return {
5
+ getRangeFromPreset: (t) => e.getPresetsFunctions()[t]?.dates()
6
+ };
7
+ };
8
+ export {
9
+ o as useDateService
10
+ };