@ironsource/shared-ui 2.0.2-rc.1 → 2.0.2-rc.3

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

@@ -7,12 +7,12 @@ declare const TooltipTypes: () => ({
             header: string;
             text: string;
             theme: string;
+            disabled: boolean;
             testId: string;
             delay: number;
-            triggers: ("hover" | "click" | "focus" | "touch")[];
+            triggers: ("touch" | "click" | "focus" | "hover")[];
             forceShowWithTruncate: boolean;
-            placement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            disabled: boolean;
+            placement: "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";
             distance: string | number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
@@ -27,6 +27,10 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -36,7 +40,7 @@ declare const TooltipTypes: () => ({
                 default: number;
             };
             triggers: {
-                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+                type: import("vue").PropType<("touch" | "click" | "focus" | "hover")[]>;
                 default: () => string[];
             };
             forceShowWithTruncate: {
@@ -44,18 +48,14 @@ declare const TooltipTypes: () => ({
                 default: boolean;
             };
             placement: {
-                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                type: import("vue").PropType<"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">;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             distance: {
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -82,6 +82,10 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -91,7 +95,7 @@ declare const TooltipTypes: () => ({
                 default: number;
             };
             triggers: {
-                type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+                type: import("vue").PropType<("touch" | "click" | "focus" | "hover")[]>;
                 default: () => string[];
             };
             forceShowWithTruncate: {
@@ -99,13 +103,9 @@ declare const TooltipTypes: () => ({
                 default: boolean;
             };
             placement: {
-                type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                type: import("vue").PropType<"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">;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             distance: {
                 type: import("vue").PropType<string | number>;
                 default: string;
@@ -114,12 +114,12 @@ declare const TooltipTypes: () => ({
             header: string;
             text: string;
             theme: string;
+            disabled: boolean;
             testId: string;
             delay: number;
-            triggers: ("hover" | "click" | "focus" | "touch")[];
+            triggers: ("touch" | "click" | "focus" | "hover")[];
             forceShowWithTruncate: boolean;
-            placement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            disabled: boolean;
+            placement: "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";
             distance: string | number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -154,6 +154,10 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -163,7 +167,7 @@ declare const TooltipTypes: () => ({
             default: number;
         };
         triggers: {
-            type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+            type: import("vue").PropType<("touch" | "click" | "focus" | "hover")[]>;
             default: () => string[];
         };
         forceShowWithTruncate: {
@@ -171,13 +175,9 @@ declare const TooltipTypes: () => ({
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            type: import("vue").PropType<"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">;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         distance: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -199,6 +199,10 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -208,7 +212,7 @@ declare const TooltipTypes: () => ({
         default: number;
     };
     triggers: {
-        type: import("vue").PropType<("hover" | "click" | "focus" | "touch")[]>;
+        type: import("vue").PropType<("touch" | "click" | "focus" | "hover")[]>;
         default: () => string[];
     };
     forceShowWithTruncate: {
@@ -216,13 +220,9 @@ declare const TooltipTypes: () => ({
         default: boolean;
     };
     placement: {
-        type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        type: import("vue").PropType<"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">;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     distance: {
         type: import("vue").PropType<string | number>;
         default: string;
@@ -231,12 +231,12 @@ declare const TooltipTypes: () => ({
     header: string;
     text: string;
     theme: string;
+    disabled: boolean;
     testId: string;
     delay: number;
-    triggers: ("hover" | "click" | "focus" | "touch")[];
+    triggers: ("touch" | "click" | "focus" | "hover")[];
     forceShowWithTruncate: boolean;
-    placement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    disabled: boolean;
+    placement: "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";
     distance: string | number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -13,8 +13,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     level: string;
     testId: string;
 }>>>, {
-    level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId: string;
+    level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
 }>, {
     default?(_: {}): any;
 }>;

package/components/typography/index.d.ts

@@ -3,21 +3,21 @@ declare const TypographyTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
             testId: string;
+            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             isTruncated: {
                 type: import("vue").PropType<boolean>;
             };
-            level: {
-                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "level" | "testId">;
+            level: {
+                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "level">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -35,17 +35,17 @@ declare const TypographyTypes: () => (({
             isTruncated: {
                 type: import("vue").PropType<boolean>;
             };
-            level: {
-                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            level: {
+                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+                default: string;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
             testId: string;
+            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -70,14 +70,14 @@ declare const TypographyTypes: () => (({
         isTruncated: {
             type: import("vue").PropType<boolean>;
         };
-        level: {
-            type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        level: {
+            type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+            default: string;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -86,17 +86,17 @@ declare const TypographyTypes: () => (({
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
-    level: {
-        type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    level: {
+        type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+        default: string;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId: string;
+    level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/composables/useStorage.js

@@ -1,31 +1,32 @@
-import { ref as s, watch as l } from "vue";
+import { ref as c, watch as d } from "vue";
 function p(o, i = 1, e = null) {
   const n = i === 0 ? localStorage : sessionStorage, r = a();
-  r ? e = s(r) : (e = s(e), u()), l(e, () => {
+  r ? e = c(r) : (e = c(e), u()), d(e, () => {
     u();
   });
   function a() {
     const t = n.getItem(o);
-    return t ? JSON.parse(d(t)) : null;
+    return t ? JSON.parse(m(t)) : null;
   }
   function u() {
     if (e.value === "" || e.value === null) {
       n.removeItem(o);
       return;
-    }
-    n.setItem(o, m(JSON.stringify(e.value)));
+    } else if (n.getItem(o) !== null)
+      return;
+    n.setItem(o, l(JSON.stringify(e.value)));
   }
-  function m(t) {
+  function l(t) {
     return btoa(
       encodeURIComponent(t).replace(
         /%([0-9A-F]{2})/g,
-        (c, f) => String.fromCharCode(+("0x" + f))
+        (s, f) => String.fromCharCode(+("0x" + f))
       )
     );
   }
-  function d(t) {
+  function m(t) {
     return decodeURIComponent(
-      atob(t).split("").map((c) => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join("")
+      atob(t).split("").map((s) => "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2)).join("")
     );
   }
   return e;