@ironsource/shared-ui 1.4.2-rc.6 → 1.4.2-test.1

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,6 @@
-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";
+/* empty css                 */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,107 @@
+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";
+/* empty css                          */import x from "../typography/Text.vue.js";
+/* empty css                        *//* empty css                     */import K from "../button/IconButton.vue.js";
+import B from "../tooltip/Tooltip.vue.js";
+/* empty css                       *//* empty css                           */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/index.d.ts

@@ -1,50 +1,136 @@
-declare const AppTriggerTypes: () => import("vue").DefineComponent<{
+declare const AppTriggerTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "selected" | "options" | "singleAppSelection">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: boolean;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        selected: {
+            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+            default: any;
+        };
+        options: {
+            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     loading: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     selected: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
+        type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
         default: any;
     };
     options: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
+        type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").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<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
-        default: any;
-    };
-    options: {
-        type: import("vue").PropType<import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[]>;
-    } & {
-        default: any;
-    };
-    singleAppSelection: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     loading: boolean;
-    selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
-    options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
+    selected: import("../includeExclude/includeExcludeMocks").Application[];
+    options: import("../includeExclude/includeExcludeMocks").Application[];
     singleAppSelection: boolean;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "left-image"?(_: {}): any;
+        "left-icon"?(_: {}): any;
+        title?(_: {}): any;
+        description?(_: {}): any;
+        "right-icon"?(_: {}): any;
+    };
+}))[];
 export { default as AppTrigger } from './AppTrigger.vue';
 export { AppTriggerTypes };

package/components/appTrigger/index.js

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