@ironsource/shared-ui 1.4.0-rc.10

package/components/tabs/index.d.ts

@@ -0,0 +1,68 @@
+declare const TabsTypes: () => import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
+    } & {
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"fill" | "fix">;
+    } & {
+        default: string;
+    };
+    tabsList: {
+        type: import("vue").PropType<{
+            id: string | number;
+            name: string;
+            iconName: string;
+            disabled?: boolean;
+        }[]>;
+        required: true;
+    } & {
+        default: () => any[];
+    };
+    selectedTab: {
+        type: import("vue").PropType<string | number>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedTab": (tabId: string | number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
+    } & {
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"fill" | "fix">;
+    } & {
+        default: string;
+    };
+    tabsList: {
+        type: import("vue").PropType<{
+            id: string | number;
+            name: string;
+            iconName: string;
+            disabled?: boolean;
+        }[]>;
+        required: true;
+    } & {
+        default: () => any[];
+    };
+    selectedTab: {
+        type: import("vue").PropType<string | number>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:selectedTab"?: (tabId: string | number) => any;
+}, {
+    size: "md" | "sm" | "lg" | "xl";
+    variant: "fill" | "fix";
+    tabsList: {
+        id: string | number;
+        name: string;
+        iconName: string;
+        disabled?: boolean;
+    }[];
+}>[];
+export { default as Tabs } from './Tabs.vue';
+export { TabsTypes };

package/components/tabs/index.vue.js

@@ -0,0 +1,6 @@
+import Tabs from './Tabs.vue.js';
+export { default as Tabs } from './Tabs.vue.js';
+
+const TabsTypes = () => [Tabs];
+
+export { TabsTypes };

package/components/textArea/TextArea.vue.d.ts

@@ -0,0 +1,55 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    feedbackHelpText?: string;
+    feedbackErrorText?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    label: string;
+    feedbackHelpText: string;
+    feedbackErrorText: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    feedbackHelpText?: string;
+    feedbackErrorText?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    label: string;
+    feedbackHelpText: string;
+    feedbackErrorText: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+}, {
+    label: string;
+    disabled: boolean;
+    modelValue: string;
+    placeholder: string;
+    feedbackHelpText: string;
+    feedbackErrorText: 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/textArea/TextArea.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+/* empty css                                                          */
+import "../../TextArea.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = {
+  key: 0,
+  class: "label-container"
+};
+const _hoisted_2 = ["value", "placeholder", "disabled"];
+const _hoisted_3 = {
+  key: 1,
+  class: "extra-text-container"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextArea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: false },
+    label: { default: "" },
+    feedbackHelpText: { default: "" },
+    feedbackErrorText: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const handleInput = (event) => {
+      emit("update:modelValue", event.target.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled })
+      }, [
+        __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(unref(Text), { class: "label" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.label), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        createElementVNode("textarea", {
+          class: "textarea",
+          value: __props.modelValue,
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
+          onInput: handleInput
+        }, null, 40, _hoisted_2),
+        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(unref(Text), {
+            class: normalizeClass({ [__props.feedbackErrorText ? "error" : "help"]: true }),
+            size: "caption"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78bc849c"]]);
+
+export { TextArea as default };

package/components/textArea/index.d.ts

@@ -0,0 +1,76 @@
+declare const TextAreaTypes: () => import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    feedbackHelpText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    feedbackErrorText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    feedbackHelpText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    feedbackErrorText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+}, {
+    label: string;
+    disabled: boolean;
+    modelValue: string;
+    placeholder: string;
+    feedbackHelpText: string;
+    feedbackErrorText: string;
+}>[];
+export { default as TextArea } from './TextArea.vue';
+export { TextAreaTypes };

package/components/textArea/index.vue.js

@@ -0,0 +1,6 @@
+import TextArea from './TextArea.vue.js';
+export { default as TextArea } from './TextArea.vue.js';
+
+const TextAreaTypes = () => [TextArea];
+
+export { TextAreaTypes };

package/components/toggle/Toggle.vue.d.ts

@@ -0,0 +1,57 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    activeText?: string;
+    inactiveText?: string;
+    errorText?: string;
+    helperText?: string;
+    isDisabled?: boolean;
+    color?: string;
+}>, {
+    activeText: any;
+    inactiveText: any;
+    errorText: any;
+    helperText: any;
+    isDisabled: boolean;
+    color: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    activeText?: string;
+    inactiveText?: string;
+    errorText?: string;
+    helperText?: string;
+    isDisabled?: boolean;
+    color?: string;
+}>, {
+    activeText: any;
+    inactiveText: any;
+    errorText: any;
+    helperText: any;
+    isDisabled: boolean;
+    color: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}, {
+    helperText: string;
+    color: string;
+    errorText: string;
+    activeText: string;
+    inactiveText: string;
+    isDisabled: boolean;
+}>;
+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/toggle/Toggle.vue.js

@@ -0,0 +1,88 @@
+import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, pushScopeId, popScopeId } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+import { COLORS } from '../../consts/colors.vue.js';
+/* empty css                                                        */
+import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _withScopeId = (n) => (pushScopeId("data-v-6627e5c5"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "toggle-wrap" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "toggle-head" }, null, -1));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = ["disabled", "checked"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Toggle",
+  props: {
+    modelValue: { type: Boolean },
+    activeText: { default: void 0 },
+    inactiveText: { default: void 0 },
+    errorText: { default: void 0 },
+    helperText: { default: void 0 },
+    isDisabled: { type: Boolean, default: false },
+    color: { default: COLORS.PRIMARY_500 }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "a1fed734": __props.color
+    }));
+    const toggleValue = () => {
+      if (props.isDisabled)
+        return;
+      emit("update:modelValue", !props.modelValue);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
+            onClick: toggleValue
+          }, _hoisted_3, 2),
+          createElementVNode("input", {
+            type: "checkbox",
+            disabled: __props.isDisabled,
+            checked: __props.modelValue,
+            class: "checkbox"
+          }, null, 8, _hoisted_4),
+          createVNode(unref(Text), {
+            size: "sm",
+            "is-truncated": "",
+            class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }])
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.modelValue ? __props.activeText : __props.inactiveText), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        createElementVNode("div", null, [
+          __props.helperText ? (openBlock(), createBlock(unref(Text), {
+            key: 0,
+            size: "caption",
+            class: "helper-text"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.helperText), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          __props.errorText ? (openBlock(), createBlock(unref(Text), {
+            key: 1,
+            size: "caption",
+            class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }])
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.errorText), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6627e5c5"]]);
+
+export { Toggle as default };

package/components/toggle/index.d.ts

@@ -0,0 +1,84 @@
+declare const ToggleTypes: () => import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    errorText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    activeText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    inactiveText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    isDisabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    errorText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    activeText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    inactiveText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    isDisabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}, {
+    helperText: string;
+    color: string;
+    errorText: string;
+    activeText: string;
+    inactiveText: string;
+    isDisabled: boolean;
+}>[];
+export { default as Toggle } from './Toggle.vue';
+export { ToggleTypes };

package/components/toggle/index.vue.js

@@ -0,0 +1,6 @@
+import Toggle from './Toggle.vue.js';
+export { default as Toggle } from './Toggle.vue.js';
+
+const ToggleTypes = () => [Toggle];
+
+export { ToggleTypes };

package/components/tooltip/TextWithTitleContent.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    text: string;
+    header: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    text: string;
+    header: 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;
+    };
+};

package/components/tooltip/TextWithTitleContent.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, 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';
+/* empty css                                                                      */
+import "../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { class: "content-wrap" };
+const _hoisted_2 = { class: "content-header" };
+const _hoisted_3 = { class: "content-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextWithTitleContent",
+  props: {
+    text: null,
+    header: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(Text), {
+            size: "md",
+            "is-truncated": false,
+            strong: ""
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.header), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(unref(Text), {
+            size: "xs",
+            "is-truncated": false,
+            strong: ""
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.text), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+var TextWithTitleContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b51333e"]]);
+
+export { TextWithTitleContent as default };

package/components/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,61 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    text?: string;
+    header?: string;
+    delay?: number;
+    triggers?: ("hover" | "click" | "focus" | "touch")[];
+    forceShowWithTruncate?: boolean;
+    placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    theme?: string;
+    disabled?: boolean;
+}>, {
+    text: any;
+    header: any;
+    delay: number;
+    triggers: () => string[];
+    forceShowWithTruncate: boolean;
+    placement: string;
+    theme: string;
+    disabled: 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<{
+    text?: string;
+    header?: string;
+    delay?: number;
+    triggers?: ("hover" | "click" | "focus" | "touch")[];
+    forceShowWithTruncate?: boolean;
+    placement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    theme?: string;
+    disabled?: boolean;
+}>, {
+    text: any;
+    header: any;
+    delay: number;
+    triggers: () => string[];
+    forceShowWithTruncate: boolean;
+    placement: string;
+    theme: string;
+    disabled: boolean;
+}>>>, {
+    header: string;
+    text: string;
+    theme: string;
+    delay: number;
+    triggers: ("hover" | "click" | "focus" | "touch")[];
+    forceShowWithTruncate: boolean;
+    placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    disabled: boolean;
+}>;
+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];
+};