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

package/components/dropdown/index.vue.js

@@ -1,12 +1,12 @@
-import Dropdown from './Dropdown.vue.js';
-export { default as Dropdown } from './Dropdown.vue.js';
-import Option from './Option.vue.js';
-export { default as Option } from './Option.vue.js';
-import Label from './Label.vue.js';
-export { default as Label } from './Label.vue.js';
-import SearchInput from './SearchInput.vue.js';
-export { default as SearchInput } from './SearchInput.vue.js';
-
-const DropdownTypes = () => [Dropdown, Option, Label, SearchInput];
-
-export { DropdownTypes };
+import o from "./Dropdown.vue.vue.js";
+import r from "./Option.vue.vue.js";
+import p from "./Label.vue.vue.js";
+import m from "./SearchInput.vue.vue.js";
+const f = () => [o, r, p, m];
+export {
+  o as Dropdown,
+  f as DropdownTypes,
+  p as Label,
+  r as Option,
+  m as SearchInput
+};

package/components/emptyState/EmptyState.vue.d.ts

@@ -1,61 +1,106 @@
-import type { IconName } from '@/components/icon';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    title?: string;
-    subtitle?: string;
-    buttonText?: string;
-    isHorizontal?: boolean;
-    hasIcon?: boolean;
-    isBordered?: boolean;
-    iconName?: IconName;
-    fontSize?: string;
-    size?: 'lg' | 'sm';
-    iconWidth: number;
-    iconHeight: number;
-}>, {
-    title: any;
-    subtitle: any;
-    buttonText: any;
-    isHorizontal: boolean;
-    hasIcon: boolean;
-    isBordered: boolean;
-    iconName: any;
-    fontSize: string;
-    size: string;
-    iconWidth: number;
-    iconHeight: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    fontSize: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconName: {
+        type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        default: any;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    buttonText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isHorizontal: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hasIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isBordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconWidth: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+    iconHeight: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    title?: string;
-    subtitle?: string;
-    buttonText?: string;
-    isHorizontal?: boolean;
-    hasIcon?: boolean;
-    isBordered?: boolean;
-    iconName?: IconName;
-    fontSize?: string;
-    size?: 'lg' | 'sm';
-    iconWidth: number;
-    iconHeight: number;
-}>, {
-    title: any;
-    subtitle: any;
-    buttonText: any;
-    isHorizontal: boolean;
-    hasIcon: boolean;
-    isBordered: boolean;
-    iconName: any;
-    fontSize: string;
-    size: string;
-    iconWidth: number;
-    iconHeight: number;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    fontSize: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconName: {
+        type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        default: any;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    buttonText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isHorizontal: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hasIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isBordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconWidth: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+    iconHeight: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+}>> & {
     onClick?: () => any;
 }, {
-    size: 'lg' | 'sm';
+    size: "sm" | "lg";
     title: string;
     fontSize: string;
-    iconName: IconName;
+    iconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "rotate" | "visibility" | "search" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
     subtitle: string;
     buttonText: string;
     isHorizontal: boolean;
@@ -63,19 +108,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isBordered: boolean;
     iconWidth: number;
     iconHeight: number;
+}>, {
+    icon?(_: {}): any;
+    title?(_: {}): any;
+    subtitle?(_: {}): any;
+    button?(_: {}): 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/emptyState/EmptyState.vue.vue.js

@@ -0,0 +1,6 @@
+import t from "./EmptyState.vue.vue2.js";
+/* empty css                     */import o from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e4967c65"]]);
+export {
+  a as default
+};

package/components/emptyState/EmptyState.vue.vue2.js

@@ -0,0 +1,89 @@
+import { defineComponent as h, computed as p, openBlock as o, createElementBlock as b, normalizeClass as d, createElementVNode as f, renderSlot as a, createVNode as k, normalizeProps as B, guardReactiveProps as g, unref as i, createBlock as l, createCommentVNode as n, withCtx as s, createTextVNode as r, toDisplayString as m } from "vue";
+/* empty css                              */import y from "../typography/Text.vue.vue.js";
+import v from "../icon/Icon.vue.vue.js";
+import N from "../button/Button.vue.vue.js";
+/* empty css                            *//* empty css                             */import "floating-vue";
+/* empty css                                       *//* empty css                           *//* empty css                               */import $ from "./EmptyStateIcon.vue.vue.js";
+const S = { class: "empty-state-title-container" }, q = /* @__PURE__ */ h({
+  __name: "EmptyState",
+  props: {
+    title: { default: void 0 },
+    subtitle: { default: void 0 },
+    buttonText: { default: void 0 },
+    isHorizontal: { type: Boolean, default: !1 },
+    hasIcon: { type: Boolean, default: !0 },
+    isBordered: { type: Boolean, default: !1 },
+    iconName: { default: null },
+    fontSize: { default: "5rem" },
+    size: { default: "lg" },
+    iconWidth: { default: 44 },
+    iconHeight: { default: 44 }
+  },
+  emits: ["click"],
+  setup(t) {
+    const u = t, z = p(() => ({
+      width: u.iconWidth,
+      height: u.iconHeight
+    }));
+    return (e, c) => (o(), b("div", {
+      class: d(["empty-state-container", { horizontal: t.isHorizontal, bordered: t.isBordered }])
+    }, [
+      f("div", {
+        class: d(`empty-state-icon-container empty-state-icon-container--${t.size}`)
+      }, [
+        t.hasIcon ? a(e.$slots, "icon", { key: 0 }, () => [
+          k($, B(g(i(z))), null, 16),
+          t.iconName ? (o(), l(i(v), {
+            key: 0,
+            name: t.iconName,
+            "font-size": t.fontSize,
+            class: "empty-state-icon"
+          }, null, 8, ["name", "font-size"])) : n("", !0)
+        ], !0) : n("", !0)
+      ], 2),
+      f("div", S, [
+        a(e.$slots, "title", {}, () => [
+          t.title ? (o(), l(i(y), {
+            key: 0,
+            size: "lg",
+            strong: "",
+            class: "empty-state-title"
+          }, {
+            default: s(() => [
+              r(m(t.title), 1)
+            ]),
+            _: 1
+          })) : n("", !0)
+        ], !0),
+        a(e.$slots, "subtitle", {}, () => [
+          t.subtitle ? (o(), l(i(y), {
+            key: 0,
+            size: "sm",
+            class: "empty-state-subtitle"
+          }, {
+            default: s(() => [
+              r(m(t.subtitle), 1)
+            ]),
+            _: 1
+          })) : n("", !0)
+        ], !0)
+      ]),
+      a(e.$slots, "button", {}, () => [
+        t.buttonText ? (o(), l(i(N), {
+          key: 0,
+          theme: "secondary",
+          class: "empty-state-button",
+          onClick: c[0] || (c[0] = (C) => e.$emit("click"))
+        }, {
+          default: s(() => [
+            r(m(t.buttonText), 1)
+          ]),
+          _: 1
+        })) : n("", !0)
+      ], !0)
+    ], 2));
+  }
+});
+export {
+  q as default
+};

package/components/emptyState/EmptyStateIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/emptyState/EmptyStateIcon.vue.vue.js

@@ -0,0 +1,35 @@
+import { openBlock as r, createElementBlock as c, pushScopeId as n, popScopeId as s, createElementVNode as o } from "vue";
+/* empty css                         */import l from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const i = {}, e = (t) => (n("data-v-f4915249"), t = t(), s(), t), _ = {
+  viewBox: "0 0 51 51",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, a = /* @__PURE__ */ e(() => /* @__PURE__ */ o("rect", {
+  x: "20.4343",
+  y: "25.813",
+  width: "8.76522",
+  height: "23.6766",
+  rx: "4.38261",
+  transform: "rotate(44.7222 20.4343 25.813)",
+  fill: "currentColor"
+}, null, -1)), d = /* @__PURE__ */ e(() => /* @__PURE__ */ o("ellipse", {
+  rx: "18.1565",
+  ry: "18.1565",
+  transform: "matrix(-1 0 0 1 28.8174 22.6824)",
+  fill: "currentColor"
+}, null, -1)), f = /* @__PURE__ */ e(() => /* @__PURE__ */ o("circle", {
+  r: "13.7739",
+  transform: "matrix(-1 0 0 1 28.8173 22.6826)",
+  fill: "#DDDFE1"
+}, null, -1)), p = [
+  a,
+  d,
+  f
+];
+function m(t, h) {
+  return r(), c("svg", _, p);
+}
+const v = /* @__PURE__ */ l(i, [["render", m], ["__scopeId", "data-v-f4915249"]]);
+export {
+  v as default
+};