@ironsource/shared-ui 1.4.2-test.19 → 1.4.2-test.3

package/README.md

@@ -9,7 +9,7 @@ Then import the component in your Vue app:
 import Button from '@ironsource/shared-ui/button';
 ```
 
-## Release flow  
+## Release flow
 
 ### Pre-release
 
@@ -109,3 +109,4 @@ On CI process:
 7. if changes are required, manually trigger the workflow with update input as true
 8. a new folder named "stable" will be created under the branch name folder on s3
 9. on merge to master branch folder will be copy to master.    
+

package/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/_virtual/dynamic-import-helper.js

@@ -0,0 +1,9 @@
+const i = (r, n) => {
+  const e = r[n];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((t, o) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, new Error("Unknown variable dynamic import: " + n)));
+  });
+};
+export {
+  i as default
+};

package/components/appIcon/AppIcon.vue.d.ts

@@ -1,31 +1,25 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    src: string;
-}>, {
-    size: string;
-    src: string;
-}>, {}, 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<{
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    src: string;
-}>, {
-    size: string;
-    src: string;
-}>>>, {
-    size: 'sm' | 'md' | 'lg' | 'xl';
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+        default: string;
+    };
+    src: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+        default: string;
+    };
+    src: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}>>, {
+    size: "sm" | "md" | "lg" | "xl";
     src: string;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/appIcon/AppIcon.vue.js

@@ -1,43 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, pushScopeId, popScopeId } from 'vue';
-/* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../AppIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-359522d4"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["src"];
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "100%",
-  height: "100%",
-  viewBox: "0 0 120 120",
-  preserveAspectRatio: "none",
-  class: "squircle-mask"
-}, [
-  /* @__PURE__ */ createElementVNode("path", {
-    d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
-    fill: "white",
-    fillRule: "evenodd"
-  })
-], -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AppIcon",
-  props: {
-    size: { default: "md" },
-    src: { default: "" }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["application-icon", `icon-${__props.size}`])
-      }, [
-        createElementVNode("img", {
-          src: __props.src,
-          alt: ""
-        }, null, 8, _hoisted_1),
-        _hoisted_2
-      ], 2);
-    };
-  }
-});
-var AppIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-359522d4"]]);
-
-export { AppIcon as default };
+import o from "./AppIcon.vue2.js";
+import "./AppIcon.vue3.js";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ p(o, [["__scopeId", "data-v-a1f19170"]]);
+export {
+  f as default
+};

package/components/appIcon/AppIcon.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, openBlock as o, createElementBlock as c, normalizeClass as a, createElementVNode as t, pushScopeId as n, popScopeId as i } from "vue";
+const l = (e) => (n("data-v-a1f19170"), e = e(), i(), e), p = ["src"], r = /* @__PURE__ */ l(() => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 120 120",
+  preserveAspectRatio: "none",
+  class: "squircle-mask"
+}, [
+  /* @__PURE__ */ t("path", {
+    d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
+    fill: "white",
+    fillRule: "evenodd"
+  })
+], -1)), u = /* @__PURE__ */ s({
+  __name: "AppIcon",
+  props: {
+    size: { default: "md" },
+    src: { default: "" }
+  },
+  setup(e) {
+    return (d, h) => (o(), c("span", {
+      class: a(["application-icon", `icon-${e.size}`])
+    }, [
+      t("img", {
+        src: e.src,
+        alt: ""
+      }, null, 8, p),
+      r
+    ], 2));
+  }
+});
+export {
+  u as default
+};

package/components/appIcon/AppIcon.vue3.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/components/appIcon/index.d.ts

@@ -1,29 +1,25 @@
 declare const AppIconTypes: () => import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
-    } & {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     src: {
         type: import("vue").PropType<string>;
         required: true;
-    } & {
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
-    } & {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
     src: {
         type: import("vue").PropType<string>;
         required: true;
-    } & {
         default: string;
     };
 }>>, {
-    size: "md" | "sm" | "lg" | "xl";
+    size: "sm" | "md" | "lg" | "xl";
     src: string;
 }>[];
 export { default as AppIcon } from './AppIcon.vue';

package/components/appIcon/index.js

@@ -0,0 +1,6 @@
+import p from "./AppIcon.vue.js";
+const c = () => [p];
+export {
+  p as AppIcon,
+  c as AppIconTypes
+};

package/components/appTrigger/AppTrigger.vue.d.ts

@@ -1,42 +1,53 @@
 import { Application } from '@/components/includeExclude/includeExcludeMocks';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: Application[];
-    options?: Application[];
-    loading?: boolean;
-    singleAppSelection?: boolean;
-}>, {
-    selected: any;
-    options: any;
-    loading: boolean;
-    singleAppSelection: boolean;
-}>, {}, 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<{
-    selected?: Application[];
-    options?: Application[];
-    loading?: boolean;
-    singleAppSelection?: boolean;
-}>, {
-    selected: any;
-    options: any;
-    loading: boolean;
-    singleAppSelection: boolean;
-}>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<Application[]>;
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<Application[]>;
+        default: any;
+    };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<Application[]>;
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<Application[]>;
+        default: any;
+    };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
     loading: boolean;
     selected: Application[];
     options: Application[];
     singleAppSelection: boolean;
+}>, {
+    "left-image"?(_: {}): any;
+    "left-icon"?(_: {}): any;
+    title?(_: {}): any;
+    description?(_: {}): any;
+    "right-icon"?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/appTrigger/AppTrigger.vue.js

@@ -1,185 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import AppIcon from '../appIcon/AppIcon.vue.js';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                      *//* empty css                                                            */
-import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "app-trigger__left-image" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AppTrigger",
-  props: {
-    selected: { default: null },
-    options: { default: null },
-    loading: { type: Boolean, default: false },
-    singleAppSelection: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const allTitle = "All apps selected";
-    const NoAppsTitle = "No apps to select";
-    const title = computed(() => {
-      if (props.singleAppSelection && noApp.value) {
-        return NoAppsTitle;
-      }
-      if (props.singleAppSelection && singleApp.value) {
-        return `${firstSelection.value?.name}`;
-      }
-      if (allMode.value) {
-        return allTitle;
-      }
-      if (singleApp.value) {
-        return `${firstSelection.value?.name}`;
-      }
-      return `${selectedSize.value} apps selected`;
-    });
-    const allAppsIcon = "widgetsz";
-    const noAppsIcon = "cube-background";
-    const appIcon = computed(
-      () => props.singleAppSelection && noApp.value ? noAppsIcon : allAppsIcon
-    );
-    const osIcon = computed(() => {
-      if (!allMode.value || props.singleAppSelection && singleApp.value) {
-        return firstSelection.value.platform.toLowerCase();
-      }
-      return null;
-    });
-    const appImage = computed(() => {
-      if (!selectedSize.value || !optionsSize.value) {
-        return "";
-      }
-      return firstSelection.value?.icon;
-    });
-    const description = computed(() => {
-      if (props.loading) {
-        return "";
-      }
-      if (singleApp.value) {
-        return firstSelection.value.appKey;
-      }
-      if (allMode.value) {
-        return allDescription.value;
-      }
-      if (selectedSize.value <= 0) {
-        return `${firstSelection.value?.name}`;
-      }
-      return `${firstSelection.value?.name} and ${selectedSize.value - 1}+`;
-    });
-    const selectedSize = computed(() => {
-      return props.selected?.length || 0;
-    });
-    const optionsSize = computed(() => {
-      return props.options?.length || 0;
-    });
-    const singleApp = computed(() => {
-      return selectedSize.value === 1;
-    });
-    const noApp = computed(() => {
-      return optionsSize.value === 0;
-    });
-    const allMode = computed(() => {
-      return props.loading || optionsSize.value === selectedSize.value || !selectedSize.value;
-    });
-    const allDescription = computed(() => {
-      if (optionsSize.value === 1) {
-        return `${firstOption.value?.name}`;
-      }
-      return `${firstOption.value?.name} and ${optionsSize.value - 1}+`;
-    });
-    const firstSelection = computed(() => props.selected?.[0]);
-    const firstOption = computed(() => props.options?.[0]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["app-trigger", {
-          "app-trigger--with-icons": unref(selectedSize) > 0 || unref(allMode)
-        }])
-      }, [
-        renderSlot(_ctx.$slots, "left-image", {}, () => [
-          createElementVNode("div", _hoisted_1, [
-            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
-              key: 0,
-              size: "xl",
-              src: unref(appImage)
-            }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
-              key: 1,
-              class: "trigger-icon",
-              "font-size": "2rem",
-              name: unref(appIcon)
-            }, null, 8, ["name"]))
-          ])
-        ], true),
-        renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
-            key: 0,
-            class: "app-trigger__left-icon",
-            name: unref(osIcon),
-            "font-size": "md"
-          }, null, 8, ["name"])) : createCommentVNode("", true)
-        ], true),
-        createElementVNode("div", {
-          class: normalizeClass(["app-trigger__middle-section", {
-            "app-trigger__middle-section--single": unref(singleApp),
-            "app-trigger__middle-section--loading": __props.loading || !__props.options?.length
-          }])
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
-              default: withCtx(() => [
-                createVNode(unref(Text), {
-                  strong: "",
-                  class: "title",
-                  "is-truncated": "",
-                  size: "sm"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(title)), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["text"])
-          ], true),
-          renderSlot(_ctx.$slots, "description", {}, () => [
-            createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
-                default: withCtx(() => [
-                  createVNode(unref(Text), {
-                    class: "app-trigger__description",
-                    size: "xs",
-                    "is-truncated": ""
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(description)), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["text"])
-            ])
-          ], true)
-        ], 2),
-        renderSlot(_ctx.$slots, "right-icon", {}, () => [
-          createVNode(unref(IconButton), {
-            class: "app-trigger__right-icon",
-            theme: "third"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), {
-                "font-size": "sm",
-                name: "angle-down"
-              })
-            ]),
-            _: 1
-          })
-        ], true)
-      ], 2);
-    };
-  }
-});
-var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c498348"]]);
-
-export { AppTrigger as default };
+import o from "./AppTrigger.vue2.js";
+import "./AppTrigger.vue3.js";
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-62f99150"]]);
+export {
+  m as default
+};

package/components/appTrigger/AppTrigger.vue2.js

@@ -0,0 +1,112 @@
+import { defineComponent as T, computed as t, openBlock as d, createElementBlock as V, normalizeClass as S, unref as e, renderSlot as u, createElementVNode as g, createBlock as f, createCommentVNode as D, createVNode as o, withCtx as p, createTextVNode as y, toDisplayString as k } from "vue";
+import E from "../appIcon/AppIcon.vue.js";
+import v from "../icon/Icon.vue.js";
+import "../typography/Heading.vue2.js";
+import x from "../typography/Text.vue.js";
+import "../button/ButtonBase.vue.js";
+import "../button/Button.vue3.js";
+import K from "../button/IconButton.vue.js";
+import B from "../tooltip/Tooltip.vue.js";
+import "../tooltip/Tooltip.vue2.js";
+import "../button/ScrollButton.vue3.js";
+const L = { class: "app-trigger__left-image" }, U = /* @__PURE__ */ T({
+  __name: "AppTrigger",
+  props: {
+    selected: { default: null },
+    options: { default: null },
+    loading: { type: Boolean, default: !1 },
+    singleAppSelection: { type: Boolean, default: !1 }
+  },
+  setup(m) {
+    const l = m, N = "All apps selected", w = "No apps to select", _ = t(() => l.singleAppSelection && C.value ? w : l.singleAppSelection && a.value ? `${r.value?.name}` : c.value ? N : a.value ? `${r.value?.name}` : `${n.value} apps selected`), $ = t(() => !c.value || l.singleAppSelection && a.value ? r.value.platform.toLowerCase() : null), h = t(() => !n.value || !i.value ? "" : r.value?.icon), z = t(() => l.loading ? "" : a.value ? r.value.appKey : c.value ? I.value : n.value <= 0 ? `${r.value?.name}` : `${r.value?.name} and ${n.value - 1}+`), n = t(() => l.selected?.length || 0), i = t(() => l.options?.length || 0), a = t(() => n.value === 1), C = t(() => i.value === 0), c = t(() => l.loading || i.value === n.value || !n.value), I = t(() => i.value === 1 ? `${A.value?.name}` : `${A.value?.name} and ${i.value - 1}+`), r = t(() => l.selected?.[0]), A = t(() => l.options?.[0]);
+    return (s, M) => (d(), V("div", {
+      class: S(["app-trigger", {
+        "app-trigger--with-icons": e(n) > 0 || e(c)
+      }])
+    }, [
+      u(s.$slots, "left-image", {}, () => [
+        g("div", L, [
+          e(h) ? (d(), f(e(E), {
+            key: 0,
+            size: "xl",
+            src: e(h)
+          }, null, 8, ["src"])) : (d(), f(e(v), {
+            key: 1,
+            class: "trigger-icon",
+            "font-size": "2rem",
+            name: "widgetsz"
+          }))
+        ])
+      ], !0),
+      u(s.$slots, "left-icon", {}, () => [
+        e($) ? (d(), f(e(v), {
+          key: 0,
+          class: "app-trigger__left-icon",
+          name: e($),
+          "font-size": "md"
+        }, null, 8, ["name"])) : D("", !0)
+      ], !0),
+      g("div", {
+        class: S(["app-trigger__middle-section", {
+          "app-trigger__middle-section--single": e(a),
+          "app-trigger__middle-section--loading": m.loading || !m.options?.length
+        }])
+      }, [
+        u(s.$slots, "title", {}, () => [
+          o(e(B), { text: e(_) }, {
+            default: p(() => [
+              o(e(x), {
+                strong: "",
+                class: "title",
+                "is-truncated": "",
+                size: "sm"
+              }, {
+                default: p(() => [
+                  y(k(e(_)), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ], !0),
+        u(s.$slots, "description", {}, () => [
+          g("div", null, [
+            o(e(B), { text: e(z) }, {
+              default: p(() => [
+                o(e(x), {
+                  class: "app-trigger__description",
+                  size: "xs",
+                  "is-truncated": ""
+                }, {
+                  default: p(() => [
+                    y(k(e(z)), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ])
+        ], !0)
+      ], 2),
+      u(s.$slots, "right-icon", {}, () => [
+        o(e(K), {
+          class: "app-trigger__right-icon",
+          theme: "third"
+        }, {
+          default: p(() => [
+            o(e(v), {
+              "font-size": "sm",
+              name: "angle-down"
+            })
+          ]),
+          _: 1
+        })
+      ], !0)
+    ], 2));
+  }
+});
+export {
+  U as default
+};

package/components/appTrigger/AppTrigger.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};