@ironsource/shared-ui 1.4.2-test.9 → 1.4.3-rc.0

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 (157) 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/Editable.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  17. package/FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
  18. package/FiltersPanel.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 +37 -22
  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/appTrigger/AppTrigger.vue.d.ts +5 -0
  37. package/components/appTrigger/AppTrigger.vue.js +29 -16
  38. package/components/appTrigger/index.d.ts +11 -0
  39. package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +5 -0
  40. package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +7 -4
  41. package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts +5 -0
  42. package/components/autocompleteDropdown/AutocompleteInput.vue.js +12 -6
  43. package/components/autocompleteDropdown/index.d.ts +11 -0
  44. package/components/banner/Banner.vue.d.ts +9 -0
  45. package/components/banner/Banner.vue.js +20 -9
  46. package/components/banner/index.d.ts +9 -0
  47. package/components/button/Button.vue.d.ts +5 -0
  48. package/components/button/Button.vue.js +6 -4
  49. package/components/button/index.d.ts +17 -6
  50. package/components/checkbox/Checkbox.vue.d.ts +5 -0
  51. package/components/checkbox/Checkbox.vue.js +20 -14
  52. package/components/checkbox/index.d.ts +11 -0
  53. package/components/chip/Chip.vue.d.ts +5 -0
  54. package/components/chip/Chip.vue.js +12 -7
  55. package/components/chip/index.d.ts +11 -0
  56. package/components/datePicker/DatePicker.vue.d.ts +5 -0
  57. package/components/datePicker/DatePicker.vue.js +11 -6
  58. package/components/datePicker/DatePickerMonth.vue.d.ts +5 -0
  59. package/components/datePicker/DatePickerMonth.vue.js +5 -3
  60. package/components/datePicker/index.d.ts +11 -0
  61. package/components/dateRange/CalendarMonth.vue.d.ts +5 -0
  62. package/components/dateRange/CalendarMonth.vue.js +39 -21
  63. package/components/dateRange/DateRange.vue.d.ts +5 -0
  64. package/components/dateRange/DateRange.vue.js +49 -36
  65. package/components/dateRange/DateRangePicker.vue.d.ts +5 -0
  66. package/components/dateRange/index.d.ts +11 -0
  67. package/components/dialog/Dialog.vue.d.ts +5 -0
  68. package/components/dialog/Dialog.vue.js +38 -23
  69. package/components/dialog/index.d.ts +11 -0
  70. package/components/dropdown/Dropdown.vue.d.ts +5 -0
  71. package/components/dropdown/Dropdown.vue.js +62 -35
  72. package/components/dropdown/index.d.ts +11 -0
  73. package/components/emptyState/index.d.ts +3 -3
  74. package/components/filterDropdown/AddFilterButton.vue.d.ts +2 -0
  75. package/components/filterDropdown/AddFilterButton.vue.js +6 -4
  76. package/components/filterDropdown/FilterDropdown.vue.d.ts +5 -0
  77. package/components/filterDropdown/FilterDropdown.vue.js +8 -5
  78. package/components/filterDropdown/index.d.ts +17 -0
  79. package/components/filtersPanel/FiltersPanel.vue.d.ts +5 -0
  80. package/components/filtersPanel/FiltersPanel.vue.js +7 -4
  81. package/components/icon/Icon.vue.js +0 -1
  82. package/components/icon/icons/index.d.ts +0 -3
  83. package/components/icon/icons/index.vue.js +0 -3
  84. package/components/icon/index.d.ts +0 -3
  85. package/components/includeExclude/IncludeExclude.vue.d.ts +5 -13
  86. package/components/includeExclude/IncludeExclude.vue.js +86 -134
  87. package/components/includeExclude/IncludeExcludeAppHeader.vue.js +3 -4
  88. package/components/includeExclude/IncludeExcludeChipFilter.vue.js +2 -2
  89. package/components/includeExclude/includeExcludeMocks.d.ts +0 -12
  90. package/components/includeExclude/index.d.ts +23 -27
  91. package/components/includeExclude/index.vue.js +0 -3
  92. package/components/input/DollarInput.vue.d.ts +1 -1
  93. package/components/input/DollarInput.vue.js +1 -1
  94. package/components/input/Input.vue.d.ts +10 -0
  95. package/components/input/Input.vue.js +61 -35
  96. package/components/input/PasswordInput.vue.d.ts +1 -1
  97. package/components/input/PasswordInput.vue.js +1 -1
  98. package/components/input/PercentageInput.vue.d.ts +1 -1
  99. package/components/input/PercentageInput.vue.js +1 -1
  100. package/components/input/index.d.ts +34 -0
  101. package/components/menu/Menu.vue.d.ts +5 -0
  102. package/components/menu/Menu.vue.js +6 -4
  103. package/components/menu/index.d.ts +11 -0
  104. package/components/popover/Popover.vue.d.ts +5 -0
  105. package/components/popover/Popover.vue.js +5 -3
  106. package/components/popover/index.d.ts +11 -0
  107. package/components/radioButton/RadioButton.vue.d.ts +5 -0
  108. package/components/radioButton/RadioButton.vue.js +15 -8
  109. package/components/radioButton/RadioGroup.vue.d.ts +5 -0
  110. package/components/radioButton/RadioGroup.vue.js +9 -5
  111. package/components/radioButton/index.d.ts +22 -0
  112. package/components/search/Search.vue.d.ts +5 -0
  113. package/components/search/Search.vue.js +13 -7
  114. package/components/search/index.d.ts +11 -0
  115. package/components/switch/Switch.vue.d.ts +5 -0
  116. package/components/switch/Switch.vue.js +17 -9
  117. package/components/switch/index.d.ts +11 -0
  118. package/components/table/Table.types.d.ts +0 -1
  119. package/components/table/Table.vue.d.ts +5 -10
  120. package/components/table/Table.vue.js +56 -52
  121. package/components/table/index.d.ts +11 -22
  122. package/components/table-cells/Editable.vue.js +1 -1
  123. package/components/tabs/Tabs.vue.d.ts +5 -0
  124. package/components/tabs/Tabs.vue.js +20 -15
  125. package/components/tabs/index.d.ts +11 -0
  126. package/components/textArea/TextArea.vue.d.ts +5 -0
  127. package/components/textArea/TextArea.vue.js +23 -16
  128. package/components/textArea/index.d.ts +11 -0
  129. package/components/toggle/Toggle.vue.d.ts +10 -0
  130. package/components/toggle/Toggle.vue.js +37 -20
  131. package/components/toggle/index.d.ts +22 -0
  132. package/components/tooltip/TextWithTitleContent.vue.d.ts +16 -3
  133. package/components/tooltip/TextWithTitleContent.vue.js +11 -6
  134. package/components/tooltip/Tooltip.vue.d.ts +5 -0
  135. package/components/tooltip/Tooltip.vue.js +8 -4
  136. package/components/tooltip/index.d.ts +11 -0
  137. package/components/typography/Heading.vue.d.ts +5 -0
  138. package/components/typography/Heading.vue.js +7 -4
  139. package/components/typography/Text.vue.d.ts +5 -0
  140. package/components/typography/Text.vue.js +8 -4
  141. package/components/typography/index.d.ts +22 -0
  142. package/consts/regex.d.ts +1 -0
  143. package/consts/regex.vue.js +3 -0
  144. package/consts/style.d.ts +1 -0
  145. package/consts/style.vue.js +3 -0
  146. package/index.vue.js +1 -2
  147. package/package.json +4 -5
  148. package/testids/index.d.ts +146 -0
  149. package/testids/index.vue.js +170 -0
  150. package/utils/style.d.ts +1 -0
  151. package/utils/style.vue.js +5 -0
  152. package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css +0 -1
  153. package/components/icon/icons/TableEdit.vue.d.ts +0 -2
  154. package/components/icon/icons/TableEdit.vue.js +0 -24
  155. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +0 -43
  156. package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +0 -122
  157. package/components/table/Pagination.vue.d.ts +0 -43
@@ -5,14 +5,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
5
5
  errorText?: string;
6
6
  helperText?: string;
7
7
  isDisabled?: boolean;
8
+ isLoading?: boolean;
8
9
  color?: string;
10
+ testId?: string;
9
11
  }>, {
10
12
  activeText: any;
11
13
  inactiveText: any;
12
14
  errorText: any;
13
15
  helperText: any;
14
16
  isDisabled: boolean;
17
+ isLoading: boolean;
15
18
  color: string;
19
+ testId: string;
16
20
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
17
21
  "update:modelValue": (value: boolean) => void;
18
22
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -22,19 +26,25 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
22
26
  errorText?: string;
23
27
  helperText?: string;
24
28
  isDisabled?: boolean;
29
+ isLoading?: boolean;
25
30
  color?: string;
31
+ testId?: string;
26
32
  }>, {
27
33
  activeText: any;
28
34
  inactiveText: any;
29
35
  errorText: any;
30
36
  helperText: any;
31
37
  isDisabled: boolean;
38
+ isLoading: boolean;
32
39
  color: string;
40
+ testId: string;
33
41
  }>>> & {
34
42
  "onUpdate:modelValue"?: (value: boolean) => any;
35
43
  }, {
44
+ testId: string;
36
45
  helperText: string;
37
46
  color: string;
47
+ isLoading: boolean;
38
48
  errorText: string;
39
49
  activeText: string;
40
50
  inactiveText: string;
@@ -1,16 +1,14 @@
1
- import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, pushScopeId, popScopeId } from 'vue';
1
+ import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, unref, normalizeClass, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
2
+ import { ToggleTestIdModifiers } from '../../testids/index.vue.js';
2
3
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
3
4
  import Text from '../typography/Text.vue.js';
4
5
  import { COLORS } from '../../consts/colors.vue.js';
5
6
  /* empty css */
6
7
  import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
7
- const _withScopeId = (n) => (pushScopeId("data-v-6627e5c5"), n = n(), popScopeId(), n);
8
- const _hoisted_1 = { class: "toggle-wrap" };
9
- const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "toggle-head" }, null, -1));
10
- const _hoisted_3 = [
11
- _hoisted_2
12
- ];
13
- const _hoisted_4 = ["disabled", "checked"];
8
+ const _hoisted_1 = ["data-testid"];
9
+ const _hoisted_2 = ["data-testid"];
10
+ const _hoisted_3 = { class: "toggle-head" };
11
+ const _hoisted_4 = ["disabled", "checked", "data-testid"];
14
12
  const _sfc_main = /* @__PURE__ */ defineComponent({
15
13
  __name: "Toggle",
16
14
  props: {
@@ -20,13 +18,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
20
18
  errorText: { default: void 0 },
21
19
  helperText: { default: void 0 },
22
20
  isDisabled: { type: Boolean, default: false },
23
- color: { default: COLORS.PRIMARY_500 }
21
+ isLoading: { type: Boolean, default: false },
22
+ color: { default: COLORS.PRIMARY_500 },
23
+ testId: { default: "" }
24
24
  },
25
25
  emits: ["update:modelValue"],
26
26
  setup(__props, { emit }) {
27
27
  const props = __props;
28
28
  useCssVars((_ctx) => ({
29
- "a1fed734": __props.color
29
+ "189a2944": __props.color
30
30
  }));
31
31
  const toggleValue = () => {
32
32
  if (props.isDisabled)
@@ -35,54 +35,71 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
35
35
  };
36
36
  return (_ctx, _cache) => {
37
37
  return openBlock(), createElementBlock("div", null, [
38
- createElementVNode("div", _hoisted_1, [
38
+ createElementVNode("div", {
39
+ class: "toggle-wrap",
40
+ "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).WRAPPER}`
41
+ }, [
39
42
  createElementVNode("div", {
40
43
  class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
44
+ "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).BODY}`,
41
45
  onClick: toggleValue
42
- }, _hoisted_3, 2),
46
+ }, [
47
+ createElementVNode("div", _hoisted_3, [
48
+ __props.isLoading ? (openBlock(), createElementBlock("span", {
49
+ key: 0,
50
+ class: normalizeClass(["loader", {
51
+ "loader-active": __props.modelValue
52
+ }])
53
+ }, null, 2)) : createCommentVNode("", true)
54
+ ])
55
+ ], 10, _hoisted_2),
43
56
  createElementVNode("input", {
44
57
  type: "checkbox",
45
58
  disabled: __props.isDisabled,
46
59
  checked: __props.modelValue,
60
+ "data-testid": `${__props.testId}-${unref(ToggleTestIdModifiers).FIELD}`,
47
61
  class: "checkbox"
48
62
  }, null, 8, _hoisted_4),
49
63
  createVNode(unref(Text), {
50
64
  size: "sm",
51
65
  "is-truncated": "",
52
- class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }])
66
+ class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }]),
67
+ "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).TEXT}`
53
68
  }, {
54
69
  default: withCtx(() => [
55
70
  createTextVNode(toDisplayString(__props.modelValue ? __props.activeText : __props.inactiveText), 1)
56
71
  ]),
57
72
  _: 1
58
- }, 8, ["class"])
59
- ]),
73
+ }, 8, ["class", "test-id"])
74
+ ], 8, _hoisted_1),
60
75
  createElementVNode("div", null, [
61
76
  __props.helperText ? (openBlock(), createBlock(unref(Text), {
62
77
  key: 0,
63
78
  size: "caption",
64
- class: "helper-text"
79
+ class: "helper-text",
80
+ "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).HELPER_TEXT}`
65
81
  }, {
66
82
  default: withCtx(() => [
67
83
  createTextVNode(toDisplayString(__props.helperText), 1)
68
84
  ]),
69
85
  _: 1
70
- })) : createCommentVNode("", true),
86
+ }, 8, ["test-id"])) : createCommentVNode("", true),
71
87
  __props.errorText ? (openBlock(), createBlock(unref(Text), {
72
88
  key: 1,
73
89
  size: "caption",
74
- class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }])
90
+ class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }]),
91
+ "test-id": `${__props.testId}-${unref(ToggleTestIdModifiers).ERROR_TEXT}`
75
92
  }, {
76
93
  default: withCtx(() => [
77
94
  createTextVNode(toDisplayString(__props.errorText), 1)
78
95
  ]),
79
96
  _: 1
80
- }, 8, ["class"])) : createCommentVNode("", true)
97
+ }, 8, ["class", "test-id"])) : createCommentVNode("", true)
81
98
  ])
82
99
  ]);
83
100
  };
84
101
  }
85
102
  });
86
- var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6627e5c5"]]);
103
+ var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b2024eb"]]);
87
104
 
88
105
  export { Toggle as default };
@@ -1,4 +1,9 @@
1
1
  declare const ToggleTypes: () => import("vue").DefineComponent<{
2
+ testId: {
3
+ type: import("vue").PropType<string>;
4
+ } & {
5
+ default: string;
6
+ };
2
7
  modelValue: {
3
8
  type: import("vue").PropType<boolean>;
4
9
  required: true;
@@ -13,6 +18,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
13
18
  } & {
14
19
  default: string;
15
20
  };
21
+ isLoading: {
22
+ type: import("vue").PropType<boolean>;
23
+ } & {
24
+ default: boolean;
25
+ };
16
26
  errorText: {
17
27
  type: import("vue").PropType<string>;
18
28
  } & {
@@ -36,6 +46,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
36
46
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
37
47
  "update:modelValue": (value: boolean) => void;
38
48
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
49
+ testId: {
50
+ type: import("vue").PropType<string>;
51
+ } & {
52
+ default: string;
53
+ };
39
54
  modelValue: {
40
55
  type: import("vue").PropType<boolean>;
41
56
  required: true;
@@ -50,6 +65,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
50
65
  } & {
51
66
  default: string;
52
67
  };
68
+ isLoading: {
69
+ type: import("vue").PropType<boolean>;
70
+ } & {
71
+ default: boolean;
72
+ };
53
73
  errorText: {
54
74
  type: import("vue").PropType<string>;
55
75
  } & {
@@ -73,8 +93,10 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
73
93
  }>> & {
74
94
  "onUpdate:modelValue"?: (value: boolean) => any;
75
95
  }, {
96
+ testId: string;
76
97
  helperText: string;
77
98
  color: string;
99
+ isLoading: boolean;
78
100
  errorText: string;
79
101
  activeText: string;
80
102
  inactiveText: string;
@@ -1,10 +1,18 @@
1
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
1
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  text: string;
3
3
  header: string;
4
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
4
+ testId?: string;
5
+ }>, {
6
+ testId: string;
7
+ }>, {}, 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<{
5
8
  text: string;
6
9
  header: string;
7
- }>>>, {}>;
10
+ testId?: string;
11
+ }>, {
12
+ testId: string;
13
+ }>>>, {
14
+ testId: string;
15
+ }>;
8
16
  export default _default;
9
17
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
10
18
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -15,3 +23,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
15
23
  required: true;
16
24
  };
17
25
  };
26
+ type __VLS_WithDefaults<P, D> = {
27
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
28
+ default: D[K];
29
+ } : P[K];
30
+ };
@@ -1,4 +1,5 @@
1
1
  import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
2
+ import { TooltipTestIdModifiers } from '../../testids/index.vue.js';
2
3
  /* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
3
4
  import Text from '../typography/Text.vue.js';
4
5
  /* empty css */
@@ -10,39 +11,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
10
11
  __name: "TextWithTitleContent",
11
12
  props: {
12
13
  text: null,
13
- header: null
14
+ header: null,
15
+ testId: { default: "" }
14
16
  },
15
17
  setup(__props) {
18
+ const props = __props;
16
19
  return (_ctx, _cache) => {
17
20
  return openBlock(), createElementBlock("div", _hoisted_1, [
18
21
  createElementVNode("div", _hoisted_2, [
19
22
  createVNode(unref(Text), {
20
23
  size: "md",
21
24
  "is-truncated": false,
22
- strong: ""
25
+ strong: "",
26
+ "test-id": `${props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
23
27
  }, {
24
28
  default: withCtx(() => [
25
29
  createTextVNode(toDisplayString(__props.header), 1)
26
30
  ]),
27
31
  _: 1
28
- })
32
+ }, 8, ["test-id"])
29
33
  ]),
30
34
  createElementVNode("div", _hoisted_3, [
31
35
  createVNode(unref(Text), {
32
36
  size: "xs",
33
37
  "is-truncated": false,
34
- strong: ""
38
+ strong: "",
39
+ "test-id": `${props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
35
40
  }, {
36
41
  default: withCtx(() => [
37
42
  createTextVNode(toDisplayString(__props.text), 1)
38
43
  ]),
39
44
  _: 1
40
- })
45
+ }, 8, ["test-id"])
41
46
  ])
42
47
  ]);
43
48
  };
44
49
  }
45
50
  });
46
- var TextWithTitleContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b51333e"]]);
51
+ var TextWithTitleContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aef63464"]]);
47
52
 
48
53
  export { TextWithTitleContent as default };
@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
7
7
  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";
8
8
  theme?: string;
9
9
  disabled?: boolean;
10
+ testId?: string;
10
11
  }>, {
11
12
  text: any;
12
13
  header: any;
@@ -16,6 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
16
17
  placement: string;
17
18
  theme: string;
18
19
  disabled: boolean;
20
+ testId: string;
19
21
  }>, {}, 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<{
20
22
  text?: string;
21
23
  header?: string;
@@ -25,6 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
25
27
  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";
26
28
  theme?: string;
27
29
  disabled?: boolean;
30
+ testId?: string;
28
31
  }>, {
29
32
  text: any;
30
33
  header: any;
@@ -34,9 +37,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
34
37
  placement: string;
35
38
  theme: string;
36
39
  disabled: boolean;
40
+ testId: string;
37
41
  }>>>, {
38
42
  header: string;
39
43
  text: string;
44
+ testId: string;
40
45
  theme: string;
41
46
  delay: number;
42
47
  triggers: ("hover" | "click" | "focus" | "touch")[];
@@ -1,5 +1,6 @@
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 { TooltipTestIdModifiers } from '../../testids/index.vue.js';
3
4
  /* empty css */import Text from '../typography/Text.vue.js';
4
5
  import { Tooltip } from 'floating-vue';
5
6
  /* empty css */
@@ -14,7 +15,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
14
15
  forceShowWithTruncate: { type: Boolean, default: false },
15
16
  placement: { default: "top" },
16
17
  theme: { default: "default" },
17
- disabled: { type: Boolean, default: false }
18
+ disabled: { type: Boolean, default: false },
19
+ testId: { default: "" }
18
20
  },
19
21
  setup(__props) {
20
22
  const props = __props;
@@ -58,6 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
58
60
  delay: { show: __props.delay, hide: 0 },
59
61
  placement: __props.placement,
60
62
  disabled: __props.disabled || __props.text && !textForDisplay.value,
63
+ "data-testid": `${__props.testId}-${unref(TooltipTestIdModifiers).TRIGGER}`,
61
64
  "auto-hide": ""
62
65
  }), {
63
66
  popper: withCtx(() => [
@@ -66,13 +69,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
66
69
  key: 0,
67
70
  size: "sm",
68
71
  "is-truncated": false,
69
- strong: ""
72
+ strong: "",
73
+ "test-id": `${__props.testId}-${unref(TooltipTestIdModifiers).TEXT}`
70
74
  }, {
71
75
  default: withCtx(() => [
72
76
  createTextVNode(toDisplayString(textForDisplay.value), 1)
73
77
  ]),
74
78
  _: 1
75
- })) : (openBlock(), createBlock(TextWithTitleContent, {
79
+ }, 8, ["test-id"])) : (openBlock(), createBlock(TextWithTitleContent, {
76
80
  key: 1,
77
81
  text: __props.text,
78
82
  header: __props.header
@@ -89,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
89
93
  ], 512)
90
94
  ]),
91
95
  _: 3
92
- }, 16, ["theme", "triggers", "delay", "placement", "disabled"]);
96
+ }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]);
93
97
  };
94
98
  }
95
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,6 +93,7 @@ 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")[];
@@ -1,15 +1,20 @@
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';
17
+ testId: string;
13
18
  }>;
14
19
  export default _default;
15
20
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,4 +1,5 @@
1
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";
@@ -6,7 +7,8 @@ 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;
@@ -18,16 +20,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
18
20
  });
19
21
  return (_ctx, _cache) => {
20
22
  return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
21
- class: normalizeClass(["heading", { truncate: __props.isTruncated }])
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,16 +2,21 @@ 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';
19
+ testId: string;
15
20
  }>;
16
21
  export default _default;
17
22
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,13 +1,16 @@
1
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";
6
+ const _hoisted_1 = ["data-testid"];
5
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 = /* @__PURE__ */ defineComponent({
16
19
  });
17
20
  return (_ctx, _cache) => {
18
21
  return openBlock(), createElementBlock("span", {
19
- class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.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,11 +18,17 @@ 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";
31
+ testId: string;
21
32
  }> | import("vue").DefineComponent<{
22
33
  size: {
23
34
  type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
@@ -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,11 +55,17 @@ 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";
68
+ testId: string;
47
69
  }>)[];
48
70
  export { default as Heading } from './Heading.vue';
49
71
  export { default as Text } from './Text.vue';
@@ -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 './GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css';
1
+ import './PercentageInput.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';
@@ -50,7 +50,6 @@ export { snackbarEmits, snackbarTypes } from './components/snackbar/snackbar.typ
50
50
  export { default as FloatingToolbar } from './components/floatingToolbar/FloatingToolbar.vue.js';
51
51
  export { default as IncludeExclude } from './components/includeExclude/IncludeExclude.vue.js';
52
52
  export { default as IncludeExcludeOption } from './components/includeExclude/IncludeExcludeOption.vue.js';
53
- export { default as IncludeExcludeOptionDraggable } from './components/includeExclude/IncludeExcludeOptionDraggable.vue.js';
54
53
  export { default as IncludeExcludeAppTrigger } from './components/includeExclude/IncludeExcludeAppTrigger.vue.js';
55
54
  export { default as IncludeExcludeAppHeader } from './components/includeExclude/IncludeExcludeAppHeader.vue.js';
56
55
  export { default as IncludeExcludeChipFilter } from './components/includeExclude/IncludeExcludeChipFilter.vue.js';