@ironsource/shared-ui 2.1.12-rc.5 → 2.1.12-rc.50

package/components/forms/FormRow.vue.d.ts

@@ -1,34 +1,41 @@
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     mandatory?: boolean;
     testId?: string;
     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";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => 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<{
     label: string;
     mandatory?: boolean;
     testId?: string;
     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";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>>>, {
     label: string;
     testId: string;
     mandatory: boolean;
     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";
+    helpTextIconTooltipTrigger: TooltipTriggers[];
 }>, {
+    "icon-tooltip-content"?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/components/forms/FormRow.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormRow.vue2.js";
 /* empty css              */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fc3897fd"]]);
+// import "../../FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2d5a3057"]]);
 export {
-  c as default
+  p as default
 };

package/components/forms/FormRow.vue2.js

@@ -1,34 +1,45 @@
- import "../../FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css"; import { defineComponent as a, openBlock as t, createElementBlock as l, createVNode as n, createCommentVNode as r, createElementVNode as d, renderSlot as c } from "vue";
-import m from "../shared/FieldLabel.vue.js";
-const s = { class: "form-row" }, h = {
+ import "../../FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css"; import { defineComponent as r, useSlots as i, openBlock as o, createElementBlock as l, createVNode as c, createSlots as d, unref as s, withCtx as h, renderSlot as n, createCommentVNode as m, createElementVNode as p } from "vue";
+import u from "../shared/FieldLabel.vue.js";
+const f = { class: "form-row" }, v = {
   key: 0,
   class: "label-container"
-}, i = { class: "content" }, p = /* @__PURE__ */ a({
+}, x = { class: "content" }, y = /* @__PURE__ */ r({
   __name: "FormRow",
   props: {
     label: { default: "" },
     mandatory: { type: Boolean, default: !1 },
     testId: { default: "" },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" }
+    hoverHelpText: { default: null },
+    hoverHelpTextPlacement: { default: "top" },
+    helpTextIconTooltipTrigger: { default: () => ["hover"] }
   },
   setup(e) {
-    return (o, f) => (t(), l("div", s, [
-      e.label ? (t(), l("div", h, [
-        n(m, {
+    const a = i();
+    return (t, T) => (o(), l("div", f, [
+      e.label ? (o(), l("div", v, [
+        c(u, {
           label: e.label,
           mandatory: e.mandatory,
           "hover-help-text": e.hoverHelpText,
           "hover-help-text-placement": e.hoverHelpTextPlacement,
+          "help-text-icon-tooltip-trigger": e.helpTextIconTooltipTrigger,
           "test-id": e.testId
-        }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "test-id"])
-      ])) : r("", !0),
-      d("div", i, [
-        c(o.$slots, "default", {}, void 0, !0)
+        }, d({ _: 2 }, [
+          s(a)["icon-tooltip-content"] ? {
+            name: "icon-tooltip-content",
+            fn: h(() => [
+              n(t.$slots, "icon-tooltip-content", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "help-text-icon-tooltip-trigger", "test-id"])
+      ])) : m("", !0),
+      p("div", x, [
+        n(t.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  p as default
+  y as default
 };

package/components/forms/index.d.ts

@@ -404,6 +404,7 @@ declare const FormCardTypes: () => (({
             mandatory: boolean;
             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";
+            helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -420,13 +421,17 @@ declare const FormCardTypes: () => (({
             };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
             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">;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement">;
+            helpTextIconTooltipTrigger: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "helpTextIconTooltipTrigger">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -456,18 +461,23 @@ declare const FormCardTypes: () => (({
             };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
             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">;
                 default: string;
             };
+            helpTextIconTooltipTrigger: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             label: string;
             testId: string;
             mandatory: boolean;
             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";
+            helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -504,12 +514,16 @@ declare const FormCardTypes: () => (({
         };
         hoverHelpText: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: any;
         };
         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">;
             default: string;
         };
+        helpTextIconTooltipTrigger: {
+            type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+            default: () => string[];
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -530,20 +544,26 @@ declare const FormCardTypes: () => (({
     };
     hoverHelpText: {
         type: import("vue").PropType<string>;
-        default: string;
+        default: any;
     };
     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">;
         default: string;
     };
+    helpTextIconTooltipTrigger: {
+        type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+        default: () => string[];
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     label: string;
     testId: string;
     mandatory: boolean;
     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";
+    helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
+        "icon-tooltip-content"?(_: {}): any;
         default?(_: {}): any;
     };
 })))[];

package/components/includeExclude/IncludeExclude.vue.d.ts

@@ -87,13 +87,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     autoFocus: boolean;
     hasSubtitle: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     isOnTop: boolean;
     onSearch: (option: any, term: string) => boolean;
     searchPlaceholder: string;
     titleText: string;
     alwayesOpen: boolean;
-    showClearAll: boolean;
     distanceOffset: number;
     skiddingOffset: number;
 }>, {

package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts

@@ -84,9 +84,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchAttribute: string;
     isLoading: boolean;
     showIcon: boolean;
+    clearable: boolean;
     iconKey: string;
     searchPlaceholder: string;
-    clearable: boolean;
     titleText: string;
     distanceOffset: number;
     skiddingOffset: number;

package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts

@@ -94,13 +94,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     autoFocus: boolean;
     hasSubtitle: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     isOnTop: boolean;
     onSearch: (option: any, term: string) => boolean;
     searchPlaceholder: string;
     titleText: string;
     alwayesOpen: boolean;
-    showClearAll: boolean;
     distanceOffset: number;
     skiddingOffset: number;
     isDraggable: boolean;

package/components/includeExclude/IncludeExcludeOption.vue.d.ts

@@ -26,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     titleText: string;
 }>>>, {
     disabled: boolean;
-    subtitle: string;
     clearable: boolean;
+    subtitle: string;
     titleText: string;
     showCheckbox: boolean;
 }>, {

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     titleText: string;
 }>>>, {
     disabled: boolean;
-    subtitle: string;
     clearable: boolean;
+    subtitle: string;
     titleText: string;
 }>, {
     image?(_: {}): any;