@ironsource/shared-ui 2.1.11-rc.8 → 2.1.11-rc.9

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

@@ -606,6 +606,7 @@ declare const DropdownTypes: () => (({
             open: boolean;
             mandatory: boolean;
             loading: boolean;
+            valueToCopy: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
@@ -616,7 +617,6 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -650,6 +650,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -694,10 +698,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -709,7 +709,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             onClick?: () => any;
             onCopyToClipboard?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "valueToCopy" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "selectedOption" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -754,6 +754,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -798,10 +802,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -824,6 +824,7 @@ declare const DropdownTypes: () => (({
             open: boolean;
             mandatory: boolean;
             loading: boolean;
+            valueToCopy: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
@@ -834,7 +835,6 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
         }, {}, string> & {
@@ -888,6 +888,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -932,10 +936,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -982,6 +982,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -1026,10 +1030,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: any;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     selectedOption: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -1052,6 +1052,7 @@ declare const DropdownTypes: () => (({
     open: boolean;
     mandatory: boolean;
     loading: boolean;
+    valueToCopy: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
@@ -1062,7 +1063,6 @@ declare const DropdownTypes: () => (({
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    valueToCopy: string;
     selectedOption: any;
     brandIconType: "android" | "ios";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -1689,6 +1689,7 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
+            valueToCopy: string;
             onClear: () => void;
             placeholder: string;
             multi: boolean;
@@ -1718,7 +1719,6 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionsEndTextIconKey: string;
             optionFlagKey: string;
-            valueToCopy: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
@@ -1789,6 +1789,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -1913,10 +1917,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1971,7 +1971,7 @@ declare const DropdownTypes: () => (({
             onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2044,6 +2044,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -2168,10 +2172,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2253,6 +2253,7 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
+            valueToCopy: string;
             onClear: () => void;
             placeholder: string;
             multi: boolean;
@@ -2282,7 +2283,6 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionsEndTextIconKey: string;
             optionFlagKey: string;
-            valueToCopy: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
@@ -2373,6 +2373,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -2497,10 +2501,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         disabledOptionKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2621,6 +2621,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -2745,10 +2749,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     disabledOptionKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2830,6 +2830,7 @@ declare const DropdownTypes: () => (({
     skidding: number;
     modelValue: any;
     selected: any;
+    valueToCopy: string;
     onClear: () => void;
     placeholder: string;
     multi: boolean;
@@ -2859,7 +2860,6 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionsEndTextIconKey: string;
     optionFlagKey: string;
-    valueToCopy: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
@@ -3012,6 +3012,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             size: "small" | "medium" | "large";
             selected: unknown[];
+            valueToCopy: string;
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3020,7 +3021,6 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             disabledOptionKey: string;
             optionEndTextIconKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -3043,6 +3043,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3083,10 +3087,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3110,7 +3110,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionEndTextIconKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3144,6 +3144,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3184,10 +3188,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3219,6 +3219,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             size: "small" | "medium" | "large";
             selected: unknown[];
+            valueToCopy: string;
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3227,7 +3228,6 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             disabledOptionKey: string;
             optionEndTextIconKey: string;
         }, {}, string> & {
@@ -3270,6 +3270,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -3310,10 +3314,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         disabledOptionKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3361,6 +3361,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         default: any;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -3401,10 +3405,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: any;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     disabledOptionKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -3436,6 +3436,7 @@ declare const DropdownTypes: () => (({
     disabled: boolean;
     size: "small" | "medium" | "large";
     selected: unknown[];
+    valueToCopy: string;
     placeholder: string;
     inlineSearchPlaceholder: string;
     optionNameKey: string;
@@ -3444,7 +3445,6 @@ declare const DropdownTypes: () => (({
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    valueToCopy: string;
     disabledOptionKey: string;
     optionEndTextIconKey: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

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

@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipHeader?: string;
     tooltipText?: string;
     tooltipPlacement?: TooltipPositions;
+    valueToCopy?: string;
 }>, {
     size: string;
     text: string;
@@ -17,6 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipHeader: string;
     tooltipText: string;
     tooltipPlacement: string;
+    valueToCopy: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     copy: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -28,6 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipHeader?: string;
     tooltipText?: string;
     tooltipPlacement?: TooltipPositions;
+    valueToCopy?: string;
 }>, {
     size: string;
     text: string;
@@ -37,6 +40,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipHeader: string;
     tooltipText: string;
     tooltipPlacement: string;
+    valueToCopy: string;
 }>>> & {
     onCopy?: () => any;
 }, {
@@ -48,6 +52,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     hideTextValue: boolean;
     iconSize: string;
     tooltipHeader: string;
+    valueToCopy: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/inlineCopy/InlineCopy.vue.js

@@ -1,7 +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_893a203c_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-893a203c"]]);
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad48b61e"]]);
 export {
   t as default
 };

package/components/inlineCopy/InlineCopy.vue2.js

@@ -1,13 +1,13 @@
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css"; import { defineComponent as f, computed as y, openBlock as l, createElementBlock as x, createBlock as T, unref as e, mergeProps as c, withCtx as r, createTextVNode as C, toDisplayString as h, createCommentVNode as z, createVNode as n } from "vue";
-import I from "../icon/v4/IconV4.vue.js";
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; import { defineComponent as y, computed as x, openBlock as c, createElementBlock as T, createBlock as C, unref as e, mergeProps as n, withCtx as r, createTextVNode as h, toDisplayString as z, createCommentVNode as I, createVNode as s } from "vue";
+import k from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import k from "../typography/v4/Typography.vue.js";
-import { useClipboard as S } from "@vueuse/core";
-import { Snackbar as V } from "../snackbar/v4/index.js";
+import S from "../typography/v4/Typography.vue.js";
+import { useClipboard as V } from "@vueuse/core";
+import { Snackbar as v } from "../snackbar/v4/index.js";
 import B from "../tooltip/v4/TooltipV4.vue.js";
 import { useTestIdAttrs as b } from "../../utils/testIds.js";
 import { InlineCopyTestIdModifiers as a } from "../../testids/index.js";
-const X = /* @__PURE__ */ f({
+const X = /* @__PURE__ */ y({
   __name: "InlineCopy",
   props: {
     text: { default: "" },
@@ -17,11 +17,12 @@ const X = /* @__PURE__ */ f({
     iconSize: { default: null },
     tooltipHeader: { default: "" },
     tooltipText: { default: "Copy to clipboard" },
-    tooltipPlacement: { default: "bottom" }
+    tooltipPlacement: { default: "bottom" },
+    valueToCopy: { default: "" }
   },
   emits: ["copy"],
-  setup(t, { emit: s }) {
-    const o = t, { copy: m, copied: p } = S({}), d = y(() => {
+  setup(t, { emit: p }) {
+    const o = t, { copy: d, copied: m } = V({}), u = x(() => {
       switch (o.size) {
         case "medium":
           return "0.875rem";
@@ -29,38 +30,39 @@ const X = /* @__PURE__ */ f({
         default:
           return "0.75rem";
       }
-    }), u = async () => {
-      await m(o.text), p.value && V({
+    }), f = async () => {
+      const i = o.valueToCopy || o.text;
+      await d(i), m.value && v({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
-      }), s("copy");
-    }, i = b(o.testId, a);
-    return (N, P) => (l(), x("div", {
+      }), p("copy");
+    }, l = b(o.testId, a);
+    return (i, N) => (c(), T("div", {
       class: "inline-copy",
-      onClick: u
+      onClick: f
     }, [
-      t.hideTextValue ? z("", !0) : (l(), T(e(k), c({
+      t.hideTextValue ? I("", !0) : (c(), C(e(S), n({
         key: 0,
         variant: "caption",
-        style: { fontSize: e(d) }
-      }, e(i)[e(a).TEXT]), {
+        style: { fontSize: e(u) }
+      }, e(l)[e(a).TEXT]), {
         default: r(() => [
-          C(h(t.text), 1)
+          h(z(t.text), 1)
         ]),
         _: 1
       }, 16, ["style"])),
-      n(e(B), {
+      s(e(B), {
         text: t.tooltipText,
         header: t.tooltipHeader,
         placement: t.tooltipPlacement
       }, {
         default: r(() => [
-          n(e(I), c({
+          s(e(k), n({
             class: "icon-copy",
             name: "copy",
             size: t.iconSize || "16px"
-          }, e(i)[e(a).COPY_BTN]), null, 16, ["size"])
+          }, e(l)[e(a).COPY_BTN]), null, 16, ["size"])
         ]),
         _: 1
       }, 8, ["text", "header", "placement"])

package/components/inlineCopy/index.d.ts

@@ -36,6 +36,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     copy: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -75,6 +79,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onCopy?: () => any;
 }, {
@@ -86,5 +94,6 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
     hideTextValue: boolean;
     iconSize: string;
     tooltipHeader: string;
+    valueToCopy: string;
 }>[];
 export { InlineCopy, InlineCopyTypes };