@ironsource/shared-ui 2.0.2-rc.0 → 2.0.2-rc.2

package/components/includeExclude/index.d.ts

@@ -10,16 +10,16 @@ declare const IncludeExcludeTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            testId: string;
+            disabled: boolean;
             loading: boolean;
+            testId: string;
             placement: import("floating-vue").Placement;
-            disabled: boolean;
+            distance: number;
             hasSubtitle: boolean;
             searchPlaceholder: string;
             isOnTop: boolean;
             defaultOpen: boolean;
             autoFocus: boolean;
-            distance: number;
             onSearch: (option: any, term: string) => boolean;
             titleText: string;
             alwayesOpen: boolean;
@@ -27,21 +27,25 @@ declare const IncludeExcludeTypes: () => (({
             distanceOffset: number;
             skiddingOffset: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             options: {
                 type: import("vue").PropType<unknown[]>;
@@ -71,10 +75,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
             };
@@ -108,7 +108,7 @@ declare const IncludeExcludeTypes: () => (({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "loading" | "placement" | "disabled" | "hasSubtitle" | "searchPlaceholder" | "isOnTop" | "defaultOpen" | "autoFocus" | "distance" | "onSearch" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "testId" | "placement" | "distance" | "hasSubtitle" | "searchPlaceholder" | "isOnTop" | "defaultOpen" | "autoFocus" | "onSearch" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -123,21 +123,25 @@ declare const IncludeExcludeTypes: () => (({
         $emit: (event: "update:modelValue", value: unknown) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             options: {
                 type: import("vue").PropType<unknown[]>;
@@ -167,10 +171,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
             };
@@ -207,16 +207,16 @@ declare const IncludeExcludeTypes: () => (({
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: unknown) => void;
         }, string, {
-            testId: string;
+            disabled: boolean;
             loading: boolean;
+            testId: string;
             placement: import("floating-vue").Placement;
-            disabled: boolean;
+            distance: number;
             hasSubtitle: boolean;
             searchPlaceholder: string;
             isOnTop: boolean;
             defaultOpen: boolean;
             autoFocus: boolean;
-            distance: number;
             onSearch: (option: any, term: string) => boolean;
             titleText: string;
             alwayesOpen: boolean;
@@ -244,21 +244,25 @@ declare const IncludeExcludeTypes: () => (({
         $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<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
         };
         options: {
             type: import("vue").PropType<unknown[]>;
@@ -288,10 +292,6 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         clearable: {
             type: import("vue").PropType<boolean>;
         };
@@ -330,21 +330,25 @@ declare const IncludeExcludeTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
     options: {
         type: import("vue").PropType<unknown[]>;
@@ -374,10 +378,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     clearable: {
         type: import("vue").PropType<boolean>;
     };
@@ -414,16 +414,16 @@ declare const IncludeExcludeTypes: () => (({
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: unknown) => void;
 }, string, {
-    testId: string;
+    disabled: boolean;
     loading: boolean;
+    testId: string;
     placement: import("floating-vue").Placement;
-    disabled: boolean;
+    distance: number;
     hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     defaultOpen: boolean;
     autoFocus: boolean;
-    distance: number;
     onSearch: (option: any, term: string) => boolean;
     titleText: string;
     alwayesOpen: boolean;
@@ -454,15 +454,15 @@ declare const IncludeExcludeTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            disabled: boolean;
             loading: boolean;
             placement: import("floating-vue").Placement;
-            disabled: boolean;
+            distance: number;
             hasSubtitle: boolean;
             searchPlaceholder: string;
             isOnTop: boolean;
             defaultOpen: boolean;
             autoFocus: boolean;
-            distance: number;
             onSearch: (option: any, term: string) => boolean;
             titleText: string;
             alwayesOpen: boolean;
@@ -472,6 +472,10 @@ declare const IncludeExcludeTypes: () => (({
             isDraggable: boolean;
             draggableArgs: object;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -480,9 +484,9 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             options: {
                 type: import("vue").PropType<unknown[]>;
@@ -512,10 +516,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
             };
@@ -559,7 +559,7 @@ declare const IncludeExcludeTypes: () => (({
             "onUpdate:modelValue"?: (value: unknown) => any;
             onChangeDragDrop?: (value: unknown) => any;
             onClickOutside?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "placement" | "disabled" | "hasSubtitle" | "searchPlaceholder" | "isOnTop" | "defaultOpen" | "autoFocus" | "distance" | "onSearch" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "placement" | "distance" | "hasSubtitle" | "searchPlaceholder" | "isOnTop" | "defaultOpen" | "autoFocus" | "onSearch" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -574,6 +574,10 @@ declare const IncludeExcludeTypes: () => (({
         $emit: ((event: "update:modelValue", value: unknown) => void) & ((event: "changeDragDrop", value: unknown) => void) & ((event: "clickOutside", value: unknown) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             loading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -582,9 +586,9 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             options: {
                 type: import("vue").PropType<unknown[]>;
@@ -614,10 +618,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
             };
@@ -666,15 +666,15 @@ declare const IncludeExcludeTypes: () => (({
             changeDragDrop: (value: unknown) => void;
             clickOutside: (value: unknown) => void;
         }, string, {
+            disabled: boolean;
             loading: boolean;
             placement: import("floating-vue").Placement;
-            disabled: boolean;
+            distance: number;
             hasSubtitle: boolean;
             searchPlaceholder: string;
             isOnTop: boolean;
             defaultOpen: boolean;
             autoFocus: boolean;
-            distance: number;
             onSearch: (option: any, term: string) => boolean;
             titleText: string;
             alwayesOpen: boolean;
@@ -704,6 +704,10 @@ declare const IncludeExcludeTypes: () => (({
         $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<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -712,9 +716,9 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
         };
         options: {
             type: import("vue").PropType<unknown[]>;
@@ -744,10 +748,6 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         clearable: {
             type: import("vue").PropType<boolean>;
         };
@@ -796,6 +796,10 @@ declare const IncludeExcludeTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -804,9 +808,9 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
     options: {
         type: import("vue").PropType<unknown[]>;
@@ -836,10 +840,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     clearable: {
         type: import("vue").PropType<boolean>;
     };
@@ -888,15 +888,15 @@ declare const IncludeExcludeTypes: () => (({
     changeDragDrop: (value: unknown) => void;
     clickOutside: (value: unknown) => void;
 }, string, {
+    disabled: boolean;
     loading: boolean;
     placement: import("floating-vue").Placement;
-    disabled: boolean;
+    distance: number;
     hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     defaultOpen: boolean;
     autoFocus: boolean;
-    distance: number;
     onSearch: (option: any, term: string) => boolean;
     titleText: string;
     alwayesOpen: boolean;
@@ -1353,14 +1353,14 @@ declare const IncludeExcludeTypes: () => (({
             showImage: boolean;
             triggerTextFunc: (option: unknown) => string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             searchAttribute: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             modelValue: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -1451,14 +1451,14 @@ declare const IncludeExcludeTypes: () => (({
         $emit: (event: "update:modelValue", val: unknown[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             searchAttribute: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             modelValue: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -1575,14 +1575,14 @@ declare const IncludeExcludeTypes: () => (({
         $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<{
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         searchAttribute: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         modelValue: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -1663,14 +1663,14 @@ declare const IncludeExcludeTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     searchAttribute: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     modelValue: {
         type: import("vue").PropType<unknown[]>;
         required: true;

package/components/inlineCopy/InlineCopy.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    text: string;
+    size: 'small' | 'medium';
+    testId: string;
+}>, {
+    size: string;
+    text: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    text: string;
+    size: 'small' | 'medium';
+    testId: string;
+}>, {
+    size: string;
+    text: string;
+    testId: string;
+}>>>, {
+    text: string;
+    size: 'small' | 'medium';
+    testId: string;
+}>;
+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];
+} & {};

package/components/inlineCopy/InlineCopy.vue.js

@@ -0,0 +1,7 @@
+import o from "./InlineCopy.vue2.js";
+/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-39577dfc"]]);
+export {
+  t as default
+};

package/components/inlineCopy/InlineCopy.vue2.js

@@ -0,0 +1,60 @@
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_39577dfc_lang.css"; import { defineComponent as u, computed as d, openBlock as f, createElementBlock as y, createVNode as o, unref as t, mergeProps as c, withCtx as n, createTextVNode as x, toDisplayString as C } from "vue";
+import I from "../icon/v4/IconV4.vue.js";
+import T from "../typography/v4/Typography.vue.js";
+import { useClipboard as _ } from "@vueuse/core";
+import { Snackbar as z } from "../snackbar/v4/index.js";
+import h from "../tooltip/v4/TooltipV4.vue.js";
+import { useTestIdAttrs as k } from "../../utils/testIds.js";
+import { InlineCopyTestIdModifiers as r } from "../../testids/index.js";
+const P = /* @__PURE__ */ u({
+  __name: "InlineCopy",
+  props: {
+    text: { default: "" },
+    size: { default: "small" },
+    testId: { default: "" }
+  },
+  setup(s) {
+    const e = s, { copy: a, copied: p } = _({}), l = d(() => {
+      switch (e.size) {
+        case "medium":
+          return "0.875rem";
+        case "small":
+        default:
+          return "0.75rem";
+      }
+    }), m = async () => {
+      await a(e.text), p.value && z({
+        title: "Copied successfully",
+        type: "success",
+        duration: 2e3
+      });
+    }, i = k(e.testId, r);
+    return (S, b) => (f(), y("div", {
+      class: "inline-copy",
+      onClick: m
+    }, [
+      o(t(T), c({
+        variant: "caption",
+        style: { fontSize: t(l) }
+      }, t(i)[t(r).TEXT]), {
+        default: n(() => [
+          x(C(s.text), 1)
+        ]),
+        _: 1
+      }, 16, ["style"]),
+      o(t(h), { text: "Copy to clipboar" }, {
+        default: n(() => [
+          o(t(I), c({
+            class: "icon-copy",
+            name: "copy",
+            size: "16px"
+          }, t(i)[t(r).COPY_BTN]), null, 16)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  P as default
+};

package/components/inlineCopy/index.d.ts

@@ -0,0 +1,39 @@
+import InlineCopy from './InlineCopy.vue';
+declare const InlineCopyTypes: () => import("vue").DefineComponent<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}>>, {
+    text: string;
+    size: "small" | "medium";
+    testId: string;
+}>[];
+export { InlineCopy, InlineCopyTypes };

package/components/inlineCopy/index.js

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