@ironsource/shared-ui 2.1.3-rc.8 → 2.1.3

package/components/dropdown/v4/index.js

@@ -1,23 +1,29 @@
 import o from "./DropdownV4.vue.js";
 import r from "./DefaultDropdownTrigger.vue.js";
 import p from "./IconButtonDropdownTrigger.vue.js";
-import i from "./ChipDropdownTrigger.vue.js";
-import m from "./AppDropdownTrigger.vue.js";
-import t from "./OptionV4.vue.js";
-const w = () => [
+import t from "./ChipDropdownTrigger.vue.js";
+import i from "./AppDropdownTrigger.vue.js";
+import m from "./ButtonDropdownTrigger.vue.js";
+import n from "./ButtonFilterDropdownTrigger.vue.js";
+import g from "./OptionV4.vue.js";
+const c = () => [
   o,
   r,
   p,
-  i,
+  t,
   m,
-  t
+  n,
+  i,
+  g
 ];
 export {
-  m as AppDropdownTrigger,
-  i as ChipDropdownTrigger,
+  i as AppDropdownTrigger,
+  m as ButtonDropdownTrigger,
+  n as ButtonFilterDropdownTrigger,
+  t as ChipDropdownTrigger,
   r as DefaultDropdownTrigger,
   o as Dropdown,
-  w as DropdownTypes,
+  c as DropdownTypes,
   p as IconButtonDropdownTrigger,
-  t as Option
+  g as Option
 };

package/components/filterDropdown/index.d.ts

@@ -114,14 +114,14 @@ declare const FilterDropdownTypes: () => (({
         type: import("vue").PropType<any[]>;
         required: true;
     };
-    displayValue: {
-        type: import("vue").PropType<(item: unknown) => string>;
-        required: true;
-    };
     onSearch: {
         type: import("vue").PropType<(item: unknown) => boolean>;
         required: true;
     };
+    displayValue: {
+        type: import("vue").PropType<(item: unknown) => string>;
+        required: true;
+    };
     addNewFilter: {
         type: import("vue").PropType<(filter: import("../filtersPanel/v3").Filter) => void>;
         required: true;
@@ -143,14 +143,14 @@ declare const FilterDropdownTypes: () => (({
         type: import("vue").PropType<any[]>;
         required: true;
     };
-    displayValue: {
-        type: import("vue").PropType<(item: unknown) => string>;
-        required: true;
-    };
     onSearch: {
         type: import("vue").PropType<(item: unknown) => boolean>;
         required: true;
     };
+    displayValue: {
+        type: import("vue").PropType<(item: unknown) => string>;
+        required: true;
+    };
     addNewFilter: {
         type: import("vue").PropType<(filter: import("../filtersPanel/v3").Filter) => void>;
         required: true;

package/components/forms/FormCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormCard.vue2.js";
-/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormCard.vue_vue_type_style_index_0_scoped_276bd901_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-276bd901"]]);
+/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormCard.vue_vue_type_style_index_0_scoped_fa761e4d_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-fa761e4d"]]);
 export {
   t as default
 };

package/components/forms/FormCard.vue2.js

@@ -1,4 +1,4 @@
- import "../../FormCard.vue_vue_type_style_index_0_scoped_276bd901_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_fa761e4d_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
 import p from "../typography/v4/Typography.vue.js";
 import y from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";

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

@@ -2,22 +2,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     mandatory?: boolean;
     testId?: string;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: 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?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
 }>>>, {
     label: string;
     mandatory: boolean;
     testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     default?(_: {}): any;
 }>;

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_39f48410_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-39f48410"]]);
+// import "../../FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fc3897fd"]]);
 export {
-  p as default
+  c as default
 };

package/components/forms/FormRow.vue2.js

@@ -1,41 +1,34 @@
- import "../../FormRow.vue_vue_type_style_index_0_scoped_39f48410_lang.css"; import { defineComponent as c, openBlock as t, createElementBlock as a, createVNode as i, unref as o, withCtx as l, createTextVNode as d, toDisplayString as m, createBlock as u, createCommentVNode as r, createElementVNode as f, renderSlot as y } from "vue";
-import n from "../typography/v4/Typography.vue.js";
-const p = { class: "form-row" }, _ = ["data-testid"], h = { class: "content" }, B = /* @__PURE__ */ c({
+ 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 = {
+  key: 0,
+  class: "label-container"
+}, i = { class: "content" }, p = /* @__PURE__ */ a({
   __name: "FormRow",
   props: {
     label: { default: "" },
     mandatory: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    testId: { default: "" },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" }
   },
   setup(e) {
-    return (s, b) => (t(), a("div", p, [
-      e.label ? (t(), a("div", {
-        key: 0,
-        "data-testid": e.testId,
-        class: "label-container"
-      }, [
-        i(o(n), { variant: "inputLabel" }, {
-          default: l(() => [
-            d(m(e.label), 1)
-          ]),
-          _: 1
-        }),
-        e.mandatory ? (t(), u(o(n), {
-          key: 0,
-          class: "mandatory"
-        }, {
-          default: l(() => [
-            d("*")
-          ]),
-          _: 1
-        })) : r("", !0)
-      ], 8, _)) : r("", !0),
-      f("div", h, [
-        y(s.$slots, "default", {}, void 0, !0)
+    return (o, f) => (t(), l("div", s, [
+      e.label ? (t(), l("div", h, [
+        n(m, {
+          label: e.label,
+          mandatory: e.mandatory,
+          "hover-help-text": e.hoverHelpText,
+          "hover-help-text-placement": e.hoverHelpTextPlacement,
+          "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)
       ])
     ]));
   }
 });
 export {
-  B as default
+  p as default
 };

package/components/forms/index.d.ts

@@ -383,6 +383,8 @@ declare const FormCardTypes: () => (({
             label: string;
             mandatory: boolean;
             testId: string;
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -397,7 +399,15 @@ declare const FormCardTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId">;
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -425,10 +435,20 @@ declare const FormCardTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             label: string;
             mandatory: boolean;
             testId: string;
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -463,6 +483,14 @@ declare const FormCardTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -481,10 +509,20 @@ declare const FormCardTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    hoverHelpText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpTextPlacement: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: string;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     label: string;
     mandatory: boolean;
     testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -85,12 +85,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     placement: Placement;
     distance: number;
+    autoFocus: boolean;
     hasSubtitle: boolean;
-    searchPlaceholder: string;
-    isOnTop: boolean;
     defaultOpen: boolean;
-    autoFocus: boolean;
+    isOnTop: boolean;
     onSearch: (option: any, term: string) => boolean;
+    searchPlaceholder: string;
     titleText: string;
     alwayesOpen: boolean;
     showClearAll: boolean;

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

@@ -59,9 +59,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isLoading: boolean;
 }>>>, {
     searchAttribute: string;
-    searchPlaceholder: string;
-    showIcon: boolean;
     isLoading: boolean;
+    showIcon: boolean;
+    searchPlaceholder: string;
     titleText: string;
     distanceOffset: number;
     skiddingOffset: number;

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

@@ -82,11 +82,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: (val: unknown[]) => any;
 }, {
     searchAttribute: string;
-    searchPlaceholder: string;
-    clearable: boolean;
+    isLoading: boolean;
     showIcon: boolean;
     iconKey: string;
-    isLoading: boolean;
+    searchPlaceholder: string;
+    clearable: boolean;
     titleText: string;
     distanceOffset: number;
     skiddingOffset: number;

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

@@ -92,12 +92,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     placement: Placement;
     distance: number;
+    autoFocus: boolean;
     hasSubtitle: boolean;
-    searchPlaceholder: string;
-    isOnTop: boolean;
     defaultOpen: boolean;
-    autoFocus: boolean;
+    isOnTop: boolean;
     onSearch: (option: any, term: string) => boolean;
+    searchPlaceholder: string;
     titleText: string;
     alwayesOpen: boolean;
     showClearAll: boolean;