@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.5

package/components/tabs/Tabs.vue2.js

@@ -1,9 +1,9 @@
- import "../../Tabs.vue_vue_type_style_index_0_scoped_8e053ecb_lang.css"; import { defineComponent as W, useCssVars as y, unref as n, ref as T, computed as c, openBlock as o, createElementBlock as l, normalizeClass as u, Fragment as H, renderList as M, renderSlot as V, createBlock as p, createCommentVNode as m, withCtx as E, createTextVNode as F, toDisplayString as P, pushScopeId as _, popScopeId as A, createElementVNode as R } from "vue";
+ import "../../Tabs.vue_vue_type_style_index_0_scoped_e92a7c21_lang.css"; import { defineComponent as W, useCssVars as y, unref as n, ref as T, computed as c, openBlock as o, createElementBlock as l, normalizeClass as u, Fragment as H, renderList as M, renderSlot as V, createBlock as p, createCommentVNode as m, withCtx as E, createTextVNode as F, toDisplayString as P, pushScopeId as _, popScopeId as A, createElementVNode as R } from "vue";
 import "../typography/Heading.vue.js";
 import U from "../typography/Text.vue.js";
-import D from "../icon/Icon.vue.js";
+import D from "../icon/v3/Icon.vue.js";
 import { TabsTestIdModifiers as h } from "../../testids/index.js";
-const j = (s) => (_("data-v-8e053ecb"), s = s(), A(), s), q = ["data-testid"], G = ["data-testid", "onClick", "onMouseover"], J = /* @__PURE__ */ j(() => /* @__PURE__ */ R("div", { class: "tabs-border-line" }, null, -1)), K = {
+const j = (s) => (_("data-v-e92a7c21"), s = s(), A(), s), q = ["data-testid"], G = ["data-testid", "onClick", "onMouseover"], J = /* @__PURE__ */ j(() => /* @__PURE__ */ R("div", { class: "tabs-border-line" }, null, -1)), K = {
   key: 0,
   class: "tabs-border-line-hover"
 }, ee = /* @__PURE__ */ W({
@@ -19,34 +19,34 @@ const j = (s) => (_("data-v-8e053ecb"), s = s(), A(), s), q = ["data-testid"], G
   setup(s, { emit: x }) {
     const r = s;
     y((e) => ({
-      "3c4d3c4a": n(L),
-      "09264645": n($),
-      "0d647894": n(g),
-      "75c6ab08": n(N)
+      "995c11c2": n(L),
+      "8202f8e0": n($),
+      "0305a06a": n(g),
+      "2b9ee853": n(N)
     }));
-    const d = T([]), a = T(null), I = 12, k = { tabsNewList: d }, C = c(
-      () => a.value && a.value !== r.selectedTab
+    const a = T([]), d = T(null), I = 12, k = { tabsNewList: a }, C = c(
+      () => d.value && d.value !== r.selectedTab
     ), L = c(() => {
       const e = i();
-      return d.value[e]?.offsetLeft + "px";
+      return a.value[e]?.offsetLeft + "px";
     }), i = () => r.tabsList.findIndex((e) => e.id === r.selectedTab), $ = c(() => {
       const e = i();
-      return d.value[e]?.clientWidth + "px";
+      return a.value[e]?.clientWidth + "px";
     }), f = (e) => {
-      const v = d.value[e]?.offsetLeft, t = d.value[e]?.clientWidth;
+      const v = a.value[e]?.offsetLeft, t = a.value[e]?.clientWidth;
       return (parseFloat(v) + parseFloat(t) / 2 - I).toString() + "px";
     }, g = c(() => {
       const e = i();
       return f(e);
-    }), w = () => r.tabsList.findIndex((e) => e.id === a.value), N = c(() => {
+    }), w = () => r.tabsList.findIndex((e) => e.id === d.value), N = c(() => {
       const e = w();
       return f(e);
     }), S = (e) => {
       x("update:selectedTab", e.id);
     }, z = (e) => {
-      e !== null && (a.value = e.id);
+      e !== null && (d.value = e.id);
     }, B = () => {
-      a.value = null;
+      d.value = null;
     };
     return (e, v) => (o(), l("ul", {
       class: u(["tabs-wrap", [s.size, s.variant]]),

package/components/toggle/Toggle.vue.d.ts

@@ -42,9 +42,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
     testId: string;
-    helperText: string;
     color: string;
     isLoading: boolean;
+    helperText: string;
     errorText: string;
     activeText: string;
     inactiveText: string;

package/components/toggle/index.d.ts

@@ -3,14 +3,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-    helperText: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     color: {
         type: import("vue").PropType<string>;
         default: string;
@@ -19,6 +11,14 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     errorText: {
         type: import("vue").PropType<string>;
         default: any;
@@ -42,14 +42,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-    helperText: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     color: {
         type: import("vue").PropType<string>;
         default: string;
@@ -58,6 +50,14 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     errorText: {
         type: import("vue").PropType<string>;
         default: any;
@@ -78,9 +78,9 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
     testId: string;
-    helperText: string;
     color: string;
     isLoading: boolean;
+    helperText: string;
     errorText: string;
     activeText: string;
     inactiveText: string;

package/composables/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useToggle';
 export * from './useSearch';
 export * from './useId';
+export * from './useStorage';

package/composables/useStorage.d.ts

@@ -0,0 +1,5 @@
+export declare enum StorageType {
+    LocalStorage = 0,
+    SessionStorage = 1
+}
+export declare function useStorage(key: string, type?: StorageType, val?: any): any;

package/composables/useStorage.js

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

package/design-foundation.stories/icons/iconsData.d.ts

@@ -0,0 +1,14 @@
+declare const assetsPath = "https://fusion.ironsrc.net/assets/icons/";
+declare const iconsBrandedData: {
+    name: string;
+    path: string;
+}[];
+declare const iconsADUnitData: {
+    name: string;
+    path: string;
+}[];
+declare const iconsABTestData: {
+    name: string;
+    path: string;
+}[];
+export { assetsPath, iconsBrandedData, iconsADUnitData, iconsABTestData };