@ironsource/shared-ui 1.4.3-rc.2 → 1.4.3-rc.4

package/components/input/index.d.ts

@@ -3,8 +3,8 @@ import DollarInput from './DollarInput.vue';
 import PercentageInput from './PercentageInput.vue';
 import PasswordInput from './PasswordInput.vue';
 declare const InputTypes: () => (import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
+    type: {
+        type: import("vue").PropType<"number" | "text" | "password">;
     } & {
         default: string;
     };
@@ -13,8 +13,8 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    type: {
-        type: import("vue").PropType<"number" | "text" | "password">;
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
     } & {
         default: string;
     };
@@ -96,8 +96,8 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
+    type: {
+        type: import("vue").PropType<"number" | "text" | "password">;
     } & {
         default: string;
     };
@@ -106,8 +106,8 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    type: {
-        type: import("vue").PropType<"number" | "text" | "password">;
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
     } & {
         default: string;
     };
@@ -189,9 +189,9 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    size: "sm" | "lg";
-    label: string;
     type: "number" | "text" | "password";
+    label: string;
+    size: "sm" | "lg";
     testId: string;
     disabled: boolean;
     modelValue: string | number;
@@ -211,15 +211,15 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     ref: {
         type: import("vue").PropType<import("vue").VNodeRef>;
     };
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
-    };
     label: {
         type: import("vue").PropType<string>;
     };
     style: {
         type: import("vue").PropType<unknown>;
     };
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    };
     testId: {
         type: import("vue").PropType<string>;
     };
@@ -330,15 +330,15 @@ declare const InputTypes: () => (import("vue").DefineComponent<{
     ref: {
         type: import("vue").PropType<import("vue").VNodeRef>;
     };
-    size: {
-        type: import("vue").PropType<"sm" | "lg">;
-    };
     label: {
         type: import("vue").PropType<string>;
     };
     style: {
         type: import("vue").PropType<unknown>;
     };
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    };
     testId: {
         type: import("vue").PropType<string>;
     };

package/components/menu/Menu.vue.d.ts

@@ -27,8 +27,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     skidding: number;
     testId: string;
 }>>>, {
-    testId: string;
     theme: string;
+    testId: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;

package/components/menu/index.d.ts

@@ -1,10 +1,10 @@
 declare const MenuTypes: () => import("vue").DefineComponent<{
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -30,12 +30,12 @@ declare const MenuTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -61,8 +61,8 @@ declare const MenuTypes: () => import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    testId: string;
     theme: string;
+    testId: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;

package/components/snackbar/Snackbar.vue.d.ts

@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
-    title: string;
     type: 'success' | 'error' | 'info';
+    title: string;
     position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     zIndex: number;
     duration: number;

package/components/snackbar/Snackbar.vue.js

@@ -3,10 +3,11 @@ import { useEventListener, useTimeoutFn } from '@vueuse/core';
 import Icon from '../icon/Icon.vue.js';
 import Close from '../icon/icons/Close.vue.js';
 import Check from '../icon/icons/Check.vue.js';
-import IconButton from '../button/IconButton.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                            *//* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
+/* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                         *//* empty css                                                          */
 import "../../Snackbar.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "container" };
@@ -148,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   [vShow, __props.message]
                 ])
               ]),
-              __props.showClose ? (openBlock(), createBlock(IconButton, {
+              __props.showClose ? (openBlock(), createBlock(unref(IconButton), {
                 key: 0,
                 theme: "third",
                 size: "sm",
@@ -176,6 +177,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SnackbarConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-764ab56b"]]);
+var SnackbarConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fdd11e8e"]]);
 
 export { SnackbarConstructor as default };

package/components/switch/{Switch.vue.js → v3/Switch.vue.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
 import { useVModel } from '@vueuse/core';
-import Text from '../typography/Text.vue.js';
-import { SwitchTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../../typography/Text.vue.js';
+import { SwitchTestIdModifiers } from '../../../testids/index.vue.js';
+/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["data-testid"];
 const _hoisted_2 = ["aria-label", "data-testid", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -82,6 +82,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a16f3a6"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0266f48c"]]);
 
 export { Switch as default };

package/components/switch/v4/SwitchV4.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    options: string[];
+    modelValue: string;
+    size?: 'sm' | 'lg';
+    testId?: string;
+}>, {
+    size: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    options: string[];
+    modelValue: string;
+    size?: 'sm' | 'lg';
+    testId?: string;
+}>, {
+    size: string;
+    testId: string;
+}>>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    size: 'sm' | 'lg';
+    testId: 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/switch/v4/SwitchV4.vue.js

@@ -0,0 +1,87 @@
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { useVModel } from '@vueuse/core';
+import Text from '../../typography/Text.vue.js';
+import { SwitchTestIdModifiers } from '../../../testids/index.vue.js';
+/* empty css                                                          */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["aria-label", "data-testid", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SwitchV4",
+  props: {
+    options: null,
+    modelValue: null,
+    size: { default: "lg" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const box = ref(null);
+    const data = useVModel(props, "modelValue", emit);
+    const optionsRefs = ref([]);
+    const skipUnwrap = { optionsRefs };
+    const selected = ref();
+    const selectedPosition = computed(() => {
+      return {
+        left: optionsRefs.value[selected.value]?.offsetLeft,
+        width: optionsRefs.value[selected.value]?.offsetWidth
+      };
+    });
+    onMounted(() => {
+      selected.value = props.options.findIndex(
+        (option) => option === props.modelValue
+      );
+    });
+    const onClick = (option, index) => {
+      selected.value = index;
+      data.value = option;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["switch", { "switch--lg": __props.size === "lg", "switch--sm": __props.size === "sm" }]),
+        "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).WRAPPER}`
+      }, [
+        createElementVNode("span", {
+          ref_key: "box",
+          ref: box,
+          class: normalizeClass(["box", { "box--lg": __props.size === "lg", "box--sm": __props.size === "sm" }]),
+          style: normalizeStyle({
+            transform: `translateX(${unref(selectedPosition)?.left}px)`,
+            width: unref(selectedPosition)?.width + "px"
+          })
+        }, null, 6),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+          return openBlock(), createElementBlock("button", {
+            ref_for: true,
+            ref: skipUnwrap.optionsRefs,
+            key: index,
+            "aria-label": option,
+            class: normalizeClass([{ "option--selected": selected.value === index }, "option"]),
+            "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).BUTTON}`,
+            onClick: ($event) => onClick(option, index)
+          }, [
+            renderSlot(_ctx.$slots, "default", {
+              option,
+              selected: selected.value === index
+            }, () => [
+              createVNode(Text, {
+                size: "caption",
+                "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).TEXT}`
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option), 1)
+                ]),
+                _: 2
+              }, 1032, ["data-testid"])
+            ], true)
+          ], 10, _hoisted_2);
+        }), 128))
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0bfee819"]]);
+
+export { Switch as default };

package/components/switch/v4/index.d.ts

@@ -0,0 +1,46 @@
+declare const SwitchTypes: () => import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    size: "sm" | "lg";
+    testId: string;
+}>[];
+export { default as Switch } from './SwitchV4.vue';
+export { SwitchTypes };

package/components/switch/v4/index.vue.js

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

package/components/table/Table.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, useCssVars, unref, ref, provide, computed, onMounted,
 import { TableTestIdModifiers } from '../../testids/index.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                                                                *//* empty css                                                                    */import ScrollButton from '../button/ScrollButton.vue.js';
+/* empty css                                                            *//* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                            *//* empty css                                                                   *//* empty css                                                                       */import ScrollButton from '../button/v3/ScrollButton.vue.js';
 import Skeleton from '../skeleton/Skeleton.vue.js';
 import EmptyState from '../emptyState/EmptyState.vue.js';
 import TableHeaderSorter from './TableHeaderSorter.vue.js';
@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "04775a54": unref(gridColumnTemplate)
+      "ebaab674": unref(gridColumnTemplate)
     }));
     const savingRows = ref([]);
     provide(TableContext, {
@@ -341,6 +341,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-392e31d7"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00fbc25d"]]);
 
 export { Table as default };

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

@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     header: string;
     text: string;
-    testId: string;
     theme: string;
+    testId: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;

package/components/tooltip/index.d.ts

@@ -9,12 +9,12 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -55,12 +55,12 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -93,8 +93,8 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
 }>>, {
     header: string;
     text: string;
-    testId: string;
     theme: string;
+    testId: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;

package/components/typography/index.d.ts

@@ -30,14 +30,14 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId: string;
 }> | import("vue").DefineComponent<{
+    strong: {
+        type: import("vue").PropType<boolean>;
+    };
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
+        type: import("vue").PropType<"caption" | "md" | "sm" | "lg" | "xs">;
     } & {
         default: string;
     };
-    strong: {
-        type: import("vue").PropType<boolean>;
-    };
     testId: {
         type: import("vue").PropType<string>;
     } & {
@@ -47,14 +47,14 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    strong: {
+        type: import("vue").PropType<boolean>;
+    };
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
+        type: import("vue").PropType<"caption" | "md" | "sm" | "lg" | "xs">;
     } & {
         default: string;
     };
-    strong: {
-        type: import("vue").PropType<boolean>;
-    };
     testId: {
         type: import("vue").PropType<string>;
     } & {
@@ -64,7 +64,7 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
 }>>, {
-    size: "md" | "sm" | "lg" | "caption" | "xs";
+    size: "caption" | "md" | "sm" | "lg" | "xs";
     testId: string;
 }>)[];
 export { default as Heading } from './Heading.vue';