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

package/components/input/Input.vue.d.ts

@@ -15,6 +15,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     step?: number;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    onlyDigits?: boolean;
+    testId?: string;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -32,6 +34,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     step: number;
     hoverHelpText: string;
     hoverHelpTextPlacement: string;
+    onlyDigits: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -51,6 +55,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     step?: number;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    onlyDigits?: boolean;
+    testId?: string;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -68,12 +74,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     step: number;
     hoverHelpText: string;
     hoverHelpTextPlacement: string;
+    onlyDigits: boolean;
+    testId: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
     size: 'sm' | 'lg';
     label: string;
     type: 'text' | 'number' | 'password';
+    testId: string;
     disabled: boolean;
     modelValue: string | number;
     placeholder: string;
@@ -87,6 +96,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     step: number;
     hoverHelpText: string;
     hoverHelpTextPlacement: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    onlyDigits: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/input/Input.vue.js

@@ -1,29 +1,30 @@
-import { defineComponent, ref, computed, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, createElementVNode, renderSlot, mergeProps, withKeys, withModifiers } from 'vue';
+import { defineComponent, ref, computed, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, createElementVNode, renderSlot, mergeProps, withKeys, withModifiers } from 'vue';
+import Icon from '../icon/Icon.vue.js';
+import { InputTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-import Icon from '../icon/Icon.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
 /* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
 /* empty css                                                                      */import { useEditableContext } from '../table-cells/EditableContext.vue.js';
 import '@vueuse/core';
-/* empty css                                                                       *//* empty css                                                       */
+/* empty css                                                                       */import { REGEX_NUMBER_INPUT } from '../../consts/regex.vue.js';
+/* empty css                                                       */
 import "../../Input.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "info-icon-wrapper" };
-const _hoisted_2 = {
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = { class: "info-icon-wrapper" };
+const _hoisted_4 = {
   key: 0,
   class: "icon-container icon-before"
 };
-const _hoisted_3 = ["value", "placeholder", "disabled", "type", "step", "onKeyup"];
-const _hoisted_4 = {
+const _hoisted_5 = ["value", "placeholder", "disabled", "type", "step", "data-testid", "onKeyup"];
+const _hoisted_6 = {
   key: 1,
   class: "icon-container icon-after"
 };
-const _hoisted_5 = { key: 2 };
-const _hoisted_6 = { key: 3 };
-const _hoisted_7 = {
-  key: 1,
-  class: "extra-text-container"
-};
+const _hoisted_7 = { key: 2 };
+const _hoisted_8 = { key: 3 };
+const _hoisted_9 = ["data-testid"];
 const __default__ = {
   inheritAttrs: false
 };
@@ -46,7 +47,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hideNumberArrows: { type: Boolean, default: false },
     step: { default: 1 },
     hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" }
+    hoverHelpTextPlacement: { default: "top" },
+    onlyDigits: { type: Boolean, default: false },
+    testId: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -92,34 +95,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       api.onChange?.(event.target.value);
       emit("update:modelValue", event.target.value);
     };
+    const DECIMAL_POINT = ".";
+    const handleKeypress = (event) => {
+      if (props.onlyDigits) {
+        if (!event.key.match(REGEX_NUMBER_INPUT)) {
+          event.preventDefault();
+        } else if (event.key === DECIMAL_POINT && props.modelValue.toString().includes(DECIMAL_POINT)) {
+          event.preventDefault();
+        }
+      }
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({
           "input-with-label-container": true,
           "label-direction-left": __props.labelDirection === "left",
           disabled: __props.disabled
-        })
+        }),
+        "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).WRAPPER}`
       }, [
         __props.label && __props.labelDirection !== "inside" ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(["label-container", "direction-" + __props.labelDirection])
+          class: normalizeClass(["label-container", "direction-" + __props.labelDirection]),
+          "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).LABEL_CONTAINER}`
         }, [
-          createVNode(unref(Text), { class: "label" }, {
+          createVNode(unref(Text), {
+            class: "label",
+            "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).LABEL_TEXT}`
+          }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.label), 1)
             ]),
             _: 1
-          }),
+          }, 8, ["data-testid"]),
           __props.mandatory ? (openBlock(), createBlock(unref(Text), {
             key: 0,
             size: "lg",
-            class: "mandatory"
+            class: "mandatory",
+            "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).MANDATORY}`
           }, {
             default: withCtx(() => [
               createTextVNode("*")
             ]),
             _: 1
-          })) : createCommentVNode("", true),
+          }, 8, ["data-testid"])) : createCommentVNode("", true),
           __props.hoverHelpText ? (openBlock(), createBlock(unref(_sfc_main$1), {
             key: 1,
             triggers: ["hover"],
@@ -129,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             strong: true
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_3, [
                 createVNode(unref(Icon), {
                   class: "info-icon",
                   name: "info",
@@ -139,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["text", "placement"])) : createCommentVNode("", true)
-        ], 2)) : createCommentVNode("", true),
+        ], 10, _hoisted_2)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass({
             "input-container": true,
@@ -148,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             focused: isFocused.value
           })
         }, [
-          _ctx.$slots["iconBefore"] ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          _ctx.$slots["iconBefore"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "iconBefore", {}, void 0, true)
           ])) : createCommentVNode("", true),
           createElementVNode("input", mergeProps(_ctx.$attrs, {
@@ -166,15 +185,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "input-type": __props.type
             }],
             step: __props.step,
+            "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).FIELD}`,
             onInput: handleInput,
             onFocus: _cache[0] || (_cache[0] = ($event) => isFocused.value = true),
             onBlur: _cache[1] || (_cache[1] = ($event) => isFocused.value = false),
-            onKeyup: withKeys(withModifiers(onEnter, ["prevent"]), ["enter"])
-          }), null, 16, _hoisted_3),
-          _ctx.$slots["iconAfter"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            onKeyup: withKeys(withModifiers(onEnter, ["prevent"]), ["enter"]),
+            onKeypress: handleKeypress
+          }), null, 16, _hoisted_5),
+          _ctx.$slots["iconAfter"] ? (openBlock(), createElementBlock("div", _hoisted_6, [
             renderSlot(_ctx.$slots, "iconAfter", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          unref(api)?.confirmable && !unref(api)?.error?.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          unref(api)?.confirmable && !unref(api)?.error?.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
             createVNode(unref(IconButton), {
               class: "confirm-icon",
               theme: "secondary",
@@ -190,9 +211,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["onClick"])
           ])) : createCommentVNode("", true),
-          unref(api)?.error?.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          unref(api)?.error?.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
             createVNode(unref(_sfc_main$1), {
-              text: unref(api)?.error?.value
+              text: unref(api)?.error?.value,
+              "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).TOOLTIP}`
             }, {
               default: withCtx(() => [
                 createVNode(unref(IconButton), {
@@ -210,10 +232,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 1
-            }, 8, ["text"])
+            }, 8, ["text", "data-testid"])
           ])) : createCommentVNode("", true)
         ], 2),
-        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_7, [
+        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "extra-text-container",
+          "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).EXTRA_TEXT}`
+        }, [
           createVNode(unref(Text), {
             class: normalizeClass(__props.feedbackErrorText ? "error" : "help"),
             size: "caption"
@@ -223,11 +249,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["class"])
-        ])) : createCommentVNode("", true)
-      ], 2);
+        ], 8, _hoisted_9)) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e4dac7b"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ccecdef"]]);
 
 export { Input as default };

package/components/input/PasswordInput.vue.d.ts

@@ -1,7 +1,7 @@
 import Input from './Input.vue';
 import { ExtractComponentProps } from '../../utils/extract-props';
 export type PasswordPropsType = Omit<ExtractComponentProps<typeof Input>, 'type' | 'hideNumberArrows' | 'step'>;
-export interface PasswordProps extends /* @vue-ignore */ PasswordPropsType {
+export interface PasswordProps extends PasswordPropsType {
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PasswordProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;

package/components/input/PasswordInput.vue.js

@@ -36,6 +36,6 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ae4974c"]]);
+var PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-da9d5486"]]);
 
 export { PasswordInput as default };

package/components/input/PercentageInput.vue.d.ts

@@ -1,7 +1,7 @@
 import Input from './Input.vue';
 import { ExtractComponentProps } from '../../utils/extract-props';
 export type PercentagePropsType = Omit<ExtractComponentProps<typeof Input>, 'type' | 'hideNumberArrows'>;
-export interface PercentageProps extends /* @vue-ignore */ PercentagePropsType {
+export interface PercentageProps extends PercentagePropsType {
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PercentageProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => void;

package/components/input/PercentageInput.vue.js

@@ -32,6 +32,6 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var PercentageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3841828e"]]);
+var PercentageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7247a0d5"]]);
 
 export { PercentageInput as default };

package/components/input/index.d.ts

@@ -18,6 +18,11 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -83,6 +88,11 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    onlyDigits: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -101,6 +111,11 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -166,12 +181,18 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    onlyDigits: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
     size: "sm" | "lg";
     label: string;
     type: "number" | "text" | "password";
+    testId: string;
     disabled: boolean;
     modelValue: string | number;
     placeholder: string;
@@ -185,6 +206,7 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     step: number;
     hoverHelpText: string;
     hoverHelpTextPlacement: "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";
+    onlyDigits: boolean;
 }> | import("vue").DefineComponent<{
     ref: {
         type: import("vue").PropType<import("vue").VNodeRef>;
@@ -198,6 +220,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     style: {
         type: import("vue").PropType<unknown>;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    };
     key: {
         type: import("vue").PropType<string | number | symbol>;
     };
@@ -296,6 +321,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     hoverHelpTextPlacement: {
         type: import("vue").PropType<"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">;
     };
+    onlyDigits: {
+        type: import("vue").PropType<boolean>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -311,6 +339,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     style: {
         type: import("vue").PropType<unknown>;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+    };
     key: {
         type: import("vue").PropType<string | number | symbol>;
     };
@@ -409,6 +440,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     hoverHelpTextPlacement: {
         type: import("vue").PropType<"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">;
     };
+    onlyDigits: {
+        type: import("vue").PropType<boolean>;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: number) => any;
 }, {}>)[];

package/components/menu/Menu.vue.d.ts

@@ -4,25 +4,30 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     theme?: string;
     skidding?: number;
     container?: string;
+    testId?: string;
 }>, {
     isOnTop: boolean;
     theme: string;
     container: string;
     distance: number;
     skidding: number;
+    testId: string;
 }>, {}, 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<{
     isOnTop?: boolean;
     distance?: number;
     theme?: string;
     skidding?: number;
     container?: string;
+    testId?: string;
 }>, {
     isOnTop: boolean;
     theme: string;
     container: string;
     distance: number;
     skidding: number;
+    testId: string;
 }>>>, {
+    testId: string;
     theme: string;
     isOnTop: boolean;
     distance: number;

package/components/menu/Menu.vue.js

@@ -12,7 +12,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     distance: { default: 0 },
     theme: { default: "dropdown" },
     skidding: { default: 0 },
-    container: { default: "body" }
+    container: { default: "body" },
+    testId: { default: "" }
   },
   setup(__props) {
     const [open, toggle] = useToggle({ initialValue: false });
@@ -42,7 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         flip: "",
         distance: __props.isOnTop ? unref(skiddingOffset) : __props.distance,
         skidding: __props.isOnTop ? -unref(location)?.height / 2 : __props.distance,
-        "auto-hide": false
+        "auto-hide": false,
+        "test-id": __props.testId
       }, {
         popper: withCtx(() => [
           createElementVNode("div", {
@@ -64,10 +66,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 512)
         ]),
         _: 3
-      }, 8, ["shown", "container", "distance", "skidding"]);
+      }, 8, ["shown", "container", "distance", "skidding", "test-id"]);
     };
   }
 });
-var Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e5fd59a4"]]);
+var Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f8ffdce"]]);
 
 export { Menu as default };

package/components/menu/index.d.ts

@@ -1,4 +1,9 @@
 declare const MenuTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     theme: {
         type: import("vue").PropType<string>;
     } & {
@@ -25,6 +30,11 @@ declare const MenuTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     theme: {
         type: import("vue").PropType<string>;
     } & {
@@ -51,6 +61,7 @@ declare const MenuTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    testId: string;
     theme: string;
     isOnTop: boolean;
     distance: number;

package/components/popover/Popover.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    testId?: string;
 }>, {
     trigger: string;
     autoHide: boolean;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement: string;
     distance: number;
     skidding: number;
+    testId: string;
 }>, {}, 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<{
     open: boolean;
     autoHide?: boolean;
@@ -22,6 +24,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    testId?: string;
 }>, {
     trigger: string;
     autoHide: boolean;
@@ -29,7 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placement: string;
     distance: number;
     skidding: number;
+    testId: string;
 }>>>, {
+    testId: string;
     placement: Placement;
     disabled: boolean;
     distance: number;

package/components/popover/Popover.vue.js

@@ -11,7 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     placement: { default: "bottom-start" },
     distance: { default: 0 },
-    skidding: { default: 0 }
+    skidding: { default: 0 },
+    testId: { default: "" }
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -22,7 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         triggers: __props.trigger === "managed" ? [] : [__props.trigger],
         "auto-hide": __props.autoHide,
         distance: __props.distance,
-        skidding: __props.skidding
+        skidding: __props.skidding,
+        "data-testid": __props.testId
       }, {
         popper: withCtx(({ hide }) => [
           renderSlot(_ctx.$slots, "content", { hide })
@@ -31,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "trigger")
         ]),
         _: 3
-      }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding"]);
+      }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]);
     };
   }
 });

package/components/popover/index.d.ts

@@ -1,4 +1,9 @@
 declare const PopoverTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
     } & {
@@ -34,6 +39,11 @@ declare const PopoverTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
     } & {
@@ -69,6 +79,7 @@ declare const PopoverTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    testId: string;
     placement: import("floating-vue").Placement;
     disabled: boolean;
     distance: number;

package/components/radioButton/RadioButton.vue.d.ts

@@ -4,30 +4,35 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     helperText?: string;
     errorText?: string;
     modelValue?: string;
+    testId?: string;
 }>, {
     label: string;
     name: string;
     helperText: string;
     errorText: string;
     modelValue: any;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     name?: string;
     helperText?: string;
     errorText?: string;
     modelValue?: string;
+    testId?: string;
 }>, {
     label: string;
     name: string;
     helperText: string;
     errorText: string;
     modelValue: any;
+    testId: string;
 }>>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     name: string;
     label: string;
+    testId: string;
     modelValue: string;
     helperText: string;
     errorText: string;