@ironsource/shared-ui 2.1.12 → 2.2.0-rc.1

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 (18) hide show
  1. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_3bc0f416_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_445ebb01_lang.css +1 -0
  3. package/components/dropdown/common/Dropdown.common.js +32 -32
  4. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +15 -0
  5. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
  6. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +81 -60
  7. package/components/dropdown/v4/DropdownV4.vue.d.ts +23 -0
  8. package/components/dropdown/v4/DropdownV4.vue.js +2 -2
  9. package/components/dropdown/v4/DropdownV4.vue2.js +144 -134
  10. package/components/dropdown/v4/dropdownStoryArgs.d.ts +11 -0
  11. package/components/dropdown/v4/index.d.ts +138 -2
  12. package/index.d.ts +276 -4
  13. package/index.js +1 -1
  14. package/package.json +1 -1
  15. package/testids/index.d.ts +2 -1
  16. package/testids/index.js +5 -5
  17. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css +0 -1
  18. package/DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css +0 -1
package/index.d.ts CHANGED
@@ -17235,6 +17235,9 @@ declare const _default: {
17235
17235
  valueToCopy: string;
17236
17236
  selected: any;
17237
17237
  placeholder: string;
17238
+ inlineError: boolean;
17239
+ inlineErrorText: string;
17240
+ 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";
17238
17241
  multi: boolean;
17239
17242
  infiniteLoading: boolean;
17240
17243
  showSelectAll: boolean;
@@ -17275,6 +17278,7 @@ declare const _default: {
17275
17278
  optionTwoLinesVariant: "horizontal" | "vertical";
17276
17279
  optionTwoLinesKey: string;
17277
17280
  groupedOptions: boolean;
17281
+ resortGroupedOptions: boolean;
17278
17282
  comparingKey: string;
17279
17283
  customNumberOfDisplayedOptions: number;
17280
17284
  optionTooltipPosition: "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";
@@ -17355,6 +17359,18 @@ declare const _default: {
17355
17359
  type: import("vue").PropType<string>;
17356
17360
  default: string;
17357
17361
  };
17362
+ inlineError: {
17363
+ type: import("vue").PropType<boolean>;
17364
+ default: boolean;
17365
+ };
17366
+ inlineErrorText: {
17367
+ type: import("vue").PropType<string>;
17368
+ default: string;
17369
+ };
17370
+ inlineErrorTextPlacement: {
17371
+ 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">;
17372
+ default: string;
17373
+ };
17358
17374
  multi: {
17359
17375
  type: import("vue").PropType<boolean>;
17360
17376
  default: boolean;
@@ -17522,6 +17538,10 @@ declare const _default: {
17522
17538
  type: import("vue").PropType<boolean>;
17523
17539
  default: boolean;
17524
17540
  };
17541
+ resortGroupedOptions: {
17542
+ type: import("vue").PropType<boolean>;
17543
+ default: boolean;
17544
+ };
17525
17545
  comparingKey: {
17526
17546
  type: import("vue").PropType<string>;
17527
17547
  default: any;
@@ -17571,7 +17591,7 @@ declare const _default: {
17571
17591
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
17572
17592
  onOpened?: () => any;
17573
17593
  onClosed?: () => any;
17574
- } & 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" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
17594
+ } & 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">;
17575
17595
  $attrs: {
17576
17596
  [x: string]: unknown;
17577
17597
  };
@@ -17656,6 +17676,18 @@ declare const _default: {
17656
17676
  type: import("vue").PropType<string>;
17657
17677
  default: string;
17658
17678
  };
17679
+ inlineError: {
17680
+ type: import("vue").PropType<boolean>;
17681
+ default: boolean;
17682
+ };
17683
+ inlineErrorText: {
17684
+ type: import("vue").PropType<string>;
17685
+ default: string;
17686
+ };
17687
+ inlineErrorTextPlacement: {
17688
+ 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">;
17689
+ default: string;
17690
+ };
17659
17691
  multi: {
17660
17692
  type: import("vue").PropType<boolean>;
17661
17693
  default: boolean;
@@ -17823,6 +17855,10 @@ declare const _default: {
17823
17855
  type: import("vue").PropType<boolean>;
17824
17856
  default: boolean;
17825
17857
  };
17858
+ resortGroupedOptions: {
17859
+ type: import("vue").PropType<boolean>;
17860
+ default: boolean;
17861
+ };
17826
17862
  comparingKey: {
17827
17863
  type: import("vue").PropType<string>;
17828
17864
  default: any;
@@ -17904,6 +17940,9 @@ declare const _default: {
17904
17940
  valueToCopy: string;
17905
17941
  selected: any;
17906
17942
  placeholder: string;
17943
+ inlineError: boolean;
17944
+ inlineErrorText: string;
17945
+ 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";
17907
17946
  multi: boolean;
17908
17947
  infiniteLoading: boolean;
17909
17948
  showSelectAll: boolean;
@@ -17944,6 +17983,7 @@ declare const _default: {
17944
17983
  optionTwoLinesVariant: "horizontal" | "vertical";
17945
17984
  optionTwoLinesKey: string;
17946
17985
  groupedOptions: boolean;
17986
+ resortGroupedOptions: boolean;
17947
17987
  comparingKey: string;
17948
17988
  customNumberOfDisplayedOptions: number;
17949
17989
  optionTooltipPosition: "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";
@@ -18044,6 +18084,18 @@ declare const _default: {
18044
18084
  type: import("vue").PropType<string>;
18045
18085
  default: string;
18046
18086
  };
18087
+ inlineError: {
18088
+ type: import("vue").PropType<boolean>;
18089
+ default: boolean;
18090
+ };
18091
+ inlineErrorText: {
18092
+ type: import("vue").PropType<string>;
18093
+ default: string;
18094
+ };
18095
+ inlineErrorTextPlacement: {
18096
+ 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">;
18097
+ default: string;
18098
+ };
18047
18099
  multi: {
18048
18100
  type: import("vue").PropType<boolean>;
18049
18101
  default: boolean;
@@ -18211,6 +18263,10 @@ declare const _default: {
18211
18263
  type: import("vue").PropType<boolean>;
18212
18264
  default: boolean;
18213
18265
  };
18266
+ resortGroupedOptions: {
18267
+ type: import("vue").PropType<boolean>;
18268
+ default: boolean;
18269
+ };
18214
18270
  comparingKey: {
18215
18271
  type: import("vue").PropType<string>;
18216
18272
  default: any;
@@ -18338,6 +18394,18 @@ declare const _default: {
18338
18394
  type: import("vue").PropType<string>;
18339
18395
  default: string;
18340
18396
  };
18397
+ inlineError: {
18398
+ type: import("vue").PropType<boolean>;
18399
+ default: boolean;
18400
+ };
18401
+ inlineErrorText: {
18402
+ type: import("vue").PropType<string>;
18403
+ default: string;
18404
+ };
18405
+ inlineErrorTextPlacement: {
18406
+ 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">;
18407
+ default: string;
18408
+ };
18341
18409
  multi: {
18342
18410
  type: import("vue").PropType<boolean>;
18343
18411
  default: boolean;
@@ -18505,6 +18573,10 @@ declare const _default: {
18505
18573
  type: import("vue").PropType<boolean>;
18506
18574
  default: boolean;
18507
18575
  };
18576
+ resortGroupedOptions: {
18577
+ type: import("vue").PropType<boolean>;
18578
+ default: boolean;
18579
+ };
18508
18580
  comparingKey: {
18509
18581
  type: import("vue").PropType<string>;
18510
18582
  default: any;
@@ -18586,6 +18658,9 @@ declare const _default: {
18586
18658
  valueToCopy: string;
18587
18659
  selected: any;
18588
18660
  placeholder: string;
18661
+ inlineError: boolean;
18662
+ inlineErrorText: string;
18663
+ 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";
18589
18664
  multi: boolean;
18590
18665
  infiniteLoading: boolean;
18591
18666
  showSelectAll: boolean;
@@ -18626,6 +18701,7 @@ declare const _default: {
18626
18701
  optionTwoLinesVariant: "horizontal" | "vertical";
18627
18702
  optionTwoLinesKey: string;
18628
18703
  groupedOptions: boolean;
18704
+ resortGroupedOptions: boolean;
18629
18705
  comparingKey: string;
18630
18706
  customNumberOfDisplayedOptions: number;
18631
18707
  optionTooltipPosition: "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";
@@ -18672,6 +18748,9 @@ declare const _default: {
18672
18748
  size: "small" | "medium" | "large";
18673
18749
  showAllSelectedText: boolean;
18674
18750
  allSelected: boolean;
18751
+ inlineError: boolean;
18752
+ inlineErrorText: string;
18753
+ 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";
18675
18754
  onKeydown: (event: any) => void;
18676
18755
  onClick: () => void;
18677
18756
  };
@@ -18714,6 +18793,9 @@ declare const _default: {
18714
18793
  hoverHelpText: string;
18715
18794
  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";
18716
18795
  placeholder: string;
18796
+ inlineError: boolean;
18797
+ inlineErrorText: string;
18798
+ 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";
18717
18799
  feedbackText: string;
18718
18800
  feedbackVariant: "success" | "warning" | "error";
18719
18801
  multi: boolean;
@@ -18779,6 +18861,18 @@ declare const _default: {
18779
18861
  type: import("vue").PropType<string>;
18780
18862
  default: string;
18781
18863
  };
18864
+ inlineError: {
18865
+ type: import("vue").PropType<boolean>;
18866
+ default: boolean;
18867
+ };
18868
+ inlineErrorText: {
18869
+ type: import("vue").PropType<string>;
18870
+ default: string;
18871
+ };
18872
+ inlineErrorTextPlacement: {
18873
+ 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">;
18874
+ default: string;
18875
+ };
18782
18876
  feedbackText: {
18783
18877
  type: import("vue").PropType<string>;
18784
18878
  default: string;
@@ -18841,7 +18935,7 @@ declare const _default: {
18841
18935
  };
18842
18936
  }>> & {
18843
18937
  onClick?: () => any;
18844
- } & 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">;
18938
+ } & 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">;
18845
18939
  $attrs: {
18846
18940
  [x: string]: unknown;
18847
18941
  };
@@ -18906,6 +19000,18 @@ declare const _default: {
18906
19000
  type: import("vue").PropType<string>;
18907
19001
  default: string;
18908
19002
  };
19003
+ inlineError: {
19004
+ type: import("vue").PropType<boolean>;
19005
+ default: boolean;
19006
+ };
19007
+ inlineErrorText: {
19008
+ type: import("vue").PropType<string>;
19009
+ default: string;
19010
+ };
19011
+ inlineErrorTextPlacement: {
19012
+ 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">;
19013
+ default: string;
19014
+ };
18909
19015
  feedbackText: {
18910
19016
  type: import("vue").PropType<string>;
18911
19017
  default: string;
@@ -18983,6 +19089,9 @@ declare const _default: {
18983
19089
  hoverHelpText: string;
18984
19090
  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";
18985
19091
  placeholder: string;
19092
+ inlineError: boolean;
19093
+ inlineErrorText: string;
19094
+ 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";
18986
19095
  feedbackText: string;
18987
19096
  feedbackVariant: "success" | "warning" | "error";
18988
19097
  multi: boolean;
@@ -19068,6 +19177,18 @@ declare const _default: {
19068
19177
  type: import("vue").PropType<string>;
19069
19178
  default: string;
19070
19179
  };
19180
+ inlineError: {
19181
+ type: import("vue").PropType<boolean>;
19182
+ default: boolean;
19183
+ };
19184
+ inlineErrorText: {
19185
+ type: import("vue").PropType<string>;
19186
+ default: string;
19187
+ };
19188
+ inlineErrorTextPlacement: {
19189
+ 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">;
19190
+ default: string;
19191
+ };
19071
19192
  feedbackText: {
19072
19193
  type: import("vue").PropType<string>;
19073
19194
  default: string;
@@ -19185,6 +19306,18 @@ declare const _default: {
19185
19306
  type: import("vue").PropType<string>;
19186
19307
  default: string;
19187
19308
  };
19309
+ inlineError: {
19310
+ type: import("vue").PropType<boolean>;
19311
+ default: boolean;
19312
+ };
19313
+ inlineErrorText: {
19314
+ type: import("vue").PropType<string>;
19315
+ default: string;
19316
+ };
19317
+ inlineErrorTextPlacement: {
19318
+ 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">;
19319
+ default: string;
19320
+ };
19188
19321
  feedbackText: {
19189
19322
  type: import("vue").PropType<string>;
19190
19323
  default: string;
@@ -19262,6 +19395,9 @@ declare const _default: {
19262
19395
  hoverHelpText: string;
19263
19396
  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";
19264
19397
  placeholder: string;
19398
+ inlineError: boolean;
19399
+ inlineErrorText: string;
19400
+ 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";
19265
19401
  feedbackText: string;
19266
19402
  feedbackVariant: "success" | "warning" | "error";
19267
19403
  multi: boolean;
@@ -20318,6 +20454,9 @@ declare const _default: {
20318
20454
  hoverHelpText: string;
20319
20455
  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";
20320
20456
  placeholder: string;
20457
+ inlineError: boolean;
20458
+ inlineErrorText: string;
20459
+ 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";
20321
20460
  feedbackText: string;
20322
20461
  feedbackVariant: "success" | "warning" | "error";
20323
20462
  multi: boolean;
@@ -20383,6 +20522,18 @@ declare const _default: {
20383
20522
  type: import("vue").PropType<string>;
20384
20523
  default: string;
20385
20524
  };
20525
+ inlineError: {
20526
+ type: import("vue").PropType<boolean>;
20527
+ default: boolean;
20528
+ };
20529
+ inlineErrorText: {
20530
+ type: import("vue").PropType<string>;
20531
+ default: string;
20532
+ };
20533
+ inlineErrorTextPlacement: {
20534
+ 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">;
20535
+ default: string;
20536
+ };
20386
20537
  feedbackText: {
20387
20538
  type: import("vue").PropType<string>;
20388
20539
  default: string;
@@ -20445,7 +20596,7 @@ declare const _default: {
20445
20596
  };
20446
20597
  }>> & {
20447
20598
  onClick?: () => any;
20448
- } & 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">;
20599
+ } & 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">;
20449
20600
  $attrs: {
20450
20601
  [x: string]: unknown;
20451
20602
  };
@@ -20510,6 +20661,18 @@ declare const _default: {
20510
20661
  type: import("vue").PropType<string>;
20511
20662
  default: string;
20512
20663
  };
20664
+ inlineError: {
20665
+ type: import("vue").PropType<boolean>;
20666
+ default: boolean;
20667
+ };
20668
+ inlineErrorText: {
20669
+ type: import("vue").PropType<string>;
20670
+ default: string;
20671
+ };
20672
+ inlineErrorTextPlacement: {
20673
+ 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">;
20674
+ default: string;
20675
+ };
20513
20676
  feedbackText: {
20514
20677
  type: import("vue").PropType<string>;
20515
20678
  default: string;
@@ -20587,6 +20750,9 @@ declare const _default: {
20587
20750
  hoverHelpText: string;
20588
20751
  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";
20589
20752
  placeholder: string;
20753
+ inlineError: boolean;
20754
+ inlineErrorText: string;
20755
+ 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";
20590
20756
  feedbackText: string;
20591
20757
  feedbackVariant: "success" | "warning" | "error";
20592
20758
  multi: boolean;
@@ -20672,6 +20838,18 @@ declare const _default: {
20672
20838
  type: import("vue").PropType<string>;
20673
20839
  default: string;
20674
20840
  };
20841
+ inlineError: {
20842
+ type: import("vue").PropType<boolean>;
20843
+ default: boolean;
20844
+ };
20845
+ inlineErrorText: {
20846
+ type: import("vue").PropType<string>;
20847
+ default: string;
20848
+ };
20849
+ inlineErrorTextPlacement: {
20850
+ 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">;
20851
+ default: string;
20852
+ };
20675
20853
  feedbackText: {
20676
20854
  type: import("vue").PropType<string>;
20677
20855
  default: string;
@@ -20789,6 +20967,18 @@ declare const _default: {
20789
20967
  type: import("vue").PropType<string>;
20790
20968
  default: string;
20791
20969
  };
20970
+ inlineError: {
20971
+ type: import("vue").PropType<boolean>;
20972
+ default: boolean;
20973
+ };
20974
+ inlineErrorText: {
20975
+ type: import("vue").PropType<string>;
20976
+ default: string;
20977
+ };
20978
+ inlineErrorTextPlacement: {
20979
+ 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">;
20980
+ default: string;
20981
+ };
20792
20982
  feedbackText: {
20793
20983
  type: import("vue").PropType<string>;
20794
20984
  default: string;
@@ -20866,6 +21056,9 @@ declare const _default: {
20866
21056
  hoverHelpText: string;
20867
21057
  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";
20868
21058
  placeholder: string;
21059
+ inlineError: boolean;
21060
+ inlineErrorText: string;
21061
+ 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";
20869
21062
  feedbackText: string;
20870
21063
  feedbackVariant: "success" | "warning" | "error";
20871
21064
  multi: boolean;
@@ -22109,6 +22302,9 @@ declare const _default: {
22109
22302
  valueToCopy: string;
22110
22303
  selected: any;
22111
22304
  placeholder: string;
22305
+ inlineError: boolean;
22306
+ inlineErrorText: string;
22307
+ 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";
22112
22308
  multi: boolean;
22113
22309
  infiniteLoading: boolean;
22114
22310
  showSelectAll: boolean;
@@ -22149,6 +22345,7 @@ declare const _default: {
22149
22345
  optionTwoLinesVariant: "horizontal" | "vertical";
22150
22346
  optionTwoLinesKey: string;
22151
22347
  groupedOptions: boolean;
22348
+ resortGroupedOptions: boolean;
22152
22349
  comparingKey: string;
22153
22350
  customNumberOfDisplayedOptions: number;
22154
22351
  optionTooltipPosition: "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";
@@ -22229,6 +22426,18 @@ declare const _default: {
22229
22426
  type: import("vue").PropType<string>;
22230
22427
  default: string;
22231
22428
  };
22429
+ inlineError: {
22430
+ type: import("vue").PropType<boolean>;
22431
+ default: boolean;
22432
+ };
22433
+ inlineErrorText: {
22434
+ type: import("vue").PropType<string>;
22435
+ default: string;
22436
+ };
22437
+ inlineErrorTextPlacement: {
22438
+ 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">;
22439
+ default: string;
22440
+ };
22232
22441
  multi: {
22233
22442
  type: import("vue").PropType<boolean>;
22234
22443
  default: boolean;
@@ -22396,6 +22605,10 @@ declare const _default: {
22396
22605
  type: import("vue").PropType<boolean>;
22397
22606
  default: boolean;
22398
22607
  };
22608
+ resortGroupedOptions: {
22609
+ type: import("vue").PropType<boolean>;
22610
+ default: boolean;
22611
+ };
22399
22612
  comparingKey: {
22400
22613
  type: import("vue").PropType<string>;
22401
22614
  default: any;
@@ -22445,7 +22658,7 @@ declare const _default: {
22445
22658
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
22446
22659
  onOpened?: () => any;
22447
22660
  onClosed?: () => any;
22448
- } & 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" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
22661
+ } & 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">;
22449
22662
  $attrs: {
22450
22663
  [x: string]: unknown;
22451
22664
  };
@@ -22530,6 +22743,18 @@ declare const _default: {
22530
22743
  type: import("vue").PropType<string>;
22531
22744
  default: string;
22532
22745
  };
22746
+ inlineError: {
22747
+ type: import("vue").PropType<boolean>;
22748
+ default: boolean;
22749
+ };
22750
+ inlineErrorText: {
22751
+ type: import("vue").PropType<string>;
22752
+ default: string;
22753
+ };
22754
+ inlineErrorTextPlacement: {
22755
+ 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">;
22756
+ default: string;
22757
+ };
22533
22758
  multi: {
22534
22759
  type: import("vue").PropType<boolean>;
22535
22760
  default: boolean;
@@ -22697,6 +22922,10 @@ declare const _default: {
22697
22922
  type: import("vue").PropType<boolean>;
22698
22923
  default: boolean;
22699
22924
  };
22925
+ resortGroupedOptions: {
22926
+ type: import("vue").PropType<boolean>;
22927
+ default: boolean;
22928
+ };
22700
22929
  comparingKey: {
22701
22930
  type: import("vue").PropType<string>;
22702
22931
  default: any;
@@ -22778,6 +23007,9 @@ declare const _default: {
22778
23007
  valueToCopy: string;
22779
23008
  selected: any;
22780
23009
  placeholder: string;
23010
+ inlineError: boolean;
23011
+ inlineErrorText: string;
23012
+ 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";
22781
23013
  multi: boolean;
22782
23014
  infiniteLoading: boolean;
22783
23015
  showSelectAll: boolean;
@@ -22818,6 +23050,7 @@ declare const _default: {
22818
23050
  optionTwoLinesVariant: "horizontal" | "vertical";
22819
23051
  optionTwoLinesKey: string;
22820
23052
  groupedOptions: boolean;
23053
+ resortGroupedOptions: boolean;
22821
23054
  comparingKey: string;
22822
23055
  customNumberOfDisplayedOptions: number;
22823
23056
  optionTooltipPosition: "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";
@@ -22918,6 +23151,18 @@ declare const _default: {
22918
23151
  type: import("vue").PropType<string>;
22919
23152
  default: string;
22920
23153
  };
23154
+ inlineError: {
23155
+ type: import("vue").PropType<boolean>;
23156
+ default: boolean;
23157
+ };
23158
+ inlineErrorText: {
23159
+ type: import("vue").PropType<string>;
23160
+ default: string;
23161
+ };
23162
+ inlineErrorTextPlacement: {
23163
+ 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">;
23164
+ default: string;
23165
+ };
22921
23166
  multi: {
22922
23167
  type: import("vue").PropType<boolean>;
22923
23168
  default: boolean;
@@ -23085,6 +23330,10 @@ declare const _default: {
23085
23330
  type: import("vue").PropType<boolean>;
23086
23331
  default: boolean;
23087
23332
  };
23333
+ resortGroupedOptions: {
23334
+ type: import("vue").PropType<boolean>;
23335
+ default: boolean;
23336
+ };
23088
23337
  comparingKey: {
23089
23338
  type: import("vue").PropType<string>;
23090
23339
  default: any;
@@ -23212,6 +23461,18 @@ declare const _default: {
23212
23461
  type: import("vue").PropType<string>;
23213
23462
  default: string;
23214
23463
  };
23464
+ inlineError: {
23465
+ type: import("vue").PropType<boolean>;
23466
+ default: boolean;
23467
+ };
23468
+ inlineErrorText: {
23469
+ type: import("vue").PropType<string>;
23470
+ default: string;
23471
+ };
23472
+ inlineErrorTextPlacement: {
23473
+ 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">;
23474
+ default: string;
23475
+ };
23215
23476
  multi: {
23216
23477
  type: import("vue").PropType<boolean>;
23217
23478
  default: boolean;
@@ -23379,6 +23640,10 @@ declare const _default: {
23379
23640
  type: import("vue").PropType<boolean>;
23380
23641
  default: boolean;
23381
23642
  };
23643
+ resortGroupedOptions: {
23644
+ type: import("vue").PropType<boolean>;
23645
+ default: boolean;
23646
+ };
23382
23647
  comparingKey: {
23383
23648
  type: import("vue").PropType<string>;
23384
23649
  default: any;
@@ -23460,6 +23725,9 @@ declare const _default: {
23460
23725
  valueToCopy: string;
23461
23726
  selected: any;
23462
23727
  placeholder: string;
23728
+ inlineError: boolean;
23729
+ inlineErrorText: string;
23730
+ 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";
23463
23731
  multi: boolean;
23464
23732
  infiniteLoading: boolean;
23465
23733
  showSelectAll: boolean;
@@ -23500,6 +23768,7 @@ declare const _default: {
23500
23768
  optionTwoLinesVariant: "horizontal" | "vertical";
23501
23769
  optionTwoLinesKey: string;
23502
23770
  groupedOptions: boolean;
23771
+ resortGroupedOptions: boolean;
23503
23772
  comparingKey: string;
23504
23773
  customNumberOfDisplayedOptions: number;
23505
23774
  optionTooltipPosition: "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";
@@ -23546,6 +23815,9 @@ declare const _default: {
23546
23815
  size: "small" | "medium" | "large";
23547
23816
  showAllSelectedText: boolean;
23548
23817
  allSelected: boolean;
23818
+ inlineError: boolean;
23819
+ inlineErrorText: string;
23820
+ 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";
23549
23821
  onKeydown: (event: any) => void;
23550
23822
  onClick: () => void;
23551
23823
  };
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
1
+ import './Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12",
3
+ "version": "2.2.0-rc.1",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/testids/index.d.ts CHANGED
@@ -27,7 +27,8 @@ export declare enum DropdownTestIdModifiers {
27
27
  HELPER_TEXT = "dd-helper-text",
28
28
  HELPER_TEXT_ERROR = "dd-helper-text-error",
29
29
  SELECT_ALL = "dd-select-all",
30
- NO_RESULT = "dd-no-result"
30
+ NO_RESULT = "dd-no-result",
31
+ TOOLTIP = "dd-tooltip"
31
32
  }
32
33
  export declare enum ColumnPickerTestIdModifiers {
33
34
  TRIGGER = "column-picker-trigger",