@ironsource/shared-ui 1.4.2-test.7 → 1.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (206) hide show
  1. package/AddFilterButton.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  2. package/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  3. package/AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  4. package/AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  5. package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  6. package/Button.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  7. package/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  8. package/Checkbox.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  9. package/Chip.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  10. package/DatePicker.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  11. package/DatePickerMonth.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  12. package/DateRange.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  13. package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  14. package/DollarInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  15. package/Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  16. package/FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  17. package/FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  18. package/FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  19. package/Heading.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  20. package/IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  21. package/Input.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  22. package/Menu.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  23. package/PasswordInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  24. package/PercentageInput.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  25. package/README.md +1 -1
  26. package/RadioButton.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  27. package/RadioGroup.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  28. package/Search.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  29. package/Switch.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  30. package/Table.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  31. package/Tabs.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  32. package/Text.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  33. package/TextArea.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  34. package/TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  35. package/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  36. package/components/appIcon/AppIcon.vue.d.ts +1 -1
  37. package/components/appIcon/AppIcon.vue.js +3 -3
  38. package/components/appIcon/index.d.ts +1 -1
  39. package/components/appTrigger/AppTrigger.vue.d.ts +6 -1
  40. package/components/appTrigger/AppTrigger.vue.js +49 -39
  41. package/components/appTrigger/index.d.ts +12 -1
  42. package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +6 -1
  43. package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +20 -19
  44. package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts +6 -1
  45. package/components/autocompleteDropdown/AutocompleteInput.vue.js +19 -13
  46. package/components/autocompleteDropdown/GroupOption.vue.d.ts +1 -1
  47. package/components/autocompleteDropdown/GroupOption.vue.js +3 -4
  48. package/components/autocompleteDropdown/index.d.ts +12 -1
  49. package/components/banner/Banner.vue.d.ts +10 -1
  50. package/components/banner/Banner.vue.js +24 -13
  51. package/components/banner/index.d.ts +10 -1
  52. package/components/button/Button.vue.d.ts +6 -1
  53. package/components/button/Button.vue.js +17 -15
  54. package/components/button/ButtonBase.vue.d.ts +1 -1
  55. package/components/button/ButtonBase.vue.js +11 -12
  56. package/components/button/IconButton.vue.d.ts +1 -1
  57. package/components/button/IconButton.vue.js +5 -5
  58. package/components/button/ScrollButton.vue.d.ts +1 -1
  59. package/components/button/ScrollButton.vue.js +8 -9
  60. package/components/button/index.d.ts +20 -9
  61. package/components/checkbox/Checkbox.vue.d.ts +6 -1
  62. package/components/checkbox/Checkbox.vue.js +33 -28
  63. package/components/checkbox/index.d.ts +12 -1
  64. package/components/chip/Chip.vue.d.ts +6 -1
  65. package/components/chip/Chip.vue.js +16 -11
  66. package/components/chip/index.d.ts +12 -1
  67. package/components/datePicker/DatePicker.vue.d.ts +6 -1
  68. package/components/datePicker/DatePicker.vue.js +22 -17
  69. package/components/datePicker/DatePickerMonth.vue.d.ts +6 -1
  70. package/components/datePicker/DatePickerMonth.vue.js +9 -7
  71. package/components/datePicker/index.d.ts +12 -1
  72. package/components/dateRange/CalendarMonth.vue.d.ts +6 -1
  73. package/components/dateRange/CalendarMonth.vue.js +58 -41
  74. package/components/dateRange/DateRange.vue.d.ts +6 -1
  75. package/components/dateRange/DateRange.vue.js +72 -61
  76. package/components/dateRange/DateRangePicker.vue.d.ts +6 -1
  77. package/components/dateRange/index.d.ts +12 -1
  78. package/components/dialog/Dialog.vue.d.ts +6 -1
  79. package/components/dialog/Dialog.vue.js +49 -34
  80. package/components/dialog/index.d.ts +12 -1
  81. package/components/dropdown/Dropdown.vue.d.ts +6 -1
  82. package/components/dropdown/Dropdown.vue.js +112 -88
  83. package/components/dropdown/Label.vue.d.ts +1 -1
  84. package/components/dropdown/Label.vue.js +3 -4
  85. package/components/dropdown/Option.vue.d.ts +1 -1
  86. package/components/dropdown/Option.vue.js +16 -17
  87. package/components/dropdown/SearchInput.vue.d.ts +1 -1
  88. package/components/dropdown/SearchInput.vue.js +6 -6
  89. package/components/dropdown/index.d.ts +409 -1
  90. package/components/emptyState/EmptyState.vue.d.ts +1 -1
  91. package/components/emptyState/EmptyState.vue.js +19 -21
  92. package/components/emptyState/index.d.ts +4 -4
  93. package/components/filterDropdown/AddFilterButton.vue.d.ts +3 -1
  94. package/components/filterDropdown/AddFilterButton.vue.js +11 -9
  95. package/components/filterDropdown/FilterDropdown.vue.d.ts +6 -1
  96. package/components/filterDropdown/FilterDropdown.vue.js +21 -20
  97. package/components/filterDropdown/index.d.ts +19 -2
  98. package/components/filtersPanel/FilterSearchInput.vue.d.ts +1 -1
  99. package/components/filtersPanel/FilterSearchInput.vue.js +7 -7
  100. package/components/filtersPanel/FiltersPanel.vue.d.ts +6 -1
  101. package/components/filtersPanel/FiltersPanel.vue.js +15 -12
  102. package/components/filtersPanel/index.d.ts +1 -1
  103. package/components/floatingToolbar/FloatingToolbar.vue.d.ts +1 -1
  104. package/components/floatingToolbar/FloatingToolbar.vue.js +3 -3
  105. package/components/floatingToolbar/index.d.ts +1 -1
  106. package/components/icon/Icon.vue.d.ts +1 -1
  107. package/components/icon/Icon.vue.js +4 -5
  108. package/components/icon/icons/index.d.ts +0 -3
  109. package/components/icon/icons/index.vue.js +0 -3
  110. package/components/icon/index.d.ts +1 -4
  111. package/components/icon/storyComponents/Code.vue.d.ts +1 -1
  112. package/components/icon/storyComponents/IconWrapper.vue.d.ts +1 -1
  113. package/components/icon/storyComponents/Page.vue.d.ts +1 -1
  114. package/components/includeExclude/IncludeExclude.vue.d.ts +6 -14
  115. package/components/includeExclude/IncludeExclude.vue.js +123 -187
  116. package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +1 -1
  117. package/components/includeExclude/IncludeExcludeAppHeader.vue.js +22 -24
  118. package/components/includeExclude/IncludeExcludeAppTrigger.vue.d.ts +1 -1
  119. package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +19 -22
  120. package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
  121. package/components/includeExclude/IncludeExcludeChipFilter.vue.js +40 -42
  122. package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
  123. package/components/includeExclude/IncludeExcludeOption.vue.js +21 -22
  124. package/components/includeExclude/includeExcludeMocks.d.ts +0 -12
  125. package/components/includeExclude/index.d.ts +28 -32
  126. package/components/includeExclude/index.vue.js +0 -3
  127. package/components/input/DollarInput.vue.d.ts +2 -2
  128. package/components/input/DollarInput.vue.js +3 -4
  129. package/components/input/Input.vue.d.ts +11 -1
  130. package/components/input/Input.vue.js +87 -64
  131. package/components/input/PasswordInput.vue.d.ts +2 -2
  132. package/components/input/PasswordInput.vue.js +3 -4
  133. package/components/input/PercentageInput.vue.d.ts +2 -2
  134. package/components/input/PercentageInput.vue.js +3 -4
  135. package/components/input/index.d.ts +36 -2
  136. package/components/menu/Menu.vue.d.ts +6 -1
  137. package/components/menu/Menu.vue.js +10 -8
  138. package/components/menu/index.d.ts +12 -1
  139. package/components/menuItem/MenuItem.vue.d.ts +1 -1
  140. package/components/menuItem/MenuItem.vue.js +3 -4
  141. package/components/menuItem/index.d.ts +1 -1
  142. package/components/popover/Popover.vue.d.ts +6 -1
  143. package/components/popover/Popover.vue.js +11 -9
  144. package/components/popover/index.d.ts +12 -1
  145. package/components/radioButton/RadioButton.vue.d.ts +6 -1
  146. package/components/radioButton/RadioButton.vue.js +24 -17
  147. package/components/radioButton/RadioGroup.vue.d.ts +6 -1
  148. package/components/radioButton/RadioGroup.vue.js +12 -8
  149. package/components/radioButton/index.d.ts +24 -2
  150. package/components/radioButton/useRadio.d.ts +1 -1
  151. package/components/search/Search.vue.d.ts +6 -1
  152. package/components/search/Search.vue.js +27 -21
  153. package/components/search/index.d.ts +12 -1
  154. package/components/skeleton/Skeleton.vue.d.ts +1 -1
  155. package/components/skeleton/Skeleton.vue.js +2 -2
  156. package/components/skeleton/index.d.ts +1 -1
  157. package/components/snackbar/Snackbar.vue.d.ts +1 -1
  158. package/components/snackbar/Snackbar.vue.js +26 -26
  159. package/components/switch/Switch.vue.d.ts +6 -1
  160. package/components/switch/Switch.vue.js +24 -16
  161. package/components/switch/index.d.ts +12 -1
  162. package/components/table/Table.types.d.ts +0 -1
  163. package/components/table/Table.vue.d.ts +6 -11
  164. package/components/table/Table.vue.js +80 -79
  165. package/components/table/TableHeaderSorter.vue.d.ts +1 -1
  166. package/components/table/TableHeaderSorter.vue.js +4 -4
  167. package/components/table/index.d.ts +12 -23
  168. package/components/table-cells/Editable.vue.d.ts +1 -1
  169. package/components/table-cells/Editable.vue.js +4 -4
  170. package/components/table-cells/index.d.ts +1 -1
  171. package/components/tabs/Tabs.vue.d.ts +6 -1
  172. package/components/tabs/Tabs.vue.js +29 -25
  173. package/components/tabs/index.d.ts +12 -1
  174. package/components/textArea/TextArea.vue.d.ts +6 -1
  175. package/components/textArea/TextArea.vue.js +32 -26
  176. package/components/textArea/index.d.ts +12 -1
  177. package/components/toggle/Toggle.vue.d.ts +11 -1
  178. package/components/toggle/Toggle.vue.js +48 -32
  179. package/components/toggle/index.d.ts +23 -1
  180. package/components/tooltip/TextWithTitleContent.vue.d.ts +16 -3
  181. package/components/tooltip/TextWithTitleContent.vue.js +17 -13
  182. package/components/tooltip/Tooltip.vue.d.ts +6 -1
  183. package/components/tooltip/Tooltip.vue.js +18 -15
  184. package/components/tooltip/index.d.ts +12 -1
  185. package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts +1 -1
  186. package/components/typography/Heading.vue.d.ts +6 -1
  187. package/components/typography/Heading.vue.js +10 -7
  188. package/components/typography/Text.vue.d.ts +6 -1
  189. package/components/typography/Text.vue.js +10 -6
  190. package/components/typography/index.d.ts +24 -2
  191. package/consts/regex.d.ts +1 -0
  192. package/consts/regex.vue.js +3 -0
  193. package/consts/style.d.ts +1 -0
  194. package/consts/style.vue.js +3 -0
  195. package/index.vue.js +3 -4
  196. package/package.json +4 -5
  197. package/testids/index.d.ts +146 -0
  198. package/testids/index.vue.js +170 -0
  199. package/utils/style.d.ts +1 -0
  200. package/utils/style.vue.js +5 -0
  201. package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css +0 -1
  202. package/components/icon/icons/TableEdit.vue.d.ts +0 -2
  203. package/components/icon/icons/TableEdit.vue.js +0 -24
  204. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +0 -43
  205. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +0 -123
  206. package/components/table/Pagination.vue.d.ts +0 -43
@@ -1,11 +1,11 @@
1
1
  import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
2
2
  import TextWithTitleContent from './TextWithTitleContent.vue.js';
3
- import '../typography/Heading.vue.js';
4
- import Text from '../typography/Text.vue.js';
3
+ import { TooltipTestIdModifiers } from '../../testids/index.vue.js';
4
+ /* empty css */import Text from '../typography/Text.vue.js';
5
5
  import { Tooltip } from 'floating-vue';
6
6
  /* empty css */
7
7
  import "../../Tooltip.vue_vue_type_style_index_0_lang.css";
8
- const _sfc_main = defineComponent({
8
+ const _sfc_main = /* @__PURE__ */ defineComponent({
9
9
  __name: "Tooltip",
10
10
  props: {
11
11
  text: { default: null },
@@ -15,7 +15,8 @@ const _sfc_main = defineComponent({
15
15
  forceShowWithTruncate: { type: Boolean, default: false },
16
16
  placement: { default: "top" },
17
17
  theme: { default: "default" },
18
- disabled: { type: Boolean, default: false }
18
+ disabled: { type: Boolean, default: false },
19
+ testId: { default: "" }
19
20
  },
20
21
  setup(__props) {
21
22
  const props = __props;
@@ -53,30 +54,32 @@ const _sfc_main = defineComponent({
53
54
  );
54
55
  return (_ctx, _cache) => {
55
56
  return openBlock(), createBlock(unref(Tooltip), mergeProps(_ctx.$props, {
56
- theme: _ctx.theme,
57
+ theme: __props.theme,
57
58
  "no-auto-focus": "",
58
- triggers: _ctx.triggers,
59
- delay: { show: _ctx.delay, hide: 0 },
60
- placement: _ctx.placement,
61
- disabled: _ctx.disabled || _ctx.text && !textForDisplay.value,
59
+ triggers: __props.triggers,
60
+ delay: { show: __props.delay, hide: 0 },
61
+ placement: __props.placement,
62
+ disabled: __props.disabled || __props.text && !textForDisplay.value,
63
+ "data-testid": `${__props.testId}-${unref(TooltipTestIdModifiers).TRIGGER}`,
62
64
  "auto-hide": ""
63
65
  }), {
64
66
  popper: withCtx(() => [
65
67
  renderSlot(_ctx.$slots, "tooltip", { text: textForDisplay.value }, () => [
66
- !_ctx.header ? (openBlock(), createBlock(unref(Text), {
68
+ !__props.header ? (openBlock(), createBlock(unref(Text), {
67
69
  key: 0,
68
70
  size: "sm",
69
71
  "is-truncated": false,
70
- strong: ""
72
+ strong: "",
73
+ "test-id": `${__props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
71
74
  }, {
72
75
  default: withCtx(() => [
73
76
  createTextVNode(toDisplayString(textForDisplay.value), 1)
74
77
  ]),
75
78
  _: 1
76
- })) : (openBlock(), createBlock(TextWithTitleContent, {
79
+ }, 8, ["test-id"])) : (openBlock(), createBlock(TextWithTitleContent, {
77
80
  key: 1,
78
- text: _ctx.text,
79
- header: _ctx.header
81
+ text: __props.text,
82
+ header: __props.header
80
83
  }, null, 8, ["text", "header"]))
81
84
  ])
82
85
  ]),
@@ -90,7 +93,7 @@ const _sfc_main = defineComponent({
90
93
  ], 512)
91
94
  ]),
92
95
  _: 3
93
- }, 16, ["theme", "triggers", "delay", "placement", "disabled"]);
96
+ }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]);
94
97
  };
95
98
  }
96
99
  });
@@ -9,6 +9,11 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
9
9
  } & {
10
10
  default: any;
11
11
  };
12
+ testId: {
13
+ type: import("vue").PropType<string>;
14
+ } & {
15
+ default: string;
16
+ };
12
17
  theme: {
13
18
  type: import("vue").PropType<string>;
14
19
  } & {
@@ -50,6 +55,11 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
50
55
  } & {
51
56
  default: any;
52
57
  };
58
+ testId: {
59
+ type: import("vue").PropType<string>;
60
+ } & {
61
+ default: string;
62
+ };
53
63
  theme: {
54
64
  type: import("vue").PropType<string>;
55
65
  } & {
@@ -83,12 +93,13 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
83
93
  }>>, {
84
94
  header: string;
85
95
  text: string;
96
+ testId: string;
86
97
  theme: string;
87
98
  delay: number;
88
99
  triggers: ("hover" | "click" | "focus" | "touch")[];
89
100
  forceShowWithTruncate: boolean;
90
101
  placement: "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";
91
102
  disabled: boolean;
92
- }, {}>[];
103
+ }>[];
93
104
  export { default as Tooltip } from './Tooltip.vue';
94
105
  export { TooltipTypes };
@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
2
2
  args: unknown;
3
3
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
4
4
  args: unknown;
5
- }>>>, {}, {}>;
5
+ }>>>, {}>;
6
6
  export default _default;
7
7
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
8
8
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,16 +1,21 @@
1
1
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  isTruncated?: boolean;
3
3
  level?: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
4
+ testId?: string;
4
5
  }>, {
5
6
  level: string;
7
+ testId: string;
6
8
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
7
9
  isTruncated?: boolean;
8
10
  level?: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
11
+ testId?: string;
9
12
  }>, {
10
13
  level: string;
14
+ testId: string;
11
15
  }>>>, {
12
16
  level: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
13
- }, {}>;
17
+ testId: string;
18
+ }>;
14
19
  export default _default;
15
20
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
16
21
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,12 +1,14 @@
1
- import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
1
+ import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
2
+ import { HeaderTestIdModifiers } from '../../testids/index.vue.js';
2
3
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
3
4
 
4
5
  import "../../Heading.vue_vue_type_style_index_0_scoped_true_lang.css";
5
- const _sfc_main = defineComponent({
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
7
  __name: "Heading",
7
8
  props: {
8
9
  isTruncated: { type: Boolean },
9
- level: { default: "1" }
10
+ level: { default: "1" },
11
+ testId: { default: "" }
10
12
  },
11
13
  setup(__props) {
12
14
  const props = __props;
@@ -17,17 +19,18 @@ const _sfc_main = defineComponent({
17
19
  return `h${props.level}`;
18
20
  });
19
21
  return (_ctx, _cache) => {
20
- return openBlock(), createBlock(resolveDynamicComponent(tag.value), {
21
- class: normalizeClass(["heading", { truncate: _ctx.isTruncated }])
22
+ return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
23
+ class: normalizeClass(["heading", { truncate: __props.isTruncated }]),
24
+ "data-testid": `${__props.testId}-${unref(HeaderTestIdModifiers).HEADER}`
22
25
  }, {
23
26
  default: withCtx(() => [
24
27
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
25
28
  ]),
26
29
  _: 3
27
- }, 8, ["class"]);
30
+ }, 8, ["class", "data-testid"]);
28
31
  };
29
32
  }
30
33
  });
31
- var Heading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc7b6ce8"]]);
34
+ var Heading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe98da04"]]);
32
35
 
33
36
  export { Heading as default };
@@ -2,17 +2,22 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
2
2
  isTruncated?: boolean;
3
3
  strong?: boolean;
4
4
  size?: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
5
+ testId?: string;
5
6
  }>, {
6
7
  size: string;
8
+ testId: string;
7
9
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
10
  isTruncated?: boolean;
9
11
  strong?: boolean;
10
12
  size?: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
13
+ testId?: string;
11
14
  }>, {
12
15
  size: string;
16
+ testId: string;
13
17
  }>>>, {
14
18
  size: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
15
- }, {}>;
19
+ testId: string;
20
+ }>;
16
21
  export default _default;
17
22
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
18
23
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -1,13 +1,16 @@
1
- import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
1
+ import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
2
+ import { TextTestIdModifiers } from '../../testids/index.vue.js';
2
3
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
3
4
 
4
5
  import "../../Text.vue_vue_type_style_index_0_scoped_true_lang.css";
5
- const _sfc_main = defineComponent({
6
+ const _hoisted_1 = ["data-testid"];
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
8
  __name: "Text",
7
9
  props: {
8
10
  isTruncated: { type: Boolean },
9
11
  strong: { type: Boolean },
10
- size: { default: "md" }
12
+ size: { default: "md" },
13
+ testId: { default: "" }
11
14
  },
12
15
  setup(__props) {
13
16
  const props = __props;
@@ -16,13 +19,14 @@ const _sfc_main = defineComponent({
16
19
  });
17
20
  return (_ctx, _cache) => {
18
21
  return openBlock(), createElementBlock("span", {
19
- class: normalizeClass(["text", { strong: _ctx.strong, [sizeClass.value]: true, truncate: _ctx.isTruncated }])
22
+ class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }]),
23
+ "data-testid": `${__props.testId}-${unref(TextTestIdModifiers).TEXT}`
20
24
  }, [
21
25
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
22
- ], 2);
26
+ ], 10, _hoisted_1);
23
27
  };
24
28
  }
25
29
  });
26
- var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f640dd6"]]);
30
+ var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6659fd26"]]);
27
31
 
28
32
  export { Text as default };
@@ -4,6 +4,11 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
4
4
  } & {
5
5
  default: string;
6
6
  };
7
+ testId: {
8
+ type: import("vue").PropType<string>;
9
+ } & {
10
+ default: string;
11
+ };
7
12
  isTruncated: {
8
13
  type: import("vue").PropType<boolean>;
9
14
  };
@@ -13,12 +18,18 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
13
18
  } & {
14
19
  default: string;
15
20
  };
21
+ testId: {
22
+ type: import("vue").PropType<string>;
23
+ } & {
24
+ default: string;
25
+ };
16
26
  isTruncated: {
17
27
  type: import("vue").PropType<boolean>;
18
28
  };
19
29
  }>>, {
20
30
  level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
21
- }, {}> | import("vue").DefineComponent<{
31
+ testId: string;
32
+ }> | import("vue").DefineComponent<{
22
33
  size: {
23
34
  type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
24
35
  } & {
@@ -27,6 +38,11 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
27
38
  strong: {
28
39
  type: import("vue").PropType<boolean>;
29
40
  };
41
+ testId: {
42
+ type: import("vue").PropType<string>;
43
+ } & {
44
+ default: string;
45
+ };
30
46
  isTruncated: {
31
47
  type: import("vue").PropType<boolean>;
32
48
  };
@@ -39,12 +55,18 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
39
55
  strong: {
40
56
  type: import("vue").PropType<boolean>;
41
57
  };
58
+ testId: {
59
+ type: import("vue").PropType<string>;
60
+ } & {
61
+ default: string;
62
+ };
42
63
  isTruncated: {
43
64
  type: import("vue").PropType<boolean>;
44
65
  };
45
66
  }>>, {
46
67
  size: "md" | "sm" | "lg" | "caption" | "xs";
47
- }, {}>)[];
68
+ testId: string;
69
+ }>)[];
48
70
  export { default as Heading } from './Heading.vue';
49
71
  export { default as Text } from './Text.vue';
50
72
  export { TypographyTypes };
@@ -0,0 +1 @@
1
+ export declare const REGEX_NUMBER_INPUT: RegExp;
@@ -0,0 +1,3 @@
1
+ const REGEX_NUMBER_INPUT = /^[0-9.]*$/;
2
+
3
+ export { REGEX_NUMBER_INPUT };
@@ -0,0 +1 @@
1
+ export declare const PX_TO_REM_RATIO: number;
@@ -0,0 +1,3 @@
1
+ const PX_TO_REM_RATIO = 1 / 16;
2
+
3
+ export { PX_TO_REM_RATIO };
package/index.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Tabs.vue_vue_type_style_index_0_scoped_true_lang.css';
1
+ import './AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css';
2
2
  export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
3
3
  export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
4
4
  export { MenuItemTypes } from './components/menuItem/index.vue.js';
@@ -36,6 +36,8 @@ export { useSearch } from './composables/useSearch.vue.js';
36
36
  export { DateRangeTypes } from './components/dateRange/index.vue.js';
37
37
  export { DatePickerTypes } from './components/datePicker/index.vue.js';
38
38
  export { BannerTypes } from './components/banner/index.vue.js';
39
+ export { default as Popover } from './components/popover/Popover.vue.js';
40
+ export { default as Tooltip } from './components/tooltip/Tooltip.vue.js';
39
41
  export { default as AppTrigger } from './components/appTrigger/AppTrigger.vue.js';
40
42
  export { default as AutocompleteDropdown } from './components/autocompleteDropdown/AutocompleteDropdown.vue.js';
41
43
  export { default as MenuItem } from './components/menuItem/MenuItem.vue.js';
@@ -48,7 +50,6 @@ export { snackbarEmits, snackbarTypes } from './components/snackbar/snackbar.typ
48
50
  export { default as FloatingToolbar } from './components/floatingToolbar/FloatingToolbar.vue.js';
49
51
  export { default as IncludeExclude } from './components/includeExclude/IncludeExclude.vue.js';
50
52
  export { default as IncludeExcludeOption } from './components/includeExclude/IncludeExcludeOption.vue.js';
51
- export { default as IncludeExcludeOptionDraggable } from './components/includeExclude/IncludeExcludeOptionDraggable.vue.js';
52
53
  export { default as IncludeExcludeAppTrigger } from './components/includeExclude/IncludeExcludeAppTrigger.vue.js';
53
54
  export { default as IncludeExcludeAppHeader } from './components/includeExclude/IncludeExcludeAppHeader.vue.js';
54
55
  export { default as IncludeExcludeChipFilter } from './components/includeExclude/IncludeExcludeChipFilter.vue.js';
@@ -78,10 +79,8 @@ export { default as Search } from './components/search/Search.vue.js';
78
79
  export { default as Skeleton } from './components/skeleton/Skeleton.vue.js';
79
80
  export { default as Heading } from './components/typography/Heading.vue.js';
80
81
  export { default as Text } from './components/typography/Text.vue.js';
81
- export { default as Popover } from './components/popover/Popover.vue.js';
82
82
  export { default as Chip } from './components/chip/Chip.vue.js';
83
83
  export { default as Toggle } from './components/toggle/Toggle.vue.js';
84
- export { default as Tooltip } from './components/tooltip/Tooltip.vue.js';
85
84
  export { default as Input } from './components/input/Input.vue.js';
86
85
  export { default as DollarInput } from './components/input/DollarInput.vue.js';
87
86
  export { default as PercentageInput } from './components/input/PercentageInput.vue.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "1.4.2-test.7",
3
+ "version": "1.4.2",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -48,8 +48,7 @@
48
48
  "date-fns": "^2.29.1",
49
49
  "floating-vue": "2.0.0-beta.20",
50
50
  "focus-trap": "^6.9.4",
51
- "vue": "^3.2.31",
52
- "vuedraggable": "^4.1.0"
51
+ "vue": "^3.2.31"
53
52
  },
54
53
  "peerDependencies": {
55
54
  "@vueuse/core": "^8.7.5",
@@ -63,8 +62,6 @@
63
62
  "@babel/core": "7.17.9",
64
63
  "@babel/node": "7.16.8",
65
64
  "@commitlint/cli": "^17.0.3",
66
- "i": "^0.3.7",
67
- "npm": "^8.19.2",
68
65
  "@commitlint/config-conventional": "^17.0.3",
69
66
  "@figus/cli": "^2.0.8",
70
67
  "@mdx-js/react": "^2.1.2",
@@ -104,6 +101,7 @@
104
101
  "happy-dom": "^2.49.0",
105
102
  "http-server": "^14.1.1",
106
103
  "husky": "^8.0.1",
104
+ "i": "^0.3.7",
107
105
  "jest": "^27.5.1",
108
106
  "jest-image-snapshot": "^6.1.0",
109
107
  "jest-puppeteer": "^6.2.0",
@@ -111,6 +109,7 @@
111
109
  "lodash.kebabcase": "^4.1.1",
112
110
  "mustache": "^4.2.0",
113
111
  "nodejs-file-downloader": "^4.10.1",
112
+ "npm": "^8.19.2",
114
113
  "postcss": "^8.4.14",
115
114
  "prettier": "^2.6.0",
116
115
  "prismjs": "^1.29.0",
@@ -0,0 +1,146 @@
1
+ export declare enum IncludeExcludeTestIdModifiers {
2
+ TRIGGER = "ie-trigger",
3
+ CONTENT = "ie-content",
4
+ SEARCH = "ie-search",
5
+ LIST = "ie-list",
6
+ LIST_SELECTED = "ie-list-selected",
7
+ ACTION_CANCEL = "ie-action-cancel",
8
+ ACTION_APPLY = "ie-action-apply",
9
+ SELECT_ALL = "ie-select-all",
10
+ CLEAR_ALL = "ie-clear-all"
11
+ }
12
+ export declare enum DropdownTestIdModifiers {
13
+ TRIGGER = "dd-trigger",
14
+ WRAPPER = "dd-wrapper",
15
+ LABEL = "dd-label",
16
+ LIST_CONTAINER = "dd-list-container",
17
+ SEARCH = "dd-search",
18
+ TITLE = "dd-title",
19
+ ACTION_CANCEL = "dd-action-cancel",
20
+ ACTION_APPLY = "dd-action-apply",
21
+ HELPER_TEXT = "dd-helper-text",
22
+ HELPER_TEXT_ERROR = "dd-helper-text-error"
23
+ }
24
+ export declare enum BannerTestIdModifiers {
25
+ WRAPPER = "banner-wrapper",
26
+ CONTENT = "banner-content"
27
+ }
28
+ export declare enum DialogTestIdModifiers {
29
+ WRAPPER = "dialog-wrapper",
30
+ HEADER = "dialog-header",
31
+ ACTION_CLOSE = "dialog-action-close",
32
+ HEADER_SECONDARY = "dialog-header-secondary",
33
+ CONTENT = "dialog-content",
34
+ ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper",
35
+ BACKDROP = "dialog-backdrop"
36
+ }
37
+ export declare enum InputTestIdModifiers {
38
+ WRAPPER = "input-wrapper",
39
+ TOOLTIP = "input-tooltip",
40
+ MANDATORY = "input-mandatory",
41
+ LABEL_CONTAINER = "input-label-container",
42
+ LABEL_TEXT = "input-label-text",
43
+ FIELD = "input-field",
44
+ EXTRA_TEXT = "input-extra-text"
45
+ }
46
+ export declare enum CheckboxTestIdModifiers {
47
+ WRAPPER = "cb-wrapper",
48
+ LABEL = "cb-label",
49
+ FIELD = "cb-field"
50
+ }
51
+ export declare enum RadioTestIdModifiers {
52
+ FIELD = "radio-field",
53
+ LABEL = "radio-label",
54
+ ERROR_TEXT = "radio-error-text",
55
+ GROUP = "radio-group"
56
+ }
57
+ export declare enum SwitchTestIdModifiers {
58
+ WRAPPER = "swicth-wrapper",
59
+ BUTTON = "swicth-button",
60
+ TEXT = "swicth-text"
61
+ }
62
+ export declare enum TextAreaTestIdModifiers {
63
+ WRAPPER = "ta-wrapper",
64
+ LABEL = "ta-label",
65
+ FIELD = "ta-field",
66
+ TEXT = "ta-text"
67
+ }
68
+ export declare enum SearchTestIdModifiers {
69
+ CONTAINER = "search-container",
70
+ FIELD = "search-field",
71
+ CLOSE = "search-close"
72
+ }
73
+ export declare enum TableTestIdModifiers {
74
+ CONTAINER = "tbl-container",
75
+ TABLE = "tbl-table",
76
+ HEADER = "tbl-header",
77
+ TITLE = "tbl-title",
78
+ HEADER_RIGHT = "tbl-header-right",
79
+ ACTIONS = "tbl-actions",
80
+ SECTIONS = "tbl-sections",
81
+ BODY_WRAPPER = "tbl-body-wrapper",
82
+ EMPTY_STATE = "tbl-empty-state"
83
+ }
84
+ export declare enum ToggleTestIdModifiers {
85
+ WRAPPER = "toggle-wrapper",
86
+ BODY = "toggle-body",
87
+ FIELD = "toggle-field",
88
+ TEXT = "toggle-text",
89
+ HELPER_TEXT = "toggle-helper-text",
90
+ ERROR_TEXT = "toggle-error-text"
91
+ }
92
+ export declare enum TooltipTestIdModifiers {
93
+ TEXT = "tt-text",
94
+ TRIGGER = "tt-trigger"
95
+ }
96
+ export declare enum AppTriggerTestIdModifiers {
97
+ WRAPPER = "at-wrapper",
98
+ TITLE_TEXT = "at-title-text",
99
+ TITLE_TOOLTIP_TEXT = "at-tooltip-text",
100
+ DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text",
101
+ DESCRIPTION_TEXT = "at-description-text",
102
+ TRIGGER_BUTTON = "at-trigger-button"
103
+ }
104
+ export declare enum AutocompleteInputTestIdModifiers {
105
+ WRAPPER = "ai-wrapper",
106
+ SELECTED_OPTION = "ai-selected-option",
107
+ SEARCH_FIELD = "ai-search-field"
108
+ }
109
+ export declare enum ChipTestIdModifiers {
110
+ WRAPPER = "chip-wrapper",
111
+ CLEAR = "chip-clear"
112
+ }
113
+ export declare enum DatePickerTestIdModifiers {
114
+ WRAPPER = "dp-wrapper",
115
+ INPUT = "dp-input"
116
+ }
117
+ export declare enum CalendarMonthTestIdModifiers {
118
+ WRAPPER = "cm-wrapper",
119
+ DAYS_HEADER = "cm-days-header",
120
+ PREVIOUS = "cm-previous",
121
+ NEXT = "cm-next",
122
+ DAYS_WRAPPER = "cm-days-wrapper",
123
+ DAY = "cm-day",
124
+ MONTH_HEADER_TEXT = "cm-month-header-text",
125
+ MONTH_HEADER = "cm-month-header"
126
+ }
127
+ export declare enum DateRangeTestIdModifiers {
128
+ WRAPPER = "dr-wrapper",
129
+ FIELD = "dr-field",
130
+ TRIGGER = "dr-trigger",
131
+ CONTAINER = "dr-container",
132
+ MENU = "dr-menu",
133
+ MESSAGE = "dr-message",
134
+ ACTION_APPLY = "dr-action-apply",
135
+ ACTION_CANCEL = "dr-action-cancel"
136
+ }
137
+ export declare enum TabsTestIdModifiers {
138
+ WRAPPER = "tabs-wrapper",
139
+ TAB = "tabs-tab"
140
+ }
141
+ export declare enum TextTestIdModifiers {
142
+ TEXT = "t-text"
143
+ }
144
+ export declare enum HeaderTestIdModifiers {
145
+ HEADER = "h-header"
146
+ }