@ironsource/shared-ui 2.1.12-test.59 → 2.1.12-test.60

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 (87) hide show
  1. package/ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css +1 -0
  4. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css +1 -0
  5. package/ChartPlane.vue_vue_type_style_index_0_scoped_ae87f435_lang.css +1 -0
  6. package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +1 -0
  7. package/DropdownV4.vue_vue_type_style_index_0_scoped_08cb822e_lang.css +1 -0
  8. package/FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css +1 -0
  9. package/FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css +1 -0
  10. package/OptionV4.vue_vue_type_style_index_0_scoped_9cdf3a94_lang.css +1 -0
  11. package/Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css +1 -0
  12. package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +1 -0
  13. package/components/appIcon/index.d.ts +3 -3
  14. package/components/banner/Banner.vue.d.ts +3 -3
  15. package/components/banner/index.d.ts +7 -7
  16. package/components/button/common/consts.d.ts +1 -0
  17. package/components/button/v3/Button.vue.d.ts +3 -3
  18. package/components/button/v3/ButtonBase.vue.d.ts +3 -3
  19. package/components/button/v3/IconButton.vue.d.ts +3 -3
  20. package/components/button/v3/index.d.ts +14 -14
  21. package/components/button/v4/ButtonV4.vue.d.ts +4 -3
  22. package/components/button/v4/ButtonV4.vue.js +3 -3
  23. package/components/button/v4/ButtonV4.vue2.js +1 -1
  24. package/components/chart/Chart.vue.d.ts +24 -25
  25. package/components/chart/Chart.vue.js +4 -4
  26. package/components/chart/Chart.vue2.js +82 -88
  27. package/components/chart/ChartHeader.vue.d.ts +24 -25
  28. package/components/chart/ChartHeader.vue.js +3 -3
  29. package/components/chart/ChartHeader.vue2.js +30 -35
  30. package/components/chart/ChartHeaderTrend.vue.d.ts +13 -15
  31. package/components/chart/ChartHeaderTrend.vue.js +3 -3
  32. package/components/chart/ChartHeaderTrend.vue2.js +32 -34
  33. package/components/chart/ChartPlane.vue.d.ts +24 -25
  34. package/components/chart/ChartPlane.vue.js +5 -5
  35. package/components/chart/ChartPlane.vue2.js +122 -128
  36. package/components/chart/index.d.ts +59 -88
  37. package/components/checkbox/v3/Checkbox.vue.d.ts +3 -3
  38. package/components/checkbox/v3/index.d.ts +7 -7
  39. package/components/dialog/v4/DialogV4.vue.d.ts +4 -3
  40. package/components/dialog/v4/DialogV4.vue.js +4 -4
  41. package/components/dialog/v4/DialogV4.vue2.js +1 -1
  42. package/components/dialog/v4/index.d.ts +7 -7
  43. package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -0
  44. package/components/dropdown/v4/DropdownV4.vue.js +4 -4
  45. package/components/dropdown/v4/DropdownV4.vue2.js +105 -95
  46. package/components/dropdown/v4/OptionV4.vue.d.ts +8 -0
  47. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  48. package/components/dropdown/v4/OptionV4.vue2.js +91 -69
  49. package/components/dropdown/v4/index.d.ts +46 -2
  50. package/components/forms/FormRow.vue.d.ts +9 -2
  51. package/components/forms/FormRow.vue.js +3 -3
  52. package/components/forms/FormRow.vue2.js +25 -14
  53. package/components/forms/index.d.ts +25 -5
  54. package/components/search/v3/index.d.ts +3 -3
  55. package/components/shared/FieldLabel.vue.d.ts +19 -7
  56. package/components/shared/FieldLabel.vue.js +3 -3
  57. package/components/shared/FieldLabel.vue2.js +50 -37
  58. package/components/tabs/v3/Tabs.vue.d.ts +3 -3
  59. package/components/tabs/v3/index.d.ts +7 -7
  60. package/components/tooltip/common/Tooltip.types.d.ts +1 -0
  61. package/components/tooltip/v3/Tooltip.vue.d.ts +4 -4
  62. package/components/tooltip/v3/Tooltip.vue.js +2 -2
  63. package/components/tooltip/v3/Tooltip.vue2.js +1 -1
  64. package/components/tooltip/v3/index.d.ts +7 -7
  65. package/components/tooltip/v4/TooltipV4.vue.d.ts +4 -4
  66. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  67. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  68. package/components/tooltip/v4/index.d.ts +7 -7
  69. package/components/typography/Text.vue.d.ts +3 -3
  70. package/components/typography/index.d.ts +7 -7
  71. package/composables/useFormValidation.d.ts +1 -0
  72. package/composables/useFormValidation.js +32 -27
  73. package/index.d.ts +127 -39
  74. package/index.js +1 -1
  75. package/package.json +1 -1
  76. package/ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css +0 -1
  77. package/Chart.vue_vue_type_style_index_0_scoped_757e7752_lang.css +0 -1
  78. package/ChartHeader.vue_vue_type_style_index_0_scoped_92052479_lang.css +0 -1
  79. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_d61ed404_lang.css +0 -1
  80. package/ChartPlane.vue_vue_type_style_index_0_scoped_bb382dc4_lang.css +0 -1
  81. package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +0 -1
  82. package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css +0 -1
  83. package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css +0 -1
  84. package/FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css +0 -1
  85. package/OptionV4.vue_vue_type_style_index_0_scoped_1e8837dc_lang.css +0 -1
  86. package/Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css +0 -1
  87. package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +0 -1
@@ -9,7 +9,7 @@ declare const TooltipTypes: () => ({
9
9
  theme: string;
10
10
  testId: string;
11
11
  delay: number;
12
- triggers: ("hover" | "click" | "focus" | "touch")[];
12
+ triggers: import("../common/Tooltip.types").TooltipTriggers[];
13
13
  forceShowWithTruncate: boolean;
14
14
  placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
15
15
  disabled: boolean;
@@ -39,7 +39,7 @@ declare const TooltipTypes: () => ({
39
39
  default: number;
40
40
  };
41
41
  triggers: {
42
- type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
42
+ type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
43
43
  default: () => string[];
44
44
  };
45
45
  forceShowWithTruncate: {
@@ -108,7 +108,7 @@ declare const TooltipTypes: () => ({
108
108
  default: number;
109
109
  };
110
110
  triggers: {
111
- type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
111
+ type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
112
112
  default: () => string[];
113
113
  };
114
114
  forceShowWithTruncate: {
@@ -149,7 +149,7 @@ declare const TooltipTypes: () => ({
149
149
  theme: string;
150
150
  testId: string;
151
151
  delay: number;
152
- triggers: ("hover" | "click" | "focus" | "touch")[];
152
+ triggers: import("../common/Tooltip.types").TooltipTriggers[];
153
153
  forceShowWithTruncate: boolean;
154
154
  placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
155
155
  disabled: boolean;
@@ -199,7 +199,7 @@ declare const TooltipTypes: () => ({
199
199
  default: number;
200
200
  };
201
201
  triggers: {
202
- type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
202
+ type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
203
203
  default: () => string[];
204
204
  };
205
205
  forceShowWithTruncate: {
@@ -258,7 +258,7 @@ declare const TooltipTypes: () => ({
258
258
  default: number;
259
259
  };
260
260
  triggers: {
261
- type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
261
+ type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
262
262
  default: () => string[];
263
263
  };
264
264
  forceShowWithTruncate: {
@@ -299,7 +299,7 @@ declare const TooltipTypes: () => ({
299
299
  theme: string;
300
300
  testId: string;
301
301
  delay: number;
302
- triggers: ("hover" | "click" | "focus" | "touch")[];
302
+ triggers: import("../common/Tooltip.types").TooltipTriggers[];
303
303
  forceShowWithTruncate: boolean;
304
304
  placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
305
305
  disabled: boolean;
@@ -1,7 +1,7 @@
1
1
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  isTruncated?: boolean;
3
3
  strong?: boolean;
4
- size?: "caption" | "sm" | "md" | "lg" | "xs";
4
+ size?: "caption" | "md" | "sm" | "xs" | "lg";
5
5
  testId?: string;
6
6
  }>, {
7
7
  size: string;
@@ -9,14 +9,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
9
9
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
10
10
  isTruncated?: boolean;
11
11
  strong?: boolean;
12
- size?: "caption" | "sm" | "md" | "lg" | "xs";
12
+ size?: "caption" | "md" | "sm" | "xs" | "lg";
13
13
  testId?: string;
14
14
  }>, {
15
15
  size: string;
16
16
  testId: string;
17
17
  }>>>, {
18
18
  testId: string;
19
- size: "caption" | "sm" | "md" | "lg" | "xs";
19
+ size: "caption" | "md" | "sm" | "xs" | "lg";
20
20
  }>, {
21
21
  default?(_: {}): any;
22
22
  }>;
@@ -107,7 +107,7 @@ declare const TypographyTypes: () => (({
107
107
  $data: {};
108
108
  $props: Partial<{
109
109
  testId: string;
110
- size: "caption" | "sm" | "md" | "lg" | "xs";
110
+ size: "caption" | "md" | "sm" | "xs" | "lg";
111
111
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
112
112
  strong: {
113
113
  type: import("vue").PropType<boolean>;
@@ -120,7 +120,7 @@ declare const TypographyTypes: () => (({
120
120
  type: import("vue").PropType<boolean>;
121
121
  };
122
122
  size: {
123
- type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
123
+ type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
124
124
  default: string;
125
125
  };
126
126
  }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "size">;
@@ -149,12 +149,12 @@ declare const TypographyTypes: () => (({
149
149
  type: import("vue").PropType<boolean>;
150
150
  };
151
151
  size: {
152
- type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
152
+ type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
153
153
  default: string;
154
154
  };
155
155
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
156
156
  testId: string;
157
- size: "caption" | "sm" | "md" | "lg" | "xs";
157
+ size: "caption" | "md" | "sm" | "xs" | "lg";
158
158
  }, {}, string> & {
159
159
  beforeCreate?: (() => void) | (() => void)[];
160
160
  created?: (() => void) | (() => void)[];
@@ -187,7 +187,7 @@ declare const TypographyTypes: () => (({
187
187
  type: import("vue").PropType<boolean>;
188
188
  };
189
189
  size: {
190
- type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
190
+ type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
191
191
  default: string;
192
192
  };
193
193
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -206,12 +206,12 @@ declare const TypographyTypes: () => (({
206
206
  type: import("vue").PropType<boolean>;
207
207
  };
208
208
  size: {
209
- type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
209
+ type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
210
210
  default: string;
211
211
  };
212
212
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
213
213
  testId: string;
214
- size: "caption" | "sm" | "md" | "lg" | "xs";
214
+ size: "caption" | "md" | "sm" | "xs" | "lg";
215
215
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
216
216
  $slots: {
217
217
  default?(_: {}): any;
@@ -14,6 +14,7 @@ export type UseFormValidationReponseType<T> = {
14
14
  validationErrors: ValidationErrorsType<T>;
15
15
  isValid: Ref<boolean>;
16
16
  validate: (isReactive?: boolean) => void;
17
+ stopValidating: () => void;
17
18
  };
18
19
  export declare const scrollToElementByClass: (elementClass: string, index?: number) => void;
19
20
  export declare const scrollToFirstInvalidElement: <T>(validationErrors: Partial<Record<keyof T, string>>) => void;
@@ -1,50 +1,55 @@
1
1
  import * as m from "yup";
2
- import { ref as d, reactive as f, watch as v } from "vue";
3
- const E = (e, r = 0) => {
2
+ import { ref as u, reactive as v, watch as E } from "vue";
3
+ const h = (e, t = 0) => {
4
4
  try {
5
- window.document.getElementsByClassName(e)[r].scrollIntoView({ behavior: "smooth" });
5
+ window.document.getElementsByClassName(e)[t].scrollIntoView({ behavior: "smooth" });
6
6
  } catch {
7
7
  return;
8
8
  }
9
- }, h = (e) => {
10
- const r = Object.keys(e)?.[0];
11
- r && E(`form-field-${r}`);
12
- }, p = (e, r) => {
13
- const o = m.object().shape(e);
9
+ }, p = (e) => {
10
+ const t = Object.keys(e)?.[0];
11
+ t && h(`form-field-${t}`);
12
+ }, y = (e, t) => {
13
+ const s = m.object().shape(e);
14
14
  try {
15
- return o.validateSync(r.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
15
+ return s.validateSync(t.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
16
16
  } catch (i) {
17
- return { isValid: !1, errors: i.inner.reduce((s, n) => (s[n.path] = n.message, s), {}) };
17
+ return { isValid: !1, errors: i.inner.reduce((a, l) => (a[l.path] = l.message, a), {}) };
18
18
  }
19
- }, b = ({
19
+ }, V = ({
20
20
  formState: e,
21
- formValidationSchema: r
21
+ formValidationSchema: t
22
22
  }) => {
23
- const o = d(!1), i = d(!0), t = f({}), s = (n) => {
24
- const { isValid: l, errors: c } = p(r, e);
25
- o.value = !0, i.value = l, Object.keys(t).forEach((a) => {
26
- a && !c[a] && delete t[a];
27
- }), Object.entries(c).forEach(([a, u]) => {
28
- t[a] = u;
29
- }), !l && !n && h(t);
23
+ const s = u(!1), i = u(!0), r = v({}), a = (c) => {
24
+ const { isValid: n, errors: d } = y(t, e);
25
+ s.value = !0, i.value = n, Object.keys(r).forEach((o) => {
26
+ o && !d[o] && delete r[o];
27
+ }), Object.entries(d).forEach(([o, f]) => {
28
+ r[o] = f;
29
+ }), !n && !c && p(r);
30
+ }, l = (c = !1) => {
31
+ s.value = !1, c && Object.keys(r).forEach((n) => {
32
+ delete r[n];
33
+ });
30
34
  };
31
- return v(
35
+ return E(
32
36
  e,
33
37
  () => {
34
- o.value && s(!0);
38
+ s.value && a(!0);
35
39
  },
36
40
  {
37
41
  deep: !0
38
42
  }
39
43
  ), {
40
- validationErrors: t,
44
+ validationErrors: r,
41
45
  isValid: i,
42
- validate: s
46
+ validate: a,
47
+ stopValidating: l
43
48
  };
44
49
  };
45
50
  export {
46
- E as scrollToElementByClass,
47
- h as scrollToFirstInvalidElement,
48
- b as useFormValidation,
49
- p as yupValidation
51
+ h as scrollToElementByClass,
52
+ p as scrollToFirstInvalidElement,
53
+ V as useFormValidation,
54
+ y as yupValidation
50
55
  };