@ironsource/shared-ui 2.1.7-rc.2 → 2.1.7-rc.4

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.js

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

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

@@ -0,0 +1,139 @@
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; import { defineComponent as M, computed as $, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as z, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as O, renderList as V, withModifiers as x } from "vue";
+import U from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import D from "../../button/v4/ButtonV4.vue.js";
+import H from "../../button/v4/IconButtonV4.vue.js";
+import S from "../../typography/v4/Typography.vue.js";
+import { snackbarCommon as F } from "../common/snackbar.common.js";
+import { useTestIdAttrs as G } from "../../../utils/testIds.js";
+import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
+const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { class: "message" }, J = { class: "action-wrapper" }, K = {
+  key: 0,
+  class: "actions"
+}, Q = { class: "close-button-wrapper" }, ne = /* @__PURE__ */ M({
+  __name: "SnackbarV4",
+  props: {
+    customClass: null,
+    dangerouslyUseHTMLString: { type: Boolean },
+    duration: { default: 3e3 },
+    id: null,
+    message: null,
+    offset: null,
+    onClick: null,
+    onClose: null,
+    type: { default: "info" },
+    position: { default: "top-right" },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" },
+    zIndex: { default: 0 },
+    actionButtons: null,
+    testId: { default: "" }
+  },
+  emits: ["destroy"],
+  setup(t) {
+    const u = t, {
+      visible: b,
+      horizontalClass: w,
+      positionStyle: L,
+      clearTimer: k,
+      startTimer: C,
+      close: p
+    } = F(u), E = {
+      info: {
+        iconName: "info",
+        class: "snackbar-icon-info"
+      },
+      error: {
+        iconName: "warning-octagon",
+        class: "snackbar-icon-error"
+      },
+      success: {
+        iconName: "check-circle",
+        class: "snackbar-icon-success"
+      }
+    }, y = $(() => E[u.type]), r = G(u.testId, i);
+    return (m, o) => (n(), c(A, {
+      name: "snackbar",
+      onBeforeLeave: t.onClose,
+      onAfterLeave: o[3] || (o[3] = (s) => m.$emit("destroy"))
+    }, {
+      default: f(() => [
+        g(a("div", l({
+          id: t.id,
+          class: ["snackbar light-theme-v4", [t.customClass, e(w)]],
+          style: e(L),
+          role: "alert"
+        }, e(r)[e(i).CONTAINER], {
+          onMouseenter: o[0] || (o[0] = //@ts-ignore
+          (...s) => e(k) && e(k)(...s)),
+          onMouseleave: o[1] || (o[1] = //@ts-ignore
+          (...s) => e(C) && e(C)(...s)),
+          onClick: o[2] || (o[2] = //@ts-ignore
+          (...s) => t.onClick && t.onClick(...s))
+        }), [
+          a("div", R, [
+            a("div", j, [
+              t.title ? (n(), c(e(S), l({
+                key: 0,
+                variant: "h4",
+                class: "title"
+              }, e(r)[e(i).TITLE]), {
+                default: f(() => [
+                  z(e(U), l({
+                    name: e(y).iconName,
+                    type: "fill",
+                    size: "20px",
+                    class: [e(y).class, "icon-container"]
+                  }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
+                  I(" " + T(t.title), 1)
+                ]),
+                _: 1
+              }, 16)) : d("", !0),
+              g(a("div", q, [
+                h(m.$slots, "default", {}, () => [
+                  t.dangerouslyUseHTMLString ? d("", !0) : (n(), c(e(S), l({
+                    key: 0,
+                    variant: "body2"
+                  }, e(r)[e(i).MESSAGE]), {
+                    default: f(() => [
+                      I(T(t.message), 1)
+                    ]),
+                    _: 1
+                  }, 16))
+                ], !0)
+              ], 512), [
+                [B, t.message]
+              ]),
+              a("div", J, [
+                h(m.$slots, "actions", {}, () => [
+                  t.actionButtons ? (n(), N("div", K, [
+                    (n(!0), N(O, null, V(t.actionButtons, (s, v) => (n(), c(e(D), l({
+                      key: v,
+                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : "",
+                      size: "small"
+                    }, { ...s }), null, 16, ["data-testid"]))), 128))
+                  ])) : d("", !0)
+                ], !0)
+              ])
+            ]),
+            a("div", Q, [
+              t.showClose ? (n(), c(e(H), l({
+                key: 0,
+                "icon-name": "x",
+                size: "small"
+              }, e(r)[e(i).CLOSE], {
+                onClick: x(e(p), ["stop"])
+              }), null, 16, ["onClick"])) : d("", !0)
+            ])
+          ])
+        ], 16, P), [
+          [B, e(b)]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeLeave"]));
+  }
+});
+export {
+  ne as default
+};

package/components/statusDot/StatusDot.vue.js

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

package/components/statusDot/StatusDot.vue2.js

@@ -0,0 +1,15 @@
+ import "../../StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css"; import { defineComponent as t, openBlock as s, createElementBlock as o, normalizeClass as a } from "vue";
+const r = /* @__PURE__ */ t({
+  __name: "StatusDot",
+  props: {
+    type: { default: "success" }
+  },
+  setup(e) {
+    return (n, c) => (s(), o("div", {
+      class: a([e.type, "status-dot"])
+    }, null, 2));
+  }
+});
+export {
+  r as default
+};

package/components/switch/v3/Switch.vue.js

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

package/components/switch/v3/Switch.vue2.js

@@ -0,0 +1,69 @@
+ import "../../../Switch.vue_vue_type_style_index_0_scoped_9c008fc4_lang.css"; import { defineComponent as b, ref as d, computed as k, onMounted as z, openBlock as r, createElementBlock as c, normalizeClass as u, unref as l, createElementVNode as V, normalizeStyle as g, Fragment as T, renderList as C, renderSlot as I, createVNode as y, withCtx as S, createTextVNode as E, toDisplayString as N } from "vue";
+import { useVModel as R } from "@vueuse/core";
+import B from "../../typography/Text.vue.js";
+import { SwitchTestIdModifiers as f } from "../../../testids/index.js";
+const M = ["data-testid"], P = ["aria-label", "data-testid", "onClick"], D = /* @__PURE__ */ b({
+  __name: "Switch",
+  props: {
+    options: null,
+    modelValue: null,
+    size: { default: "lg" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: v }) {
+    const n = e, w = d(null), p = R(n, "modelValue", v), i = d([]), x = { optionsRefs: i }, t = d(), m = k(() => ({
+      left: i.value[t.value]?.offsetLeft,
+      width: i.value[t.value]?.offsetWidth
+    }));
+    z(() => {
+      t.value = n.options.findIndex(
+        (s) => s === n.modelValue
+      );
+    });
+    const $ = (s, h) => {
+      t.value = h, p.value = s;
+    };
+    return (s, h) => (r(), c("div", {
+      class: u(["switch", { "switch--lg": e.size === "lg", "switch--sm": e.size === "sm" }]),
+      "data-testid": `${e.testId}-${l(f).WRAPPER}`
+    }, [
+      V("span", {
+        ref_key: "box",
+        ref: w,
+        class: u(["box", { "box--lg": e.size === "lg", "box--sm": e.size === "sm" }]),
+        style: g({
+          transform: `translateX(${l(m)?.left}px)`,
+          width: l(m)?.width + "px"
+        })
+      }, null, 6),
+      (r(!0), c(T, null, C(e.options, (o, a) => (r(), c("button", {
+        ref_for: !0,
+        ref: x.optionsRefs,
+        key: a,
+        "aria-label": o,
+        class: u([{ "option--selected": t.value === a }, "option"]),
+        "data-testid": `${e.testId}-${l(f).BUTTON}`,
+        onClick: (L) => $(o, a)
+      }, [
+        I(s.$slots, "default", {
+          option: o,
+          selected: t.value === a
+        }, () => [
+          y(B, {
+            size: "caption",
+            "data-testid": `${e.testId}-${l(f).TEXT}`
+          }, {
+            default: S(() => [
+              E(N(o), 1)
+            ]),
+            _: 2
+          }, 1032, ["data-testid"])
+        ], !0)
+      ], 10, P))), 128))
+    ], 10, M));
+  }
+});
+export {
+  D as default
+};

package/components/switch/v4/SwitchV4.vue.js

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

package/components/switch/v4/SwitchV4.vue2.js

@@ -0,0 +1,42 @@
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css"; import { defineComponent as p, ref as k, onMounted as v, openBlock as a, createElementBlock as d, unref as s, Fragment as I, renderList as V, createBlock as h, normalizeClass as B } from "vue";
+import { useVModel as C } from "@vueuse/core";
+import "../../button/v4/ButtonV4.vue.js";
+import $ from "../../button/v4/IconButtonV4.vue.js";
+import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
+const w = ["data-testid"], P = /* @__PURE__ */ p({
+  __name: "SwitchV4",
+  props: {
+    options: null,
+    modelValue: null,
+    testId: { default: "" },
+    iconKey: { default: "icon" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: r }) {
+    const o = e, n = k(), m = C(o, "modelValue", r);
+    v(() => {
+      n.value = o.options.findIndex(
+        (t) => t === o.modelValue
+      );
+    });
+    const f = (t, i) => {
+      n.value = i, m.value = t;
+    };
+    return (t, i) => (a(), d("div", {
+      class: "switch",
+      "data-testid": `${e.testId}-${s(u).WRAPPER}`
+    }, [
+      (a(!0), d(I, null, V(e.options, (c, l) => (a(), h(s($), {
+        key: l,
+        class: B(["option", { "option--selected": n.value === l }]),
+        "icon-name": c[e.iconKey],
+        size: "small",
+        "data-testid": `${e.testId}-${s(u).BUTTON}`,
+        onClick: (y) => f(c, l)
+      }, null, 8, ["class", "icon-name", "data-testid", "onClick"]))), 128))
+    ], 8, w));
+  }
+});
+export {
+  P as default
+};

package/components/table/v3/SortOrderIcon.vue.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as e, pushScopeId as c, popScopeId as r, createElementVNode as n } from "vue";
+/* empty css                    */import s from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {}, d = (o) => (c("data-v-cb20f507"), o = o(), r(), o), p = {
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i = /* @__PURE__ */ d(() => /* @__PURE__ */ n("path", {
+  d: "M7.94188 3.66979L4.21022 0.0771272C4.1034 -0.0257091 3.89773 -0.0257091 3.78978 0.0771272L0.0581151 3.66979C-0.0805157 3.80376 0.0444792 4 0.268334 4H7.73167C7.95552 4 8.08052 3.80376 7.94188 3.66979Z",
+  fill: "currentColor"
+}, null, -1)), l = [
+  i
+];
+function a(o, f) {
+  return t(), e("svg", p, l);
+}
+const u = /* @__PURE__ */ s(_, [["render", a], ["__scopeId", "data-v-cb20f507"]]);
+export {
+  u as default
+};

package/components/table/v3/Table.vue.js

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