@ironsource/shared-ui 2.0.0-rc.2 → 2.0.0-rc.3

package/components/radioButton/RadioGroup.vue.js

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

package/components/radioButton/index.d.ts

@@ -1,332 +1,118 @@
 import { default as RadioButton } from './RadioButton.vue';
 import { default as RadioGroup } from './RadioGroup.vue';
-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<{
+declare const RadioButtonTypes: () => (import("vue").DefineComponent<{
     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;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
+}> | 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;
     };
-})) | ({
-    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<{
+    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<{
     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: {
@@ -335,22 +121,16 @@ declare const RadioButtonTypes: () => (({
     };
     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.vue.js

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

package/components/radioButton/useRadio.vue.js

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

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

@@ -1,22 +1,52 @@
-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");
+import { ref, computed } from 'vue';
+
+const searchCommon = (props, emit) => {
+  const inputRef = ref();
+  const updateValue = (e) => {
+    emit("update:modelValue", e.target.value);
+  };
+  const clearValue = () => {
+    emit("update:modelValue", "");
+    focusOnInput();
+  };
+  const onRightIconClick = () => {
+    if (showClear.value) {
+      clearValue();
+    } else {
+      focusOnInput();
+    }
+  };
+  const focusOnInput = () => inputRef.value.focus();
+  const showClear = computed(() => {
+    return props.modelValue !== "";
+  });
+  const inline = computed(() => {
+    return props.variant === "inline-table";
+  });
+  const transparent = computed(() => {
+    return props.variant === "transparent";
+  });
+  const showRightIcon = computed(() => {
+    if (inline.value || transparent.value) {
+      showClear.value;
+    }
+    return showClear.value;
+  });
+  const showLeftIcon = computed(() => {
+    return transparent.value || inline.value;
+  });
+  const rightIcon = computed(() => {
+    return showClear.value ? "cancel" : "search";
+  });
   return {
-    showLeftIcon: f,
-    updateValue: c,
-    showRightIcon: v,
-    showClear: n,
-    rightIcon: h,
-    onRightIconClick: i,
-    inputRef: u
+    showLeftIcon,
+    updateValue,
+    showRightIcon,
+    showClear,
+    rightIcon,
+    onRightIconClick,
+    inputRef
   };
 };
-export {
-  I as searchCommon
-};
+
+export { searchCommon };

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

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