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

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

@@ -29,6 +29,7 @@ declare const TextFieldTypes: () => ({
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
             showFeedbackTextIcon: boolean;
+            feedbackPositionAbsolute: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: import("vue").PropType<"number" | "text" | "password">;
@@ -130,10 +131,14 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            feedbackPositionAbsolute: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onApply?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -248,6 +253,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            feedbackPositionAbsolute: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onApply?: () => any;
@@ -282,6 +291,7 @@ declare const TextFieldTypes: () => ({
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
             showFeedbackTextIcon: boolean;
+            feedbackPositionAbsolute: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -403,6 +413,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        feedbackPositionAbsolute: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: string | number) => any;
         onApply?: () => any;
@@ -513,6 +527,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    feedbackPositionAbsolute: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
     onApply?: () => any;
@@ -547,6 +565,7 @@ declare const TextFieldTypes: () => ({
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
     showFeedbackTextIcon: boolean;
+    feedbackPositionAbsolute: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         iconBefore?(_: {}): any;

package/components/multibar/MultiBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./MultiBar.vue2.js";
-/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b473b35e"]]);
+/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-71617643"]]);
 export {
   p as default
 };

package/components/multibar/MultiBar.vue2.js

@@ -1,4 +1,4 @@
- import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as c, Transition as g, withCtx as u, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as e, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
 import { useVModel as $ } from "@vueuse/core";
 import E from "../typography/v4/Typography.vue.js";
 import S from "../button/v4/ButtonV4.vue.js";
@@ -27,67 +27,67 @@ const O = { class: "multi-bar-panel" }, R = {
   },
   emits: ["update:modelValue", "close", "action"],
   setup(o, { emit: s }) {
-    const e = o, f = $(e, "modelValue", s), I = () => {
+    const t = o, f = $(t, "modelValue", s), I = () => {
       f.value = !1, s("close");
     }, b = (a) => {
       s("action", a);
     }, p = v(
-      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(0, t.visibleActionsCount) : t.actions
     ), C = v(
-      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
-    ), y = L(e.testId, n);
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(t.visibleActionsCount) : []
+    ), y = L(t.testId, n);
     return (a, F) => (l(), d(x, {
       to: "body",
       disabled: !o.appendToBody
     }, [
-      c(g, { name: "multi-bar" }, {
-        default: u(() => [
-          t(f) ? (l(), r("div", B({
+      u(g, { name: "multi-bar" }, {
+        default: c(() => [
+          e(f) ? (l(), r("div", B({
             key: 0,
             class: ["multi-bar", {
               "light-theme-v4": !0,
               "multi-bar--fixed": o.appendToBody,
-              "multi-bar--sticky": !o.appendToBody,
+              "multi-bar--absolute": !o.appendToBody,
               "multi-bar--small": o.size === "small",
               "multi-bar--medium": o.size === "medium",
               "multi-bar--left": o.position === "left"
             }],
             style: { zIndex: o.zIndex }
-          }, { ...a.$attrs, ...t(y)[t(n).WRAPPER] }), [
+          }, { ...a.$attrs, ...e(y)[e(n).WRAPPER] }), [
             V("div", O, [
-              c(t(P), B({
+              u(e(P), B({
                 "icon-name": "x",
                 class: "close-icon"
-              }, t(y)[t(n).CLOSE_BTN], { onClick: I }), null, 16),
+              }, e(y)[e(n).CLOSE_BTN], { onClick: I }), null, 16),
               o.selectedCount ? (l(), r("div", R, [
-                c(t(E), { variant: "body1" }, {
-                  default: u(() => [
+                u(e(E), { variant: "body1" }, {
+                  default: c(() => [
                     h(A(o.selectedCount) + " selected ", 1)
                   ]),
                   _: 1
                 })
               ])) : m("", !0),
-              (l(!0), r(z, null, M(t(p), (i, T) => (l(), d(t(S), {
+              (l(!0), r(z, null, M(e(p), (i, T) => (l(), d(e(S), {
                 key: i.id,
                 class: N(["action-button", {
-                  "action-button--last": T === t(p).length - 1
+                  "action-button--last": T === e(p).length - 1
                 }]),
                 variant: "text",
                 color: "default",
                 "start-icon-name": i.icon,
-                "data-testid": `${e.testId}-${t(n).ACTION}-${i.id}`,
+                "data-testid": `${t.testId}-${e(n).ACTION}-${i.id}`,
                 disabled: i.disabled,
                 onClick: (U) => b(i)
               }, {
-                default: u(() => [
+                default: c(() => [
                   h(A(i.title), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
-              t(C).length ? (l(), d(w, {
+              e(C).length ? (l(), d(w, {
                 key: 1,
-                "menu-items": t(C),
-                "test-id": `${e.testId}-${t(n).MENU}`,
+                "menu-items": e(C),
+                "test-id": `${t.testId}-${e(n).MENU}`,
                 onSelected: b
               }, null, 8, ["menu-items", "test-id"])) : m("", !0)
             ])

package/components/search/common/Search.common.js

@@ -1,20 +1,20 @@
-import { ref as d, computed as e } from "vue";
-const I = (a, u) => {
-  const t = d(), s = (m) => {
-    u("update:modelValue", m.target.value);
+import { ref as m, computed as e } from "vue";
+const I = (t, u) => {
+  const a = m(), s = (d) => {
+    u("update:modelValue", d.target.value);
   }, o = () => {
-    u("update:modelValue", ""), t.value.focus ? l() : t.value.manualFocus();
-  }, i = () => {
+    u("update:modelValue", ""), u("onClear"), a.value.focus ? l() : a.value.manualFocus();
+  }, v = () => {
     n.value ? o() : l();
-  }, l = () => t.value.focus(), n = e(() => a.modelValue !== ""), r = e(() => a.variant === "inline-table"), c = e(() => a.variant === "transparent"), v = e(() => ((r.value || c.value) && n.value, n.value)), f = e(() => c.value || r.value), h = e(() => n.value ? "cancel" : "search");
+  }, l = () => a.value.focus(), n = e(() => t.modelValue !== ""), r = e(() => t.variant === "inline-table"), c = e(() => t.variant === "transparent"), i = e(() => ((r.value || c.value) && n.value, n.value)), f = e(() => c.value || r.value), h = e(() => n.value ? "cancel" : "search");
   return {
     showLeftIcon: f,
     updateValue: s,
-    showRightIcon: v,
+    showRightIcon: i,
     showClear: n,
     rightIcon: h,
-    onRightIconClick: i,
-    inputRef: t,
+    onRightIconClick: v,
+    inputRef: a,
     clearValue: o
   };
 };

package/components/search/v4/SearchV4.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
+    onClear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder: string;
@@ -26,6 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placeholder: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
+    onOnClear?: () => any;
 }, {
     disabled: boolean;
     testId: string;

package/components/search/v4/SearchV4.vue.js

@@ -1,7 +1,7 @@
-import e from "./SearchV4.vue2.js";
-/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1330ea8b"]]);
+import o from "./SearchV4.vue2.js";
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_a468fb4a_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a468fb4a"]]);
 export {
-  a as default
+  t as default
 };

package/components/search/v4/SearchV4.vue2.js

@@ -1,6 +1,6 @@
- import "../../../SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as V, mergeProps as m, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as v, vShow as C } from "vue";
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_a468fb4a_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as V, mergeProps as m, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as C, vShow as v } from "vue";
 import u from "../../icon/v4/IconV4.vue.js";
-import { SearchTestIdModifiers as d } from "../../../testids/index.js";
+import { SearchTestIdModifiers as r } from "../../../testids/index.js";
 import { searchCommon as b } from "../common/Search.common.js";
 import y from "../../input/v4/TextField.vue.js";
 import { useTestIdAttrs as B } from "../../../utils/testIds.js";
@@ -13,12 +13,12 @@ const S = /* @__PURE__ */ p({
     testId: { default: "" },
     autoFocus: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
-  setup(t, { expose: f, emit: r }) {
-    const s = t, { inputRef: i, clearValue: n } = b(s, r), c = B(s.testId, d);
+  emits: ["update:modelValue", "onClear"],
+  setup(t, { expose: f, emit: d }) {
+    const s = t, { inputRef: i, clearValue: n } = b(s, d), c = B(s.testId, r);
     return f({
       inputRef: i
-    }), (g, o) => (h(), V("div", m({ class: "search-container" }, e(c)[e(d).CONTAINER]), [
+    }), (g, o) => (h(), V("div", m({ class: "search-container" }, e(c)[e(r).CONTAINER]), [
       a(e(y), {
         ref_key: "inputRef",
         ref: i,
@@ -28,7 +28,7 @@ const S = /* @__PURE__ */ p({
         placeholder: t.placeholder,
         disabled: t.disabled,
         "test-id": t.testId,
-        "onUpdate:modelValue": o[0] || (o[0] = (l) => r("update:modelValue", l))
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => d("update:modelValue", l))
       }, {
         iconBefore: x(() => [
           a(e(u), {
@@ -38,7 +38,7 @@ const S = /* @__PURE__ */ p({
         ]),
         _: 1
       }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
-      I(v("div", m({ class: "x-circle-wrapper" }, e(c)[e(d).CLEAR], {
+      I(C("div", m({ class: "x-circle-wrapper" }, e(c)[e(r).CLEAR], {
         onClick: o[1] || (o[1] = //@ts-ignore
         (...l) => e(n) && e(n)(...l))
       }), [
@@ -48,7 +48,7 @@ const S = /* @__PURE__ */ p({
           type: "fill"
         })
       ], 16), [
-        [C, !!t.modelValue]
+        [v, !!t.modelValue]
       ])
     ], 16));
   }

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

@@ -24,6 +24,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
+    onClear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -48,6 +49,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
+    onOnClear?: () => any;
 }, {
     disabled: boolean;
     testId: string;

package/components/table/v4/DataGrid.vue.d.ts

@@ -54,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:search": (query: string) => void;
     "update:selection": (selection: unknown[]) => void;
     onScroll: (event: Event) => void;
+    onClearSearch: () => void;
     saveRow: (args_0: {
         value: unknown;
         confirm: () => void;
@@ -123,6 +124,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onLoadMore?: () => any;
     "onUpdate:search"?: (query: string) => any;
     "onUpdate:selection"?: (selection: unknown[]) => any;
+    onOnClearSearch?: () => any;
 }, {
     sort: Sort;
     title: string;

package/components/table/v4/DataGrid.vue.js

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