@ironsource/shared-ui 2.1.11-rc.15 → 2.1.11-rc.17

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

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

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

@@ -8,8 +8,9 @@ declare const PopoverTypes: () => ({
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
-            popperClass: string;
             autoHide: boolean;
+            popperClass: string;
+            isOpen: boolean;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
             skidding: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -29,11 +30,15 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             popperClass: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            autoHide: {
+            isOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
@@ -47,7 +52,7 @@ declare const PopoverTypes: () => ({
             };
         }>> & {
             onIsOpen?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -78,11 +83,15 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             popperClass: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            autoHide: {
+            isOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
@@ -105,8 +114,9 @@ declare const PopoverTypes: () => ({
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
-            popperClass: string;
             autoHide: boolean;
+            popperClass: string;
+            isOpen: boolean;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
             skidding: number;
         }, {}, string> & {
@@ -146,11 +156,15 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<number>;
             default: number;
         };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         popperClass: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        autoHide: {
+        isOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
@@ -187,11 +201,15 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<number>;
         default: number;
     };
+    autoHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     popperClass: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    autoHide: {
+    isOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -214,8 +232,9 @@ declare const PopoverTypes: () => ({
     placement: import("floating-vue").Placement;
     disabled: boolean;
     distance: number;
-    popperClass: string;
     autoHide: boolean;
+    popperClass: string;
+    isOpen: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
     skidding: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/table/v4/DataGridMenu.vue2.js

@@ -8,7 +8,7 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import C from "../../dropdown/v4/OptionV4.vue.js";
-import "../../dropdown/v4/ConditionalDroprown.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
 import k from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import { useTableContext as y } from "../common/TableContext.js";

package/components/tooltip/v4/TooltipV4.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     distance?: string | number;
     container?: string;
     shown?: boolean;
+    autoHide?: boolean;
 }>, {
     text: any;
     header: any;
@@ -25,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     distance: string;
     container: string;
     shown: any;
+    autoHide: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -40,6 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     distance?: string | number;
     container?: string;
     shown?: boolean;
+    autoHide?: boolean;
 }>, {
     text: any;
     header: any;
@@ -53,6 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     distance: string;
     container: string;
     shown: any;
+    autoHide: boolean;
 }>>> & {
     onShow?: () => any;
 }, {
@@ -68,6 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     distance: string | number;
     container: string;
     shown: boolean;
+    autoHide: boolean;
 }>, {
     default?(_: {}): any;
     tooltip?(_: {

package/components/tooltip/v4/TooltipV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./TooltipV4.vue2.js";
 /* empty css                *//* empty css                */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_bfc72006_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-bfc72006"]]);
+const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-82b46d6d"]]);
 export {
   l as default
 };

package/components/tooltip/v4/TooltipV4.vue2.js

@@ -1,11 +1,11 @@
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_bfc72006_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as f, withCtx as n, renderSlot as u, createTextVNode as p, toDisplayString as y, createElementVNode as T } from "vue";
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as f, withCtx as n, renderSlot as m, createTextVNode as p, toDisplayString as y, createElementVNode as T } from "vue";
 import g from "./TextWithTitleContent.vue.js";
 import { Tooltip as w } from "floating-vue";
-import { TooltipTestIdModifiers as r } from "../../../testids/index.js";
+import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
 import x from "../../typography/v4/Typography.vue.js";
 import { tooltipCommon as v } from "../common/Tooltip.common.js";
 import { useTestIdAttrs as b } from "../../../utils/testIds.js";
-const I = {
+const B = {
   ref: "container",
   class: "container"
 }, D = /* @__PURE__ */ c({
@@ -22,12 +22,13 @@ const I = {
     testId: { default: "" },
     distance: { default: "10" },
     container: { default: "body" },
-    shown: { type: Boolean, default: null }
+    shown: { type: Boolean, default: null },
+    autoHide: { type: Boolean, default: !0 }
   },
   emits: ["show"],
   setup(e, { emit: h }) {
-    const i = e, { textForDisplay: o } = v(i), s = b(i.testId, r);
-    return (a, m) => (l(), d(t(w), f({ ...a.$props, ...t(s)[t(r).TRIGGER] }, {
+    const r = e, { textForDisplay: o } = v(r), s = b(r.testId, i);
+    return (a, u) => (l(), d(t(w), f({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
       theme: e.theme,
       "no-auto-focus": "",
       triggers: e.triggers,
@@ -37,12 +38,12 @@ const I = {
       "popper-class": [e.theme, e.placement, "v4-tooltip"],
       class: ["v4-tooltip"],
       distance: e.distance,
-      "auto-hide": "",
+      "auto-hide": e.autoHide,
       shown: e.shown,
-      onApplyShow: m[0] || (m[0] = (B) => h("show"))
+      onApplyShow: u[0] || (u[0] = (I) => h("show"))
     }), {
       popper: n(() => [
-        u(a.$slots, "tooltip", { text: t(o) }, () => [
+        m(a.$slots, "tooltip", { text: t(o) }, () => [
           e.header ? (l(), d(g, {
             key: 1,
             text: e.text,
@@ -50,7 +51,7 @@ const I = {
           }, null, 8, ["text", "header"])) : (l(), d(t(x), f({
             key: 0,
             variant: "body2"
-          }, t(s)[t(r).TEXT]), {
+          }, t(s)[t(i).TEXT]), {
             default: n(() => [
               p(y(t(o)), 1)
             ]),
@@ -59,12 +60,12 @@ const I = {
         ], !0)
       ]),
       default: n(() => [
-        T("div", I, [
-          u(a.$slots, "default", {}, void 0, !0)
+        T("div", B, [
+          m(a.$slots, "default", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
-    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "popper-class", "distance", "shown"]));
+    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "popper-class", "distance", "auto-hide", "shown"]));
   }
 });
 export {

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

@@ -16,6 +16,7 @@ declare const TooltipTypes: () => ({
             distance: string | number;
             container: string;
             shown: boolean;
+            autoHide: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -65,9 +66,13 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: any;
             };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -130,6 +135,10 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: any;
             };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -147,6 +156,7 @@ declare const TooltipTypes: () => ({
             distance: string | number;
             container: string;
             shown: boolean;
+            autoHide: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -216,6 +226,10 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: any;
         };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onShow?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -271,6 +285,10 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: any;
     };
+    autoHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onShow?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -288,6 +306,7 @@ declare const TooltipTypes: () => ({
     distance: string | number;
     container: string;
     shown: boolean;
+    autoHide: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;