@ironsource/shared-ui 1.4.2-vite.1 → 1.4.3-andyk.1

package/components/button/ButtonBase.vue3.js

@@ -1,53 +0,0 @@
-import { defineComponent as p, computed as l, openBlock as s, createElementBlock as i, mergeProps as z, renderSlot as n, createVNode as a, unref as o, withCtx as d, createCommentVNode as m } from "vue";
-/* empty css                          */import h from "../typography/Text.vue.js";
-import B from "../icon/Icon.vue.js";
-import { sizeToFont as y } from "./consts.js";
-import x from "./icon/LoaderDotsIcon.vue.js";
-const k = { key: 0 }, W = /* @__PURE__ */ p({
-  __name: "ButtonBase",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" },
-    theme: { default: "primary" },
-    loading: { type: Boolean, default: !1 },
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    const r = e, u = 32, c = 24, f = l(
-      () => r.size === "lg" ? u + "px" : c + "px"
-    ), g = l(() => y[r.size]);
-    return (t, I) => (s(), i("button", z({
-      class: [[e.size, e.theme, e.variant, { loading: e.loading }], "button-wrap"]
-    }, t.$attrs), [
-      e.loading ? m("", !0) : (s(), i("span", k, [
-        n(t.$slots, "content", {}, () => [
-          a(o(h), {
-            size: o(g),
-            strong: e.strong,
-            class: "content"
-          }, {
-            default: d(() => [
-              n(t.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["size", "strong"])
-        ], !0)
-      ])),
-      e.loading ? n(t.$slots, "loader", { key: 1 }, () => [
-        a(o(B), {
-          "font-size": o(f),
-          class: "loading"
-        }, {
-          default: d(() => [
-            a(x)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ], !0) : m("", !0)
-    ], 16));
-  }
-});
-export {
-  W as default
-};

package/components/button/IconButton.vue2.js

@@ -1,45 +0,0 @@
-import { defineComponent as s, computed as c, openBlock as l, createBlock as d, mergeProps as m, withCtx as t, createElementVNode as f, normalizeClass as u, renderSlot as z, createVNode as a, unref as r } from "vue";
-import p from "../icon/Icon.vue.js";
-import v from "./ButtonBase.vue2.js";
-import { loaderSizeMap as B } from "./consts.js";
-import C from "./icon/LoaderCircleIcon.vue.js";
-const N = /* @__PURE__ */ s({
-  __name: "IconButton",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" }
-  },
-  setup(e) {
-    const n = e, i = c(() => B[n.size] + "px");
-    return (o, I) => (l(), d(v, m({
-      size: e.size,
-      "is-truncated": !1
-    }, o.$attrs, {
-      variant: e.variant,
-      class: "icon-base"
-    }), {
-      content: t(() => [
-        f("div", {
-          class: u(["icon", { [e.size]: !0, [e.variant]: !0 }])
-        }, [
-          z(o.$slots, "default", {}, void 0, !0)
-        ], 2)
-      ]),
-      loader: t(() => [
-        a(r(p), {
-          "font-size": r(i),
-          class: "loading"
-        }, {
-          default: t(() => [
-            a(C)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ]),
-      _: 3
-    }, 16, ["size", "variant"]));
-  }
-});
-export {
-  N as default
-};

package/components/button/ScrollButton.vue2.js

@@ -1,43 +0,0 @@
-import { defineComponent as a, openBlock as i, createBlock as m, unref as o, normalizeClass as c, withCtx as e, createVNode as l, createCommentVNode as s } from "vue";
-import p from "../icon/Icon.vue.js";
-/* empty css                          *//* empty css                       *//* empty css                *//* empty css             */import u from "./IconButton.vue.js";
-import f from "../tooltip/Tooltip.vue.js";
-/* empty css                       *//* empty css                   */const z = /* @__PURE__ */ a({
-  __name: "ScrollButton",
-  props: {
-    show: { type: Boolean, default: !1 },
-    iconName: { default: "angle-up" },
-    tooltipText: { default: "Back to top" },
-    position: { default: "bottom-right" }
-  },
-  emits: ["scrolled"],
-  setup(t, { emit: r }) {
-    const n = () => {
-      r("scrolled");
-    };
-    return (d, h) => t.show ? (i(), m(o(u), {
-      key: 0,
-      class: c(["scroll-button", t.position]),
-      theme: "third",
-      variant: "borderless",
-      size: "lg",
-      onClick: n
-    }, {
-      default: e(() => [
-        l(o(f), {
-          text: t.tooltipText,
-          delay: 400
-        }, {
-          default: e(() => [
-            l(o(p), { name: t.iconName }, null, 8, ["name"])
-          ]),
-          _: 1
-        }, 8, ["text"])
-      ]),
-      _: 1
-    }, 8, ["class"])) : s("", !0);
-  }
-});
-export {
-  z as default
-};

package/components/button/consts.js

@@ -1,18 +0,0 @@
-const s = {
-  lg: "md",
-  md: "sm",
-  sm: "xs"
-}, m = {
-  lg: 24,
-  md: 16,
-  sm: 16
-}, o = {
-  lg: 22,
-  md: 16,
-  sm: 11
-};
-export {
-  m as iconSizeMap,
-  o as loaderSizeMap,
-  s as sizeToFont
-};

package/components/button/index.js

@@ -1,10 +0,0 @@
-import o from "./Button.vue.js";
-import t from "./IconButton.vue.js";
-import r from "./ScrollButton.vue.js";
-const u = () => [o, t, r];
-export {
-  o as Button,
-  u as ButtonTypes,
-  t as IconButton,
-  r as ScrollButton
-};

package/components/checkbox/Checkbox.vue2.js

@@ -1,85 +0,0 @@
-import { defineComponent as F, ref as b, computed as r, openBlock as o, createElementBlock as S, normalizeClass as N, createElementVNode as u, mergeProps as $, unref as c, createVNode as g, withCtx as p, createBlock as i, createCommentVNode as l, renderSlot as w, createTextVNode as E, toDisplayString as T, pushScopeId as D, popScopeId as P } from "vue";
-/* empty css                          */import R from "../typography/Text.vue.js";
-import U from "../icon/Icon.vue.js";
-import j from "./icons/unchecked.vue.js";
-import q from "./icons/checked.vue.js";
-import A from "./icons/indeterminate.vue.js";
-import G from "../../composables/useIsFocusVisible.js";
-import { useId as H } from "../../composables/useId.js";
-const J = (e) => (D("data-v-af8ff01f"), e = e(), P(), e), K = { class: "checkboxes" }, L = ["disabled", "checked", ".indeterminate"], M = /* @__PURE__ */ J(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), ce = /* @__PURE__ */ F({
-  __name: "Checkbox",
-  props: {
-    isChecked: { type: Boolean },
-    isIndeterminate: { type: Boolean },
-    disabled: { type: Boolean },
-    size: { default: "md" },
-    label: { default: "" }
-  },
-  emits: ["update:isChecked", "click"],
-  setup(e, { emit: m }) {
-    const s = e, x = b(null), k = `checkbox-${H().value}`, {
-      isFocusVisibleRef: f,
-      onFocus: C,
-      onBlur: I
-    } = G(), n = b(!1), v = (t) => {
-      C(t), f.value === !0 && (n.value = !0);
-    }, B = (t) => {
-      I(t), f.value === !1 && (n.value = !1);
-    }, a = r(() => !s.isChecked && s.isIndeterminate), d = r(() => s.isChecked), V = r(() => !d.value && !s.isIndeterminate), y = (t) => {
-      m("update:isChecked", t.target.checked);
-    };
-    return (t, h) => (o(), S("label", {
-      for: k,
-      class: N([[e.size, { "focus-visible": n.value, disabled: e.disabled }], "checkbox"])
-    }, [
-      u("span", K, [
-        u("input", $(t.$attrs, {
-          id: k,
-          ref: x.value,
-          disabled: e.disabled,
-          checked: c(d),
-          class: "input",
-          ".indeterminate": c(a),
-          type: "checkbox",
-          onBlur: B,
-          onFocus: v,
-          onClick: h[0] || (h[0] = (z) => m("click", z)),
-          onInput: y
-        }), null, 16, L),
-        M,
-        g(c(U), { "font-size": e.size }, {
-          default: p(() => [
-            c(d) ? (o(), i(q, {
-              key: 0,
-              class: "checkbox-icon checked"
-            })) : l("", !0),
-            c(a) ? (o(), i(A, {
-              key: 1,
-              class: "checkbox-icon indeterminate"
-            })) : l("", !0),
-            c(V) && !c(a) ? (o(), i(j, {
-              key: 2,
-              class: "checkbox-icon unchecked"
-            })) : l("", !0)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ]),
-      e.label || t.$slots.default ? (o(), i(c(R), {
-        key: 0,
-        size: e.size,
-        class: "checkbox-text"
-      }, {
-        default: p(() => [
-          w(t.$slots, "default", {}, () => [
-            E(T(e.label), 1)
-          ], !0)
-        ]),
-        _: 3
-      }, 8, ["size"])) : l("", !0)
-    ], 2));
-  }
-});
-export {
-  ce as default
-};

package/components/checkbox/index.js

@@ -1,6 +0,0 @@
-import o from "./Checkbox.vue.js";
-const c = () => [o];
-export {
-  o as Checkbox,
-  c as CheckboxTypes
-};

package/components/chip/Chip.vue2.js

@@ -1,54 +0,0 @@
-import { defineComponent as c, openBlock as o, createElementBlock as s, normalizeClass as d, renderSlot as l, createCommentVNode as a, createElementVNode as r, toDisplayString as u, createVNode as f, unref as m } from "vue";
-import p from "../icon/Icon.vue.js";
-const b = ["disabled"], y = {
-  key: 0,
-  class: "icon icon--start"
-}, h = {
-  key: 0,
-  class: "prefix"
-}, k = {
-  key: 1,
-  class: "icon icon--end"
-}, v = /* @__PURE__ */ c({
-  __name: "Chip",
-  props: {
-    selected: { type: Boolean, default: !1 },
-    clearable: { type: Boolean, default: !1 },
-    prefix: { default: null },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["cleared"],
-  setup(t, { emit: n }) {
-    const i = (e) => {
-      e.stopPropagation(), n("cleared");
-    };
-    return (e, B) => (o(), s("button", {
-      class: d(["chip-container", { selected: t.selected, disabled: t.disabled }]),
-      disabled: t.disabled
-    }, [
-      e.$slots["icon-start"] ? (o(), s("span", y, [
-        l(e.$slots, "icon-start", {}, void 0, !0)
-      ])) : a("", !0),
-      r("span", null, [
-        t.prefix ? (o(), s("span", h, u(t.prefix) + ":", 1)) : a("", !0),
-        l(e.$slots, "default", {}, void 0, !0)
-      ]),
-      e.$slots["icon-end"] ? (o(), s("span", k, [
-        l(e.$slots, "icon-end", {}, void 0, !0)
-      ])) : a("", !0),
-      t.clearable ? (o(), s("button", {
-        key: 2,
-        class: "clear-icon",
-        onClick: i
-      }, [
-        f(m(p), {
-          name: "close",
-          "font-size": "sm"
-        })
-      ])) : a("", !0)
-    ], 10, b));
-  }
-});
-export {
-  v as default
-};

package/components/chip/index.js

@@ -1,6 +0,0 @@
-import p from "./Chip.vue.js";
-const i = () => [p];
-export {
-  p as Chip,
-  i as ChipTypes
-};

package/components/cssBaseline/index.js

@@ -1,6 +0,0 @@
-import s from "./CssBaseline.vue.js";
-const o = () => [s];
-export {
-  s as CssBaseline,
-  o as CssBaselineTypes
-};

package/components/datePicker/DatePicker.vue2.js

@@ -1,92 +0,0 @@
-import { defineComponent as M, ref as r, computed as d, openBlock as D, createElementBlock as g, unref as a, createElementVNode as w, renderSlot as P, withDirectives as x, isRef as B, vModelText as R, normalizeClass as b, createVNode as E, createCommentVNode as N } from "vue";
-import { onClickOutside as T } from "@vueuse/core";
-import { useToggle as _ } from "../../composables/useToggle.js";
-import $ from "./DatePickerMonth.vue.js";
-import { isValid as f, format as q, parse as O, isFuture as S } from "date-fns";
-const U = ["id"], W = ["placeholder"], J = /* @__PURE__ */ M({
-  __name: "DatePicker",
-  props: {
-    uniqueId: { default: Date.now() },
-    modelValue: { default: null },
-    allowFutureDates: { type: Boolean, default: !1 },
-    dateFormat: { default: "yyyy-MM-d" },
-    placeholder: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: m }) {
-    const l = i, n = r(null), c = r(null), y = r(null), h = r(null), [s, V] = _({ initialValue: !1 }), k = () => {
-      V(!1);
-    }, F = (e) => {
-      const t = e.target.value;
-      if (!s) {
-        m("update:modelValue", t);
-        return;
-      }
-      const o = O(t, l.dateFormat, /* @__PURE__ */ new Date());
-      t.trim() || p(null), f(o) && (!l.allowFutureDates && S(o) || p(o));
-    }, p = (e) => {
-      k(), m("update:modelValue", e);
-    }, v = d(() => `datePicker${l.uniqueId || Math.random().toString().substring(2, 7)}`), u = d(() => {
-      const e = new Date(l.modelValue);
-      return f(l.modelValue) ? q(e, l.dateFormat) : l.modelValue;
-    }), C = d(() => {
-      if (!n.value || !s)
-        return !1;
-      const e = n.value.getBoundingClientRect(), t = 232;
-      return window.innerWidth - (e.x + t) < 0;
-    }), I = d(() => {
-      if (!l.modelValue)
-        return null;
-      const e = new Date(l.modelValue);
-      return f(e) ? e : null;
-    });
-    return T(
-      c,
-      () => {
-        k();
-      },
-      { ignore: [n] }
-    ), (e, t) => (D(), g("div", {
-      id: a(v),
-      ref_key: "datePicker",
-      ref: n,
-      class: "date-picker"
-    }, [
-      w("div", {
-        ref_key: "buttonRef",
-        ref: h,
-        onClick: t[2] || (t[2] = (o) => a(V)())
-      }, [
-        P(e.$slots, "default", { formattedDate: a(u) }, () => [
-          x(w("input", {
-            ref_key: "input",
-            ref: y,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => B(u) ? u.value = o : null),
-            type: "text",
-            class: "input",
-            placeholder: i.placeholder,
-            onInput: t[1] || (t[1] = (o) => F(o))
-          }, null, 40, W), [
-            [R, a(u)]
-          ])
-        ], !0)
-      ], 512),
-      a(s) ? (D(), g("div", {
-        key: 0,
-        ref_key: "popup",
-        ref: c,
-        class: b(["date-picker-popup", { "align-right": a(C) }])
-      }, [
-        E($, {
-          id: a(v) + "-month",
-          "model-value": a(I),
-          "allow-future-dates": i.allowFutureDates,
-          "onUpdate:modelValue": p
-        }, null, 8, ["id", "model-value", "allow-future-dates"])
-      ], 2)) : N("", !0)
-    ], 8, U));
-  }
-});
-export {
-  J as default
-};

package/components/datePicker/DatePickerMonth.vue2.js

@@ -1,85 +0,0 @@
-import { defineComponent as D, ref as w, watch as m, onMounted as M, computed as c, openBlock as C, createBlock as F, unref as o } from "vue";
-import T from "../dateRange/CalendarMonth.vue.js";
-import l from "../dateRange/DateServices.js";
-import { navigateNext as k } from "../dateRange/consts.js";
-import { startOfMonth as V, differenceInMonths as i, addMonths as S, subMonths as B } from "date-fns";
-const q = /* @__PURE__ */ D({
-  __name: "DatePickerMonth",
-  props: {
-    uniqueId: { default: Date.now() },
-    modelValue: { default: null },
-    includeToday: { type: Boolean, default: !0 },
-    allowFutureDates: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: h }) {
-    const n = s, r = (t) => {
-      const a = t.getMonth(), u = t.getFullYear();
-      return l.createMonth(
-        a,
-        u,
-        n.includeToday,
-        !n.allowFutureDates
-      );
-    };
-    let e = w(r(l.getCurrentTimeUTC()));
-    const d = () => {
-      const t = n.modelValue || l.getCurrentTimeUTC();
-      e.value = r(t);
-    }, f = (t) => {
-      const a = new Date(e.value.year, e.value.month), u = t === k ? S(a, 1) : B(a, 1);
-      e.value = r(u);
-    };
-    m(
-      () => n.modelValue,
-      () => {
-        d();
-      }
-    ), m(
-      () => n.allowFutureDates,
-      () => {
-        e.value = r(
-          new Date(e.value.year, e.value.month)
-        );
-      }
-    );
-    const p = (t) => {
-      const a = t || null;
-      return {
-        fromStart: a,
-        fromEnd: a,
-        toStart: a,
-        toEnd: a
-      };
-    };
-    M(() => {
-      d();
-    });
-    const v = c(() => {
-      if (n.allowFutureDates)
-        return "all";
-      const t = V(l.getCurrentTimeUTC());
-      i(e.value.year, e.value.month);
-      const a = new Date(e.value.year, e.value.month);
-      return i(a, t) >= 0 ? "previous" : "all";
-    }), g = c(() => p(n.modelValue)), y = (t) => {
-      t.isFuture || h("update:modelValue", t.date);
-    };
-    return (t, a) => (C(), F(T, {
-      id: s.uniqueId,
-      type: "month",
-      class: "date-picker-month",
-      range: o(g),
-      navigation: o(v),
-      year: o(e).year,
-      days: o(e).days,
-      weeks: o(e).weeks,
-      month: o(e).month,
-      onSelectionChanged: y,
-      onNavigation: f
-    }, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month"]));
-  }
-});
-export {
-  q as default
-};

package/components/datePicker/index.js

@@ -1,6 +0,0 @@
-import e from "./DatePicker.vue.js";
-const t = () => [e];
-export {
-  e as DatePicker,
-  t as DatePickerTypes
-};