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

package/components/search/Search.vue.js

@@ -1,6 +1,97 @@
-import o from "./Search.vue2.js";
-/* empty css             */import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-558677ae"]]);
-export {
-  m as default
-};
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode } from 'vue';
+import Icon from '../icon/Icon.vue.js';
+import { SearchTestIdModifiers } from '../../testids/index.vue.js';
+/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../Search.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["value", "placeholder", "disabled", "data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Search",
+  props: {
+    modelValue: null,
+    placeholder: null,
+    variant: { default: "default" },
+    size: { default: "sm" },
+    disabled: { type: Boolean, default: false },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const inputRef = ref();
+    const updateValue = (e) => {
+      emit("update:modelValue", e.target.value);
+    };
+    const clearValue = () => {
+      emit("update:modelValue", "");
+      focusOnInput();
+    };
+    const onRightIconClick = () => {
+      if (showClear.value) {
+        clearValue();
+      } else {
+        focusOnInput();
+      }
+    };
+    const focusOnInput = () => inputRef.value.focus();
+    const showClear = computed(() => {
+      return props.modelValue !== "";
+    });
+    const inline = computed(() => {
+      return props.variant === "inline-table";
+    });
+    const transparent = computed(() => {
+      return props.variant === "transparent";
+    });
+    const showRightIcon = computed(() => {
+      if (inline.value || transparent.value) {
+        showClear.value;
+      }
+      return showClear.value;
+    });
+    const showLeftIcon = computed(() => {
+      return transparent.value || inline.value;
+    });
+    const rightIcon = computed(() => {
+      return showClear.value ? "cancel" : "search";
+    });
+    expose({
+      inputRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["search-container", `${__props.size}`]),
+        "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).CONTAINER}`
+      }, [
+        unref(showLeftIcon) ? (openBlock(), createBlock(unref(Icon), {
+          key: 0,
+          class: "search-left-icon",
+          name: "search-bold",
+          "font-size": "sm"
+        })) : createCommentVNode("", true),
+        createElementVNode("input", {
+          ref_key: "inputRef",
+          ref: inputRef,
+          class: normalizeClass({ [__props.variant]: true, activated: __props.modelValue !== "" }),
+          value: __props.modelValue,
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
+          "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).FIELD}`,
+          onInput: updateValue
+        }, null, 42, _hoisted_2),
+        unref(showRightIcon) ? (openBlock(), createBlock(unref(Icon), {
+          key: 1,
+          class: normalizeClass(["search-right-icon", { "search-right-icon-clear": unref(showClear) }]),
+          name: unref(rightIcon),
+          "font-size": "sm",
+          "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).CLOSE}`,
+          onClick: onRightIconClick
+        }, null, 8, ["class", "name", "data-testid"])) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var Search = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3550fe6c"]]);
+
+export { Search as default };

package/components/search/index.d.ts

@@ -1,53 +1,70 @@
 declare const SearchTypes: () => import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
+    } & {
         default: string;
     };
-    placeholder: {
+    testId: {
         type: import("vue").PropType<string>;
-        required: true;
+    } & {
+        default: string;
     };
     variant: {
         type: import("vue").PropType<"default" | "inline-table" | "transparent">;
+    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
+    } & {
         default: boolean;
     };
     modelValue: {
         type: import("vue").PropType<string>;
         required: true;
     };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
 }, {
     inputRef: import("vue").Ref<HTMLInputElement>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
+    } & {
         default: string;
     };
-    placeholder: {
+    testId: {
         type: import("vue").PropType<string>;
-        required: true;
+    } & {
+        default: string;
     };
     variant: {
         type: import("vue").PropType<"default" | "inline-table" | "transparent">;
+    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
+    } & {
         default: boolean;
     };
     modelValue: {
         type: import("vue").PropType<string>;
         required: true;
     };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
-    size: "sm" | "md";
+    size: "md" | "sm";
+    testId: string;
     variant: "default" | "inline-table" | "transparent";
     disabled: boolean;
 }>[];

package/components/search/index.vue.js

@@ -0,0 +1,6 @@
+import Search from './Search.vue.js';
+export { default as Search } from './Search.vue.js';
+
+const SearchTypes = () => [Search];
+
+export { SearchTypes };

package/components/skeleton/Skeleton.vue.d.ts

@@ -1,23 +1,17 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    round: {
-        type: import("vue").PropType<boolean>;
-    };
-    fill: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    round: {
-        type: import("vue").PropType<boolean>;
-    };
-    fill: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {}>, {
-    default?(_: {}): any;
-}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    round?: boolean;
+    fill?: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    round?: boolean;
+    fill?: boolean;
+}>>>, {}>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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;
     };
 };

package/components/skeleton/Skeleton.vue.js

@@ -1,6 +1,23 @@
-import o from "./Skeleton.vue2.js";
-/* empty css               */import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9837f0ce"]]);
-export {
-  m as default
-};
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+/* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../Skeleton.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Skeleton",
+  props: {
+    round: { type: Boolean },
+    fill: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({ round: __props.round, fill: __props.fill })
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-533b1b95"]]);
+
+export { Skeleton as default };

package/components/skeleton/index.d.ts

@@ -1,77 +1,17 @@
-declare const SkeletonTypes: () => ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            round: {
-                type: import("vue").PropType<boolean>;
-            };
-            fill: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $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: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            round: {
-                type: import("vue").PropType<boolean>;
-            };
-            fill: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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<{
-        round: {
-            type: import("vue").PropType<boolean>;
-        };
-        fill: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const SkeletonTypes: () => import("vue").DefineComponent<{
     round: {
         type: import("vue").PropType<boolean>;
     };
     fill: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    round: {
+        type: import("vue").PropType<boolean>;
+    };
+    fill: {
+        type: import("vue").PropType<boolean>;
     };
-}))[];
+}>>, {}>[];
 export { default as Skeleton } from './Skeleton.vue';
 export { SkeletonTypes };

package/components/skeleton/index.vue.js

@@ -0,0 +1,6 @@
+import Skeleton from './Skeleton.vue.js';
+export { default as Skeleton } from './Skeleton.vue.js';
+
+const SkeletonTypes = () => [Skeleton];
+
+export { SkeletonTypes };

package/components/snackbar/Snackbar.vue.d.ts

@@ -1,137 +1,70 @@
 import { VNode } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<"error" | "info" | "success">;
-        default: any;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    onClick: {
-        type: import("vue").PropType<() => void>;
-        required: true;
-    };
-    id: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    offset: {
-        type: import("vue").PropType<number>;
-        required: true;
-    };
-    icon: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    position: {
-        type: import("vue").PropType<"bottom-right" | "bottom-left" | "top-right" | "top-left">;
-        default: string;
-    };
-    zIndex: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    onClose: {
-        type: import("vue").PropType<() => void>;
-        required: true;
-    };
-    customClass: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    dangerouslyUseHTMLString: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-    duration: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    message: {
-        type: import("vue").PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>>;
-        required: true;
-    };
-    showClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destroy"[], "destroy", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<"error" | "info" | "success">;
-        default: any;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    onClick: {
-        type: import("vue").PropType<() => void>;
-        required: true;
-    };
-    id: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    offset: {
-        type: import("vue").PropType<number>;
-        required: true;
-    };
-    icon: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    position: {
-        type: import("vue").PropType<"bottom-right" | "bottom-left" | "top-right" | "top-left">;
-        default: string;
-    };
-    zIndex: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    onClose: {
-        type: import("vue").PropType<() => void>;
-        required: true;
-    };
-    customClass: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    dangerouslyUseHTMLString: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-    duration: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    message: {
-        type: import("vue").PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>>;
-        required: true;
-    };
-    showClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    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;
+    zIndex?: number;
+}>, {
+    type: any;
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+    title: string;
+    position: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destroy"[], "destroy", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    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;
+    zIndex?: number;
+}>, {
+    type: any;
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+    title: string;
+    position: string;
+}>>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
-    type: "error" | "info" | "success";
     title: string;
-    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    type: 'success' | 'error' | 'info';
+    position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     zIndex: number;
     duration: number;
     showClose: boolean;
-}>, {
-    default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};