@ironsource/shared-ui 1.4.2-rc.6 → 1.4.2-test.0

package/components/snackbar/notify.vue.js

@@ -1,106 +1,84 @@
-import { isVNode, createVNode, render } from 'vue';
-import SnackbarConstructor from './Snackbar.vue.js';
-import { snackbarTypes } from './snackbar.types.vue.js';
-
-const notifications = {
+import { isVNode as x, createVNode as y, render as v } from "vue";
+import b from "./Snackbar.vue.vue.js";
+import { snackbarTypes as I } from "./snackbar.types.vue.js";
+const p = {
   "top-left": [],
   "top-right": [],
   "bottom-left": [],
   "bottom-right": []
-};
-const SNACKBAR_GAP_SIZE = 16;
-let seed = 1;
-const defaultZIndex = 2e3;
-const notify = function(options = {}, context = null) {
-  if (typeof options === "string" || isVNode(options)) {
-    options = { message: options };
-  }
-  const position = options.position || "top-right";
-  let zIndex = options.zIndex || defaultZIndex;
-  let verticalOffset = notifications[position].reduce(
-    (verticalOffset2, { vm: vm2 }) => verticalOffset2 + (vm2.el?.offsetHeight || 0) + SNACKBAR_GAP_SIZE,
-    options.offset || 0
+}, 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
   );
-  verticalOffset += SNACKBAR_GAP_SIZE;
-  const nextZIndex = () => zIndex++;
-  const id = `notification_${seed++}`;
-  const userOnClose = options.onClose;
-  const props = {
-    ...options,
-    zIndex: nextZIndex(),
-    offset: verticalOffset,
-    id,
+  s += g;
+  const i = () => n++, d = `notification_${C++}`, u = e.onClose, l = {
+    ...e,
+    zIndex: i(),
+    offset: s,
+    id: d,
     onClose: () => {
-      close(id, position, userOnClose);
+      A(d, o, u);
     }
-  };
-  const appendTo = document.body;
-  const container = document.createElement("div");
-  const vm = createVNode(
-    SnackbarConstructor,
-    props,
-    isVNode(props.message) ? {
-      default: () => props.message
+  }, c = document.body, f = document.createElement("div"), r = y(
+    b,
+    l,
+    x(l.message) ? {
+      default: () => l.message
     } : null
   );
-  vm.appContext = context ?? notify._context;
-  vm.props.onDestroy = () => {
-    render(null, container);
-  };
-  render(vm, container);
-  notifications[position].push({ vm });
-  appendTo.appendChild(container?.firstElementChild);
-  return {
+  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 proxy = vm.component?.proxy;
-      if (proxy)
-        proxy.visible = false;
+      const m = r.component?.proxy;
+      m && (m.visible = !1);
     }
   };
 };
-function close(id, position, userOnClose) {
-  const orientedNotifications = notifications[position];
-  const activeNotificationIndex = orientedNotifications.findIndex(
-    ({ vm: vm2 }) => vm2.component?.props.id === id
+function A(e, t, o) {
+  const n = p[t], s = n.findIndex(
+    ({ vm: c }) => c.component?.props.id === e
   );
-  if (activeNotificationIndex === -1)
+  if (s === -1)
     return;
-  const { vm } = orientedNotifications[activeNotificationIndex];
-  if (!vm)
+  const { vm: i } = n[s];
+  if (!i)
     return;
-  userOnClose?.(vm);
-  const removedHeight = vm.el?.offsetHeight;
-  const verticalPos = position.split("-")[0];
-  orientedNotifications.splice(activeNotificationIndex, 1);
-  const len = orientedNotifications.length;
-  for (let i = activeNotificationIndex; i < len; i++) {
-    const { el, component } = orientedNotifications[i].vm;
-    component.props.offset = Number.parseInt(el.style[verticalPos], 10) - removedHeight - SNACKBAR_GAP_SIZE;
+  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;
   }
 }
-snackbarTypes.forEach((type) => {
-  notify[type] = (options = {}) => {
-    if (typeof options === "string" || isVNode(options)) {
-      options = {
-        message: options
-      };
-    }
-    return notify({
-      ...options,
-      type
-    });
-  };
+I.forEach((e) => {
+  a[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
+    message: t
+  }), a({
+    ...t,
+    type: e
+  }));
 });
-function closeAll() {
-  for (const orientedNotifications of Object.values(notifications)) {
-    orientedNotifications.forEach(({ vm }) => {
-      const proxy = vm.component?.proxy;
-      if (proxy)
-        proxy.visible = false;
+function E() {
+  for (const e of Object.values(p))
+    e.forEach(({ vm: t }) => {
+      const o = t.component?.proxy;
+      o && (o.visible = !1);
     });
-  }
 }
-notify.closeAll = closeAll;
-notify._context = null;
-
-export { close, closeAll, notify as default };
+a.closeAll = E;
+a._context = null;
+export {
+  A as close,
+  E as closeAll,
+  a as default
+};

package/components/snackbar/snackbar.types.vue.js

@@ -1,6 +1,7 @@
-const snackbarEmits = {
-  destroy: () => true
+const s = {
+  destroy: () => !0
+}, r = ["success", "info", "error"];
+export {
+  s as snackbarEmits,
+  r as snackbarTypes
 };
-const snackbarTypes = ["success", "info", "error"];
-
-export { snackbarEmits, snackbarTypes };

package/components/switch/Switch.vue.d.ts

@@ -1,32 +1,42 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    options: string[];
-    modelValue: string;
-    size?: 'sm' | 'lg';
-}>, {
-    size: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    options: string[];
-    modelValue: string;
-    size?: 'sm' | 'lg';
-}>, {
-    size: string;
-}>>> & {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
-    size: 'sm' | 'lg';
+    size: "sm" | "lg";
+}>, {
+    default?(_: {
+        option: string;
+        selected: boolean;
+    }): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

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

@@ -0,0 +1,6 @@
+import o from "./Switch.vue.vue2.js";
+/* empty css                 */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-08a704b0"]]);
+export {
+  p as default
+};

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

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

package/components/switch/index.d.ts

@@ -1,21 +1,97 @@
-declare const SwitchTypes: () => import("vue").DefineComponent<{
+declare const SwitchTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "sm" | "lg";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "lg">;
+                default: string;
+            };
+            options: {
+                type: import("vue").PropType<string[]>;
+                required: true;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "lg">;
+                default: string;
+            };
+            options: {
+                type: import("vue").PropType<string[]>;
+                required: true;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
+            size: "sm" | "lg";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"sm" | "lg">;
+            default: string;
+        };
+        options: {
+            type: import("vue").PropType<string[]>;
+            required: true;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: import("vue").PropType<"sm" | "lg">;
-    } & {
-        default: string;
-    };
-    options: {
-        type: import("vue").PropType<string[]>;
-        required: true;
-    };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
-    } & {
         default: string;
     };
     options: {
@@ -28,8 +104,15 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
     size: "sm" | "lg";
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            option: string;
+            selected: boolean;
+        }): any;
+    };
+}))[];
 export { default as Switch } from './Switch.vue';
 export { SwitchTypes };

package/components/switch/index.vue.js

@@ -1,6 +1,6 @@
-import Switch from './Switch.vue.js';
-export { default as Switch } from './Switch.vue.js';
-
-const SwitchTypes = () => [Switch];
-
-export { SwitchTypes };
+import t from "./Switch.vue.vue.js";
+const c = () => [t];
+export {
+  t as Switch,
+  c as SwitchTypes
+};

package/components/table/SortOrderIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -0,0 +1,21 @@
+import { openBlock as o, createElementBlock as t, pushScopeId as c, popScopeId as r, createElementVNode as n } from "vue";
+/* empty css                        */import d from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const s = {}, _ = (e) => (c("data-v-eaa4d6ee"), e = e(), r(), e), a = {
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, p = /* @__PURE__ */ _(() => /* @__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)), i = [
+  p
+];
+function l(e, h) {
+  return o(), t("svg", a, i);
+}
+const u = /* @__PURE__ */ d(s, [["render", l], ["__scopeId", "data-v-eaa4d6ee"]]);
+export {
+  u as default
+};