@ironsource/shared-ui 2.1.8 → 2.1.9-test.1

package/components/input/v4/index.d.ts

@@ -10,10 +10,10 @@ declare const TextFieldTypes: () => ({
             disabled: boolean;
             size: "small" | "medium" | "large";
             mandatory: boolean;
+            modelValue: string | 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";
             maxLength: number;
-            modelValue: string | number;
             placeholder: string;
             viewOnly: boolean;
             labelDirection: "top" | "inside";
@@ -57,6 +57,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -69,10 +73,6 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: any;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -148,7 +148,7 @@ declare const TextFieldTypes: () => ({
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onApply?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -187,6 +187,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -199,10 +203,6 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: any;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -290,10 +290,10 @@ declare const TextFieldTypes: () => ({
             disabled: boolean;
             size: "small" | "medium" | "large";
             mandatory: boolean;
+            modelValue: string | 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";
             maxLength: number;
-            modelValue: string | number;
             placeholder: string;
             viewOnly: boolean;
             labelDirection: "top" | "inside";
@@ -357,6 +357,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -369,10 +373,6 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<number>;
             default: any;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -479,6 +479,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -491,10 +495,6 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<number>;
         default: any;
     };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-        default: string;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -582,10 +582,10 @@ declare const TextFieldTypes: () => ({
     disabled: boolean;
     size: "small" | "medium" | "large";
     mandatory: boolean;
+    modelValue: string | 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";
     maxLength: number;
-    modelValue: string | number;
     placeholder: string;
     viewOnly: boolean;
     labelDirection: "top" | "inside";

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

@@ -31,8 +31,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: number;
     container: string;
-    isOnTop: boolean;
     skidding: number;
+    isOnTop: boolean;
 }>, {
     trigger?(_: {}): any;
     default?(_: {}): any;

package/components/menu/index.d.ts

@@ -7,8 +7,8 @@ declare const MenuTypes: () => ({
             testId: string;
             distance: number;
             container: string;
-            isOnTop: boolean;
             skidding: number;
+            isOnTop: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             theme: {
                 type: import("vue").PropType<string>;
@@ -26,15 +26,15 @@ declare const MenuTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOnTop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "distance" | "container" | "isOnTop" | "skidding">;
+            isOnTop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "distance" | "container" | "skidding" | "isOnTop">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -65,21 +65,21 @@ declare const MenuTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            isOnTop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            isOnTop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             theme: string;
             testId: string;
             distance: number;
             container: string;
-            isOnTop: boolean;
             skidding: number;
+            isOnTop: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -117,14 +117,14 @@ declare const MenuTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        isOnTop: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        isOnTop: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -146,21 +146,21 @@ declare const MenuTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    isOnTop: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     theme: string;
     testId: string;
     distance: number;
     container: string;
-    isOnTop: boolean;
     skidding: number;
+    isOnTop: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         trigger?(_: {}): any;

package/components/multibar/MultiBar.vue.d.ts

@@ -42,8 +42,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     zIndex: number;
 }>>> & {
-    onClose?: () => any;
     "onUpdate:modelValue"?: (value: unknown) => any;
+    onClose?: () => any;
     onAction?: (action: MultiBarAction) => any;
 }, {
     testId: string;

package/components/multibar/MultiBar.vue2.js

@@ -4,6 +4,7 @@ import E from "../typography/v4/Typography.vue.js";
 import S from "../button/v4/ButtonV4.vue.js";
 import P from "../button/v4/IconButtonV4.vue.js";
 import "../button/v4/ButtonGroup.vue.js";
+import "../button/v4/ToggleButtonGroupAB.vue.js";
 import w from "./MultiBarMenu.vue.js";
 import { useTestIdAttrs as L } from "../../utils/testIds.js";
 import { MultiBarTestIdModifiers as n } from "../../testids/index.js";
@@ -12,7 +13,7 @@ const O = { class: "multi-bar-panel" }, R = {
   class: "count-text"
 }, D = {
   inheritAttrs: !1
-}, Y = /* @__PURE__ */ k({
+}, Z = /* @__PURE__ */ k({
   ...D,
   __name: "MultiBar",
   props: {
@@ -100,5 +101,5 @@ const O = { class: "multi-bar-panel" }, R = {
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/components/multibar/index.d.ts

@@ -16,14 +16,14 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-    actions: {
-        type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
-        default: () => any[];
-    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
     };
+    actions: {
+        type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
+        default: () => any[];
+    };
     appendToBody: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -57,14 +57,14 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-    actions: {
-        type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
-        default: () => any[];
-    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
     };
+    actions: {
+        type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
+        default: () => any[];
+    };
     appendToBody: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -78,8 +78,8 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
-    onClose?: () => any;
     "onUpdate:modelValue"?: (value: unknown) => any;
+    onClose?: () => any;
     onAction?: (action: import("./MultiBar.types").MultiBarAction) => any;
 }, {
     testId: string;

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

@@ -39,8 +39,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     distance: number;
     autoHide: boolean;
-    skidding: number;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
+    skidding: number;
 }>, {
     trigger?(_: {}): any;
     content?(_: {

package/components/popover/v3/index.d.ts

@@ -8,8 +8,8 @@ declare const PopoverTypes: () => ({
             disabled: boolean;
             distance: number;
             autoHide: boolean;
-            skidding: number;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
+            skidding: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             testId: {
                 type: import("vue").PropType<string>;
@@ -35,15 +35,15 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "skidding" | "trigger">;
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "trigger" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -82,22 +82,22 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
             };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             testId: string;
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
             autoHide: boolean;
-            skidding: number;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
+            skidding: number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -143,14 +143,14 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<boolean>;
             required: true;
         };
-        skidding: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
         };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -180,22 +180,22 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<boolean>;
         required: true;
     };
-    skidding: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     trigger: {
         type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
         default: string;
     };
+    skidding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     testId: string;
     placement: import("floating-vue").Placement;
     disabled: boolean;
     distance: number;
     autoHide: boolean;
-    skidding: number;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
+    skidding: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         trigger?(_: {}): any;

package/components/popover/v4/PopoverV4.vue.d.ts

@@ -17,7 +17,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     testId: string;
     popperClass: 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<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    isOpen: (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -35,15 +37,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     testId: string;
     popperClass: string;
-}>>>, {
+}>>> & {
+    onIsOpen?: (value: boolean) => any;
+}, {
     testId: string;
     placement: Placement;
     disabled: boolean;
     distance: number;
     popperClass: string;
     autoHide: boolean;
-    skidding: number;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
+    skidding: number;
 }>, {
     trigger?(_: {}): any;
     content?(_: {}): any;

package/components/popover/v4/PopoverV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./PopoverV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css"; //*');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c54cd089"]]);
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-74bbce13"]]);
 export {
-  r as default
+  s as default
 };

package/components/popover/v4/PopoverV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css"; import { defineComponent as u, openBlock as d, createBlock as m, unref as t, withCtx as i, createElementBlock as f, renderSlot as n, createCommentVNode as g, createElementVNode as c } from "vue";
-import { Dropdown as k } from "floating-vue";
-import { popoverCommon as v } from "../common/Popover.common.js";
-const w = /* @__PURE__ */ u({
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css"; import { defineComponent as m, watch as c, openBlock as d, createBlock as f, unref as o, withCtx as i, createElementBlock as g, renderSlot as n, createCommentVNode as k, createElementVNode as v } from "vue";
+import { Dropdown as h } from "floating-vue";
+import { popoverCommon as C } from "../common/Popover.common.js";
+const w = ["data-testid"], b = /* @__PURE__ */ m({
   __name: "PopoverV4",
   props: {
     autoHide: { type: Boolean, default: !1 },
@@ -13,42 +13,45 @@ const w = /* @__PURE__ */ u({
     testId: { default: "" },
     popperClass: { default: "" }
   },
-  setup(e) {
-    const { popup: p, open: o, toggle: l, triggerRef: s } = v();
-    return (r, a) => (d(), m(t(k), {
+  emits: ["isOpen"],
+  setup(e, { emit: p }) {
+    const { popup: s, open: t, toggle: l, triggerRef: u } = C();
+    return c(t, () => {
+      p("isOpen", t.value);
+    }), (a, r) => (d(), f(o(h), {
       theme: "custom-popover",
       placement: e.placement,
-      shown: !!t(o),
+      shown: !!o(t),
       triggers: e.trigger === "managed" ? [] : [e.trigger],
       "auto-hide": e.autoHide,
       distance: e.distance,
       skidding: e.skidding,
-      "data-testid": e.testId,
       "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
     }, {
       popper: i(() => [
-        t(o) ? (d(), f("div", {
+        o(t) ? (d(), g("div", {
           key: 0,
           ref_key: "popup",
-          ref: p,
-          class: "menu-popup"
+          ref: s,
+          class: "menu-popup",
+          "data-testid": e.testId
         }, [
-          n(r.$slots, "content", {}, void 0, !0)
-        ], 512)) : g("", !0)
+          n(a.$slots, "content", {}, void 0, !0)
+        ], 8, w)) : k("", !0)
       ]),
       default: i(() => [
-        c("div", {
+        v("div", {
           ref_key: "triggerRef",
-          ref: s,
-          onClick: a[0] || (a[0] = (h) => t(l)(!t(o)))
+          ref: u,
+          onClick: r[0] || (r[0] = (y) => o(l)(!o(t)))
         }, [
-          n(r.$slots, "trigger", {}, void 0, !0)
+          n(a.$slots, "trigger", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
-    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid", "popper-class"]));
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "popper-class"]));
   }
 });
 export {
-  w as default
+  b as default
 };