@ironsource/shared-ui 2.1.0-rc.2 → 2.1.0

package/src/components/shared/FieldLabel.vue2.js

@@ -1,61 +0,0 @@
-import { defineComponent as c, openBlock as r, createElementBlock as u, mergeProps as o, unref as e, createVNode as n, withCtx as d, createTextVNode as s, toDisplayString as p, createBlock as i, createCommentVNode as m } from "vue";
-import T from "../icon/v3/Icon.vue.js";
-import b from "../tooltip/v4/TooltipV4.vue.js";
-import f from "../typography/v4/Typography.vue.js";
-import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
-import { useTestIdAttrs as x } from "../../utils/testIds.js";
-const H = /* @__PURE__ */ c({
-  __name: "FieldLabel",
-  props: {
-    label: { default: "" },
-    mandatory: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    testId: { default: "" }
-  },
-  setup(t) {
-    const l = x(t.testId, a);
-    return (y, v) => (r(), u("div", o({
-      class: ["field-label", { "field-label--disabled": t.disabled }]
-    }, e(l)[e(a).CONTAINER]), [
-      n(e(f), o({
-        class: "label",
-        variant: "inputLabel"
-      }, e(l)[e(a).TEXT]), {
-        default: d(() => [
-          s(p(t.label), 1)
-        ]),
-        _: 1
-      }, 16),
-      t.mandatory ? (r(), i(e(f), o({
-        key: 0,
-        variant: "h3",
-        class: "mandatory"
-      }, e(l)[e(a).MANDATORY]), {
-        default: d(() => [
-          s("*")
-        ]),
-        _: 1
-      }, 16)) : m("", !0),
-      t.hoverHelpText ? (r(), i(e(b), o({
-        key: 1,
-        triggers: ["hover"],
-        text: t.hoverHelpText,
-        placement: t.hoverHelpTextPlacement
-      }, e(l)[e(a).TOOLTIP], { "test-id": t.testId }), {
-        default: d(() => [
-          n(e(T), {
-            class: "info-icon",
-            name: "question",
-            "font-size": "sm"
-          })
-        ]),
-        _: 1
-      }, 16, ["text", "placement", "test-id"])) : m("", !0)
-    ], 16));
-  }
-});
-export {
-  H as default
-};

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

@@ -1,7 +0,0 @@
-import e from "./Skeleton.vue2.js";
-/* empty css               */import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// 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/src/components/skeleton/v3/Skeleton.vue2.js

@@ -1,18 +0,0 @@
-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/src/components/skeleton/v4/SkeletonV4.vue.js

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

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

@@ -1,23 +0,0 @@
-import { defineComponent as n, useCssVars as l, unref as r, computed as a, 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;
-    l((t) => ({
-      "5977811c": r(o)
-    }));
-    const o = a(() => 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/src/components/snackbar/v3/Snackbar.vue.js

@@ -1,7 +0,0 @@
-import o from "./Snackbar.vue2.js";
-/* empty css               */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// 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/src/components/snackbar/v3/Snackbar.vue2.js

@@ -1,129 +0,0 @@
-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/src/components/snackbar/v4/SnackbarV4.vue.js

@@ -1,7 +0,0 @@
-import c from "./SnackbarV4.vue2.js";
-/* empty css                 */import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// 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/src/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,138 +0,0 @@
-import { defineComponent as $, computed as p, 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 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" }, se = /* @__PURE__ */ $({
-  __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: E
-    } = F(u), M = {
-      info: {
-        iconName: "info",
-        class: "snackbar-icon-info"
-      },
-      error: {
-        iconName: "warning-octagon",
-        class: "snackbar-icon-error"
-      },
-      success: {
-        iconName: "check-circle",
-        class: "snackbar-icon-success"
-      }
-    }, y = p(() => M[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(E), ["stop"])
-              }), null, 16, ["onClick"])) : d("", !0)
-            ])
-          ])
-        ], 16, P), [
-          [B, e(b)]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onBeforeLeave"]));
-  }
-});
-export {
-  se as default
-};

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

@@ -1,7 +0,0 @@
-import o from "./Switch.vue2.js";
-/* empty css             */import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// 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/src/components/switch/v3/Switch.vue2.js

@@ -1,69 +0,0 @@
-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/src/components/switch/v4/SwitchV4.vue.js

@@ -1,7 +0,0 @@
-import o from "./SwitchV4.vue2.js";
-/* empty css               */import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_afb0d2d7_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-afb0d2d7"]]);
-export {
-  c as default
-};

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

@@ -1,69 +0,0 @@
-import { defineComponent as $, ref as d, computed as b, onMounted as k, openBlock as r, createElementBlock as c, normalizeClass as u, unref as l, createElementVNode as z, 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__ */ $({
-  __name: "SwitchV4",
-  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 = b(() => ({
-      left: i.value[t.value]?.offsetLeft,
-      width: i.value[t.value]?.offsetWidth
-    }));
-    k(() => {
-      t.value = n.options.findIndex(
-        (s) => s === n.modelValue
-      );
-    });
-    const V = (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}`
-    }, [
-      z("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) => V(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/src/components/table/v3/SortOrderIcon.vue.js

@@ -1,21 +0,0 @@
-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/src/components/table/v3/Table.vue.js

@@ -1,7 +0,0 @@
-import e from "./Table.vue2.js";
-/* empty css            *//* empty css            */import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// 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
-};