@ironsource/shared-ui 2.1.3-rc.9 → 2.1.3

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 (117) hide show
  1. package/Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css +1 -0
  2. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_2e91704b_lang.css +1 -0
  3. package/AppHeader.vue_vue_type_style_index_0_scoped_8ffac784_lang.css +1 -0
  4. package/Autocomplete.vue_vue_type_style_index_0_scoped_429e5745_lang.css +1 -0
  5. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css +1 -0
  6. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css +1 -0
  7. package/DataGrid.vue_vue_type_style_index_0_scoped_bddb537c_lang.css +1 -0
  8. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css +1 -0
  9. package/DialogV4.vue_vue_type_style_index_0_scoped_ea9275e6_lang.css +1 -0
  10. package/DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css +1 -0
  11. package/FormCard.vue_vue_type_style_index_0_scoped_fa761e4d_lang.css +1 -0
  12. package/FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css +1 -0
  13. package/HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css +1 -0
  14. package/OptionV4.vue_vue_type_style_index_0_scoped_cae6bfd4_lang.css +1 -0
  15. package/TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css +1 -0
  16. package/TextField.vue_vue_type_style_index_0_scoped_95e25718_lang.css +1 -0
  17. package/components/alert/Alert.vue.d.ts +14 -7
  18. package/components/alert/Alert.vue.js +2 -2
  19. package/components/alert/Alert.vue2.js +30 -29
  20. package/components/alert/index.d.ts +176 -38
  21. package/components/appHeader/AppHeader.vue.d.ts +5 -0
  22. package/components/appHeader/AppHeader.vue.js +2 -2
  23. package/components/appHeader/AppHeader.vue2.js +49 -37
  24. package/components/appHeader/index.d.ts +9 -0
  25. package/components/autocomplete/Autocomplete.vue.d.ts +140 -0
  26. package/components/autocomplete/Autocomplete.vue.js +7 -0
  27. package/components/autocomplete/Autocomplete.vue2.js +99 -0
  28. package/components/autocomplete/index.d.ts +459 -0
  29. package/components/autocomplete/index.js +6 -0
  30. package/components/button/v4/ButtonV4.vue2.js +90 -1
  31. package/components/checkbox/v3/index.d.ts +12 -12
  32. package/components/checkbox/v4/index.d.ts +12 -12
  33. package/components/chip/v3/Chip.vue.d.ts +1 -1
  34. package/components/chip/v3/index.d.ts +20 -20
  35. package/components/chip/v4/ChipV4.vue.d.ts +1 -1
  36. package/components/chip/v4/index.d.ts +20 -20
  37. package/components/dialog/v4/DialogV4.vue.js +4 -4
  38. package/components/dialog/v4/DialogV4.vue2.js +2 -2
  39. package/components/dialog/v4/index.d.ts +16 -16
  40. package/components/dropdown/common/Dropdown.common.d.ts +1 -0
  41. package/components/dropdown/common/Dropdown.common.js +34 -33
  42. package/components/dropdown/v3/Dropdown.vue.d.ts +11 -11
  43. package/components/dropdown/v3/index.d.ts +159 -159
  44. package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts +4 -4
  45. package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
  46. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +31 -31
  47. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +71 -0
  48. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +7 -0
  49. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +36 -0
  50. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.d.ts +66 -0
  51. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +7 -0
  52. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +50 -0
  53. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +1 -1
  54. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +7 -7
  55. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  56. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +1 -1
  57. package/components/dropdown/v4/DropdownV4.vue.d.ts +29 -22
  58. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  59. package/components/dropdown/v4/DropdownV4.vue2.js +143 -130
  60. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  61. package/components/dropdown/v4/OptionV4.vue2.js +96 -86
  62. package/components/dropdown/v4/dropdownStoryArgs.d.ts +9 -0
  63. package/components/dropdown/v4/index.d.ts +705 -610
  64. package/components/dropdown/v4/index.js +16 -10
  65. package/components/filterDropdown/index.d.ts +8 -8
  66. package/components/forms/FormCard.vue.js +3 -3
  67. package/components/forms/FormCard.vue2.js +1 -1
  68. package/components/forms/FormRow.vue.js +2 -2
  69. package/components/forms/FormRow.vue2.js +9 -9
  70. package/components/includeExclude/IncludeExclude.vue.d.ts +3 -3
  71. package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +2 -2
  72. package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +3 -3
  73. package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +3 -3
  74. package/components/includeExclude/index.d.ts +168 -168
  75. package/components/input/v3/Input.vue.d.ts +3 -3
  76. package/components/input/v3/index.d.ts +82 -82
  77. package/components/input/v4/TextField.vue.d.ts +6 -6
  78. package/components/input/v4/TextField.vue.js +3 -3
  79. package/components/input/v4/TextField.vue2.js +2 -2
  80. package/components/input/v4/index.d.ts +115 -115
  81. package/components/multibar/MultiBarMenu.vue2.js +13 -11
  82. package/components/table/common/Table.types.d.ts +3 -0
  83. package/components/table/v4/DataGrid.vue.d.ts +2 -2
  84. package/components/table/v4/DataGrid.vue.js +3 -3
  85. package/components/table/v4/DataGrid.vue2.js +147 -137
  86. package/components/table/v4/DataGridMenu.vue2.js +13 -11
  87. package/components/table/v4/HelpIcon.vue.d.ts +40 -0
  88. package/components/table/v4/HelpIcon.vue.js +7 -0
  89. package/components/table/v4/HelpIcon.vue2.js +32 -0
  90. package/components/table/v4/index.d.ts +39 -39
  91. package/components/table-cells/v4/EditableV4.vue.d.ts +1 -1
  92. package/components/table-cells/v4/index.d.ts +20 -20
  93. package/components/tabs/v4/TabsV4.vue.js +4 -4
  94. package/components/tabs/v4/TabsV4.vue2.js +4 -4
  95. package/components/textArea/v4/TextAreaV4.vue.d.ts +3 -3
  96. package/components/textArea/v4/index.d.ts +23 -23
  97. package/components/toggle/v3/Toggle.vue.d.ts +1 -1
  98. package/components/toggle/v3/index.d.ts +9 -9
  99. package/components/toggle/v4/ToggleV4.vue.d.ts +1 -1
  100. package/components/toggle/v4/index.d.ts +28 -28
  101. package/index.d.ts +2216 -1922
  102. package/index.js +74 -70
  103. package/package.json +5 -3
  104. package/testids/index.d.ts +3 -1
  105. package/testids/index.js +10 -10
  106. package/Alert.vue_vue_type_style_index_0_scoped_203b6bd1_lang.css +0 -1
  107. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css +0 -1
  108. package/AppHeader.vue_vue_type_style_index_0_scoped_95908b8d_lang.css +0 -1
  109. package/DataGrid.vue_vue_type_style_index_0_scoped_4baf9e57_lang.css +0 -1
  110. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css +0 -1
  111. package/DialogV4.vue_vue_type_style_index_0_scoped_7422cf08_lang.css +0 -1
  112. package/DropdownV4.vue_vue_type_style_index_0_scoped_78c1497e_lang.css +0 -1
  113. package/FormCard.vue_vue_type_style_index_0_scoped_276bd901_lang.css +0 -1
  114. package/FormRow.vue_vue_type_style_index_0_scoped_c5265707_lang.css +0 -1
  115. package/OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css +0 -1
  116. package/TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css +0 -1
  117. package/TextField.vue_vue_type_style_index_0_scoped_dca4c102_lang.css +0 -1
@@ -1,21 +1,21 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_5d9c6052_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as B } from "vue";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_2e91704b_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
2
2
  import r from "../../icon/v4/IconV4.vue.js";
3
- import $ from "../../typography/v4/Typography.vue.js";
3
+ import x from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
5
- import { useTestIdAttrs as x } from "../../../utils/testIds.js";
6
- import K from "../../tooltip/v4/TooltipV4.vue.js";
7
- import { useClipboard as N } from "@vueuse/core";
5
+ import { useTestIdAttrs as K } from "../../../utils/testIds.js";
6
+ import N from "../../tooltip/v4/TooltipV4.vue.js";
7
+ import { useClipboard as w } from "@vueuse/core";
8
8
  import { Snackbar as z } from "../../snackbar/v4/index.js";
9
- const w = { class: "app-trigger--content" }, S = {
9
+ const S = { class: "app-trigger--content" }, D = {
10
10
  key: 0,
11
11
  class: "image"
12
- }, D = ["src"], E = {
12
+ }, E = ["src"], P = {
13
13
  key: 1,
14
14
  class: "start-icon"
15
- }, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, L = { class: "text-content-value" }, M = {
15
+ }, R = { class: "label-text" }, U = { key: 0 }, L = { class: "text-content" }, M = { class: "text-content-value" }, W = {
16
16
  key: 0,
17
17
  class: "is-mandatory"
18
- }, W = { class: "app-trigger-key--content" }, Z = /* @__PURE__ */ A({
18
+ }, j = { class: "app-trigger-key--content" }, _ = /* @__PURE__ */ V({
19
19
  __name: "AppDropdownTrigger",
20
20
  props: {
21
21
  placeholder: { default: "Select app" },
@@ -40,45 +40,45 @@ const w = { class: "app-trigger--content" }, S = {
40
40
  },
41
41
  emits: ["click"],
42
42
  setup(t, { emit: T }) {
43
- const e = t, { copy: k } = N({}), I = p(
43
+ const e = t, { copy: k, copied: I } = w({}), C = p(
44
44
  () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
45
- ), C = () => {
45
+ ), b = () => {
46
46
  T("click");
47
- }, y = x(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
47
+ }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
48
48
  if (!e.selectedOption)
49
49
  return null;
50
50
  if (!e.multi)
51
51
  return e.selectedOption;
52
52
  if (Array.isArray(e.selectedOption))
53
53
  return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
54
- }), b = () => {
55
- k(e.valueToCopy), z({
54
+ }), A = async () => {
55
+ await k(e.valueToCopy), I.value && z({
56
56
  title: "Copied successfully",
57
57
  type: "success",
58
58
  duration: 2e3
59
59
  });
60
60
  };
61
61
  return (c, g) => (o(), n("div", {
62
- class: V(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
62
+ class: B(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
63
63
  }, [
64
64
  a("div", h({
65
- class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]],
65
+ class: ["app-trigger", [t.size, l(C), { open: t.open, disabled: t.disabled }]],
66
66
  style: {
67
67
  paddingLeft: c.$slots.image || l(d) && t.optionImageKey ? "8px" : "12px"
68
68
  }
69
69
  }, l(y)[l(u).BUTTON_WRAPPER], {
70
- onClick: g[0] || (g[0] = (j) => C())
70
+ onClick: g[0] || (g[0] = (q) => b())
71
71
  }), [
72
- a("div", w, [
73
- c.$slots.image || l(d) && t.optionImageKey ? (o(), n("div", S, [
72
+ a("div", S, [
73
+ c.$slots.image || l(d) && t.optionImageKey ? (o(), n("div", D, [
74
74
  O(c.$slots, "image", {}, () => [
75
75
  t.optionImageKey ? (o(), n("img", {
76
76
  key: 0,
77
77
  src: l(d)[t.optionImageKey]
78
- }, null, 8, D)) : i("", !0)
78
+ }, null, 8, E)) : i("", !0)
79
79
  ], !0)
80
80
  ])) : i("", !0),
81
- c.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), n("div", E, [
81
+ c.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), n("div", P, [
82
82
  O(c.$slots, "icon-start", {}, () => [
83
83
  s(l(r), {
84
84
  type: t.optionIconType,
@@ -87,19 +87,19 @@ const w = { class: "app-trigger--content" }, S = {
87
87
  }, null, 8, ["type", "name"])
88
88
  ], !0)
89
89
  ])) : i("", !0),
90
- s(l($), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
90
+ s(l(x), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
91
91
  default: v(() => [
92
- a("div", P, [
93
- l(m) === f ? (o(), n("span", R, [
92
+ a("div", R, [
93
+ l(m) === f ? (o(), n("span", U, [
94
94
  s(l(r), {
95
95
  name: "cube",
96
96
  size: "20px",
97
97
  type: "fill"
98
98
  })
99
99
  ])) : i("", !0),
100
- a("div", U, [
101
- a("div", L, B(l(m)), 1),
102
- t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (o(), n("span", M, "*")) : i("", !0)
100
+ a("div", L, [
101
+ a("div", M, $(l(m)), 1),
102
+ t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (o(), n("span", W, "*")) : i("", !0)
103
103
  ])
104
104
  ])
105
105
  ]),
@@ -117,14 +117,14 @@ const w = { class: "app-trigger--content" }, S = {
117
117
  t.valueToCopy ? (o(), n("div", {
118
118
  key: 0,
119
119
  class: "app-trigger-key",
120
- onClick: b
120
+ onClick: A
121
121
  }, [
122
- s(l(K), {
122
+ s(l(N), {
123
123
  text: t.valueToCopy,
124
124
  header: "App key"
125
125
  }, {
126
126
  default: v(() => [
127
- a("div", W, [
127
+ a("div", j, [
128
128
  s(l(r), {
129
129
  name: "copy",
130
130
  size: "20px"
@@ -138,5 +138,5 @@ const w = { class: "app-trigger--content" }, S = {
138
138
  }
139
139
  });
140
140
  export {
141
- Z as default
141
+ _ as default
142
142
  };
@@ -0,0 +1,71 @@
1
+ import { IconTypes } from '@/components/icon/v4/Icon.types';
2
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ label: string;
4
+ variant?: 'outlined' | 'text';
5
+ size?: 'small' | 'medium';
6
+ open?: boolean;
7
+ disabled?: boolean;
8
+ startIconName?: string;
9
+ startIconType?: IconTypes;
10
+ hideEndIcon?: boolean;
11
+ testId?: string;
12
+ }>, {
13
+ variant: string;
14
+ size: string;
15
+ open: boolean;
16
+ disabled: boolean;
17
+ startIconName: any;
18
+ startIconType: string;
19
+ hideEndIcon: boolean;
20
+ testId: string;
21
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
+ click: () => void;
23
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
24
+ label: string;
25
+ variant?: 'outlined' | 'text';
26
+ size?: 'small' | 'medium';
27
+ open?: boolean;
28
+ disabled?: boolean;
29
+ startIconName?: string;
30
+ startIconType?: IconTypes;
31
+ hideEndIcon?: boolean;
32
+ testId?: string;
33
+ }>, {
34
+ variant: string;
35
+ size: string;
36
+ open: boolean;
37
+ disabled: boolean;
38
+ startIconName: any;
39
+ startIconType: string;
40
+ hideEndIcon: boolean;
41
+ testId: string;
42
+ }>>> & {
43
+ onClick?: () => any;
44
+ }, {
45
+ variant: 'outlined' | 'text';
46
+ disabled: boolean;
47
+ size: 'small' | 'medium';
48
+ open: boolean;
49
+ testId: string;
50
+ startIconName: string;
51
+ startIconType: IconTypes;
52
+ hideEndIcon: boolean;
53
+ }>;
54
+ export default _default;
55
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
56
+ type __VLS_TypePropsToRuntimeProps<T> = {
57
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
58
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
59
+ } : {
60
+ type: import('vue').PropType<T[K]>;
61
+ required: true;
62
+ };
63
+ };
64
+ type __VLS_WithDefaults<P, D> = {
65
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
66
+ default: D[K];
67
+ }> : P[K];
68
+ };
69
+ type __VLS_Prettify<T> = {
70
+ [K in keyof T]: T[K];
71
+ } & {};
@@ -0,0 +1,7 @@
1
+ import o from "./ButtonDropdownTrigger.vue2.js";
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-23e22560"]]);
5
+ export {
6
+ p as default
7
+ };
@@ -0,0 +1,36 @@
1
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; import { defineComponent as a, openBlock as l, createBlock as o, unref as i, normalizeClass as d } from "vue";
2
+ import c from "../../button/v4/ButtonV4.vue.js";
3
+ import "../../button/v4/IconButtonV4.vue.js";
4
+ const I = /* @__PURE__ */ a({
5
+ __name: "ButtonDropdownTrigger",
6
+ props: {
7
+ label: null,
8
+ variant: { default: "outlined" },
9
+ size: { default: "medium" },
10
+ open: { type: Boolean, default: !1 },
11
+ disabled: { type: Boolean, default: !1 },
12
+ startIconName: { default: null },
13
+ startIconType: { default: "regular" },
14
+ hideEndIcon: { type: Boolean, default: !1 },
15
+ testId: { default: "" }
16
+ },
17
+ emits: ["click"],
18
+ setup(e, { emit: n }) {
19
+ return (r, t) => (l(), o(i(c), {
20
+ class: d(["button-trigger", { open: e.open }]),
21
+ disabled: e.disabled,
22
+ color: "default",
23
+ variant: e.variant,
24
+ size: e.size,
25
+ "start-icon-name": e.startIconName,
26
+ "start-icon-type": e.startIconType,
27
+ "end-icon-name": e.hideEndIcon ? null : "caret-down",
28
+ content: e.label,
29
+ "test-id": e.testId,
30
+ onClick: t[0] || (t[0] = (s) => n("click"))
31
+ }, null, 8, ["class", "disabled", "variant", "size", "start-icon-name", "start-icon-type", "end-icon-name", "content", "test-id"]));
32
+ }
33
+ });
34
+ export {
35
+ I as default
36
+ };
@@ -0,0 +1,66 @@
1
+ import { IconTypes } from '@/components/icon/v4/Icon.types';
2
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ label: string;
4
+ variant?: 'outlined' | 'text';
5
+ open?: boolean;
6
+ disabled?: boolean;
7
+ startIconName?: string;
8
+ startIconType?: IconTypes;
9
+ hideEndIcon?: boolean;
10
+ testId?: string;
11
+ }>, {
12
+ variant: string;
13
+ open: boolean;
14
+ disabled: boolean;
15
+ startIconName: any;
16
+ startIconType: string;
17
+ hideEndIcon: boolean;
18
+ testId: string;
19
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
20
+ click: () => void;
21
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
22
+ label: string;
23
+ variant?: 'outlined' | 'text';
24
+ open?: boolean;
25
+ disabled?: boolean;
26
+ startIconName?: string;
27
+ startIconType?: IconTypes;
28
+ hideEndIcon?: boolean;
29
+ testId?: string;
30
+ }>, {
31
+ variant: string;
32
+ open: boolean;
33
+ disabled: boolean;
34
+ startIconName: any;
35
+ startIconType: string;
36
+ hideEndIcon: boolean;
37
+ testId: string;
38
+ }>>> & {
39
+ onClick?: () => any;
40
+ }, {
41
+ variant: 'outlined' | 'text';
42
+ disabled: boolean;
43
+ open: boolean;
44
+ testId: string;
45
+ startIconName: string;
46
+ startIconType: IconTypes;
47
+ hideEndIcon: boolean;
48
+ }>;
49
+ export default _default;
50
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
51
+ type __VLS_TypePropsToRuntimeProps<T> = {
52
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
53
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
54
+ } : {
55
+ type: import('vue').PropType<T[K]>;
56
+ required: true;
57
+ };
58
+ };
59
+ type __VLS_WithDefaults<P, D> = {
60
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
61
+ default: D[K];
62
+ }> : P[K];
63
+ };
64
+ type __VLS_Prettify<T> = {
65
+ [K in keyof T]: T[K];
66
+ } & {};
@@ -0,0 +1,7 @@
1
+ import o from "./ButtonFilterDropdownTrigger.vue2.js";
2
+ /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css"; //*');
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f750550"]]);
5
+ export {
6
+ p as default
7
+ };
@@ -0,0 +1,50 @@
1
+ import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_7f750550_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
2
+ import y from "../../typography/v4/Typography.vue.js";
3
+ import s from "../../icon/v4/IconV4.vue.js";
4
+ import { useTestIdAttrs as N } from "../../../utils/testIds.js";
5
+ import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
6
+ const h = /* @__PURE__ */ m({
7
+ __name: "ButtonFilterDropdownTrigger",
8
+ props: {
9
+ label: null,
10
+ variant: { default: "outlined" },
11
+ open: { type: Boolean, default: !1 },
12
+ disabled: { type: Boolean, default: !1 },
13
+ startIconName: { default: null },
14
+ startIconType: { default: "regular" },
15
+ hideEndIcon: { type: Boolean, default: !1 },
16
+ testId: { default: "" }
17
+ },
18
+ emits: ["click"],
19
+ setup(e, { emit: c }) {
20
+ const n = N(e.testId, o);
21
+ return (g, r) => (a(), u("div", l({
22
+ class: ["button-filter-dropdown-trigger", [e.variant, { disabled: e.disabled, open: e.open }]]
23
+ }, t(n)[t(o).BUTTON], {
24
+ onClick: r[0] || (r[0] = (k) => c("click"))
25
+ }), [
26
+ e.startIconName ? (a(), d(t(s), {
27
+ key: 0,
28
+ name: e.startIconName,
29
+ type: e.startIconType,
30
+ size: "16px",
31
+ class: "start-icon"
32
+ }, null, 8, ["name", "type"])) : i("", !0),
33
+ f(t(y), l({ variant: "chipLabel" }, t(n)[t(o).BUTTON_CONTENT]), {
34
+ default: p(() => [
35
+ I(T(e.label), 1)
36
+ ]),
37
+ _: 1
38
+ }, 16),
39
+ e.hideEndIcon ? i("", !0) : (a(), d(t(s), {
40
+ key: 1,
41
+ name: "caret-down",
42
+ size: "16px",
43
+ class: "end-icon"
44
+ }))
45
+ ], 16));
46
+ }
47
+ });
48
+ export {
49
+ h as default
50
+ };
@@ -43,8 +43,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
43
43
  disabled: boolean;
44
44
  open: boolean;
45
45
  testId: string;
46
- displayedValue: any;
47
46
  feedbackVariant: string;
47
+ displayedValue: any;
48
48
  }>;
49
49
  export default _default;
50
50
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -110,19 +110,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
110
110
  testId: string;
111
111
  options: unknown[];
112
112
  singleAppSelection: boolean;
113
+ hoverHelpText: string;
114
+ hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
113
115
  placeholder: string;
116
+ feedbackText: string;
117
+ feedbackVariant: "success" | "warning" | "error";
114
118
  multi: boolean;
115
- selectedOption: any;
116
- brandIconType: "android" | "ios";
117
119
  optionNameKey: string;
118
- optionImageKey: string;
119
120
  optionIconKey: string;
121
+ optionImageKey: string;
120
122
  optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
121
- hoverHelpText: string;
122
- hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
123
- feedbackText: string;
124
- feedbackVariant: "success" | "warning" | "error";
123
+ selectedOption: any;
125
124
  showFeedbackIcon: boolean;
125
+ brandIconType: "android" | "ios";
126
126
  statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
127
127
  }>, {
128
128
  image?(_: {}): any;
@@ -1,7 +1,7 @@
1
1
  import o from "./DefaultDropdownTrigger.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f0c4710f"]]);
3
+ // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c3033d90"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css"; import { defineComponent as I, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as O, createTextVNode as x, toDisplayString as w } from "vue";
1
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; import { defineComponent as I, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as O, createTextVNode as x, toDisplayString as w } from "vue";
2
2
  import V from "../../typography/v4/Typography.vue.js";
3
3
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
4
4
  import T from "../../icon/v4/IconV4.vue.js";
@@ -9,10 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
9
9
  loading?: boolean;
10
10
  testId?: string;
11
11
  isOpen?: boolean;
12
- options: unknown[] | {
13
- id: string;
14
- text: string;
15
- }[];
12
+ options: unknown[];
16
13
  showSelectAll?: boolean;
17
14
  defaultOpen?: boolean;
18
15
  keepOpen?: boolean;
@@ -44,6 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
41
  optionImageKey?: string;
45
42
  optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
46
43
  valueToCopy?: string;
44
+ disabledOptionKey?: string;
47
45
  theme?: string;
48
46
  fullWidth?: boolean;
49
47
  optionsListWidth?: string;
@@ -88,6 +86,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
88
86
  optionImageKey: string;
89
87
  optionIconType: any;
90
88
  valueToCopy: any;
89
+ disabledOptionKey: string;
91
90
  fullWidth: boolean;
92
91
  optionsListWidth: any;
93
92
  statusType: any;
@@ -110,10 +109,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
110
109
  loading?: boolean;
111
110
  testId?: string;
112
111
  isOpen?: boolean;
113
- options: unknown[] | {
114
- id: string;
115
- text: string;
116
- }[];
112
+ options: unknown[];
117
113
  showSelectAll?: boolean;
118
114
  defaultOpen?: boolean;
119
115
  keepOpen?: boolean;
@@ -145,6 +141,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
145
141
  optionImageKey?: string;
146
142
  optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
147
143
  valueToCopy?: string;
144
+ disabledOptionKey?: string;
148
145
  theme?: string;
149
146
  fullWidth?: boolean;
150
147
  optionsListWidth?: string;
@@ -189,6 +186,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
189
186
  optionImageKey: string;
190
187
  optionIconType: any;
191
188
  valueToCopy: any;
189
+ disabledOptionKey: string;
192
190
  fullWidth: boolean;
193
191
  optionsListWidth: any;
194
192
  statusType: any;
@@ -212,37 +210,45 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
212
210
  selected: any;
213
211
  modelValue: any;
214
212
  placeholder: string;
215
- isOnTop: boolean;
216
213
  multi: boolean;
217
- inlineSearch: boolean;
218
- noResultsText: string;
219
214
  showSelectAll: boolean;
220
215
  defaultOpen: boolean;
221
- skidding: number;
222
- onSearch: (option: any, term: string) => boolean;
223
216
  keepOpen: boolean;
224
217
  autoSize: boolean;
225
218
  disableKeyboardEvents: boolean;
226
- valueToCopy: string;
227
- optionNameKey: string;
228
- optionImageKey: string;
229
- optionIconKey: string;
230
- optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
231
- onClear: () => void;
232
- inlineSearchPlaceholder: string;
219
+ isOnTop: boolean;
220
+ skidding: number;
233
221
  triggerLabel: string;
234
222
  triggerHelperText: string;
235
223
  triggerFeedbackText: string;
236
224
  triggerFeedbackVariant: "success" | "warning" | "error";
237
225
  triggerFeedbackShowIcon: boolean;
238
- searchAutoFocus: boolean;
239
226
  predefinedTrigger: "default" | "icon-button" | "chip" | "app";
227
+ inlineSearch: boolean;
228
+ inlineSearchPlaceholder: string;
229
+ onSearch: (option: any, term: string) => boolean;
230
+ noResultsText: string;
231
+ searchAutoFocus: boolean;
232
+ onClear: () => void;
233
+ optionNameKey: string;
234
+ optionIconKey: string;
235
+ optionImageKey: string;
236
+ optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
237
+ valueToCopy: string;
238
+ disabledOptionKey: string;
240
239
  fullWidth: boolean;
241
240
  optionsListWidth: string;
242
241
  statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
243
242
  }>, {
244
243
  label?(_: {}): any;
245
- "dropdown-trigger"?(_: {}): any;
244
+ "dropdown-trigger"?(_: {
245
+ buttonTriggerProps: {
246
+ open: boolean;
247
+ disabled: boolean;
248
+ label: any;
249
+ onClick: () => void;
250
+ };
251
+ }): any;
246
252
  "input-list"?(_: {
247
253
  open: true;
248
254
  }): any;
@@ -250,6 +256,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
250
256
  option: unknown;
251
257
  selected: boolean;
252
258
  active: boolean;
259
+ disabled: any;
253
260
  }): any;
254
261
  }>;
255
262
  export default _default;
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_78c1497e_lang.css"; //*');
2
+ /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-78c1497e"]]);
5
+ const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-24014c62"]]);
6
6
  export {
7
7
  r as default
8
8
  };