@ironsource/shared-ui 1.4.0-rc.10

package/components/dropdown/index.d.ts

@@ -0,0 +1,381 @@
+import Dropdown from './Dropdown.vue';
+import Option from './Option.vue';
+import Label from './Label.vue';
+import SearchInput from './SearchInput.vue';
+declare const DropdownTypes: () => (import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    error: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<unknown>;
+    } & {
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+    } & {
+        default: any;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    popperClass: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    showButtonOnOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    inlineSearch: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    skidding: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    noResultsText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    defaultOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    onSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+    } & {
+        default: () => true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    container: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    flip: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    keepOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    autoSize: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    disableKeyboardEvents: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    showSelectAll: {
+        type: import("vue").PropType<boolean>;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+}, {
+    selectItem: (option: any, index?: number) => void;
+    scrollTo: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: unknown) => void;
+} & {
+    "update:isOpen": (value: unknown) => void;
+} & {
+    closed: () => void;
+} & {
+    opened: () => void;
+} & {
+    apply: (value: unknown) => 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: string;
+    };
+    error: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    theme: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<unknown>;
+    } & {
+        default: any;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+    } & {
+        default: any;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    popperClass: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    showButtonOnOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    inlineSearch: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    skidding: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    noResultsText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    defaultOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    onSearch: {
+        type: import("vue").PropType<(option: any, term: string) => boolean>;
+    } & {
+        default: () => true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    container: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    flip: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    keepOpen: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    autoSize: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    disableKeyboardEvents: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    showSelectAll: {
+        type: import("vue").PropType<boolean>;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:selected"?: (value: unknown) => any;
+    "onUpdate:isOpen"?: (value: unknown) => any;
+    onClosed?: () => any;
+    onOpened?: () => any;
+    onApply?: (value: unknown) => any;
+}, {
+    size: "sm" | "lg";
+    title: string;
+    error: string;
+    theme: string;
+    placement: import("floating-vue").Placement;
+    disabled: boolean;
+    selected: any;
+    modelValue: any;
+    placeholder: string;
+    multi: boolean;
+    searchPlaceholder: string;
+    popperClass: string;
+    mandatory: boolean;
+    showButtonOnOpen: boolean;
+    inlineSearch: boolean;
+    isOnTop: boolean;
+    distance: number;
+    skidding: number;
+    noResultsText: string;
+    autoFocus: boolean;
+    defaultOpen: boolean;
+    clearable: boolean;
+    onSearch: (option: any, term: string) => boolean;
+    helperText: string;
+    container: string;
+    flip: boolean;
+    keepOpen: boolean;
+    autoSize: boolean;
+    disableKeyboardEvents: boolean;
+}> | import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>)[];
+export { Dropdown, Option, Label, SearchInput, DropdownTypes };

package/components/dropdown/index.vue.js

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

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

@@ -0,0 +1,81 @@
+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<__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: 'lg' | 'sm';
+    title: string;
+    fontSize: string;
+    iconName: IconName;
+    subtitle: string;
+    buttonText: string;
+    isHorizontal: boolean;
+    hasIcon: boolean;
+    isBordered: boolean;
+    iconWidth: number;
+    iconHeight: number;
+}>;
+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/emptyState/EmptyState.vue.js

@@ -0,0 +1,98 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, normalizeProps, guardReactiveProps, unref, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+import Icon from '../icon/Icon.vue.js';
+import Button from '../button/Button.vue.js';
+/* empty css                                                                    *//* empty css                                                                    */import 'floating-vue';
+/* empty css                                                                               *//* 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 }, () => [
+            createVNode(EmptyStateIcon, normalizeProps(guardReactiveProps(unref(iconProps))), null, 16),
+            __props.iconName ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              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-4e6bbc8f"]]);
+
+export { EmptyState as default };

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

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