@ironsource/shared-ui 2.1.2 → 2.1.3-rc.1

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

@@ -561,6 +561,7 @@ declare const DropdownTypes: () => (({
             hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
+            showFeedbackIcon: boolean;
             statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -653,13 +654,17 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
+            showFeedbackIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             statusDotType: {
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "statusDotType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackIcon" | "statusDotType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -764,6 +769,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
+            showFeedbackIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             statusDotType: {
                 type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
                 default: any;
@@ -794,6 +803,7 @@ declare const DropdownTypes: () => (({
             hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
+            showFeedbackIcon: boolean;
             statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -906,6 +916,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
+        showFeedbackIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         statusDotType: {
             type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
             default: any;
@@ -1007,6 +1021,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
+    showFeedbackIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     statusDotType: {
         type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
         default: any;
@@ -1037,6 +1055,7 @@ declare const DropdownTypes: () => (({
     hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
+    showFeedbackIcon: boolean;
     statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
@@ -1352,6 +1371,7 @@ declare const DropdownTypes: () => (({
             triggerHelperText: string;
             triggerFeedbackText: string;
             triggerFeedbackVariant: "success" | "warning" | "error";
+            triggerFeedbackShowIcon: boolean;
             searchAutoFocus: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             fullWidth: boolean;
@@ -1515,6 +1535,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
+            triggerFeedbackShowIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             searchAutoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1541,7 +1565,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "showSelectAll" | "defaultOpen" | "skidding" | "onSearch" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth" | "statusType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1713,6 +1737,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
+            triggerFeedbackShowIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             searchAutoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1784,6 +1812,7 @@ declare const DropdownTypes: () => (({
             triggerHelperText: string;
             triggerFeedbackText: string;
             triggerFeedbackVariant: "success" | "warning" | "error";
+            triggerFeedbackShowIcon: boolean;
             searchAutoFocus: boolean;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             fullWidth: boolean;
@@ -1967,6 +1996,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
+        triggerFeedbackShowIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         searchAutoFocus: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2158,6 +2191,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
+    triggerFeedbackShowIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     searchAutoFocus: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2229,6 +2266,7 @@ declare const DropdownTypes: () => (({
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: "success" | "warning" | "error";
+    triggerFeedbackShowIcon: boolean;
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     fullWidth: boolean;

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

@@ -3,26 +3,31 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
+    iconSize?: string;
 }>, {
     size: string;
     text: string;
     testId: string;
     hideTextValue: boolean;
+    iconSize: any;
 }>, {}, 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;
     hideTextValue: boolean;
+    iconSize?: string;
 }>, {
     size: string;
     text: string;
     testId: string;
     hideTextValue: boolean;
+    iconSize: any;
 }>>>, {
     text: string;
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
+    iconSize: 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_117ac157_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-117ac157"]]);
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_2f0a0202_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2f0a0202"]]);
 export {
   t as default
 };

package/components/inlineCopy/InlineCopy.vue2.js

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

package/components/inlineCopy/index.d.ts

@@ -20,6 +20,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: boolean;
     };
+    iconSize: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
 }, {}, 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>;
@@ -41,10 +45,15 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: boolean;
     };
+    iconSize: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
 }>>, {
     text: string;
     size: "small" | "medium";
     testId: string;
     hideTextValue: boolean;
+    iconSize: string;
 }>[];
 export { InlineCopy, InlineCopyTypes };