@ironsource/shared-ui 2.1.12-rc.5 → 2.1.12-rc.51

package/components/tooltip/v4/TooltipV4.vue.d.ts

@@ -1,9 +1,9 @@
-type Triggers = 'hover' | 'click' | 'focus' | 'touch';
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string;
     header?: string;
     delay?: number;
-    triggers?: Triggers[];
+    triggers?: TooltipTriggers[];
     forceShowWithTruncate?: boolean;
     placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme?: string;
@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     container?: string;
     shown?: boolean;
     autoHide?: boolean;
+    dontWrapDisabled?: boolean;
 }>, {
     text: any;
     header: any;
@@ -27,13 +28,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     container: string;
     shown: any;
     autoHide: boolean;
+    dontWrapDisabled: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string;
     header?: string;
     delay?: number;
-    triggers?: Triggers[];
+    triggers?: TooltipTriggers[];
     forceShowWithTruncate?: boolean;
     placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     theme?: string;
@@ -43,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     container?: string;
     shown?: boolean;
     autoHide?: boolean;
+    dontWrapDisabled?: boolean;
 }>, {
     text: any;
     header: any;
@@ -57,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     container: string;
     shown: any;
     autoHide: boolean;
+    dontWrapDisabled: boolean;
 }>>> & {
     onShow?: () => any;
 }, {
@@ -65,7 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     testId: string;
     delay: number;
-    triggers: Triggers[];
+    triggers: TooltipTriggers[];
     forceShowWithTruncate: boolean;
     placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
@@ -73,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     container: string;
     shown: boolean;
     autoHide: boolean;
+    dontWrapDisabled: boolean;
 }>, {
     default?(_: {}): any;
     tooltip?(_: {

package/components/tooltip/v4/TooltipV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./TooltipV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-66eab856"]]);
+const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8a451e54"]]);
 export {
   l as default
 };

package/components/tooltip/v4/TooltipV4.vue2.js

@@ -1,14 +1,14 @@
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as f, withCtx as n, renderSlot as m, createTextVNode as p, toDisplayString as y, createElementVNode as T } from "vue";
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as c, renderSlot as l, openBlock as d, createBlock as i, unref as t, mergeProps as m, withCtx as n, createTextVNode as y, toDisplayString as p, createElementVNode as T } from "vue";
 import g from "./TextWithTitleContent.vue.js";
 import { Tooltip as w } from "floating-vue";
-import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
-import x from "../../typography/v4/Typography.vue.js";
+import { TooltipTestIdModifiers as r } from "../../../testids/index.js";
+import b from "../../typography/v4/Typography.vue.js";
 import { tooltipCommon as v } from "../common/Tooltip.common.js";
-import { useTestIdAttrs as b } from "../../../utils/testIds.js";
+import { useTestIdAttrs as x } from "../../../utils/testIds.js";
 const B = {
   ref: "container",
   class: "container"
-}, D = /* @__PURE__ */ c({
+}, E = /* @__PURE__ */ c({
   __name: "TooltipV4",
   props: {
     text: { default: null },
@@ -23,37 +23,38 @@ const B = {
     distance: { default: "10" },
     container: { default: "body" },
     shown: { type: Boolean, default: null },
-    autoHide: { type: Boolean, default: !0 }
+    autoHide: { type: Boolean, default: !0 },
+    dontWrapDisabled: { type: Boolean, default: !1 }
   },
   emits: ["show"],
   setup(e, { emit: h }) {
-    const r = e, { textForDisplay: o } = v(r), s = b(r.testId, i);
-    return (a, u) => (l(), d(t(w), f({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
+    const s = e, { textForDisplay: a } = v(s), u = x(s.testId, r);
+    return (o, f) => (e.disabled || !e.text) && e.dontWrapDisabled ? l(o.$slots, "default", { key: 0 }, void 0, !0) : (d(), i(t(w), m({ key: 1 }, { ...o.$props, ...t(u)[t(r).TRIGGER] }, {
       theme: e.theme,
       "no-auto-focus": "",
       triggers: e.triggers,
       delay: { show: e.delay, hide: 0 },
       placement: e.placement,
-      disabled: e.disabled || e.text && !t(o),
+      disabled: e.disabled || e.text && !t(a),
       "popper-class": [e.theme, e.placement, "v4-tooltip"],
       class: ["v4-tooltip"],
       distance: e.distance,
       "auto-hide": e.autoHide,
       shown: e.shown,
-      onApplyShow: u[0] || (u[0] = (I) => h("show"))
+      onApplyShow: f[0] || (f[0] = (k) => h("show"))
     }), {
       popper: n(() => [
-        m(a.$slots, "tooltip", { text: t(o) }, () => [
-          e.header ? (l(), d(g, {
+        l(o.$slots, "tooltip", { text: t(a) }, () => [
+          e.header ? (d(), i(g, {
             key: 1,
             text: e.text,
             header: e.header
-          }, null, 8, ["text", "header"])) : (l(), d(t(x), f({
+          }, null, 8, ["text", "header"])) : (d(), i(t(b), m({
             key: 0,
             variant: "body2"
-          }, t(s)[t(i).TEXT]), {
+          }, t(u)[t(r).TEXT]), {
             default: n(() => [
-              p(y(t(o)), 1)
+              y(p(t(a)), 1)
             ]),
             _: 1
           }, 16))
@@ -61,7 +62,7 @@ const B = {
       ]),
       default: n(() => [
         T("div", B, [
-          m(a.$slots, "default", {}, void 0, !0)
+          l(o.$slots, "default", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
@@ -69,5 +70,5 @@ const B = {
   }
 });
 export {
-  D as default
+  E as default
 };

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

@@ -9,7 +9,7 @@ declare const TooltipTypes: () => ({
             theme: string;
             testId: string;
             delay: number;
-            triggers: ("hover" | "click" | "focus" | "touch")[];
+            triggers: import("../common/Tooltip.types").TooltipTriggers[];
             forceShowWithTruncate: boolean;
             placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             disabled: boolean;
@@ -17,6 +17,7 @@ declare const TooltipTypes: () => ({
             container: string;
             shown: boolean;
             autoHide: boolean;
+            dontWrapDisabled: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -39,7 +40,7 @@ declare const TooltipTypes: () => ({
                 default: number;
             };
             triggers: {
-                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+                type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
                 default: () => string[];
             };
             forceShowWithTruncate: {
@@ -70,9 +71,13 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            dontWrapDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -108,7 +113,7 @@ declare const TooltipTypes: () => ({
                 default: number;
             };
             triggers: {
-                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+                type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
                 default: () => string[];
             };
             forceShowWithTruncate: {
@@ -139,6 +144,10 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            dontWrapDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -149,7 +158,7 @@ declare const TooltipTypes: () => ({
             theme: string;
             testId: string;
             delay: number;
-            triggers: ("hover" | "click" | "focus" | "touch")[];
+            triggers: import("../common/Tooltip.types").TooltipTriggers[];
             forceShowWithTruncate: boolean;
             placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             disabled: boolean;
@@ -157,6 +166,7 @@ declare const TooltipTypes: () => ({
             container: string;
             shown: boolean;
             autoHide: boolean;
+            dontWrapDisabled: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -199,7 +209,7 @@ declare const TooltipTypes: () => ({
             default: number;
         };
         triggers: {
-            type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+            type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
             default: () => string[];
         };
         forceShowWithTruncate: {
@@ -230,6 +240,10 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        dontWrapDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onShow?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -258,7 +272,7 @@ declare const TooltipTypes: () => ({
         default: number;
     };
     triggers: {
-        type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+        type: import("vue").PropType<import("../common/Tooltip.types").TooltipTriggers[]>;
         default: () => string[];
     };
     forceShowWithTruncate: {
@@ -289,6 +303,10 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    dontWrapDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onShow?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -299,7 +317,7 @@ declare const TooltipTypes: () => ({
     theme: string;
     testId: string;
     delay: number;
-    triggers: ("hover" | "click" | "focus" | "touch")[];
+    triggers: import("../common/Tooltip.types").TooltipTriggers[];
     forceShowWithTruncate: boolean;
     placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
@@ -307,6 +325,7 @@ declare const TooltipTypes: () => ({
     container: string;
     shown: boolean;
     autoHide: boolean;
+    dontWrapDisabled: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/typography/Text.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     strong?: boolean;
-    size?: "caption" | "sm" | "md" | "lg" | "xs";
+    size?: "caption" | "md" | "sm" | "xs" | "lg";
     testId?: string;
 }>, {
     size: string;
@@ -9,14 +9,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {}, 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<{
     isTruncated?: boolean;
     strong?: boolean;
-    size?: "caption" | "sm" | "md" | "lg" | "xs";
+    size?: "caption" | "md" | "sm" | "xs" | "lg";
     testId?: string;
 }>, {
     size: string;
     testId: string;
 }>>>, {
     testId: string;
-    size: "caption" | "sm" | "md" | "lg" | "xs";
+    size: "caption" | "md" | "sm" | "xs" | "lg";
 }>, {
     default?(_: {}): any;
 }>;

package/components/typography/index.d.ts

@@ -107,7 +107,7 @@ declare const TypographyTypes: () => (({
         $data: {};
         $props: Partial<{
             testId: string;
-            size: "caption" | "sm" | "md" | "lg" | "xs";
+            size: "caption" | "md" | "sm" | "xs" | "lg";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             strong: {
                 type: import("vue").PropType<boolean>;
@@ -120,7 +120,7 @@ declare const TypographyTypes: () => (({
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+                type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
                 default: string;
             };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "size">;
@@ -149,12 +149,12 @@ declare const TypographyTypes: () => (({
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+                type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             testId: string;
-            size: "caption" | "sm" | "md" | "lg" | "xs";
+            size: "caption" | "md" | "sm" | "xs" | "lg";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -187,7 +187,7 @@ declare const TypographyTypes: () => (({
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+            type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
             default: string;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -206,12 +206,12 @@ declare const TypographyTypes: () => (({
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+        type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     testId: string;
-    size: "caption" | "sm" | "md" | "lg" | "xs";
+    size: "caption" | "md" | "sm" | "xs" | "lg";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/composables/useDateService.d.ts

@@ -0,0 +1,7 @@
+export type UseDateServiceResult = {
+    getRangeFromPreset: (preset: string) => {
+        from: Date;
+        to: Date;
+    };
+};
+export declare const useDateService: () => UseDateServiceResult;

package/composables/useDateService.js

@@ -0,0 +1,10 @@
+import { DateServices as r } from "../components/dateRange/common/DateServices.common.js";
+const o = () => {
+  const e = new r();
+  return {
+    getRangeFromPreset: (t) => e.getPresetsFunctions()[t]?.dates()
+  };
+};
+export {
+  o as useDateService
+};

package/composables/useFormValidation.d.ts

@@ -14,6 +14,7 @@ export type UseFormValidationReponseType<T> = {
     validationErrors: ValidationErrorsType<T>;
     isValid: Ref<boolean>;
     validate: (isReactive?: boolean) => void;
+    stopValidating: () => void;
 };
 export declare const scrollToElementByClass: (elementClass: string, index?: number) => void;
 export declare const scrollToFirstInvalidElement: <T>(validationErrors: Partial<Record<keyof T, string>>) => void;

package/composables/useFormValidation.js

@@ -1,50 +1,55 @@
 import * as m from "yup";
-import { ref as d, reactive as f, watch as v } from "vue";
-const E = (e, r = 0) => {
+import { ref as u, reactive as v, watch as E } from "vue";
+const h = (e, t = 0) => {
   try {
-    window.document.getElementsByClassName(e)[r].scrollIntoView({ behavior: "smooth" });
+    window.document.getElementsByClassName(e)[t].scrollIntoView({ behavior: "smooth" });
   } catch {
     return;
   }
-}, h = (e) => {
-  const r = Object.keys(e)?.[0];
-  r && E(`form-field-${r}`);
-}, p = (e, r) => {
-  const o = m.object().shape(e);
+}, p = (e) => {
+  const t = Object.keys(e)?.[0];
+  t && h(`form-field-${t}`);
+}, y = (e, t) => {
+  const s = m.object().shape(e);
   try {
-    return o.validateSync(r.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
+    return s.validateSync(t.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
   } catch (i) {
-    return { isValid: !1, errors: i.inner.reduce((s, n) => (s[n.path] = n.message, s), {}) };
+    return { isValid: !1, errors: i.inner.reduce((a, l) => (a[l.path] = l.message, a), {}) };
   }
-}, b = ({
+}, V = ({
   formState: e,
-  formValidationSchema: r
+  formValidationSchema: t
 }) => {
-  const o = d(!1), i = d(!0), t = f({}), s = (n) => {
-    const { isValid: l, errors: c } = p(r, e);
-    o.value = !0, i.value = l, Object.keys(t).forEach((a) => {
-      a && !c[a] && delete t[a];
-    }), Object.entries(c).forEach(([a, u]) => {
-      t[a] = u;
-    }), !l && !n && h(t);
+  const s = u(!1), i = u(!0), r = v({}), a = (c) => {
+    const { isValid: n, errors: d } = y(t, e);
+    s.value = !0, i.value = n, Object.keys(r).forEach((o) => {
+      o && !d[o] && delete r[o];
+    }), Object.entries(d).forEach(([o, f]) => {
+      r[o] = f;
+    }), !n && !c && p(r);
+  }, l = (c = !1) => {
+    s.value = !1, c && Object.keys(r).forEach((n) => {
+      delete r[n];
+    });
   };
-  return v(
+  return E(
     e,
     () => {
-      o.value && s(!0);
+      s.value && a(!0);
     },
     {
       deep: !0
     }
   ), {
-    validationErrors: t,
+    validationErrors: r,
     isValid: i,
-    validate: s
+    validate: a,
+    stopValidating: l
   };
 };
 export {
-  E as scrollToElementByClass,
-  h as scrollToFirstInvalidElement,
-  b as useFormValidation,
-  p as yupValidation
+  h as scrollToElementByClass,
+  p as scrollToFirstInvalidElement,
+  V as useFormValidation,
+  y as yupValidation
 };

package/consts/common.d.ts

@@ -0,0 +1 @@
+export declare const ELLIPSIS = "...";

package/consts/common.js

@@ -0,0 +1,4 @@
+const o = "...";
+export {
+  o as ELLIPSIS
+};

package/consts/regex.d.ts

@@ -1 +1,2 @@
 export declare const REGEX_NUMBER_INPUT: RegExp;
+export declare const REGEX_LINEBREAK: RegExp;

package/consts/regex.js

@@ -1,4 +1,5 @@
-const E = /^[0-9.]*$/;
+const E = /^[0-9.]*$/, R = /\n/;
 export {
+  R as REGEX_LINEBREAK,
   E as REGEX_NUMBER_INPUT
 };