@ironsource/shared-ui 2.1.5 → 2.1.6-rc.1

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/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
 };