@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.100

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

@@ -11,6 +11,7 @@ declare const RadioButtonTypes: () => (({
             modelValue: string;
             helperText: string;
             errorText: string;
+            disabledButton: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -37,10 +38,14 @@ declare const RadioButtonTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabledButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText" | "disabledButton">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -80,6 +85,10 @@ declare const RadioButtonTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabledButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -93,6 +102,7 @@ declare const RadioButtonTypes: () => (({
             modelValue: string;
             helperText: string;
             errorText: string;
+            disabledButton: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -139,6 +149,10 @@ declare const RadioButtonTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        disabledButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -172,6 +186,10 @@ declare const RadioButtonTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabledButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -185,6 +203,7 @@ declare const RadioButtonTypes: () => (({
     modelValue: string;
     helperText: string;
     errorText: string;
+    disabledButton: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -12,7 +12,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
         default: string;
     };
     modelValue: {
@@ -41,7 +41,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
         default: string;
     };
     modelValue: {
@@ -58,7 +58,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     testId: string;
     variant: "default" | "transparent" | "inline-table";
     disabled: boolean;
-    size: "sm" | "md";
+    size: "md" | "sm";
 }>[];
 export { default as Search } from './Search.vue';
 export { SearchTypes };

package/components/shared/FieldLabel.vue.d.ts

@@ -1,11 +1,12 @@
-import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     description?: string;
     mandatory?: boolean;
     disabled?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: TooltipPositions;
+    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[];
     testId?: string;
 }>, {
     label: string;
@@ -13,15 +14,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     mandatory: boolean;
     disabled: boolean;
-    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;
     description?: string;
     mandatory?: boolean;
     disabled?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: TooltipPositions;
+    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[];
     testId?: string;
 }>, {
     label: string;
@@ -29,8 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     mandatory: boolean;
     disabled: boolean;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>>>, {
     label: string;
     testId: string;
@@ -38,7 +42,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     mandatory: boolean;
     description: string;
     hoverHelpText: string;
-    hoverHelpTextPlacement: TooltipPositions;
+    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;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -58,3 +65,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-96ee1c98"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-921d4087"]]);
 export {
-  c as default
+  d as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,79 +1,92 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
-import h from "../icon/v4/IconV4.vue.js";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; import { defineComponent as I, useSlots as y, computed as s, openBlock as i, createElementBlock as p, Fragment as k, createElementVNode as N, mergeProps as n, unref as e, createVNode as d, withCtx as l, createTextVNode as c, toDisplayString as T, createBlock as h, createCommentVNode as m, createSlots as C, normalizeClass as A, renderSlot as B } from "vue";
+import H from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import x from "../tooltip/v4/TooltipV4.vue.js";
-import c from "../typography/v4/Typography.vue.js";
-import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
-import { useTestIdAttrs as y } from "../../utils/testIds.js";
-const v = {
+import S from "../tooltip/v4/TooltipV4.vue.js";
+import f from "../typography/v4/Typography.vue.js";
+import { FieldLabelTestIdModifiers as o } from "../../testids/index.js";
+import { useTestIdAttrs as E } from "../../utils/testIds.js";
+const L = {
   key: 0,
   class: "description"
-}, O = /* @__PURE__ */ p({
+}, R = /* @__PURE__ */ I({
   __name: "FieldLabel",
   props: {
     label: { default: "" },
     description: { default: "" },
     mandatory: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    hoverHelpText: { default: "" },
+    hoverHelpText: { default: null },
     hoverHelpTextPlacement: { default: "top" },
+    helpTextIconTooltipTrigger: { default: () => ["hover"] },
     testId: { default: "" }
   },
   setup(t) {
-    const l = y(t.testId, a);
-    return (N, g) => (o(), m(T, null, [
-      b("div", d({
+    const r = t, b = y(), a = E(r.testId, o), u = s(() => !!b["icon-tooltip-content"]), g = s(
+      () => r.helpTextIconTooltipTrigger.includes("click")
+    ), v = s(
+      () => !!r.hoverHelpText || u.value
+    );
+    return (x, O) => (i(), p(k, null, [
+      N("div", n({
         class: ["field-label", {
           "field-label--disabled": t.disabled,
           "field-label--with-description": !!t.description
         }]
-      }, e(l)[e(a).CONTAINER]), [
-        r(e(c), d({
+      }, e(a)[e(o).CONTAINER]), [
+        d(e(f), n({
           class: "label",
           variant: "inputLabel"
-        }, e(l)[e(a).TEXT]), {
-          default: i(() => [
-            n(f(t.label), 1)
+        }, e(a)[e(o).TEXT]), {
+          default: l(() => [
+            c(T(t.label), 1)
           ]),
           _: 1
         }, 16),
-        t.mandatory ? (o(), u(e(c), d({
+        t.mandatory ? (i(), h(e(f), n({
           key: 0,
           variant: "h3",
           class: "mandatory"
-        }, e(l)[e(a).MANDATORY]), {
-          default: i(() => [
-            n("*")
+        }, e(a)[e(o).MANDATORY]), {
+          default: l(() => [
+            c("*")
           ]),
           _: 1
-        }, 16)) : s("", !0),
-        t.hoverHelpText ? (o(), u(e(x), d({
+        }, 16)) : m("", !0),
+        e(v) ? (i(), h(e(S), n({
           key: 1,
-          triggers: ["hover"],
+          triggers: t.helpTextIconTooltipTrigger,
           text: t.hoverHelpText,
           placement: t.hoverHelpTextPlacement
-        }, e(l)[e(a).TOOLTIP], { "test-id": t.testId }), {
-          default: i(() => [
-            r(e(h), {
-              class: "info-icon",
+        }, e(a)[e(o).TOOLTIP], { "test-id": t.testId }), C({
+          default: l(() => [
+            d(e(H), {
+              class: A(["info-icon", { "clickable-icon": e(g) }]),
               name: "question",
               size: "16px"
-            })
+            }, null, 8, ["class"])
           ]),
-          _: 1
-        }, 16, ["text", "placement", "test-id"])) : s("", !0)
+          _: 2
+        }, [
+          e(u) ? {
+            name: "tooltip",
+            fn: l(() => [
+              B(x.$slots, "icon-tooltip-content", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["triggers", "text", "placement", "test-id"])) : m("", !0)
       ], 16),
-      t.description ? (o(), m("div", v, [
-        r(e(c), { variant: "body2" }, {
-          default: i(() => [
-            n(f(t.description), 1)
+      t.description ? (i(), p("div", L, [
+        d(e(f), { variant: "body2" }, {
+          default: l(() => [
+            c(T(t.description), 1)
           ]),
           _: 1
         })
-      ])) : s("", !0)
+      ])) : m("", !0)
     ], 64));
   }
 });
 export {
-  O as default
+  R as default
 };

package/components/sortableList/LoaderBars.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    loadingRowCount: number;
+    variant?: 'default' | 'compact';
+}>, {
+    variant: string;
+    loadingRowCount: number;
+}>, {}, 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<{
+    loadingRowCount: number;
+    variant?: 'default' | 'compact';
+}>, {
+    variant: string;
+    loadingRowCount: number;
+}>>>, {
+    variant: 'default' | 'compact';
+    loadingRowCount: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/sortableList/LoaderBars.vue.js

@@ -0,0 +1,7 @@
+import o from "./LoaderBars.vue2.js";
+/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d976ec65"]]);
+export {
+  t as default
+};

package/components/sortableList/LoaderBars.vue2.js

@@ -0,0 +1,25 @@
+ import "../../LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css"; import { defineComponent as s, computed as d, openBlock as e, createElementBlock as a, normalizeClass as n, unref as o, Fragment as u, renderList as m, createVNode as i } from "vue";
+import p from "../skeleton/v4/SkeletonV4.vue.js";
+const v = /* @__PURE__ */ s({
+  __name: "LoaderBars",
+  props: {
+    loadingRowCount: { default: 3 },
+    variant: { default: "default" }
+  },
+  setup(r) {
+    const l = r, t = d(() => l.variant === "compact");
+    return (f, C) => (e(), a("div", {
+      class: n(["loader-bars", { "loader-bars--compact": o(t) }])
+    }, [
+      (e(!0), a(u, null, m(r.loadingRowCount, (c) => (e(), a("div", { key: c }, [
+        i(o(p), {
+          round: "",
+          class: n(["loader-bar", { "loader-bar--compact": o(t) }])
+        }, null, 8, ["class"])
+      ]))), 128))
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/components/sortableList/SortableItem.vue.d.ts

@@ -4,20 +4,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     index?: number;
     isOpen?: boolean;
     isSelected?: boolean;
+    isDisabled?: boolean;
     selectedChildId?: string | number;
     searchQuery?: string;
-    childListMaxHeight: string;
+    childListMaxHeight?: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
     displayValue: (item: SortableListItem) => string;
+    variant?: "default" | "compact";
+    draggableArea?: "handle" | "full";
 }>, {
     text: string;
     isOpen: boolean;
     isSelected: boolean;
+    isDisabled: boolean;
     selectedChildId: any;
     searchQuery: any;
     index: any;
     childListMaxHeight: string;
     searchHandler: any;
+    variant: string;
+    draggableArea: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: (value: boolean) => void;
     select: () => void;
@@ -27,32 +33,41 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     index?: number;
     isOpen?: boolean;
     isSelected?: boolean;
+    isDisabled?: boolean;
     selectedChildId?: string | number;
     searchQuery?: string;
-    childListMaxHeight: string;
+    childListMaxHeight?: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
     displayValue: (item: SortableListItem) => string;
+    variant?: "default" | "compact";
+    draggableArea?: "handle" | "full";
 }>, {
     text: string;
     isOpen: boolean;
     isSelected: boolean;
+    isDisabled: boolean;
     selectedChildId: any;
     searchQuery: any;
     index: any;
     childListMaxHeight: string;
     searchHandler: any;
+    variant: string;
+    draggableArea: string;
 }>>> & {
     onSelect?: () => any;
     onToggle?: (value: boolean) => any;
     onSelectChild?: (childItem: SortableListItem) => any;
 }, {
+    variant: "default" | "compact";
     isOpen: boolean;
     index: number;
     isSelected: boolean;
     searchQuery: string;
+    isDisabled: boolean;
     selectedChildId: string | number;
     childListMaxHeight: string;
     searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
+    draggableArea: "handle" | "full";
 }>, {
     menu?(_: {}): any;
 }>;

package/components/sortableList/SortableItem.vue.js

@@ -1,7 +1,7 @@
-import o from "./SortableItem.vue2.js";
-/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-48542664"]]);
+import e from "./SortableItem.vue2.js";
+/* empty css                   */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SortableItem.vue_vue_type_style_index_0_scoped_c72be7ed_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c72be7ed"]]);
 export {
-  p as default
+  c as default
 };