@ironsource/shared-ui 2.1.12-rc.2 → 2.1.12-rc.21
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/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +1 -0
- package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_0198fee8_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_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/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/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_9cdf3a94_lang.css +1 -0
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css +1 -0
- package/SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css +1 -0
- package/Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css +1 -0
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +1 -0
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_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 +149 -38
- package/components/chart/Chart.vue.js +3 -3
- package/components/chart/Chart.vue2.js +146 -297
- package/components/chart/ChartHeader.vue.d.ts +45 -11
- package/components/chart/ChartHeader.vue.js +3 -3
- package/components/chart/ChartHeader.vue2.js +64 -53
- package/components/chart/ChartHeaderTrend.vue.d.ts +48 -0
- package/components/chart/ChartHeaderTrend.vue.js +7 -0
- package/components/chart/ChartHeaderTrend.vue2.js +95 -0
- package/components/chart/ChartLegend.vue.d.ts +24 -0
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +82 -63
- package/components/chart/ChartPlane.vue.d.ts +221 -0
- package/components/chart/ChartPlane.vue.js +7 -0
- package/components/chart/ChartPlane.vue2.js +368 -0
- package/components/chart/ChartStoryArgs.d.ts +179 -0
- package/components/chart/ChartTooltip.vue.d.ts +22 -2
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +50 -55
- package/components/chart/LegendSorting.vue.d.ts +37 -0
- package/components/chart/LegendSorting.vue.js +45 -0
- package/components/chart/LegendSorting.vue2.js +4 -0
- package/components/chart/SettingsHeader.vue.d.ts +1 -0
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +17 -16
- package/components/chart/SubHeader.vue.d.ts +52 -0
- package/components/chart/SubHeader.vue.js +7 -0
- package/components/chart/SubHeader.vue2.js +61 -0
- package/components/chart/TooltipHeader.vue.d.ts +50 -0
- package/components/chart/TooltipHeader.vue.js +7 -0
- package/components/chart/TooltipHeader.vue2.js +69 -0
- package/components/chart/colorPalette.d.ts +4 -0
- package/components/chart/colorPalette.js +54 -0
- package/components/chart/composables/useChartHeight.d.ts +5 -0
- package/components/chart/composables/useChartHeight.js +24 -0
- package/components/chart/composables/useColorsMap.d.ts +10 -0
- package/components/chart/composables/useColorsMap.js +46 -0
- package/components/chart/composables/useTooltipPosition.d.ts +1 -1
- package/components/chart/composables/useTooltipPosition.js +11 -15
- package/components/chart/consts.d.ts +29 -7
- package/components/chart/consts.js +41 -21
- package/components/chart/index.d.ts +515 -118
- package/components/chart/mockData.d.ts +44 -5
- package/components/chart/types.d.ts +37 -6
- package/components/chart/types.js +5 -2
- package/components/chart/utils/formatNumber.d.ts +0 -1
- package/components/chart/utils/highlightUtils.d.ts +3 -0
- package/components/chart/utils/highlightUtils.js +18 -0
- package/components/chart/utils/utils.d.ts +3 -2
- package/components/chart/utils/utils.js +23 -8
- package/components/checkbox/v3/Checkbox.vue.d.ts +3 -3
- package/components/checkbox/v3/index.d.ts +7 -7
- package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
- package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
- 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/common/Dropdown.common.js +92 -85
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/ConditionalDropdown.vue.js +3 -3
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +76 -76
- 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/IconButtonDropdownTrigger.vue.d.ts +11 -0
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +4 -4
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -10
- 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/TreeDropdown.vue.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue2.js +68 -73
- package/components/dropdown/v4/index.d.ts +64 -2
- package/components/emptyState/v4/EmptyStateV4.vue.d.ts +3 -3
- package/components/emptyState/v4/index.d.ts +7 -7
- 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/table/v4/DataGrid.vue.d.ts +4 -3
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +151 -142
- package/components/table/v4/MultipleDataGrid.vue.d.ts +3 -3
- package/components/table/v4/index.d.ts +15 -14
- 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/composables/useFullPageHeight.d.ts +10 -0
- package/composables/useFullPageHeight.js +15 -0
- package/consts/common.d.ts +1 -0
- package/consts/common.js +4 -0
- package/consts/regex.d.ts +1 -0
- package/consts/regex.js +2 -1
- package/index.d.ts +211 -81
- package/index.js +106 -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 +19 -6
- package/utils/index.js +7 -0
- package/utils/text.d.ts +3 -0
- package/utils/text.js +24 -5
- package/utils/totals.d.ts +5 -0
- package/utils/totals.js +9 -0
- package/utils/utils.d.ts +1 -0
- package/utils/utils.js +4 -0
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +0 -1
- package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_a641383a_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_3a2aeea3_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_020072b0_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_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/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_1e8837dc_lang.css +0 -1
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_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
- 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;
|
|
@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
3
3
|
tabsList: Tab[];
|
|
4
4
|
selectedTab: string | number;
|
|
5
5
|
variant?: "fill" | "fix";
|
|
6
|
-
size?: "
|
|
6
|
+
size?: "md" | "sm" | "lg" | "xl";
|
|
7
7
|
testId?: string;
|
|
8
8
|
}>, {
|
|
9
9
|
tabsList: () => any[];
|
|
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
16
16
|
tabsList: Tab[];
|
|
17
17
|
selectedTab: string | number;
|
|
18
18
|
variant?: "fill" | "fix";
|
|
19
|
-
size?: "
|
|
19
|
+
size?: "md" | "sm" | "lg" | "xl";
|
|
20
20
|
testId?: string;
|
|
21
21
|
}>, {
|
|
22
22
|
tabsList: () => any[];
|
|
@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
28
28
|
}, {
|
|
29
29
|
testId: string;
|
|
30
30
|
variant: "fill" | "fix";
|
|
31
|
-
size: "
|
|
31
|
+
size: "md" | "sm" | "lg" | "xl";
|
|
32
32
|
tabsList: Tab[];
|
|
33
33
|
}>, {
|
|
34
34
|
default?(_: {
|
|
@@ -5,7 +5,7 @@ declare const TabsTypes: () => ({
|
|
|
5
5
|
$props: Partial<{
|
|
6
6
|
testId: string;
|
|
7
7
|
variant: "fill" | "fix";
|
|
8
|
-
size: "
|
|
8
|
+
size: "md" | "sm" | "lg" | "xl";
|
|
9
9
|
tabsList: import("../common/Tabs.types").Tab[];
|
|
10
10
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
11
11
|
testId: {
|
|
@@ -17,7 +17,7 @@ declare const TabsTypes: () => ({
|
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
19
|
size: {
|
|
20
|
-
type: import("vue").PropType<"
|
|
20
|
+
type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
|
|
21
21
|
default: string;
|
|
22
22
|
};
|
|
23
23
|
tabsList: {
|
|
@@ -55,7 +55,7 @@ declare const TabsTypes: () => ({
|
|
|
55
55
|
default: string;
|
|
56
56
|
};
|
|
57
57
|
size: {
|
|
58
|
-
type: import("vue").PropType<"
|
|
58
|
+
type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
|
|
59
59
|
default: string;
|
|
60
60
|
};
|
|
61
61
|
tabsList: {
|
|
@@ -74,7 +74,7 @@ declare const TabsTypes: () => ({
|
|
|
74
74
|
}, string, {
|
|
75
75
|
testId: string;
|
|
76
76
|
variant: "fill" | "fix";
|
|
77
|
-
size: "
|
|
77
|
+
size: "md" | "sm" | "lg" | "xl";
|
|
78
78
|
tabsList: import("../common/Tabs.types").Tab[];
|
|
79
79
|
}, {}, string> & {
|
|
80
80
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -106,7 +106,7 @@ declare const TabsTypes: () => ({
|
|
|
106
106
|
default: string;
|
|
107
107
|
};
|
|
108
108
|
size: {
|
|
109
|
-
type: import("vue").PropType<"
|
|
109
|
+
type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
|
|
110
110
|
default: string;
|
|
111
111
|
};
|
|
112
112
|
tabsList: {
|
|
@@ -134,7 +134,7 @@ declare const TabsTypes: () => ({
|
|
|
134
134
|
default: string;
|
|
135
135
|
};
|
|
136
136
|
size: {
|
|
137
|
-
type: import("vue").PropType<"
|
|
137
|
+
type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
|
|
138
138
|
default: string;
|
|
139
139
|
};
|
|
140
140
|
tabsList: {
|
|
@@ -153,7 +153,7 @@ declare const TabsTypes: () => ({
|
|
|
153
153
|
}, string, {
|
|
154
154
|
testId: string;
|
|
155
155
|
variant: "fill" | "fix";
|
|
156
|
-
size: "
|
|
156
|
+
size: "md" | "sm" | "lg" | "xl";
|
|
157
157
|
tabsList: import("../common/Tabs.types").Tab[];
|
|
158
158
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
159
159
|
$slots: {
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export declare const TOOLTIP_POSITIONS: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "right", "right-start", "right-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end"];
|
|
2
2
|
export type TooltipPositions = (typeof TOOLTIP_POSITIONS)[number];
|
|
3
|
+
export type TooltipTriggers = 'hover' | 'click' | 'focus' | 'touch';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
3
|
text?: string;
|
|
4
4
|
header?: string;
|
|
5
5
|
delay?: number;
|
|
6
|
-
triggers?:
|
|
6
|
+
triggers?: TooltipTriggers[];
|
|
7
7
|
forceShowWithTruncate?: boolean;
|
|
8
8
|
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";
|
|
9
9
|
theme?: string;
|
|
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
23
23
|
text?: string;
|
|
24
24
|
header?: string;
|
|
25
25
|
delay?: number;
|
|
26
|
-
triggers?:
|
|
26
|
+
triggers?: TooltipTriggers[];
|
|
27
27
|
forceShowWithTruncate?: boolean;
|
|
28
28
|
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";
|
|
29
29
|
theme?: string;
|
|
@@ -45,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
45
45
|
theme: string;
|
|
46
46
|
testId: string;
|
|
47
47
|
delay: number;
|
|
48
|
-
triggers:
|
|
48
|
+
triggers: TooltipTriggers[];
|
|
49
49
|
forceShowWithTruncate: boolean;
|
|
50
50
|
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";
|
|
51
51
|
disabled: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./Tooltip.vue2.js";
|
|
2
2
|
/* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../Tooltip.
|
|
3
|
+
// import "../../../Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css"; //*');
|
|
4
4
|
// import "../../../Tooltip.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-
|
|
5
|
+
const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-20630944"]]);
|
|
6
6
|
export {
|
|
7
7
|
l as default
|
|
8
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../Tooltip.
|
|
1
|
+
import "../../../Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css"; import "../../../Tooltip.vue_vue_type_style_index_1_lang.css"; import { defineComponent as y, ref as s, useSlots as g, watch as h, openBlock as r, createBlock as n, unref as a, mergeProps as w, withCtx as u, createElementVNode as m, renderSlot as p, createTextVNode as S, toDisplayString as k, nextTick as $ } from "vue";
|
|
2
2
|
import I from "./TextWithTitleContent.vue.js";
|
|
3
3
|
import "../../typography/Heading.vue.js";
|
|
4
4
|
import W from "../../typography/Text.vue.js";
|
|
@@ -8,7 +8,7 @@ declare const TooltipTypes: () => ({
|
|
|
8
8
|
theme: string;
|
|
9
9
|
testId: string;
|
|
10
10
|
delay: number;
|
|
11
|
-
triggers: ("
|
|
11
|
+
triggers: import("../common/Tooltip.types").TooltipTriggers[];
|
|
12
12
|
forceShowWithTruncate: boolean;
|
|
13
13
|
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";
|
|
14
14
|
disabled: boolean;
|
|
@@ -34,7 +34,7 @@ declare const TooltipTypes: () => ({
|
|
|
34
34
|
default: number;
|
|
35
35
|
};
|
|
36
36
|
triggers: {
|
|
37
|
-
type: import("vue").PropType<("
|
|
37
|
+
type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
|
|
38
38
|
default: () => string[];
|
|
39
39
|
};
|
|
40
40
|
forceShowWithTruncate: {
|
|
@@ -85,7 +85,7 @@ declare const TooltipTypes: () => ({
|
|
|
85
85
|
default: number;
|
|
86
86
|
};
|
|
87
87
|
triggers: {
|
|
88
|
-
type: import("vue").PropType<("
|
|
88
|
+
type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
|
|
89
89
|
default: () => string[];
|
|
90
90
|
};
|
|
91
91
|
forceShowWithTruncate: {
|
|
@@ -106,7 +106,7 @@ declare const TooltipTypes: () => ({
|
|
|
106
106
|
theme: string;
|
|
107
107
|
testId: string;
|
|
108
108
|
delay: number;
|
|
109
|
-
triggers: ("
|
|
109
|
+
triggers: import("../common/Tooltip.types").TooltipTriggers[];
|
|
110
110
|
forceShowWithTruncate: boolean;
|
|
111
111
|
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";
|
|
112
112
|
disabled: boolean;
|
|
@@ -152,7 +152,7 @@ declare const TooltipTypes: () => ({
|
|
|
152
152
|
default: number;
|
|
153
153
|
};
|
|
154
154
|
triggers: {
|
|
155
|
-
type: import("vue").PropType<("
|
|
155
|
+
type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
|
|
156
156
|
default: () => string[];
|
|
157
157
|
};
|
|
158
158
|
forceShowWithTruncate: {
|
|
@@ -193,7 +193,7 @@ declare const TooltipTypes: () => ({
|
|
|
193
193
|
default: number;
|
|
194
194
|
};
|
|
195
195
|
triggers: {
|
|
196
|
-
type: import("vue").PropType<("
|
|
196
|
+
type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
|
|
197
197
|
default: () => string[];
|
|
198
198
|
};
|
|
199
199
|
forceShowWithTruncate: {
|
|
@@ -214,7 +214,7 @@ declare const TooltipTypes: () => ({
|
|
|
214
214
|
theme: string;
|
|
215
215
|
testId: string;
|
|
216
216
|
delay: number;
|
|
217
|
-
triggers: ("
|
|
217
|
+
triggers: import("../common/Tooltip.types").TooltipTriggers[];
|
|
218
218
|
forceShowWithTruncate: boolean;
|
|
219
219
|
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";
|
|
220
220
|
disabled: boolean;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
3
|
text?: string;
|
|
4
4
|
header?: string;
|
|
5
5
|
delay?: number;
|
|
6
|
-
triggers?:
|
|
6
|
+
triggers?: TooltipTriggers[];
|
|
7
7
|
forceShowWithTruncate?: boolean;
|
|
8
8
|
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";
|
|
9
9
|
theme?: string;
|
|
@@ -33,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
33
33
|
text?: string;
|
|
34
34
|
header?: string;
|
|
35
35
|
delay?: number;
|
|
36
|
-
triggers?:
|
|
36
|
+
triggers?: TooltipTriggers[];
|
|
37
37
|
forceShowWithTruncate?: boolean;
|
|
38
38
|
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";
|
|
39
39
|
theme?: string;
|
|
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
65
65
|
theme: string;
|
|
66
66
|
testId: string;
|
|
67
67
|
delay: number;
|
|
68
|
-
triggers:
|
|
68
|
+
triggers: TooltipTriggers[];
|
|
69
69
|
forceShowWithTruncate: boolean;
|
|
70
70
|
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";
|
|
71
71
|
disabled: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./TooltipV4.vue2.js";
|
|
2
2
|
/* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TooltipV4.
|
|
3
|
+
// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css"; //*');
|
|
4
4
|
// import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
5
|
+
const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bcb40ed4"]]);
|
|
6
6
|
export {
|
|
7
7
|
l as default
|
|
8
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../TooltipV4.
|
|
1
|
+
import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as f, withCtx as n, renderSlot as m, createTextVNode as p, toDisplayString as y, createElementVNode as T } from "vue";
|
|
2
2
|
import g from "./TextWithTitleContent.vue.js";
|
|
3
3
|
import { Tooltip as w } from "floating-vue";
|
|
4
4
|
import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
|
|
@@ -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
|
};
|