@ironsource/shared-ui 2.1.12-rc.3 → 2.1.12-rc.31

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/composables/useFullPageHeight.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+type UseFullPageHeightArgs = {
+    elem: Ref<HTMLElement | null>;
+    minHeight?: number;
+    bottomSpacing?: number;
+};
+export declare const useFullPageHeight: ({ elem, minHeight, bottomSpacing, }: UseFullPageHeightArgs) => {
+    cssHeightValue: import("vue").ComputedRef<string>;
+};
+export {};

package/composables/useFullPageHeight.js

@@ -0,0 +1,15 @@
+import { computed as c } from "vue";
+import { useElementBounding as s, useWindowSize as i } from "@vueuse/core";
+const p = ({
+  elem: u,
+  minHeight: e = 300,
+  bottomSpacing: t = 50
+}) => {
+  const { top: o } = s(u), { height: l } = i();
+  return {
+    cssHeightValue: c(() => l.value - o.value - t <= e ? `${e}px` : `calc(100vh - ${o.value}px - ${t}px)`)
+  };
+};
+export {
+  p as useFullPageHeight
+};

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