@ironsource/shared-ui 2.2.0-rc.0 → 2.2.0-rc.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.
- package/ChartPlane.vue_vue_type_style_index_0_scoped_3c887f7e_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_dc7e6298_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_3bc0f416_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_445ebb01_lang.css +1 -0
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_2177211f_lang.css +1 -0
- package/components/chart/ChartPlane.vue.js +3 -3
- package/components/chart/ChartPlane.vue2.js +4 -4
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +19 -16
- package/components/chart/TooltipHeader.vue.js +3 -3
- package/components/chart/TooltipHeader.vue2.js +33 -22
- package/components/chart/utils/utils.d.ts +5 -1
- package/components/chart/utils/utils.js +32 -22
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +15 -0
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +81 -60
- package/components/dropdown/v4/DropdownV4.vue.d.ts +18 -0
- package/components/dropdown/v4/DropdownV4.vue.js +4 -4
- package/components/dropdown/v4/DropdownV4.vue2.js +143 -134
- package/components/dropdown/v4/dropdownStoryArgs.d.ts +11 -0
- package/components/dropdown/v4/index.d.ts +119 -2
- package/index.d.ts +238 -4
- package/package.json +1 -1
- package/testids/index.d.ts +2 -1
- package/testids/index.js +5 -5
- package/ChartPlane.vue_vue_type_style_index_0_scoped_a685cf5e_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_9623dbbd_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_d3802d59_lang.css +0 -1
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css +0 -1
|
@@ -25,6 +25,9 @@ declare const DropdownTypes: () => (({
|
|
|
25
25
|
hoverHelpText: string;
|
|
26
26
|
hoverHelpTextPlacement: "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";
|
|
27
27
|
placeholder: string;
|
|
28
|
+
inlineError: boolean;
|
|
29
|
+
inlineErrorText: string;
|
|
30
|
+
inlineErrorTextPlacement: "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";
|
|
28
31
|
feedbackText: string;
|
|
29
32
|
feedbackVariant: "success" | "warning" | "error";
|
|
30
33
|
multi: boolean;
|
|
@@ -90,6 +93,18 @@ declare const DropdownTypes: () => (({
|
|
|
90
93
|
type: import("vue").PropType<string>;
|
|
91
94
|
default: string;
|
|
92
95
|
};
|
|
96
|
+
inlineError: {
|
|
97
|
+
type: import("vue").PropType<boolean>;
|
|
98
|
+
default: boolean;
|
|
99
|
+
};
|
|
100
|
+
inlineErrorText: {
|
|
101
|
+
type: import("vue").PropType<string>;
|
|
102
|
+
default: string;
|
|
103
|
+
};
|
|
104
|
+
inlineErrorTextPlacement: {
|
|
105
|
+
type: import("vue").PropType<"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">;
|
|
106
|
+
default: string;
|
|
107
|
+
};
|
|
93
108
|
feedbackText: {
|
|
94
109
|
type: import("vue").PropType<string>;
|
|
95
110
|
default: string;
|
|
@@ -152,7 +167,7 @@ declare const DropdownTypes: () => (({
|
|
|
152
167
|
};
|
|
153
168
|
}>> & {
|
|
154
169
|
onClick?: () => any;
|
|
155
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
|
|
170
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "allSelected" | "selectedOption" | "showFeedbackIcon" | "brandIconType" | "showAllSelectedText" | "statusDotType">;
|
|
156
171
|
$attrs: {
|
|
157
172
|
[x: string]: unknown;
|
|
158
173
|
};
|
|
@@ -217,6 +232,18 @@ declare const DropdownTypes: () => (({
|
|
|
217
232
|
type: import("vue").PropType<string>;
|
|
218
233
|
default: string;
|
|
219
234
|
};
|
|
235
|
+
inlineError: {
|
|
236
|
+
type: import("vue").PropType<boolean>;
|
|
237
|
+
default: boolean;
|
|
238
|
+
};
|
|
239
|
+
inlineErrorText: {
|
|
240
|
+
type: import("vue").PropType<string>;
|
|
241
|
+
default: string;
|
|
242
|
+
};
|
|
243
|
+
inlineErrorTextPlacement: {
|
|
244
|
+
type: import("vue").PropType<"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">;
|
|
245
|
+
default: string;
|
|
246
|
+
};
|
|
220
247
|
feedbackText: {
|
|
221
248
|
type: import("vue").PropType<string>;
|
|
222
249
|
default: string;
|
|
@@ -294,6 +321,9 @@ declare const DropdownTypes: () => (({
|
|
|
294
321
|
hoverHelpText: string;
|
|
295
322
|
hoverHelpTextPlacement: "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";
|
|
296
323
|
placeholder: string;
|
|
324
|
+
inlineError: boolean;
|
|
325
|
+
inlineErrorText: string;
|
|
326
|
+
inlineErrorTextPlacement: "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";
|
|
297
327
|
feedbackText: string;
|
|
298
328
|
feedbackVariant: "success" | "warning" | "error";
|
|
299
329
|
multi: boolean;
|
|
@@ -379,6 +409,18 @@ declare const DropdownTypes: () => (({
|
|
|
379
409
|
type: import("vue").PropType<string>;
|
|
380
410
|
default: string;
|
|
381
411
|
};
|
|
412
|
+
inlineError: {
|
|
413
|
+
type: import("vue").PropType<boolean>;
|
|
414
|
+
default: boolean;
|
|
415
|
+
};
|
|
416
|
+
inlineErrorText: {
|
|
417
|
+
type: import("vue").PropType<string>;
|
|
418
|
+
default: string;
|
|
419
|
+
};
|
|
420
|
+
inlineErrorTextPlacement: {
|
|
421
|
+
type: import("vue").PropType<"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">;
|
|
422
|
+
default: string;
|
|
423
|
+
};
|
|
382
424
|
feedbackText: {
|
|
383
425
|
type: import("vue").PropType<string>;
|
|
384
426
|
default: string;
|
|
@@ -496,6 +538,18 @@ declare const DropdownTypes: () => (({
|
|
|
496
538
|
type: import("vue").PropType<string>;
|
|
497
539
|
default: string;
|
|
498
540
|
};
|
|
541
|
+
inlineError: {
|
|
542
|
+
type: import("vue").PropType<boolean>;
|
|
543
|
+
default: boolean;
|
|
544
|
+
};
|
|
545
|
+
inlineErrorText: {
|
|
546
|
+
type: import("vue").PropType<string>;
|
|
547
|
+
default: string;
|
|
548
|
+
};
|
|
549
|
+
inlineErrorTextPlacement: {
|
|
550
|
+
type: import("vue").PropType<"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">;
|
|
551
|
+
default: string;
|
|
552
|
+
};
|
|
499
553
|
feedbackText: {
|
|
500
554
|
type: import("vue").PropType<string>;
|
|
501
555
|
default: string;
|
|
@@ -573,6 +627,9 @@ declare const DropdownTypes: () => (({
|
|
|
573
627
|
hoverHelpText: string;
|
|
574
628
|
hoverHelpTextPlacement: "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";
|
|
575
629
|
placeholder: string;
|
|
630
|
+
inlineError: boolean;
|
|
631
|
+
inlineErrorText: string;
|
|
632
|
+
inlineErrorTextPlacement: "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";
|
|
576
633
|
feedbackText: string;
|
|
577
634
|
feedbackVariant: "success" | "warning" | "error";
|
|
578
635
|
multi: boolean;
|
|
@@ -1816,6 +1873,9 @@ declare const DropdownTypes: () => (({
|
|
|
1816
1873
|
valueToCopy: string;
|
|
1817
1874
|
selected: any;
|
|
1818
1875
|
placeholder: string;
|
|
1876
|
+
inlineError: boolean;
|
|
1877
|
+
inlineErrorText: string;
|
|
1878
|
+
inlineErrorTextPlacement: "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";
|
|
1819
1879
|
multi: boolean;
|
|
1820
1880
|
infiniteLoading: boolean;
|
|
1821
1881
|
showSelectAll: boolean;
|
|
@@ -1937,6 +1997,18 @@ declare const DropdownTypes: () => (({
|
|
|
1937
1997
|
type: import("vue").PropType<string>;
|
|
1938
1998
|
default: string;
|
|
1939
1999
|
};
|
|
2000
|
+
inlineError: {
|
|
2001
|
+
type: import("vue").PropType<boolean>;
|
|
2002
|
+
default: boolean;
|
|
2003
|
+
};
|
|
2004
|
+
inlineErrorText: {
|
|
2005
|
+
type: import("vue").PropType<string>;
|
|
2006
|
+
default: string;
|
|
2007
|
+
};
|
|
2008
|
+
inlineErrorTextPlacement: {
|
|
2009
|
+
type: import("vue").PropType<"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">;
|
|
2010
|
+
default: string;
|
|
2011
|
+
};
|
|
1940
2012
|
multi: {
|
|
1941
2013
|
type: import("vue").PropType<boolean>;
|
|
1942
2014
|
default: boolean;
|
|
@@ -2157,7 +2229,7 @@ declare const DropdownTypes: () => (({
|
|
|
2157
2229
|
onUnsavedSelectionUpdate?: (value: unknown[]) => any;
|
|
2158
2230
|
onOpened?: () => any;
|
|
2159
2231
|
onClosed?: () => any;
|
|
2160
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "alwaysShowScroll" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "resortGroupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
|
|
2232
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "alwaysShowScroll" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "resortGroupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
|
|
2161
2233
|
$attrs: {
|
|
2162
2234
|
[x: string]: unknown;
|
|
2163
2235
|
};
|
|
@@ -2242,6 +2314,18 @@ declare const DropdownTypes: () => (({
|
|
|
2242
2314
|
type: import("vue").PropType<string>;
|
|
2243
2315
|
default: string;
|
|
2244
2316
|
};
|
|
2317
|
+
inlineError: {
|
|
2318
|
+
type: import("vue").PropType<boolean>;
|
|
2319
|
+
default: boolean;
|
|
2320
|
+
};
|
|
2321
|
+
inlineErrorText: {
|
|
2322
|
+
type: import("vue").PropType<string>;
|
|
2323
|
+
default: string;
|
|
2324
|
+
};
|
|
2325
|
+
inlineErrorTextPlacement: {
|
|
2326
|
+
type: import("vue").PropType<"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">;
|
|
2327
|
+
default: string;
|
|
2328
|
+
};
|
|
2245
2329
|
multi: {
|
|
2246
2330
|
type: import("vue").PropType<boolean>;
|
|
2247
2331
|
default: boolean;
|
|
@@ -2494,6 +2578,9 @@ declare const DropdownTypes: () => (({
|
|
|
2494
2578
|
valueToCopy: string;
|
|
2495
2579
|
selected: any;
|
|
2496
2580
|
placeholder: string;
|
|
2581
|
+
inlineError: boolean;
|
|
2582
|
+
inlineErrorText: string;
|
|
2583
|
+
inlineErrorTextPlacement: "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";
|
|
2497
2584
|
multi: boolean;
|
|
2498
2585
|
infiniteLoading: boolean;
|
|
2499
2586
|
showSelectAll: boolean;
|
|
@@ -2635,6 +2722,18 @@ declare const DropdownTypes: () => (({
|
|
|
2635
2722
|
type: import("vue").PropType<string>;
|
|
2636
2723
|
default: string;
|
|
2637
2724
|
};
|
|
2725
|
+
inlineError: {
|
|
2726
|
+
type: import("vue").PropType<boolean>;
|
|
2727
|
+
default: boolean;
|
|
2728
|
+
};
|
|
2729
|
+
inlineErrorText: {
|
|
2730
|
+
type: import("vue").PropType<string>;
|
|
2731
|
+
default: string;
|
|
2732
|
+
};
|
|
2733
|
+
inlineErrorTextPlacement: {
|
|
2734
|
+
type: import("vue").PropType<"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">;
|
|
2735
|
+
default: string;
|
|
2736
|
+
};
|
|
2638
2737
|
multi: {
|
|
2639
2738
|
type: import("vue").PropType<boolean>;
|
|
2640
2739
|
default: boolean;
|
|
@@ -2933,6 +3032,18 @@ declare const DropdownTypes: () => (({
|
|
|
2933
3032
|
type: import("vue").PropType<string>;
|
|
2934
3033
|
default: string;
|
|
2935
3034
|
};
|
|
3035
|
+
inlineError: {
|
|
3036
|
+
type: import("vue").PropType<boolean>;
|
|
3037
|
+
default: boolean;
|
|
3038
|
+
};
|
|
3039
|
+
inlineErrorText: {
|
|
3040
|
+
type: import("vue").PropType<string>;
|
|
3041
|
+
default: string;
|
|
3042
|
+
};
|
|
3043
|
+
inlineErrorTextPlacement: {
|
|
3044
|
+
type: import("vue").PropType<"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">;
|
|
3045
|
+
default: string;
|
|
3046
|
+
};
|
|
2936
3047
|
multi: {
|
|
2937
3048
|
type: import("vue").PropType<boolean>;
|
|
2938
3049
|
default: boolean;
|
|
@@ -3185,6 +3296,9 @@ declare const DropdownTypes: () => (({
|
|
|
3185
3296
|
valueToCopy: string;
|
|
3186
3297
|
selected: any;
|
|
3187
3298
|
placeholder: string;
|
|
3299
|
+
inlineError: boolean;
|
|
3300
|
+
inlineErrorText: string;
|
|
3301
|
+
inlineErrorTextPlacement: "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";
|
|
3188
3302
|
multi: boolean;
|
|
3189
3303
|
infiniteLoading: boolean;
|
|
3190
3304
|
showSelectAll: boolean;
|
|
@@ -3272,6 +3386,9 @@ declare const DropdownTypes: () => (({
|
|
|
3272
3386
|
size: "small" | "medium" | "large";
|
|
3273
3387
|
showAllSelectedText: boolean;
|
|
3274
3388
|
allSelected: boolean;
|
|
3389
|
+
inlineError: boolean;
|
|
3390
|
+
inlineErrorText: string;
|
|
3391
|
+
inlineErrorTextPlacement: "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";
|
|
3275
3392
|
onKeydown: (event: any) => void;
|
|
3276
3393
|
onClick: () => void;
|
|
3277
3394
|
};
|