@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.53

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 (153) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_3da25a36_lang.css +1 -0
  2. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css +1 -0
  3. package/ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css +1 -0
  4. package/ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css +1 -0
  5. package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css +1 -0
  6. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_bdd6ee48_lang.css +1 -0
  7. package/DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css +1 -0
  8. package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css +1 -0
  9. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css +1 -0
  10. package/DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css +1 -0
  11. package/DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css +1 -0
  12. package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css +1 -0
  13. package/Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css +1 -0
  14. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css +1 -0
  15. package/OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css +1 -0
  16. package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +1 -0
  17. package/RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css +1 -0
  18. package/RemoveButton.vue_vue_type_style_index_0_scoped_ca7fc11d_lang.css +1 -0
  19. package/SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css +1 -0
  20. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_a534c7af_lang.css +1 -0
  21. package/SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css +1 -0
  22. package/TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css +1 -0
  23. package/TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css +1 -0
  24. package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +1 -0
  25. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  26. package/components/chart/Chart.vue.d.ts +16 -1
  27. package/components/chart/Chart.vue.js +4 -4
  28. package/components/chart/Chart.vue2.js +38 -32
  29. package/components/chart/ChartHeaderTrend.vue.js +2 -2
  30. package/components/chart/ChartHeaderTrend.vue2.js +34 -33
  31. package/components/chart/ChartPlane.vue.d.ts +10 -0
  32. package/components/chart/ChartPlane.vue.js +4 -4
  33. package/components/chart/ChartPlane.vue2.js +158 -147
  34. package/components/chart/ChartStoryArgs.d.ts +17 -0
  35. package/components/chart/ChartTooltip.vue.js +2 -2
  36. package/components/chart/ChartTooltip.vue2.js +6 -6
  37. package/components/chart/TooltipHeader.vue.js +3 -3
  38. package/components/chart/TooltipHeader.vue2.js +25 -26
  39. package/components/chart/colorPalette.d.ts +2 -1
  40. package/components/chart/colorPalette.js +47 -33
  41. package/components/chart/composables/useColorsMap.d.ts +3 -1
  42. package/components/chart/composables/useColorsMap.js +32 -30
  43. package/components/chart/consts.d.ts +5 -1
  44. package/components/chart/consts.js +30 -26
  45. package/components/chart/index.d.ts +58 -1
  46. package/components/chart/mockData.d.ts +15 -0
  47. package/components/chart/types.d.ts +3 -1
  48. package/components/chart/types.js +5 -5
  49. package/components/chart/utils/utils.d.ts +1 -1
  50. package/components/chart/utils/utils.js +18 -13
  51. package/components/columnPicker/ColumnPicker.vue.d.ts +119 -0
  52. package/components/columnPicker/ColumnPicker.vue.js +7 -0
  53. package/components/columnPicker/ColumnPicker.vue2.js +322 -0
  54. package/components/columnPicker/OptionChip.vue.d.ts +53 -0
  55. package/components/columnPicker/OptionChip.vue.js +7 -0
  56. package/components/columnPicker/OptionChip.vue2.js +46 -0
  57. package/components/columnPicker/RemoveButton.vue.d.ts +38 -0
  58. package/components/columnPicker/RemoveButton.vue.js +7 -0
  59. package/components/columnPicker/RemoveButton.vue2.js +35 -0
  60. package/components/columnPicker/index.d.ts +388 -0
  61. package/components/columnPicker/index.js +6 -0
  62. package/components/columnPicker/mockData.d.ts +8 -0
  63. package/components/dialog/v3/Dialog.vue.d.ts +3 -3
  64. package/components/dialog/v3/index.d.ts +46 -46
  65. package/components/dialog/v4/DialogFooter.vue.d.ts +78 -0
  66. package/components/dialog/v4/DialogFooter.vue.js +7 -0
  67. package/components/dialog/v4/DialogFooter.vue2.js +60 -0
  68. package/components/dialog/v4/DialogHeader.vue.d.ts +60 -0
  69. package/components/dialog/v4/DialogHeader.vue.js +7 -0
  70. package/components/dialog/v4/DialogHeader.vue2.js +58 -0
  71. package/components/dialog/v4/DialogV4.vue.d.ts +9 -9
  72. package/components/dialog/v4/DialogV4.vue.js +3 -3
  73. package/components/dialog/v4/DialogV4.vue2.js +65 -107
  74. package/components/dialog/v4/index.d.ts +157 -157
  75. package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
  76. package/components/dropdown/v3/index.d.ts +20 -20
  77. package/components/dropdown/v4/ConditionalDropdown.vue.js +4 -4
  78. package/components/dropdown/v4/ConditionalDropdown.vue2.js +176 -171
  79. package/components/dropdown/v4/OptionV4.vue.d.ts +5 -0
  80. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  81. package/components/dropdown/v4/OptionV4.vue2.js +83 -70
  82. package/components/dropdown/v4/index.d.ts +20 -1
  83. package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
  84. package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
  85. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
  86. package/components/includeExclude/index.d.ts +70 -70
  87. package/components/input/v4/TextField.vue.d.ts +12 -0
  88. package/components/input/v4/TextField.vue.js +3 -3
  89. package/components/input/v4/TextField.vue2.js +129 -105
  90. package/components/input/v4/index.d.ts +46 -2
  91. package/components/link/Link.vue.d.ts +20 -0
  92. package/components/link/Link.vue.js +2 -2
  93. package/components/link/Link.vue2.js +35 -21
  94. package/components/link/index.d.ts +77 -1
  95. package/components/radioButton/v3/RadioButton.vue.d.ts +5 -0
  96. package/components/radioButton/v3/RadioButton.vue.js +3 -3
  97. package/components/radioButton/v3/RadioButton.vue2.js +42 -39
  98. package/components/radioButton/v3/index.d.ts +20 -1
  99. package/components/sortableList/SortableItem.vue.d.ts +17 -2
  100. package/components/sortableList/SortableItem.vue.js +3 -3
  101. package/components/sortableList/SortableItem.vue2.js +86 -70
  102. package/components/sortableList/SortableItemLabel.vue.js +3 -3
  103. package/components/sortableList/SortableItemLabel.vue2.js +26 -23
  104. package/components/sortableList/SortableList.types.d.ts +1 -0
  105. package/components/sortableList/SortableList.vue.d.ts +10 -0
  106. package/components/sortableList/SortableList.vue.js +3 -3
  107. package/components/sortableList/SortableList.vue2.js +104 -96
  108. package/components/sortableList/composables/useHoverEffect.js +1 -1
  109. package/components/sortableList/index.d.ts +39 -1
  110. package/components/table/v4/DataGrid.vue.d.ts +4 -4
  111. package/components/table/v4/DataGrid.vue.js +3 -3
  112. package/components/table/v4/DataGrid.vue2.js +237 -245
  113. package/components/table/v4/DataGridHeader.vue.d.ts +85 -0
  114. package/components/table/v4/DataGridHeader.vue.js +7 -0
  115. package/components/table/v4/DataGridHeader.vue2.js +82 -0
  116. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  117. package/components/table/v4/DataGridRowsCounter.vue2.js +12 -12
  118. package/components/table/v4/MultipleDataGrid.vue.d.ts +6 -5
  119. package/components/table/v4/MultipleDataGrid.vue.js +2 -2
  120. package/components/table/v4/MultipleDataGrid.vue2.js +91 -90
  121. package/components/table/v4/index.d.ts +552 -305
  122. package/components/table/v4/index.js +7 -4
  123. package/components/table/v4/storyUtils.d.ts +25 -0
  124. package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
  125. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  126. package/components/tooltip/v4/TooltipV4.vue2.js +18 -17
  127. package/components/tooltip/v4/index.d.ts +20 -1
  128. package/index.d.ts +2153 -1419
  129. package/index.js +99 -95
  130. package/package.json +5 -1
  131. package/testids/index.d.ts +7 -1
  132. package/testids/index.js +26 -25
  133. package/utils/date.js +3 -3
  134. package/utils/formatNumbers.d.ts +1 -1
  135. package/utils/formatNumbers.js +38 -21
  136. package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css +0 -1
  137. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css +0 -1
  138. package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css +0 -1
  139. package/ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css +0 -1
  140. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css +0 -1
  141. package/DataGrid.vue_vue_type_style_index_0_scoped_8e8df067_lang.css +0 -1
  142. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +0 -1
  143. package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +0 -1
  144. package/Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css +0 -1
  145. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +0 -1
  146. package/OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css +0 -1
  147. package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +0 -1
  148. package/SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css +0 -1
  149. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +0 -1
  150. package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +0 -1
  151. package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +0 -1
  152. package/TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css +0 -1
  153. package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +0 -1
@@ -1,10 +1,10 @@
1
- import "../../Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css"; import { defineComponent as f, openBlock as i, createBlock as r, unref as t, mergeProps as l, withCtx as m, renderSlot as u, createCommentVNode as p } from "vue";
2
- import k from "../typography/v4/Typography.vue.js";
1
+ import "../../Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css"; import { defineComponent as u, openBlock as l, createBlock as n, unref as o, mergeProps as r, withCtx as f, renderSlot as m, createCommentVNode as p } from "vue";
2
+ import T from "../typography/v4/Typography.vue.js";
3
3
  import y from "../icon/v4/IconV4.vue.js";
4
4
  import "../icon/v4/IconFlag.vue.js";
5
- import { useTestIdAttrs as I } from "../../utils/testIds.js";
5
+ import { useTestIdAttrs as k } from "../../utils/testIds.js";
6
6
  import { LinkTestIdModifiers as a } from "../../testids/index.js";
7
- const w = /* @__PURE__ */ f({
7
+ const b = /* @__PURE__ */ u({
8
8
  __name: "Link",
9
9
  props: {
10
10
  href: { default: null },
@@ -13,31 +13,45 @@ const w = /* @__PURE__ */ f({
13
13
  variant: { default: "body1" },
14
14
  iconName: { default: null },
15
15
  iconType: { default: "regular" },
16
- testId: { default: "" }
16
+ testId: { default: "" },
17
+ isTruncated: { type: Boolean, default: !1 },
18
+ withTooltip: { type: Boolean, default: !1 },
19
+ tooltipText: { default: "" },
20
+ navigateToPage: { type: Function, default: null }
17
21
  },
18
22
  emits: ["click"],
19
- setup(e, { emit: d }) {
20
- const o = e, c = () => {
21
- o.disabled || (o.href && window.open(o.href), d("click"));
22
- }, n = I(o.testId, a);
23
- return (s, h) => (i(), r(t(k), l({
24
- class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
25
- variant: e.variant
26
- }, t(n)[t(a).WRAPPER], { onClick: c }), {
27
- default: m(() => [
28
- u(s.$slots, "default", {}, void 0, !0),
29
- e.iconName ? (i(), r(t(y), l({
23
+ setup(t, { emit: d }) {
24
+ const e = t, c = () => {
25
+ if (!e.disabled) {
26
+ {
27
+ if (e.navigateToPage)
28
+ return e.navigateToPage();
29
+ e.href && window.open(e.href);
30
+ }
31
+ d("click");
32
+ }
33
+ }, i = k(e.testId, a);
34
+ return (s, h) => (l(), n(o(T), r({
35
+ class: ["link", [`link--${t.color}`, { "link--disabled": t.disabled }]],
36
+ variant: t.variant,
37
+ "is-truncated": t.isTruncated,
38
+ "with-tooltip": t.withTooltip,
39
+ "tooltip-text": t.tooltipText
40
+ }, o(i)[o(a).WRAPPER], { onClick: c }), {
41
+ default: f(() => [
42
+ m(s.$slots, "default", {}, void 0, !0),
43
+ t.iconName ? (l(), n(o(y), r({
30
44
  key: 0,
31
- name: e.iconName,
32
- type: e.iconType,
45
+ name: t.iconName,
46
+ type: t.iconType,
33
47
  size: "16px",
34
48
  class: "icon"
35
- }, t(n)[t(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
49
+ }, o(i)[o(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
36
50
  ]),
37
51
  _: 3
38
- }, 16, ["class", "variant"]));
52
+ }, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text"]));
39
53
  }
40
54
  });
41
55
  export {
42
- w as default
56
+ b as default
43
57
  };
@@ -5,11 +5,15 @@ declare const LinkTypes: () => ({
5
5
  $props: Partial<{
6
6
  testId: string;
7
7
  variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
8
+ withTooltip: boolean;
9
+ tooltipText: string;
10
+ isTruncated: boolean;
8
11
  disabled: boolean;
9
12
  color: "default" | "primary";
10
13
  href: string;
11
14
  iconName: string;
12
15
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
16
+ navigateToPage: () => void;
13
17
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
14
18
  testId: {
15
19
  type: import("vue").PropType<string>;
@@ -19,6 +23,18 @@ declare const LinkTypes: () => ({
19
23
  type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
20
24
  default: string;
21
25
  };
26
+ withTooltip: {
27
+ type: import("vue").PropType<boolean>;
28
+ default: boolean;
29
+ };
30
+ tooltipText: {
31
+ type: import("vue").PropType<string>;
32
+ default: string;
33
+ };
34
+ isTruncated: {
35
+ type: import("vue").PropType<boolean>;
36
+ default: boolean;
37
+ };
22
38
  disabled: {
23
39
  type: import("vue").PropType<boolean>;
24
40
  default: boolean;
@@ -39,9 +55,13 @@ declare const LinkTypes: () => ({
39
55
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
40
56
  default: string;
41
57
  };
58
+ navigateToPage: {
59
+ type: import("vue").PropType<() => void>;
60
+ default: any;
61
+ };
42
62
  }>> & {
43
63
  onClick?: () => any;
44
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "href" | "iconName" | "iconType">;
64
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipText" | "isTruncated" | "disabled" | "color" | "href" | "iconName" | "iconType" | "navigateToPage">;
45
65
  $attrs: {
46
66
  [x: string]: unknown;
47
67
  };
@@ -64,6 +84,18 @@ declare const LinkTypes: () => ({
64
84
  type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
65
85
  default: string;
66
86
  };
87
+ withTooltip: {
88
+ type: import("vue").PropType<boolean>;
89
+ default: boolean;
90
+ };
91
+ tooltipText: {
92
+ type: import("vue").PropType<string>;
93
+ default: string;
94
+ };
95
+ isTruncated: {
96
+ type: import("vue").PropType<boolean>;
97
+ default: boolean;
98
+ };
67
99
  disabled: {
68
100
  type: import("vue").PropType<boolean>;
69
101
  default: boolean;
@@ -84,6 +116,10 @@ declare const LinkTypes: () => ({
84
116
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
85
117
  default: string;
86
118
  };
119
+ navigateToPage: {
120
+ type: import("vue").PropType<() => void>;
121
+ default: any;
122
+ };
87
123
  }>> & {
88
124
  onClick?: () => any;
89
125
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -91,11 +127,15 @@ declare const LinkTypes: () => ({
91
127
  }, string, {
92
128
  testId: string;
93
129
  variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
130
+ withTooltip: boolean;
131
+ tooltipText: string;
132
+ isTruncated: boolean;
94
133
  disabled: boolean;
95
134
  color: "default" | "primary";
96
135
  href: string;
97
136
  iconName: string;
98
137
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
138
+ navigateToPage: () => void;
99
139
  }, {}, string> & {
100
140
  beforeCreate?: (() => void) | (() => void)[];
101
141
  created?: (() => void) | (() => void)[];
@@ -125,6 +165,18 @@ declare const LinkTypes: () => ({
125
165
  type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
126
166
  default: string;
127
167
  };
168
+ withTooltip: {
169
+ type: import("vue").PropType<boolean>;
170
+ default: boolean;
171
+ };
172
+ tooltipText: {
173
+ type: import("vue").PropType<string>;
174
+ default: string;
175
+ };
176
+ isTruncated: {
177
+ type: import("vue").PropType<boolean>;
178
+ default: boolean;
179
+ };
128
180
  disabled: {
129
181
  type: import("vue").PropType<boolean>;
130
182
  default: boolean;
@@ -145,6 +197,10 @@ declare const LinkTypes: () => ({
145
197
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
146
198
  default: string;
147
199
  };
200
+ navigateToPage: {
201
+ type: import("vue").PropType<() => void>;
202
+ default: any;
203
+ };
148
204
  }>> & {
149
205
  onClick?: () => any;
150
206
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -160,6 +216,18 @@ declare const LinkTypes: () => ({
160
216
  type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
161
217
  default: string;
162
218
  };
219
+ withTooltip: {
220
+ type: import("vue").PropType<boolean>;
221
+ default: boolean;
222
+ };
223
+ tooltipText: {
224
+ type: import("vue").PropType<string>;
225
+ default: string;
226
+ };
227
+ isTruncated: {
228
+ type: import("vue").PropType<boolean>;
229
+ default: boolean;
230
+ };
163
231
  disabled: {
164
232
  type: import("vue").PropType<boolean>;
165
233
  default: boolean;
@@ -180,6 +248,10 @@ declare const LinkTypes: () => ({
180
248
  type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
181
249
  default: string;
182
250
  };
251
+ navigateToPage: {
252
+ type: import("vue").PropType<() => void>;
253
+ default: any;
254
+ };
183
255
  }>> & {
184
256
  onClick?: () => any;
185
257
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -187,11 +259,15 @@ declare const LinkTypes: () => ({
187
259
  }, string, {
188
260
  testId: string;
189
261
  variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
262
+ withTooltip: boolean;
263
+ tooltipText: string;
264
+ isTruncated: boolean;
190
265
  disabled: boolean;
191
266
  color: "default" | "primary";
192
267
  href: string;
193
268
  iconName: string;
194
269
  iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
270
+ navigateToPage: () => void;
195
271
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
196
272
  $slots: {
197
273
  default?(_: {}): any;
@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
5
5
  errorText?: string;
6
6
  modelValue?: string;
7
7
  testId?: string;
8
+ disabledButton?: boolean;
8
9
  }>, {
9
10
  label: string;
10
11
  name: string;
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
12
13
  errorText: string;
13
14
  modelValue: any;
14
15
  testId: string;
16
+ disabledButton: boolean;
15
17
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
18
  "update:modelValue": (...args: any[]) => void;
17
19
  change: (...args: any[]) => void;
@@ -22,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
22
24
  errorText?: string;
23
25
  modelValue?: string;
24
26
  testId?: string;
27
+ disabledButton?: boolean;
25
28
  }>, {
26
29
  label: string;
27
30
  name: string;
@@ -29,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
29
32
  errorText: string;
30
33
  modelValue: any;
31
34
  testId: string;
35
+ disabledButton: boolean;
32
36
  }>>> & {
33
37
  onChange?: (...args: any[]) => any;
34
38
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -39,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
39
43
  modelValue: string;
40
44
  helperText: string;
41
45
  errorText: string;
46
+ disabledButton: boolean;
42
47
  }>, {
43
48
  default?(_: {}): any;
44
49
  }>;
@@ -1,7 +1,7 @@
1
1
  import o from "./RadioButton.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; //*');
4
- const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c6b715c"]]);
3
+ // import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; //*');
4
+ const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dac25b9f"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };
@@ -1,9 +1,9 @@
1
- import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; import { defineComponent as E, openBlock as n, createElementBlock as I, normalizeClass as b, unref as e, createElementVNode as r, withDirectives as y, mergeProps as i, isRef as C, vModelRadio as N, renderSlot as g, createVNode as w, withCtx as u, createTextVNode as m, toDisplayString as f, createBlock as v, createCommentVNode as R } from "vue";
2
- import c from "../../typography/Text.vue.js";
3
- import { useRadio as z } from "../common/useRadio.js";
4
- import { RadioTestIdModifiers as o } from "../../../testids/index.js";
5
- import { useTestIdAttrs as A } from "../../../utils/testIds.js";
6
- const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PURE__ */ E({
1
+ import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; import { defineComponent as E, computed as I, openBlock as u, createElementBlock as C, normalizeClass as T, unref as e, createElementVNode as o, withDirectives as N, mergeProps as i, isRef as g, vModelRadio as w, renderSlot as z, createVNode as A, withCtx as m, createTextVNode as f, toDisplayString as c, createBlock as v, createCommentVNode as R } from "vue";
2
+ import p from "../../typography/Text.vue.js";
3
+ import { useRadio as D } from "../common/useRadio.js";
4
+ import { RadioTestIdModifiers as r } from "../../../testids/index.js";
5
+ import { useTestIdAttrs as L } from "../../../utils/testIds.js";
6
+ const $ = { class: "wrapper" }, F = ["value", "name", "disabled"], U = /* @__PURE__ */ E({
7
7
  __name: "RadioButton",
8
8
  props: {
9
9
  label: { default: "" },
@@ -11,62 +11,65 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
11
11
  helperText: { default: "" },
12
12
  errorText: { default: "" },
13
13
  modelValue: { default: void 0 },
14
- testId: { default: "" }
14
+ testId: { default: "" },
15
+ disabledButton: { type: Boolean, default: !1 }
15
16
  },
16
17
  emits: ["update:modelValue", "change"],
17
- setup(t, { emit: V }) {
18
- const p = t, { radioRef: h, focus: x, disabled: T, modelValue: a, radioGroup: k } = z(
19
- p,
20
- V
21
- ), d = A(p.testId, o);
22
- return (B, l) => (n(), I("label", {
23
- class: b(["radio-button", { "radio-button--disabled": e(T) }])
18
+ setup(t, { emit: B }) {
19
+ const d = t, { radioRef: V, focus: x, disabled: h, modelValue: a, radioGroup: k } = D(
20
+ d,
21
+ B
22
+ ), s = L(d.testId, r), b = I(
23
+ () => h.value || d.disabledButton
24
+ );
25
+ return (y, l) => (u(), C("label", {
26
+ class: T(["radio-button", { "radio-button--disabled": e(b) }])
24
27
  }, [
25
- r("span", D, [
26
- y(r("input", i({
28
+ o("span", $, [
29
+ N(o("input", i({
27
30
  ref_key: "radioRef",
28
- ref: h,
29
- "onUpdate:modelValue": l[0] || (l[0] = (s) => C(a) ? a.value = s : null),
31
+ ref: V,
32
+ "onUpdate:modelValue": l[0] || (l[0] = (n) => g(a) ? a.value = n : null),
30
33
  value: t.label,
31
34
  name: t.name || e(k)?.name,
32
35
  type: "radio",
33
- disabled: e(T)
34
- }, e(d)[e(o).FIELD], {
35
- onFocus: l[1] || (l[1] = (s) => x.value = !0),
36
- onBlur: l[2] || (l[2] = (s) => x.value = !1)
37
- }), null, 16, L), [
38
- [N, e(a)]
36
+ disabled: e(b)
37
+ }, e(s)[e(r).FIELD], {
38
+ onFocus: l[1] || (l[1] = (n) => x.value = !0),
39
+ onBlur: l[2] || (l[2] = (n) => x.value = !1)
40
+ }), null, 16, F), [
41
+ [w, e(a)]
39
42
  ]),
40
- r("span", {
41
- class: b([{ "circle--selected": e(a) === t.label }, "circle"])
43
+ o("span", {
44
+ class: T([{ "circle--selected": e(a) === t.label }, "circle"])
42
45
  }, null, 2)
43
46
  ]),
44
- r("span", i({ class: "label" }, e(d)[e(o).LABEL]), [
45
- g(B.$slots, "default", {}, () => [
46
- w(c, { "is-truncated": "" }, {
47
- default: u(() => [
48
- m(f(t.label), 1)
47
+ o("span", i({ class: "label" }, e(s)[e(r).LABEL]), [
48
+ z(y.$slots, "default", {}, () => [
49
+ A(p, { "is-truncated": "" }, {
50
+ default: m(() => [
51
+ f(c(t.label), 1)
49
52
  ]),
50
53
  _: 1
51
54
  })
52
55
  ], !0),
53
- !t.errorText && t.helperText ? (n(), v(c, {
56
+ !t.errorText && t.helperText ? (u(), v(p, {
54
57
  key: 0,
55
58
  class: "helper-text--text helper-text",
56
59
  size: "caption"
57
60
  }, {
58
- default: u(() => [
59
- m(f(t.helperText), 1)
61
+ default: m(() => [
62
+ f(c(t.helperText), 1)
60
63
  ]),
61
64
  _: 1
62
65
  })) : R("", !0),
63
- t.errorText ? (n(), v(c, i({
66
+ t.errorText ? (u(), v(p, i({
64
67
  key: 1,
65
68
  size: "caption",
66
69
  class: "helper-text--error helper-text"
67
- }, e(d)[e(o).ERROR_TEXT]), {
68
- default: u(() => [
69
- m(f(t.errorText), 1)
70
+ }, e(s)[e(r).ERROR_TEXT]), {
71
+ default: m(() => [
72
+ f(c(t.errorText), 1)
70
73
  ]),
71
74
  _: 1
72
75
  }, 16)) : R("", !0)
@@ -75,5 +78,5 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
75
78
  }
76
79
  });
77
80
  export {
78
- O as default
81
+ U as default
79
82
  };
@@ -11,6 +11,7 @@ declare const RadioButtonTypes: () => (({
11
11
  modelValue: string;
12
12
  helperText: string;
13
13
  errorText: string;
14
+ disabledButton: boolean;
14
15
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
15
16
  name: {
16
17
  type: import("vue").PropType<string>;
@@ -37,10 +38,14 @@ declare const RadioButtonTypes: () => (({
37
38
  type: import("vue").PropType<string>;
38
39
  default: string;
39
40
  };
41
+ disabledButton: {
42
+ type: import("vue").PropType<boolean>;
43
+ default: boolean;
44
+ };
40
45
  }>> & {
41
46
  onChange?: (...args: any[]) => any;
42
47
  "onUpdate:modelValue"?: (...args: any[]) => any;
43
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText">;
48
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText" | "disabledButton">;
44
49
  $attrs: {
45
50
  [x: string]: unknown;
46
51
  };
@@ -80,6 +85,10 @@ declare const RadioButtonTypes: () => (({
80
85
  type: import("vue").PropType<string>;
81
86
  default: string;
82
87
  };
88
+ disabledButton: {
89
+ type: import("vue").PropType<boolean>;
90
+ default: boolean;
91
+ };
83
92
  }>> & {
84
93
  onChange?: (...args: any[]) => any;
85
94
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -93,6 +102,7 @@ declare const RadioButtonTypes: () => (({
93
102
  modelValue: string;
94
103
  helperText: string;
95
104
  errorText: string;
105
+ disabledButton: boolean;
96
106
  }, {}, string> & {
97
107
  beforeCreate?: (() => void) | (() => void)[];
98
108
  created?: (() => void) | (() => void)[];
@@ -139,6 +149,10 @@ declare const RadioButtonTypes: () => (({
139
149
  type: import("vue").PropType<string>;
140
150
  default: string;
141
151
  };
152
+ disabledButton: {
153
+ type: import("vue").PropType<boolean>;
154
+ default: boolean;
155
+ };
142
156
  }>> & {
143
157
  onChange?: (...args: any[]) => any;
144
158
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -172,6 +186,10 @@ declare const RadioButtonTypes: () => (({
172
186
  type: import("vue").PropType<string>;
173
187
  default: string;
174
188
  };
189
+ disabledButton: {
190
+ type: import("vue").PropType<boolean>;
191
+ default: boolean;
192
+ };
175
193
  }>> & {
176
194
  onChange?: (...args: any[]) => any;
177
195
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -185,6 +203,7 @@ declare const RadioButtonTypes: () => (({
185
203
  modelValue: string;
186
204
  helperText: string;
187
205
  errorText: string;
206
+ disabledButton: boolean;
188
207
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
189
208
  $slots: {
190
209
  default?(_: {}): any;
@@ -4,20 +4,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
4
4
  index?: number;
5
5
  isOpen?: boolean;
6
6
  isSelected?: boolean;
7
+ isDisabled?: boolean;
7
8
  selectedChildId?: string | number;
8
9
  searchQuery?: string;
9
- childListMaxHeight: string;
10
+ childListMaxHeight?: string;
10
11
  searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
11
12
  displayValue: (item: SortableListItem) => string;
13
+ variant?: "default" | "compact";
14
+ draggableArea?: "handle" | "full";
12
15
  }>, {
13
16
  text: string;
14
17
  isOpen: boolean;
15
18
  isSelected: boolean;
19
+ isDisabled: boolean;
16
20
  selectedChildId: any;
17
21
  searchQuery: any;
18
22
  index: any;
19
23
  childListMaxHeight: string;
20
24
  searchHandler: any;
25
+ variant: string;
26
+ draggableArea: string;
21
27
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
28
  toggle: (value: boolean) => void;
23
29
  select: () => void;
@@ -27,32 +33,41 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
33
  index?: number;
28
34
  isOpen?: boolean;
29
35
  isSelected?: boolean;
36
+ isDisabled?: boolean;
30
37
  selectedChildId?: string | number;
31
38
  searchQuery?: string;
32
- childListMaxHeight: string;
39
+ childListMaxHeight?: string;
33
40
  searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
34
41
  displayValue: (item: SortableListItem) => string;
42
+ variant?: "default" | "compact";
43
+ draggableArea?: "handle" | "full";
35
44
  }>, {
36
45
  text: string;
37
46
  isOpen: boolean;
38
47
  isSelected: boolean;
48
+ isDisabled: boolean;
39
49
  selectedChildId: any;
40
50
  searchQuery: any;
41
51
  index: any;
42
52
  childListMaxHeight: string;
43
53
  searchHandler: any;
54
+ variant: string;
55
+ draggableArea: string;
44
56
  }>>> & {
45
57
  onSelect?: () => any;
46
58
  onToggle?: (value: boolean) => any;
47
59
  onSelectChild?: (childItem: SortableListItem) => any;
48
60
  }, {
61
+ variant: "default" | "compact";
49
62
  isOpen: boolean;
50
63
  index: number;
51
64
  isSelected: boolean;
52
65
  searchQuery: string;
66
+ isDisabled: boolean;
53
67
  selectedChildId: string | number;
54
68
  childListMaxHeight: string;
55
69
  searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
70
+ draggableArea: "handle" | "full";
56
71
  }>, {
57
72
  menu?(_: {}): any;
58
73
  }>;
@@ -1,7 +1,7 @@
1
1
  import o from "./SortableItem.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-48542664"]]);
3
+ // import "../../SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-800cd503"]]);
5
5
  export {
6
- p as default
6
+ c as default
7
7
  };