@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/components/button/v4/ButtonGroup.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "text" | "contained" | "outlined";
     color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
     size?: "small" | "medium" | "large" | "extraLarge";
@@ -6,7 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     size: string;
     variant: string;
     color: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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<{
     variant?: "text" | "contained" | "outlined";
     color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
     size?: "small" | "medium" | "large" | "extraLarge";
@@ -14,11 +14,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     size: string;
     variant: string;
     color: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     variant: "text" | "contained" | "outlined";
     color: "default" | "primary" | "danger" | "info" | "success" | "warning";
     size: "small" | "medium" | "large" | "extraLarge";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/button/v4/ButtonGroup.vue.js

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

package/components/button/v4/ButtonGroup.vue2.js

@@ -0,0 +1,19 @@
+ import "../../../ButtonGroup.vue_vue_type_style_index_0_scoped_5497abe6_lang.css"; import { defineComponent as o, openBlock as r, createElementBlock as a, normalizeClass as n, renderSlot as l } from "vue";
+const c = /* @__PURE__ */ o({
+  __name: "ButtonGroup",
+  props: {
+    variant: { default: "contained" },
+    color: { default: "primary" },
+    size: { default: "medium" }
+  },
+  setup(e) {
+    return (t, u) => (r(), a("div", {
+      class: n(["group-button-wrapper", [e.size, e.color, e.variant]])
+    }, [
+      l(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  c as default
+};

package/components/button/v4/ButtonV4.vue.d.ts

@@ -1,5 +1,5 @@
 import { ButtonColor } from '@/components/button/common/consts';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "text" | "contained" | "outlined";
     color?: ButtonColor;
     size?: "small" | "medium" | "large" | "extraLarge";
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     disabled: boolean;
     testId: string;
     content: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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<{
     variant?: "text" | "contained" | "outlined";
     color?: ButtonColor;
     size?: "small" | "medium" | "large" | "extraLarge";
@@ -47,20 +47,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     disabled: boolean;
     testId: string;
     content: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     testId: string;
     variant: "text" | "contained" | "outlined";
     disabled: boolean;
     color: ButtonColor;
     size: "small" | "medium" | "large" | "extraLarge";
-    loading: boolean;
     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";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     default?(_: {}): any;
+    "after-label"?(_: {}): any;
     loader?(_: {}): any;
 }>;
 export default _default;

package/components/button/v4/ButtonV4.vue.js

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

package/components/button/v4/ButtonV4.vue2.js

@@ -0,0 +1,92 @@
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
+import I from "../../typography/v4/Typography.vue.js";
+import y from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import g from "../../loader/v4/Loader.vue.js";
+const v = ["data-testid", "disabled"], k = { key: 0 }, V = /* @__PURE__ */ N({
+  __name: "ButtonV4",
+  props: {
+    variant: { default: "contained" },
+    color: { default: "primary" },
+    size: { default: "medium" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    content: { default: "" },
+    startIconName: { default: null },
+    endIconName: { default: null },
+    startIconType: { default: "regular" },
+    endIconType: { default: "regular" }
+  },
+  setup(e) {
+    const l = e, i = h(
+      () => l.size === "small" || l.size === "medium" ? 16 : 20
+    );
+    return (a, w) => (n(), s("button", {
+      class: c([[
+        e.size,
+        e.color,
+        e.variant,
+        { loading: e.loading },
+        {
+          "with-start-icon": !!e.startIconName,
+          "with-end-icon": !!e.endIconName
+        }
+      ], "button-wrap"]),
+      "data-testid": l.testId,
+      disabled: e.disabled
+    }, [
+      e.loading ? o("", !0) : (n(), s("span", k, [
+        r("div", {
+          class: c({
+            flex: e.startIconName || e.endIconName
+          })
+        }, [
+          e.startIconName ? (n(), f(t(y), {
+            key: 0,
+            name: e.startIconName,
+            size: `${t(i)}px`,
+            type: e.startIconType,
+            class: "start-icon"
+          }, null, 8, ["name", "size", "type"])) : o("", !0),
+          u(t(I), { variant: "button" }, {
+            default: m(() => [
+              d(a.$slots, "default", {}, () => [
+                z(b(e.content), 1)
+              ], !0)
+            ]),
+            _: 3
+          }),
+          d(a.$slots, "after-label", {}, void 0, !0),
+          e.endIconName ? (n(), f(t(y), {
+            key: 1,
+            name: e.endIconName,
+            size: `${t(i)}px`,
+            type: e.endIconType,
+            class: "end-icon"
+          }, null, 8, ["name", "size", "type"])) : o("", !0)
+        ], 2)
+      ])),
+      e.loading ? d(a.$slots, "loader", { key: 1 }, () => [
+        u(t(g), { "max-width": t(i) }, {
+          default: m(() => [
+            r("div", {
+              class: c({ "content-with-icon": e.startIconName || e.endIconName })
+            }, [
+              u(t(I), { variant: "button" }, {
+                default: m(() => [
+                  d(a.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              })
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["max-width"])
+      ], !0) : o("", !0)
+    ], 10, v));
+  }
+});
+export {
+  V as default
+};

package/components/button/v4/IconButtonV4.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "default" | "outlined";
-    color?: "default" | "error" | "primary";
+    color?: "default" | "primary" | "error";
     size?: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
     type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconName?: string;
@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     testId: string;
     iconName: string;
     type: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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<{
     variant?: "default" | "outlined";
-    color?: "default" | "error" | "primary";
+    color?: "default" | "primary" | "error";
     size?: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
     type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconName?: string;
@@ -30,15 +30,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     testId: string;
     iconName: string;
     type: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     testId: string;
     variant: "default" | "outlined";
     disabled: boolean;
-    color: "default" | "error" | "primary";
+    color: "default" | "primary" | "error";
     size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
     iconName: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/button/v4/IconButtonV4.vue.js

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

package/components/button/v4/IconButtonV4.vue2.js

@@ -0,0 +1,46 @@
+ import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
+import f from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
+  __name: "IconButtonV4",
+  props: {
+    variant: { default: "default" },
+    color: { default: "default" },
+    size: { default: "medium" },
+    type: { default: "regular" },
+    iconName: { default: "pencil-simple" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const t = e, n = l(() => {
+      switch (t.size) {
+        case "extraSmall":
+          return "16px";
+        case "small":
+        case "medium":
+          return "20px";
+        case "large":
+        case "extraLarge":
+        default:
+          return "24px";
+      }
+    }), s = l(() => `variant-${t.variant}`);
+    return (d, b) => (r(), i("button", {
+      class: c([[e.size, e.color, a(s)], "button-wrap"]),
+      "data-testid": t.testId,
+      disabled: e.disabled
+    }, [
+      u(d.$slots, "default", {}, () => [
+        m(a(f), {
+          type: e.type,
+          name: e.iconName || "pencil-simple",
+          size: a(n)
+        }, null, 8, ["type", "name", "size"])
+      ], !0)
+    ], 10, p));
+  }
+});
+export {
+  I as default
+};

package/components/button/v4/ToggleButtonGroupAB.vue.d.ts

@@ -1,11 +1,11 @@
-import { Placement } from 'floating-vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { Placement } from 'floating-vue/dist/util/popper';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: "a" | "b";
     withPopover: boolean;
     testId?: string;
     popoverProps: {
         autoHide?: boolean;
-        trigger?: "click" | "focus" | "hover" | "touch" | "managed";
+        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
         disabled?: boolean;
         placement?: Placement;
         distance?: number;
@@ -15,17 +15,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
 }>, {
     testId: string;
-}>>, {
+}>, {
     toggle: import("vue").ComputedRef<(value?: boolean) => boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: "a" | "b";
     withPopover: boolean;
     testId?: string;
     popoverProps: {
         autoHide?: boolean;
-        trigger?: "click" | "focus" | "hover" | "touch" | "managed";
+        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
         disabled?: boolean;
         placement?: Placement;
         distance?: number;
@@ -35,11 +35,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
 }>, {
     testId: string;
-}>>> & Readonly<{
+}>>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}>, {
+}, {
     testId: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     "popover-content"?(_: {}): any;
 }>;
 export default _default;

package/components/button/v4/ToggleButtonGroupAB.vue.js

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

package/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -0,0 +1,96 @@
+ import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
+import c from "./ButtonV4.vue.js";
+import { useVModel as R } from "@vueuse/core";
+import x from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import E from "../../popover/v4/PopoverV4.vue.js";
+import { useTestIdAttrs as G } from "../../../utils/testIds.js";
+import { ToggleButtonGroupABTestIdModifiers as p } from "../../../testids/index.js";
+const $ = { class: "group-button-wrapper" }, h = { class: "popover-trigger" }, H = /* @__PURE__ */ b({
+  __name: "ToggleButtonGroupAB",
+  props: {
+    modelValue: null,
+    withPopover: { type: Boolean },
+    testId: { default: "" },
+    popoverProps: null
+  },
+  emits: ["update:modelValue"],
+  setup(d, { expose: T, emit: P }) {
+    const r = d, m = u(null), v = u(!1), _ = (o) => {
+      v.value = o;
+    }, a = G(
+      r.testId,
+      p,
+      !0
+    ), V = u(
+      r.popoverProps ? { ...r.popoverProps } : {}
+    ), i = R(r, "modelValue", P), g = (o) => {
+      i.value = o;
+    }, k = A(() => m.value?.toggle);
+    return T({
+      toggle: k
+    }), (o, l) => (f(), C("div", $, [
+      n(c, s({
+        class: ["toggle-button", { "selected-a": e(i) === "a" }],
+        color: "primary",
+        variant: "outlined"
+      }, e(a)[e(p).BUTTON_A], {
+        onClick: l[0] || (l[0] = (I) => g("a"))
+      }), {
+        default: t(() => [
+          B(" A ")
+        ]),
+        _: 1
+      }, 16, ["class"]),
+      n(c, s({
+        class: ["toggle-button", { "selected-b": e(i) === "b" }],
+        color: "primary",
+        variant: "outlined"
+      }, e(a)[e(p).BUTTON_B], {
+        onClick: l[1] || (l[1] = (I) => g("b"))
+      }), {
+        default: t(() => [
+          B(" B ")
+        ]),
+        _: 1
+      }, 16, ["class"]),
+      d.withPopover ? (f(), y(c, s({
+        key: 0,
+        class: [
+          "toggle-button",
+          {
+            "trigger-active": v.value
+          }
+        ],
+        color: "primary",
+        variant: "outlined"
+      }, e(a)[e(p).POPOVER_TRIGGER]), {
+        default: t(() => [
+          n(e(E), s({
+            ref_key: "popoverRef",
+            ref: m
+          }, {
+            ...V.value
+          }, { onIsOpen: _ }), {
+            trigger: t(() => [
+              N("div", h, [
+                n(e(x), {
+                  name: "caret-down",
+                  size: "16px"
+                })
+              ])
+            ]),
+            content: t(() => [
+              w(o.$slots, "popover-content", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 3
+      }, 16, ["class"])) : O("", !0)
+    ]));
+  }
+});
+export {
+  H as default
+};