@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.
- package/ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_ae87f435_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_08cb822e_lang.css +1 -0
- package/FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css +1 -0
- package/FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_9cdf3a94_lang.css +1 -0
- package/Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +1 -0
- package/components/appIcon/index.d.ts +3 -3
- package/components/banner/Banner.vue.d.ts +3 -3
- package/components/banner/index.d.ts +7 -7
- package/components/button/common/consts.d.ts +1 -0
- package/components/button/v3/Button.vue.d.ts +3 -3
- package/components/button/v3/ButtonBase.vue.d.ts +3 -3
- package/components/button/v3/IconButton.vue.d.ts +3 -3
- package/components/button/v3/index.d.ts +14 -14
- package/components/button/v4/ButtonV4.vue.d.ts +4 -3
- package/components/button/v4/ButtonV4.vue.js +3 -3
- package/components/button/v4/ButtonV4.vue2.js +1 -1
- package/components/chart/Chart.vue.d.ts +24 -25
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +82 -88
- package/components/chart/ChartHeader.vue.d.ts +24 -25
- package/components/chart/ChartHeader.vue.js +3 -3
- package/components/chart/ChartHeader.vue2.js +30 -35
- package/components/chart/ChartHeaderTrend.vue.d.ts +13 -15
- package/components/chart/ChartHeaderTrend.vue.js +3 -3
- package/components/chart/ChartHeaderTrend.vue2.js +32 -34
- package/components/chart/ChartPlane.vue.d.ts +24 -25
- package/components/chart/ChartPlane.vue.js +5 -5
- package/components/chart/ChartPlane.vue2.js +122 -128
- package/components/chart/index.d.ts +59 -88
- package/components/checkbox/v3/Checkbox.vue.d.ts +3 -3
- package/components/checkbox/v3/index.d.ts +7 -7
- package/components/dialog/v4/DialogV4.vue.d.ts +4 -3
- package/components/dialog/v4/DialogV4.vue.js +4 -4
- package/components/dialog/v4/DialogV4.vue2.js +1 -1
- package/components/dialog/v4/index.d.ts +7 -7
- package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -0
- package/components/dropdown/v4/DropdownV4.vue.js +4 -4
- package/components/dropdown/v4/DropdownV4.vue2.js +105 -95
- package/components/dropdown/v4/OptionV4.vue.d.ts +8 -0
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +91 -69
- package/components/dropdown/v4/index.d.ts +46 -2
- package/components/forms/FormRow.vue.d.ts +9 -2
- package/components/forms/FormRow.vue.js +3 -3
- package/components/forms/FormRow.vue2.js +25 -14
- package/components/forms/index.d.ts +25 -5
- package/components/search/v3/index.d.ts +3 -3
- package/components/shared/FieldLabel.vue.d.ts +19 -7
- package/components/shared/FieldLabel.vue.js +3 -3
- package/components/shared/FieldLabel.vue2.js +50 -37
- package/components/tabs/v3/Tabs.vue.d.ts +3 -3
- package/components/tabs/v3/index.d.ts +7 -7
- package/components/tooltip/common/Tooltip.types.d.ts +1 -0
- package/components/tooltip/v3/Tooltip.vue.d.ts +4 -4
- package/components/tooltip/v3/Tooltip.vue.js +2 -2
- package/components/tooltip/v3/Tooltip.vue2.js +1 -1
- package/components/tooltip/v3/index.d.ts +7 -7
- package/components/tooltip/v4/TooltipV4.vue.d.ts +4 -4
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
- package/components/tooltip/v4/index.d.ts +7 -7
- package/components/typography/Text.vue.d.ts +3 -3
- package/components/typography/index.d.ts +7 -7
- package/composables/useFormValidation.d.ts +1 -0
- package/composables/useFormValidation.js +32 -27
- package/index.d.ts +127 -39
- package/index.js +1 -1
- package/package.json +1 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_757e7752_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_92052479_lang.css +0 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_d61ed404_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_bb382dc4_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css +0 -1
- package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css +0 -1
- package/FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_1e8837dc_lang.css +0 -1
- package/Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css +0 -1
- 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: ("
|
|
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<("
|
|
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<("
|
|
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: ("
|
|
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<("
|
|
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<("
|
|
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: ("
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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" | "
|
|
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
|
|
3
|
-
const
|
|
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)[
|
|
5
|
+
window.document.getElementsByClassName(e)[t].scrollIntoView({ behavior: "smooth" });
|
|
6
6
|
} catch {
|
|
7
7
|
return;
|
|
8
8
|
}
|
|
9
|
-
},
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
const
|
|
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
|
|
15
|
+
return s.validateSync(t.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
|
|
16
16
|
} catch (i) {
|
|
17
|
-
return { isValid: !1, errors: i.inner.reduce((
|
|
17
|
+
return { isValid: !1, errors: i.inner.reduce((a, l) => (a[l.path] = l.message, a), {}) };
|
|
18
18
|
}
|
|
19
|
-
},
|
|
19
|
+
}, V = ({
|
|
20
20
|
formState: e,
|
|
21
|
-
formValidationSchema:
|
|
21
|
+
formValidationSchema: t
|
|
22
22
|
}) => {
|
|
23
|
-
const
|
|
24
|
-
const { isValid:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}), Object.entries(
|
|
28
|
-
|
|
29
|
-
}), !
|
|
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
|
|
35
|
+
return E(
|
|
32
36
|
e,
|
|
33
37
|
() => {
|
|
34
|
-
|
|
38
|
+
s.value && a(!0);
|
|
35
39
|
},
|
|
36
40
|
{
|
|
37
41
|
deep: !0
|
|
38
42
|
}
|
|
39
43
|
), {
|
|
40
|
-
validationErrors:
|
|
44
|
+
validationErrors: r,
|
|
41
45
|
isValid: i,
|
|
42
|
-
validate:
|
|
46
|
+
validate: a,
|
|
47
|
+
stopValidating: l
|
|
43
48
|
};
|
|
44
49
|
};
|
|
45
50
|
export {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
51
|
+
h as scrollToElementByClass,
|
|
52
|
+
p as scrollToFirstInvalidElement,
|
|
53
|
+
V as useFormValidation,
|
|
54
|
+
y as yupValidation
|
|
50
55
|
};
|