@ironsource/shared-ui 2.0.0-test.9 → 2.0.1

package/components/snackbar/common/snackbar.types.d.ts

@@ -0,0 +1,48 @@
+import { Button } from '@/components/button/v4';
+import { VNode } from 'vue';
+export declare const snackbarEmits: {
+    destroy: () => boolean;
+};
+export declare const snackbarTypes: readonly ["success", "info", "error"];
+export type SnackbarEmits = typeof snackbarEmits;
+type ButtonProps = InstanceType<typeof Button>['$props'];
+export interface SnackbarProps {
+    customClass: string;
+    dangerouslyUseHTMLString: boolean;
+    duration?: number;
+    icon: string;
+    id: string;
+    message: string | VNode;
+    offset: number;
+    onClick: () => void;
+    onClose: () => void;
+    type: 'success' | 'error' | 'info';
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    showClose?: boolean;
+    title?: string;
+    actionButtons: ButtonProps[];
+    zIndex?: number;
+    testId?: string;
+}
+export type SnackbarOptions = Omit<SnackbarProps, 'id'> & {
+    appendTo?: HTMLElement | string;
+};
+export type SnackbarOptionsTyped = Omit<SnackbarOptions, 'type'>;
+export interface SnackbarHandle {
+    close: () => void;
+}
+export type SnackbarParams = Partial<SnackbarOptions> | string | VNode;
+export type SnackbarParamsTyped = Partial<SnackbarOptionsTyped> | string | VNode;
+export type NotifyFn = ((options?: SnackbarParams) => SnackbarHandle) & {
+    closeAll: () => void;
+};
+export type NotifyTypedFn = (options?: SnackbarParamsTyped) => SnackbarHandle;
+export interface Notify extends NotifyFn {
+    success: NotifyTypedFn;
+    error: NotifyTypedFn;
+}
+export interface SnackbarQueueItem {
+    vm: VNode;
+}
+export type SnackbarQueue = SnackbarQueueItem[];
+export {};

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/v3/index.d.ts

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

package/components/snackbar/v3/index.js

@@ -0,0 +1,10 @@
+import r from "./Snackbar.vue.js";
+import a from "../common/notify.js";
+import { snackbarEmits as m, snackbarTypes as n } from "../common/snackbar.types.js";
+const c = a(r);
+export {
+  c as Snackbar,
+  c as default,
+  m as snackbarEmits,
+  n as snackbarTypes
+};

package/components/snackbar/v4/SnackbarV4.vue.d.ts

@@ -0,0 +1,206 @@
+import { VNode } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    customClass: string;
+    dangerouslyUseHTMLString: boolean;
+    duration?: number;
+    id: string;
+    message: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    offset: number;
+    onClick: () => void;
+    onClose: () => void;
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    showClose?: boolean;
+    title?: string;
+    zIndex?: number;
+    actionButtons: (Partial<{
+        size: "small" | "medium" | "large" | "extraLarge";
+        testId: string;
+        variant: "text" | "contained" | "outlined";
+        loading: boolean;
+        content: string;
+        disabled: boolean;
+        color: "default" | "info" | "success" | "warning" | "primary" | "danger";
+        startIconName: string;
+        endIconName: string;
+        startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        endIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    testId: string;
+}>, {
+    type: string;
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+    title: string;
+    position: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    destroy: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    customClass: string;
+    dangerouslyUseHTMLString: boolean;
+    duration?: number;
+    id: string;
+    message: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    offset: number;
+    onClick: () => void;
+    onClose: () => void;
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    showClose?: boolean;
+    title?: string;
+    zIndex?: number;
+    actionButtons: (Partial<{
+        size: "small" | "medium" | "large" | "extraLarge";
+        testId: string;
+        variant: "text" | "contained" | "outlined";
+        loading: boolean;
+        content: string;
+        disabled: boolean;
+        color: "default" | "info" | "success" | "warning" | "primary" | "danger";
+        startIconName: string;
+        endIconName: string;
+        startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+        endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        endIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        startIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    testId: string;
+}>, {
+    type: string;
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+    title: string;
+    position: string;
+    testId: string;
+}>>> & {
+    onDestroy?: (...args: any[]) => any;
+}, {
+    type: "error" | "info" | "success";
+    title: string;
+    testId: string;
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+}>, {
+    default?(_: {}): any;
+    actions?(_: {}): 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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,137 @@
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css"; 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 O, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as V, renderList as x, withModifiers as z } 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(() => [
+                  O(e(U), l({
+                    name: e(y).iconName,
+                    type: "fill",
+                    size: "24px",
+                    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(V, null, x(t.actionButtons, (s, v) => (n(), c(e(D), l({
+                      key: v,
+                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : ""
+                    }, { ...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: z(e(E), ["stop"])
+              }), null, 16, ["onClick"])) : d("", !0)
+            ])
+          ])
+        ], 16, P), [
+          [B, e(b)]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeLeave"]));
+  }
+});
+export {
+  se as default
+};

package/components/snackbar/v4/index.d.ts

@@ -0,0 +1,4 @@
+export declare const Snackbar: import("../common/snackbar.types").Notify;
+export default Snackbar;
+export declare const createSnackbar: (constructorComponent: any) => import("../common/snackbar.types").Notify;
+export * from '../common/snackbar.types';

package/components/snackbar/v4/index.js

@@ -0,0 +1,11 @@
+import a from "./SnackbarV4.vue.js";
+import r from "../common/notify.js";
+import { snackbarEmits as m, snackbarTypes as b } from "../common/snackbar.types.js";
+const c = r(a), e = r;
+export {
+  c as Snackbar,
+  e as createSnackbar,
+  c as default,
+  m as snackbarEmits,
+  b as snackbarTypes
+};

package/components/table/common/Table.common.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties } from 'vue';
+import { Column, Row } from './Table.types';
+export declare const tableCommon: (props: any, emit: any) => {
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<Row>[]>;
+    containerProps: {
+        ref: import("vue").Ref<any>;
+        onScroll: () => void;
+        style: Partial<CSSStyleDeclaration>;
+    };
+    wrapperProps: import("vue").ComputedRef<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+    activeRow: any;
+    gridColumnTemplate: import("vue").ComputedRef<any>;
+    floatingActionRef: import("vue").Ref<HTMLDivElement>;
+    scrollToTop: () => void;
+    toggleSortOrder: (column: Column) => void;
+    columnsStickyPositions: import("vue").ComputedRef<Record<string, string>>;
+    hasSearchSlot: import("vue").ComputedRef<boolean>;
+    showBackToTopButton: import("vue").ComputedRef<boolean>;
+    containerStyle: import("vue").ComputedRef<CSSProperties>;
+    onScroll: (event: any) => void;
+    savingRows: import("vue").Ref<any[]>;
+    floatingActionPosition: import("vue").Ref<number>;
+    hasExpandSlot: import("vue").ComputedRef<boolean>;
+    hasCheckboxes: import("vue").ComputedRef<boolean>;
+    toggleExpandRow: (index: number, event: any) => Promise<void>;
+    isRowExpanded: (rowIndex: number) => boolean;
+    cssRowHeight: import("vue").ComputedRef<string>;
+    cssExpandGridCol: import("vue").ComputedRef<string>;
+};