@ironsource/shared-ui 1.4.2-test.0 → 1.4.2-test.10

package/components/dropdown/index.vue.js

@@ -1,12 +1,12 @@
-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
-};
+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 };

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

@@ -1,106 +1,61 @@
-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, {
+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, {
     click: () => void;
-}, 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;
-    };
-}>> & {
+}, 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;
+}>>> & {
     onClick?: () => any;
 }, {
-    size: "sm" | "lg";
+    size: 'lg' | 'sm';
     title: string;
     fontSize: string;
-    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";
+    iconName: IconName;
     subtitle: string;
     buttonText: string;
     isHorizontal: boolean;
@@ -108,15 +63,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isBordered: boolean;
     iconWidth: number;
     iconHeight: number;
-}>, {
-    icon?(_: {}): any;
-    title?(_: {}): any;
-    subtitle?(_: {}): any;
-    button?(_: {}): any;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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/emptyState/EmptyState.vue.js

@@ -0,0 +1,98 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, normalizeProps, mergeProps, unref, createCommentVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import Button from '../button/Button.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                                                                    *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      */import EmptyStateIcon from './EmptyStateIcon.vue.js';
+/* empty css                                                            */
+import "../../EmptyState.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { class: "empty-state-title-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EmptyState",
+  props: {
+    title: { default: void 0 },
+    subtitle: { default: void 0 },
+    buttonText: { default: void 0 },
+    isHorizontal: { type: Boolean, default: false },
+    hasIcon: { type: Boolean, default: true },
+    isBordered: { type: Boolean, default: false },
+    iconName: { default: null },
+    fontSize: { default: "5rem" },
+    size: { default: "lg" },
+    iconWidth: { default: 44 },
+    iconHeight: { default: 44 }
+  },
+  emits: ["click"],
+  setup(__props) {
+    const props = __props;
+    const iconProps = computed(() => {
+      return {
+        width: props.iconWidth,
+        height: props.iconHeight
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["empty-state-container", { horizontal: __props.isHorizontal, bordered: __props.isBordered }])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`empty-state-icon-container empty-state-icon-container--${__props.size}`)
+        }, [
+          __props.hasIcon ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+            !__props.iconName ? (openBlock(), createBlock(EmptyStateIcon, normalizeProps(mergeProps({ key: 0 }, unref(iconProps))), null, 16)) : createCommentVNode("", true),
+            __props.iconName ? (openBlock(), createBlock(unref(Icon), {
+              key: 1,
+              name: __props.iconName,
+              "font-size": __props.fontSize,
+              class: "empty-state-icon"
+            }, null, 8, ["name", "font-size"])) : createCommentVNode("", true)
+          ], true) : createCommentVNode("", true)
+        ], 2),
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            __props.title ? (openBlock(), createBlock(unref(Text), {
+              key: 0,
+              size: "lg",
+              strong: "",
+              class: "empty-state-title"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ], true),
+          renderSlot(_ctx.$slots, "subtitle", {}, () => [
+            __props.subtitle ? (openBlock(), createBlock(unref(Text), {
+              key: 0,
+              size: "sm",
+              class: "empty-state-subtitle"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.subtitle), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ], true)
+        ]),
+        renderSlot(_ctx.$slots, "button", {}, () => [
+          __props.buttonText ? (openBlock(), createBlock(unref(Button), {
+            key: 0,
+            theme: "secondary",
+            class: "empty-state-button",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.buttonText), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ], true)
+      ], 2);
+    };
+  }
+});
+var EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54b6f08e"]]);
+
+export { EmptyState as default };

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

@@ -1,2 +1,2 @@
-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<{}>>, {}>;
+declare const _default: any;
 export default _default;

package/components/emptyState/EmptyStateIcon.vue.js

@@ -0,0 +1,44 @@
+import { openBlock, createElementBlock, pushScopeId, popScopeId, createElementVNode } from 'vue';
+/* empty css                                                                */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../EmptyStateIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _withScopeId = n => (pushScopeId("data-v-0d4e4f1b"),n=n(),popScopeId(),n);
+const _hoisted_1 = {
+  viewBox: "0 0 51 51",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("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));
+const _hoisted_3 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("ellipse", {
+  rx: "18.1565",
+  ry: "18.1565",
+  transform: "matrix(-1 0 0 1 28.8174 22.6824)",
+  fill: "currentColor"
+}, null, -1));
+const _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("circle", {
+  r: "13.7739",
+  transform: "matrix(-1 0 0 1 28.8173 22.6826)",
+  fill: "#DDDFE1"
+}, null, -1));
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5))
+}
+var EmptyStateIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-0d4e4f1b"]]);
+
+export { EmptyStateIcon as default };