@ironsource/shared-ui 2.0.0-rc.6 → 2.0.0-rc.8

package/components/snackbar/Snackbar.vue2.js

@@ -1,150 +0,0 @@
- import "../../Snackbar.vue_vue_type_style_index_0_scoped_d14230ca_lang.css"; import { defineComponent as H, ref as N, computed as l, onMounted as V, openBlock as s, createBlock as r, Transition as $, withCtx as a, withDirectives as z, createElementVNode as c, normalizeClass as T, unref as n, normalizeStyle as B, createElementBlock as M, createVNode as f, resolveDynamicComponent as U, createCommentVNode as y, renderSlot as W, createTextVNode as A, toDisplayString as F, vShow as w, withModifiers as K } from "vue";
-import { useEventListener as P, useTimeoutFn as j } from "@vueuse/core";
-import x from "../icon/v3/Icon.vue.js";
-import L from "../icon/v3/icons/Close.vue.js";
-import q from "../icon/v3/icons/Check.vue.js";
-import "../button/v3/Button.vue.js";
-import G from "../button/v3/IconButton.vue.js";
-import "../button/v3/ScrollButton.vue.js";
-import S from "../typography/Text.vue.js";
-const J = ["id"], O = { class: "container" }, Q = { class: "texts" }, R = ["innerHTML"], ie = /* @__PURE__ */ H({
-  __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(e) {
-    const t = e, v = {
-      success: q,
-      error: L
-    }, i = N(!1);
-    let C;
-    const k = l(() => {
-      const o = t.type;
-      return o && v[t.type] ? o : "";
-    }), p = l(() => v[t.type] || t.icon || ""), b = l(
-      () => t.position.endsWith("right") ? "right" : "left"
-    ), I = l(
-      () => t.position.startsWith("top") ? "top" : "bottom"
-    ), D = l(() => ({
-      [I.value]: `${t.offset}px`,
-      zIndex: t.zIndex
-    }));
-    function d() {
-      t.duration > 0 && ({ stop: C } = j(() => {
-        i.value && m();
-      }, t.duration));
-    }
-    function g() {
-      C?.();
-    }
-    function m() {
-      i.value = !1;
-    }
-    function E({ code: o }) {
-      o === "Delete" || o === "Backspace" ? g() : o === "Escape" ? i.value && m() : d();
-    }
-    return V(() => {
-      d(), i.value = !0;
-    }), P(document, "keydown", E), (o, u) => (s(), r($, {
-      name: "snackbar",
-      onBeforeLeave: e.onClose,
-      onAfterLeave: u[1] || (u[1] = (h) => o.$emit("destroy"))
-    }, {
-      default: a(() => [
-        z(c("div", {
-          id: e.id,
-          class: T(["snackbar", [e.customClass, n(b)]]),
-          style: B(n(D)),
-          role: "alert",
-          onMouseenter: g,
-          onMouseleave: d,
-          onClick: u[0] || (u[0] = //@ts-ignore
-          (...h) => e.onClick && e.onClick(...h))
-        }, [
-          n(p) ? (s(), M("div", {
-            key: 0,
-            class: T(["start-icon-container", [n(k)]])
-          }, [
-            f(n(x), {
-              "font-size": n(k) ? "sm" : "lg"
-            }, {
-              default: a(() => [
-                (s(), r(U(n(p))))
-              ]),
-              _: 1
-            }, 8, ["font-size"])
-          ], 2)) : y("", !0),
-          c("div", O, [
-            c("div", Q, [
-              e.title ? (s(), r(S, {
-                key: 0,
-                size: "md",
-                strong: "",
-                class: "title"
-              })) : y("", !0),
-              z(c("div", {
-                class: "message",
-                style: B(e.title ? void 0 : { margin: 0 })
-              }, [
-                W(o.$slots, "default", {}, () => [
-                  e.dangerouslyUseHTMLString ? (s(), M("div", {
-                    key: 1,
-                    innerHTML: e.message
-                  }, null, 8, R)) : (s(), r(S, {
-                    key: 0,
-                    size: "sm"
-                  }, {
-                    default: a(() => [
-                      A(F(e.message), 1)
-                    ]),
-                    _: 1
-                  }))
-                ], !0)
-              ], 4), [
-                [w, e.message]
-              ])
-            ]),
-            e.showClose ? (s(), r(n(G), {
-              key: 0,
-              theme: "third",
-              size: "sm",
-              class: "snackbar-close-button",
-              variant: "colorized",
-              onClick: K(m, ["stop"])
-            }, {
-              default: a(() => [
-                f(n(x), null, {
-                  default: a(() => [
-                    f(L)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : y("", !0)
-          ])
-        ], 46, J), [
-          [w, i.value]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onBeforeLeave"]));
-  }
-});
-export {
-  ie as default
-};

package/components/snackbar/index.d.ts

@@ -1,3 +0,0 @@
-export declare const Snackbar: import("./snackbar.types").Notify;
-export default Snackbar;
-export * from './snackbar.types';

package/components/snackbar/index.js

@@ -1,6 +0,0 @@
-import o from "./notify.js";
-const a = o;
-export {
-  a as Snackbar,
-  a as default
-};

package/components/snackbar/notify.js

@@ -1,84 +0,0 @@
-import { isVNode as x, createVNode as y, render as v } from "vue";
-import b from "./Snackbar.vue.js";
-import { snackbarTypes as I } from "./snackbar.types.js";
-const p = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-}, g = 16;
-let C = 1;
-const N = 2e3, a = function(e = {}, t = null) {
-  (typeof e == "string" || x(e)) && (e = { message: e });
-  const o = e.position || "top-right";
-  let n = e.zIndex || N, s = p[o].reduce(
-    (m, { vm: h }) => m + (h.el?.offsetHeight || 0) + g,
-    e.offset || 0
-  );
-  s += g;
-  const i = () => n++, d = `notification_${C++}`, u = e.onClose, l = {
-    ...e,
-    zIndex: i(),
-    offset: s,
-    id: d,
-    onClose: () => {
-      A(d, o, u);
-    }
-  }, c = document.body, f = document.createElement("div"), r = y(
-    b,
-    l,
-    x(l.message) ? {
-      default: () => l.message
-    } : null
-  );
-  return r.appContext = t ?? a._context, r.props.onDestroy = () => {
-    v(null, f);
-  }, v(r, f), p[o].push({ vm: r }), c.appendChild(f?.firstElementChild), {
-    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
-    // for out component, so that all closing steps will not be skipped.
-    close: () => {
-      const m = r.component?.proxy;
-      m && (m.visible = !1);
-    }
-  };
-};
-function A(e, t, o) {
-  const n = p[t], s = n.findIndex(
-    ({ vm: c }) => c.component?.props.id === e
-  );
-  if (s === -1)
-    return;
-  const { vm: i } = n[s];
-  if (!i)
-    return;
-  o?.(i);
-  const d = i.el?.offsetHeight, u = t.split("-")[0];
-  n.splice(s, 1);
-  const l = n.length;
-  for (let c = s; c < l; c++) {
-    const { el: f, component: r } = n[c].vm;
-    r.props.offset = Number.parseInt(f.style[u], 10) - d - g;
-  }
-}
-I.forEach((e) => {
-  a[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
-    message: t
-  }), a({
-    ...t,
-    type: e
-  }));
-});
-function E() {
-  for (const e of Object.values(p))
-    e.forEach(({ vm: t }) => {
-      const o = t.component?.proxy;
-      o && (o.visible = !1);
-    });
-}
-a.closeAll = E;
-a._context = null;
-export {
-  A as close,
-  E as closeAll,
-  a as default
-};