@ironsource/shared-ui 2.0.0-rc.1 → 2.0.0-test.1

package/components/radioButton/RadioGroup.vue.js

@@ -1,60 +1,6 @@
-import { defineComponent, ref, onMounted, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, nextTick } from 'vue';
-import { useId } from '../../composables/useId.vue.js';
-import { radioGroupKey } from './useRadio.vue.js';
-import { RadioTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../RadioGroup.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RadioGroup",
-  props: {
-    name: { default: "" },
-    disabled: { type: Boolean, default: false },
-    modelValue: null,
-    row: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const radioId = useId();
-    const radioGroupRef = ref();
-    const changeEvent = (value) => {
-      emit("update:modelValue", value);
-      nextTick(() => emit("change", value));
-    };
-    onMounted(() => {
-      const radios = radioGroupRef.value?.querySelectorAll("[type=radio]");
-      const firstLabel = radios[0];
-      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
-        firstLabel.tabIndex = 0;
-      }
-    });
-    const name = computed(() => {
-      return props.name || radioId.value;
-    });
-    provide(
-      radioGroupKey,
-      reactive({
-        ...toRefs(props),
-        changeEvent,
-        name
-      })
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "radioGroupRef",
-        ref: radioGroupRef,
-        class: normalizeClass([{ "radio-group--row": __props.row }, "radio-group"]),
-        role: "radiogroup",
-        "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).GROUP}`
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ec84e04"]]);
-
-export { RadioGroup as default };
+import o from "./RadioGroup.vue2.js";
+/* empty css                 */import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-50bc6963"]]);
+export {
+  m as default
+};

package/components/radioButton/RadioGroup.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as u, ref as c, onMounted as f, computed as m, provide as p, reactive as y, toRefs as g, openBlock as h, createElementBlock as v, normalizeClass as I, unref as R, renderSlot as k, nextTick as G } from "vue";
+import { useId as B } from "../../composables/useId.js";
+import { radioGroupKey as _ } from "./useRadio.js";
+import { RadioTestIdModifiers as b } from "../../testids/index.js";
+const w = ["data-testid"], C = /* @__PURE__ */ u({
+  __name: "RadioGroup",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: null,
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o, { emit: r }) {
+    const a = o, n = B(), d = c(), s = (e) => {
+      r("update:modelValue", e), G(() => r("change", e));
+    };
+    f(() => {
+      const e = d.value?.querySelectorAll("[type=radio]"), t = e[0];
+      !Array.from(e).some((i) => i.checked) && t && (t.tabIndex = 0);
+    });
+    const l = m(() => a.name || n.value);
+    return p(
+      _,
+      y({
+        ...g(a),
+        changeEvent: s,
+        name: l
+      })
+    ), (e, t) => (h(), v("div", {
+      ref_key: "radioGroupRef",
+      ref: d,
+      class: I([{ "radio-group--row": o.row }, "radio-group"]),
+      role: "radiogroup",
+      "data-testid": `${o.testId}-${R(b).GROUP}`
+    }, [
+      k(e.$slots, "default", {}, void 0, !0)
+    ], 10, w));
+  }
+});
+export {
+  C as default
+};

package/components/radioButton/index.d.ts

@@ -1,118 +1,332 @@
 import { default as RadioButton } from './RadioButton.vue';
 import { default as RadioGroup } from './RadioGroup.vue';
-declare const RadioButtonTypes: () => (import("vue").DefineComponent<{
+declare const RadioButtonTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            name: string;
+            label: string;
+            testId: string;
+            modelValue: string;
+            helperText: string;
+            errorText: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            errorText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            errorText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (...args: any[]) => void;
+            change: (...args: any[]) => void;
+        }, string, {
+            name: string;
+            label: string;
+            testId: string;
+            modelValue: string;
+            helperText: string;
+            errorText: string;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        errorText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     label: {
         type: import("vue").PropType<string>;
         required: true;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     modelValue: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     helperText: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     errorText: {
         type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        required: true;
-    } & {
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    helperText: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    errorText: {
-        type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, {
     name: string;
     label: string;
     testId: string;
     modelValue: string;
     helperText: string;
     errorText: string;
-}> | import("vue").DefineComponent<{
-    name: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
     };
-    row: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            name: string;
+            testId: string;
+            disabled: boolean;
+            row: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            row: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "testId" | "disabled" | "row">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            row: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (...args: any[]) => void;
+            change: (...args: any[]) => void;
+        }, string, {
+            name: string;
+            testId: string;
+            disabled: boolean;
+            row: boolean;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        row: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     modelValue: {
@@ -121,16 +335,22 @@ declare const RadioButtonTypes: () => (import("vue").DefineComponent<{
     };
     row: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, {
     name: string;
     testId: string;
     disabled: boolean;
     row: boolean;
-}>)[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})))[];
 export { RadioButton, RadioGroup, RadioButtonTypes };

package/components/radioButton/index.js

@@ -0,0 +1,8 @@
+import o from "./RadioButton.vue.js";
+import t from "./RadioGroup.vue.js";
+const p = () => [o, t];
+export {
+  o as RadioButton,
+  p as RadioButtonTypes,
+  t as RadioGroup
+};

package/components/radioButton/useRadio.js

@@ -0,0 +1,24 @@
+import { ref as c, inject as m, computed as l, toRaw as b } from "vue";
+const f = Symbol("radioGroupKey"), V = (o, d) => {
+  const u = c(), e = m(f, void 0), a = l(() => !!e), t = l({
+    get() {
+      return a.value ? e?.modelValue : o.modelValue;
+    },
+    set(n) {
+      a.value ? e?.changeEvent(n) : d && d("update:modelValue", n), u.value && (u.value.checked = o.modelValue === o.label);
+    }
+  }), r = l(() => e?.disabled), s = c(!1), i = l(() => b(e.disabled) || a.value && t.value !== o.label ? -1 : 0);
+  return {
+    radioRef: u,
+    isGroup: a,
+    radioGroup: e,
+    focus: s,
+    disabled: r,
+    tabIndex: i,
+    modelValue: t
+  };
+};
+export {
+  f as radioGroupKey,
+  V as useRadio
+};

package/components/search/common/Search.common.js

@@ -0,0 +1,22 @@
+import { ref as m, computed as e } from "vue";
+const I = (t, a) => {
+  const u = m(), c = (d) => {
+    a("update:modelValue", d.target.value);
+  }, s = () => {
+    a("update:modelValue", ""), o();
+  }, i = () => {
+    n.value ? s() : o();
+  }, o = () => u.value.focus(), n = e(() => t.modelValue !== ""), r = e(() => t.variant === "inline-table"), l = e(() => t.variant === "transparent"), v = e(() => ((r.value || l.value) && n.value, n.value)), f = e(() => l.value || r.value), h = e(() => n.value ? "cancel" : "search");
+  return {
+    showLeftIcon: f,
+    updateValue: c,
+    showRightIcon: v,
+    showClear: n,
+    rightIcon: h,
+    onRightIconClick: i,
+    inputRef: u
+  };
+};
+export {
+  I as searchCommon
+};

package/components/search/v3/Search.vue.d.ts

@@ -45,7 +45,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};