@ironsource/shared-ui 2.1.11-test.8 → 2.1.11-test.91

package/components/search/v4/SearchV4.vue2.js

@@ -0,0 +1,59 @@
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as V, mergeProps as c, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as C, vShow as v } from "vue";
+import u from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import { SearchTestIdModifiers as r } from "../../../testids/index.js";
+import { searchCommon as b } from "../common/Search.common.js";
+import y from "../../input/v4/TextField.vue.js";
+import { useTestIdAttrs as B } from "../../../utils/testIds.js";
+const T = /* @__PURE__ */ p({
+  __name: "SearchV4",
+  props: {
+    modelValue: null,
+    placeholder: { default: "Search" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    autoFocus: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "onClear"],
+  setup(t, { expose: f, emit: d }) {
+    const s = t, { inputRef: i, clearValue: n } = b(s, d), m = B(s.testId, r);
+    return f({
+      inputRef: i
+    }), (g, o) => (h(), V("div", c({ class: "search-container" }, e(m)[e(r).CONTAINER]), [
+      a(e(y), {
+        ref_key: "inputRef",
+        ref: i,
+        "model-value": t.modelValue,
+        "icon-before-name": "search",
+        "auto-focus": t.autoFocus,
+        placeholder: t.placeholder,
+        disabled: t.disabled,
+        "test-id": t.testId,
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => d("update:modelValue", l))
+      }, {
+        iconBefore: x(() => [
+          a(e(u), {
+            name: "magnifying-glass",
+            size: "16px"
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
+      I(C("div", c({ class: "x-circle-wrapper" }, e(m)[e(r).CLEAR], {
+        onClick: o[1] || (o[1] = //@ts-ignore
+        (...l) => e(n) && e(n)(...l))
+      }), [
+        a(e(u), {
+          name: "x-circle",
+          size: "16px",
+          type: "fill"
+        })
+      ], 16), [
+        [v, !!t.modelValue]
+      ])
+    ], 16));
+  }
+});
+export {
+  T as default
+};

package/components/shared/FieldHelpText.vue.js

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

package/components/shared/FieldHelpText.vue2.js

@@ -0,0 +1,43 @@
+ import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_c551c20f_lang.css"; import { defineComponent as l, computed as d, openBlock as i, createElementBlock as m, mergeProps as a, unref as e, createBlock as p, createCommentVNode as f, createVNode as u, withCtx as I, createTextVNode as h, toDisplayString as T } from "vue";
+import v from "../icon/v3/Icon.vue.js";
+import x from "../typography/v4/Typography.vue.js";
+import { FieldHelpTextTestIdModifiers as o } from "../../testids/index.js";
+import { useTestIdAttrs as g } from "../../utils/testIds.js";
+const A = /* @__PURE__ */ l({
+  __name: "FieldHelpText",
+  props: {
+    text: { default: "" },
+    variant: { default: null },
+    testId: { default: "" },
+    showIcon: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const n = t, s = d(() => {
+      const c = {
+        warning: "warning-v4",
+        error: "warning-octagon",
+        success: "check-circle"
+      };
+      return n.variant ? c[n.variant] : "info-v4";
+    }), r = g(n.testId, o);
+    return (c, N) => (i(), m("div", a({
+      class: ["field-help", [`field-help--${t.variant}`]]
+    }, e(r)[e(o).CONTAINER]), [
+      t.showIcon ? (i(), p(e(v), a({
+        key: 0,
+        class: "help-icon",
+        name: e(s),
+        "font-size": "sm"
+      }, e(r)[e(o).ICON]), null, 16, ["name"])) : f("", !0),
+      u(e(x), a({ variant: "caption" }, e(r)[e(o).TEXT]), {
+        default: I(() => [
+          h(T(t.text), 1)
+        ]),
+        _: 1
+      }, 16)
+    ], 16));
+  }
+});
+export {
+  A as default
+};

package/components/shared/FieldLabel.vue.js

@@ -0,0 +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"]]);
+export {
+  c as default
+};

package/components/shared/FieldLabel.vue2.js

@@ -0,0 +1,79 @@
+ 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 "../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 = {
+  key: 0,
+  class: "description"
+}, O = /* @__PURE__ */ p({
+  __name: "FieldLabel",
+  props: {
+    label: { default: "" },
+    description: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    testId: { default: "" }
+  },
+  setup(t) {
+    const l = y(t.testId, a);
+    return (N, g) => (o(), m(T, null, [
+      b("div", d({
+        class: ["field-label", {
+          "field-label--disabled": t.disabled,
+          "field-label--with-description": !!t.description
+        }]
+      }, e(l)[e(a).CONTAINER]), [
+        r(e(c), d({
+          class: "label",
+          variant: "inputLabel"
+        }, e(l)[e(a).TEXT]), {
+          default: i(() => [
+            n(f(t.label), 1)
+          ]),
+          _: 1
+        }, 16),
+        t.mandatory ? (o(), u(e(c), d({
+          key: 0,
+          variant: "h3",
+          class: "mandatory"
+        }, e(l)[e(a).MANDATORY]), {
+          default: i(() => [
+            n("*")
+          ]),
+          _: 1
+        }, 16)) : s("", !0),
+        t.hoverHelpText ? (o(), u(e(x), d({
+          key: 1,
+          triggers: ["hover"],
+          text: t.hoverHelpText,
+          placement: t.hoverHelpTextPlacement
+        }, e(l)[e(a).TOOLTIP], { "test-id": t.testId }), {
+          default: i(() => [
+            r(e(h), {
+              class: "info-icon",
+              name: "question",
+              size: "16px"
+            })
+          ]),
+          _: 1
+        }, 16, ["text", "placement", "test-id"])) : s("", !0)
+      ], 16),
+      t.description ? (o(), m("div", v, [
+        r(e(c), { variant: "body2" }, {
+          default: i(() => [
+            n(f(t.description), 1)
+          ]),
+          _: 1
+        })
+      ])) : s("", !0)
+    ], 64));
+  }
+});
+export {
+  O as default
+};

package/components/shared/FieldMaxLength.vue.js

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

package/components/shared/FieldMaxLength.vue2.js

@@ -0,0 +1,24 @@
+ import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
+import l from "../typography/v4/Typography.vue.js";
+const m = (e) => (i("data-v-47877984"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
+  __name: "FieldMaxLength",
+  props: {
+    currentLength: { default: 0 },
+    maxLength: { default: 100 }
+  },
+  setup(e) {
+    return (f, g) => (o(), c("div", _, [
+      r(d(l), { variant: "caption" }, {
+        default: p(() => [
+          t(a(e.currentLength) + " ", 1),
+          u,
+          t(" " + a(e.maxLength), 1)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  v as default
+};

package/components/skeleton/v3/Skeleton.vue.js

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

package/components/skeleton/v3/Skeleton.vue2.js

@@ -0,0 +1,18 @@
+ import "../../../Skeleton.vue_vue_type_style_index_0_scoped_5ed40068_lang.css"; import { defineComponent as l, openBlock as n, createElementBlock as t, normalizeClass as r, renderSlot as a } from "vue";
+const i = /* @__PURE__ */ l({
+  __name: "Skeleton",
+  props: {
+    round: { type: Boolean },
+    fill: { type: Boolean }
+  },
+  setup(e) {
+    return (o, s) => (n(), t("div", {
+      class: r({ round: e.round, fill: e.fill })
+    }, [
+      a(o.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  i as default
+};

package/components/skeleton/v4/SkeletonV4.vue.js

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

package/components/skeleton/v4/SkeletonV4.vue2.js

@@ -0,0 +1,23 @@
+ import "../../../SkeletonV4.vue_vue_type_style_index_0_scoped_93ae1260_lang.css"; import { defineComponent as n, useCssVars as a, unref as l, computed as r, openBlock as c, createElementBlock as p, normalizeClass as u, renderSlot as d } from "vue";
+const m = /* @__PURE__ */ n({
+  __name: "SkeletonV4",
+  props: {
+    size: { default: 16 },
+    type: { default: "rectangle" }
+  },
+  setup(e) {
+    const s = e;
+    a((t) => ({
+      abeaca10: l(o)
+    }));
+    const o = r(() => s.size + "px");
+    return (t, i) => (c(), p("div", {
+      class: u(["skeleton", [`skeleton--${e.type}`]])
+    }, [
+      d(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  m as default
+};

package/components/snackbar/v3/Snackbar.vue.js

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

package/components/snackbar/v3/Snackbar.vue2.js

@@ -0,0 +1,129 @@
+ import "../../../Snackbar.vue_vue_type_style_index_0_scoped_cec4f8e5_lang.css"; import { defineComponent as w, openBlock as n, createBlock as s, Transition as x, withCtx as i, withDirectives as k, createElementVNode as a, normalizeClass as y, unref as e, normalizeStyle as v, createElementBlock as g, createVNode as r, resolveDynamicComponent as H, createCommentVNode as m, renderSlot as N, createTextVNode as V, toDisplayString as p, vShow as z, withModifiers as D } from "vue";
+import T from "../../icon/v3/Icon.vue.js";
+import I from "../../icon/v3/icons/Close.vue.js";
+import "../../button/v3/Button.vue.js";
+import $ from "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import B from "../../typography/Text.vue.js";
+import { snackbarCommon as E } from "../common/snackbar.common.js";
+const U = ["id"], A = { class: "container" }, j = { class: "texts" }, q = ["innerHTML"], W = /* @__PURE__ */ w({
+  __name: "Snackbar",
+  props: {
+    customClass: null,
+    dangerouslyUseHTMLString: { type: Boolean },
+    duration: { default: 3e3 },
+    icon: null,
+    id: null,
+    message: null,
+    offset: null,
+    onClick: null,
+    onClose: null,
+    type: { default: null },
+    position: { default: "top-right" },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" },
+    zIndex: { default: 0 }
+  },
+  emits: ["destroy"],
+  setup(t) {
+    const S = t, {
+      visible: b,
+      horizontalClass: h,
+      positionStyle: L,
+      clearTimer: d,
+      startTimer: u,
+      iconComponent: c,
+      typeClass: f,
+      close: M
+    } = E(S);
+    return (C, o) => (n(), s(x, {
+      name: "snackbar",
+      onBeforeLeave: t.onClose,
+      onAfterLeave: o[3] || (o[3] = (l) => C.$emit("destroy"))
+    }, {
+      default: i(() => [
+        k(a("div", {
+          id: t.id,
+          class: y(["snackbar", [t.customClass, e(h)]]),
+          style: v(e(L)),
+          role: "alert",
+          onMouseenter: o[0] || (o[0] = //@ts-ignore
+          (...l) => e(d) && e(d)(...l)),
+          onMouseleave: o[1] || (o[1] = //@ts-ignore
+          (...l) => e(u) && e(u)(...l)),
+          onClick: o[2] || (o[2] = //@ts-ignore
+          (...l) => t.onClick && t.onClick(...l))
+        }, [
+          e(c) ? (n(), g("div", {
+            key: 0,
+            class: y(["start-icon-container", [e(f)]])
+          }, [
+            r(e(T), {
+              "font-size": e(f) ? "sm" : "lg"
+            }, {
+              default: i(() => [
+                (n(), s(H(e(c))))
+              ]),
+              _: 1
+            }, 8, ["font-size"])
+          ], 2)) : m("", !0),
+          a("div", A, [
+            a("div", j, [
+              t.title ? (n(), s(B, {
+                key: 0,
+                size: "md",
+                strong: "",
+                class: "title"
+              })) : m("", !0),
+              k(a("div", {
+                class: "message",
+                style: v(t.title ? void 0 : { margin: 0 })
+              }, [
+                N(C.$slots, "default", {}, () => [
+                  t.dangerouslyUseHTMLString ? (n(), g("div", {
+                    key: 1,
+                    innerHTML: t.message
+                  }, null, 8, q)) : (n(), s(B, {
+                    key: 0,
+                    size: "sm"
+                  }, {
+                    default: i(() => [
+                      V(p(t.message), 1)
+                    ]),
+                    _: 1
+                  }))
+                ], !0)
+              ], 4), [
+                [z, t.message]
+              ])
+            ]),
+            t.showClose ? (n(), s(e($), {
+              key: 0,
+              theme: "third",
+              size: "sm",
+              class: "snackbar-close-button",
+              variant: "colorized",
+              onClick: D(e(M), ["stop"])
+            }, {
+              default: i(() => [
+                r(e(T), null, {
+                  default: i(() => [
+                    r(I)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : m("", !0)
+          ])
+        ], 46, U), [
+          [z, e(b)]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeLeave"]));
+  }
+});
+export {
+  W as default
+};

package/components/snackbar/v4/SnackbarV4.vue.d.ts

@@ -1,4 +1,9 @@
 import { VNode } from 'vue';
+import { Button } from '@/components/button/v4';
+type ButtonProps = InstanceType<typeof Button>['$props'] & {
+    onClick?: () => void;
+    closeOnClick?: boolean;
+};
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     customClass: string;
     dangerouslyUseHTMLString: boolean;
@@ -15,64 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showClose?: boolean;
     title?: string;
     zIndex?: number;
-    actionButtons: (Partial<{
-        testId: string;
-        variant: "text" | "contained" | "outlined";
-        disabled: boolean;
-        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        size: "small" | "medium" | "large" | "extraLarge";
-        content: string;
-        loading: boolean;
-        startIconName: string;
-        endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
-        };
-        content: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        endIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    actionButtons: ButtonProps[];
     testId: string;
 }>, {
     type: string;
@@ -100,64 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showClose?: boolean;
     title?: string;
     zIndex?: number;
-    actionButtons: (Partial<{
-        testId: string;
-        variant: "text" | "contained" | "outlined";
-        disabled: boolean;
-        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        size: "small" | "medium" | "large" | "extraLarge";
-        content: string;
-        loading: boolean;
-        startIconName: string;
-        endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
-        };
-        content: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        endIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    actionButtons: ButtonProps[];
     testId: string;
 }>, {
     type: string;

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./SnackbarV4.vue2.js";
+/* empty css                 */import a from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; //*');
+const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-89fe8aa1"]]);
+export {
+  r as default
+};