@ironsource/shared-ui 2.1.6-rc.21 → 2.1.6-rc.23

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 (22) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_454709fb_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_2e7a89bc_lang.css +1 -0
  3. package/HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css +1 -0
  4. package/OptionV4.vue_vue_type_style_index_0_scoped_89b98201_lang.css +1 -0
  5. package/components/dropdown/common/Dropdown.common.js +46 -44
  6. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +11 -0
  7. package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
  8. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +72 -58
  9. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  10. package/components/dropdown/v4/DropdownV4.vue2.js +44 -42
  11. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  12. package/components/dropdown/v4/OptionV4.vue2.js +12 -12
  13. package/components/dropdown/v4/index.d.ts +40 -1
  14. package/components/table/v4/HelpIcon.vue.js +5 -5
  15. package/components/table/v4/HelpIcon.vue2.js +5 -5
  16. package/index.d.ts +80 -2
  17. package/mocks/apps.d.ts +1 -0
  18. package/package.json +1 -1
  19. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css +0 -1
  20. package/DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css +0 -1
  21. package/HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css +0 -1
  22. package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css +0 -1
package/index.d.ts CHANGED
@@ -13526,6 +13526,8 @@ declare const _default: {
13526
13526
  optionIconKey: string;
13527
13527
  optionImageKey: string;
13528
13528
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13529
+ optionEndIconKey: string;
13530
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13529
13531
  valueToCopy: string;
13530
13532
  selectedOption: any;
13531
13533
  brandIconType: "android" | "ios";
@@ -13596,6 +13598,14 @@ declare const _default: {
13596
13598
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13597
13599
  default: any;
13598
13600
  };
13601
+ optionEndIconKey: {
13602
+ type: import("vue").PropType<string>;
13603
+ default: any;
13604
+ };
13605
+ optionEndIconType: {
13606
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13607
+ default: any;
13608
+ };
13599
13609
  valueToCopy: {
13600
13610
  type: import("vue").PropType<string>;
13601
13611
  default: any;
@@ -13611,7 +13621,7 @@ declare const _default: {
13611
13621
  }>> & {
13612
13622
  onClick?: () => any;
13613
13623
  onCopyToClipboard?: () => any;
13614
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
13624
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
13615
13625
  $attrs: {
13616
13626
  [x: string]: unknown;
13617
13627
  };
@@ -13692,6 +13702,14 @@ declare const _default: {
13692
13702
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13693
13703
  default: any;
13694
13704
  };
13705
+ optionEndIconKey: {
13706
+ type: import("vue").PropType<string>;
13707
+ default: any;
13708
+ };
13709
+ optionEndIconType: {
13710
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13711
+ default: any;
13712
+ };
13695
13713
  valueToCopy: {
13696
13714
  type: import("vue").PropType<string>;
13697
13715
  default: any;
@@ -13726,6 +13744,8 @@ declare const _default: {
13726
13744
  optionIconKey: string;
13727
13745
  optionImageKey: string;
13728
13746
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13747
+ optionEndIconKey: string;
13748
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13729
13749
  valueToCopy: string;
13730
13750
  selectedOption: any;
13731
13751
  brandIconType: "android" | "ios";
@@ -13816,6 +13836,14 @@ declare const _default: {
13816
13836
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13817
13837
  default: any;
13818
13838
  };
13839
+ optionEndIconKey: {
13840
+ type: import("vue").PropType<string>;
13841
+ default: any;
13842
+ };
13843
+ optionEndIconType: {
13844
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13845
+ default: any;
13846
+ };
13819
13847
  valueToCopy: {
13820
13848
  type: import("vue").PropType<string>;
13821
13849
  default: any;
@@ -13902,6 +13930,14 @@ declare const _default: {
13902
13930
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13903
13931
  default: any;
13904
13932
  };
13933
+ optionEndIconKey: {
13934
+ type: import("vue").PropType<string>;
13935
+ default: any;
13936
+ };
13937
+ optionEndIconType: {
13938
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
13939
+ default: any;
13940
+ };
13905
13941
  valueToCopy: {
13906
13942
  type: import("vue").PropType<string>;
13907
13943
  default: any;
@@ -13936,6 +13972,8 @@ declare const _default: {
13936
13972
  optionIconKey: string;
13937
13973
  optionImageKey: string;
13938
13974
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13975
+ optionEndIconKey: string;
13976
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
13939
13977
  valueToCopy: string;
13940
13978
  selectedOption: any;
13941
13979
  brandIconType: "android" | "ios";
@@ -13943,6 +13981,7 @@ declare const _default: {
13943
13981
  $slots: {
13944
13982
  image?(_: {}): any;
13945
13983
  "icon-start"?(_: {}): any;
13984
+ "icon-end"?(_: {}): any;
13946
13985
  };
13947
13986
  });
13948
13987
  DropdownTypes: () => (({
@@ -14492,6 +14531,8 @@ declare const _default: {
14492
14531
  optionIconKey: string;
14493
14532
  optionImageKey: string;
14494
14533
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14534
+ optionEndIconKey: string;
14535
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14495
14536
  valueToCopy: string;
14496
14537
  selectedOption: any;
14497
14538
  brandIconType: "android" | "ios";
@@ -14562,6 +14603,14 @@ declare const _default: {
14562
14603
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14563
14604
  default: any;
14564
14605
  };
14606
+ optionEndIconKey: {
14607
+ type: import("vue").PropType<string>;
14608
+ default: any;
14609
+ };
14610
+ optionEndIconType: {
14611
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14612
+ default: any;
14613
+ };
14565
14614
  valueToCopy: {
14566
14615
  type: import("vue").PropType<string>;
14567
14616
  default: any;
@@ -14577,7 +14626,7 @@ declare const _default: {
14577
14626
  }>> & {
14578
14627
  onClick?: () => any;
14579
14628
  onCopyToClipboard?: () => any;
14580
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
14629
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
14581
14630
  $attrs: {
14582
14631
  [x: string]: unknown;
14583
14632
  };
@@ -14658,6 +14707,14 @@ declare const _default: {
14658
14707
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14659
14708
  default: any;
14660
14709
  };
14710
+ optionEndIconKey: {
14711
+ type: import("vue").PropType<string>;
14712
+ default: any;
14713
+ };
14714
+ optionEndIconType: {
14715
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14716
+ default: any;
14717
+ };
14661
14718
  valueToCopy: {
14662
14719
  type: import("vue").PropType<string>;
14663
14720
  default: any;
@@ -14692,6 +14749,8 @@ declare const _default: {
14692
14749
  optionIconKey: string;
14693
14750
  optionImageKey: string;
14694
14751
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14752
+ optionEndIconKey: string;
14753
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14695
14754
  valueToCopy: string;
14696
14755
  selectedOption: any;
14697
14756
  brandIconType: "android" | "ios";
@@ -14782,6 +14841,14 @@ declare const _default: {
14782
14841
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14783
14842
  default: any;
14784
14843
  };
14844
+ optionEndIconKey: {
14845
+ type: import("vue").PropType<string>;
14846
+ default: any;
14847
+ };
14848
+ optionEndIconType: {
14849
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14850
+ default: any;
14851
+ };
14785
14852
  valueToCopy: {
14786
14853
  type: import("vue").PropType<string>;
14787
14854
  default: any;
@@ -14868,6 +14935,14 @@ declare const _default: {
14868
14935
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14869
14936
  default: any;
14870
14937
  };
14938
+ optionEndIconKey: {
14939
+ type: import("vue").PropType<string>;
14940
+ default: any;
14941
+ };
14942
+ optionEndIconType: {
14943
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
14944
+ default: any;
14945
+ };
14871
14946
  valueToCopy: {
14872
14947
  type: import("vue").PropType<string>;
14873
14948
  default: any;
@@ -14902,6 +14977,8 @@ declare const _default: {
14902
14977
  optionIconKey: string;
14903
14978
  optionImageKey: string;
14904
14979
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14980
+ optionEndIconKey: string;
14981
+ optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
14905
14982
  valueToCopy: string;
14906
14983
  selectedOption: any;
14907
14984
  brandIconType: "android" | "ios";
@@ -14909,6 +14986,7 @@ declare const _default: {
14909
14986
  $slots: {
14910
14987
  image?(_: {}): any;
14911
14988
  "icon-start"?(_: {}): any;
14989
+ "icon-end"?(_: {}): any;
14912
14990
  };
14913
14991
  })) | ({
14914
14992
  new (...args: any[]): {
package/mocks/apps.d.ts CHANGED
@@ -3,5 +3,6 @@ export type Application = {
3
3
  platform: string;
4
4
  name: string;
5
5
  image: string;
6
+ abIcon?: string;
6
7
  };
7
8
  export declare const appMocks: Application[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.21",
3
+ "version": "2.1.6-rc.23",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-39c47ad1]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-39c47ad1]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-39c47ad1]{flex:none}.app-trigger-key--content[data-v-39c47ad1]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-39c47ad1]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-39c47ad1]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-39c47ad1]:hover,.app-trigger.active[data-v-39c47ad1]{background:var(--action-selected)}.app-trigger.disabled[data-v-39c47ad1]{cursor:auto}.app-trigger--content[data-v-39c47ad1]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-39c47ad1]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-39c47ad1]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-39c47ad1]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-39c47ad1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-39c47ad1]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-39c47ad1]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-39c47ad1]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-39c47ad1]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-39c47ad1]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-39c47ad1]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-39c47ad1]{padding-top:5px;color:var(--error-main)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-0363db63],.v-leave-active[data-v-0363db63]{transition:opacity .25s ease}ol[data-v-0363db63],ul[data-v-0363db63],menu[data-v-0363db63]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0363db63],.dropdown.full-width .button__container[data-v-0363db63]{width:100%}.dropdown-list-wrapper[data-v-0363db63]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-0363db63]{padding:.5rem}.list-container--multi[data-v-0363db63]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0363db63]{padding-bottom:.25rem}.inline-search .list-container[data-v-0363db63]{padding-top:0}.no-result-container[data-v-0363db63]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0363db63]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0363db63]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0363db63]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-0363db63]{margin-right:.5rem}.actions-wrapper[data-v-0363db63]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-0363db63]{margin-left:.5rem}
package/HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css DELETED
@@ -1 +0,0 @@
1
- .table-help-icon[data-v-7a611779]{margin-left:var(--spacing-50);color:var(--action-active);margin-right:calc(var(--spacing-50) * -1)}
package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-e0c24b6a]{color:#41454d}.item-container[data-v-e0c24b6a]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-e0c24b6a]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-e0c24b6a]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-e0c24b6a],.item-container[data-v-e0c24b6a]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-e0c24b6a]{background-color:var(--action-selected)}.subtitle[data-v-e0c24b6a]{color:#7b838c;line-height:1rem}.clear-button[data-v-e0c24b6a]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-e0c24b6a]:hover{color:#3083ff}.item[data-v-e0c24b6a]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-e0c24b6a],.item--multi[data-v-e0c24b6a]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-e0c24b6a]{width:20px;height:20px;flex:none}.item .image img[data-v-e0c24b6a]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-e0c24b6a],.item .end-icon[data-v-e0c24b6a]{display:flex;color:var(--action-active)}.item .option-text[data-v-e0c24b6a]{line-height:1.1875rem}.text-container[data-v-e0c24b6a]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-e0c24b6a]{display:block}.tooltip-option[data-v-e0c24b6a] .container{width:100%}