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

package/components/popover/Popover.vue.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as o, openBlock as i, createBlock as l, unref as r, withCtx as a, renderSlot as d } from "vue";
+import { Dropdown as s } from "floating-vue";
+const f = /* @__PURE__ */ o({
+  __name: "Popover",
+  props: {
+    open: { type: Boolean },
+    autoHide: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    distance: { default: 0 },
+    skidding: { default: 0 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (t, c) => (i(), l(r(s), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!e.open,
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      "data-testid": e.testId
+    }, {
+      popper: a(({ hide: n }) => [
+        d(t.$slots, "content", { hide: n })
+      ]),
+      default: a(() => [
+        d(t.$slots, "trigger")
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]));
+  }
+});
+export {
+  f as default
+};

package/components/popover/Popover.vue.vue3.js

@@ -0,0 +1,4 @@
+import o from "./Popover.vue.vue.js";
+/* empty css                  */export {
+  o as default
+};

package/components/popover/index.d.ts

@@ -1,57 +1,175 @@
-declare const PopoverTypes: () => import("vue").DefineComponent<{
+declare const PopoverTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            placement: import("floating-vue").Placement;
+            disabled: boolean;
+            autoHide: boolean;
+            distance: number;
+            skidding: number;
+            trigger: "hover" | "click" | "focus" | "touch" | "managed";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "autoHide" | "distance" | "skidding" | "trigger">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            testId: string;
+            placement: import("floating-vue").Placement;
+            disabled: boolean;
+            autoHide: boolean;
+            distance: number;
+            skidding: number;
+            trigger: "hover" | "click" | "focus" | "touch" | "managed";
+        }, {}, 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<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-    distance: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    skidding: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
     autoHide: {
         type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    trigger: {
-        type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
-    } & {
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    placement: {
-        type: import("vue").PropType<import("floating-vue").Placement>;
-    } & {
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     open: {
@@ -60,32 +178,31 @@ declare const PopoverTypes: () => import("vue").DefineComponent<{
     };
     distance: {
         type: import("vue").PropType<number>;
-    } & {
         default: number;
     };
     skidding: {
         type: import("vue").PropType<number>;
-    } & {
         default: number;
     };
-    autoHide: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
     trigger: {
         type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
-    } & {
         default: string;
     };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     testId: string;
     placement: import("floating-vue").Placement;
     disabled: boolean;
+    autoHide: boolean;
     distance: number;
     skidding: number;
-    autoHide: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        trigger?(_: {}): any;
+        content?(_: {
+            hide: any;
+        }): any;
+    };
+}))[];
 export { default as Popover } from './Popover.vue';
 export { PopoverTypes };

package/components/popover/index.vue.js

@@ -1,6 +1,6 @@
-import _sfc_main from './Popover.vue.js';
-export { default as Popover } from './Popover.vue.js';
-
-const PopoverTypes = () => [_sfc_main];
-
-export { PopoverTypes };
+import o from "./Popover.vue.vue.js";
+/* empty css                  */const e = () => [o];
+export {
+  o as Popover,
+  e as PopoverTypes
+};

package/components/radioButton/RadioButton.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     name?: string;
     helperText?: string;
@@ -12,7 +12,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     errorText: string;
     modelValue: any;
     testId: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     name?: string;
     helperText?: string;
@@ -36,6 +39,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     modelValue: string;
     helperText: string;
     errorText: string;
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -48,7 +53,15 @@ 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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

package/components/radioButton/RadioButton.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./RadioButton.vue.vue2.js";
+/* empty css                      */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f5d3359c"]]);
+export {
+  m as default
+};

package/components/radioButton/RadioButton.vue.vue2.js

@@ -0,0 +1,82 @@
+import { defineComponent as V, openBlock as o, createElementBlock as k, normalizeClass as x, unref as t, createElementVNode as d, withDirectives as B, isRef as E, vModelRadio as I, renderSlot as y, createVNode as C, withCtx as i, createTextVNode as s, toDisplayString as n, createBlock as b, createCommentVNode as T } from "vue";
+import u from "../typography/Text.vue.vue.js";
+import { useRadio as N } from "./useRadio.vue.js";
+import { RadioTestIdModifiers as f } from "../../testids/index.vue.js";
+const w = { class: "wrapper" }, z = ["value", "name", "disabled", "data-testid"], D = ["data-testid"], S = /* @__PURE__ */ V({
+  __name: "RadioButton",
+  props: {
+    label: { default: "" },
+    name: { default: "" },
+    helperText: { default: "" },
+    errorText: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: v }) {
+    const R = e, { radioRef: $, focus: m, disabled: c, modelValue: l, radioGroup: h } = N(
+      R,
+      v
+    );
+    return (p, a) => (o(), k("label", {
+      class: x(["radio-button", { "radio-button--disabled": t(c) }])
+    }, [
+      d("span", w, [
+        B(d("input", {
+          ref_key: "radioRef",
+          ref: $,
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => E(l) ? l.value = r : null),
+          value: e.label,
+          name: e.name || t(h)?.name,
+          type: "radio",
+          disabled: t(c),
+          "data-testid": `${e.testId}-${t(f).FIELD}`,
+          onFocus: a[1] || (a[1] = (r) => m.value = !0),
+          onBlur: a[2] || (a[2] = (r) => m.value = !1)
+        }, null, 40, z), [
+          [I, t(l)]
+        ]),
+        d("span", {
+          class: x([{ "circle--selected": t(l) === e.label }, "circle"])
+        }, null, 2)
+      ]),
+      d("span", {
+        class: "label",
+        "data-testid": `${e.testId}-${t(f).LABEL}`
+      }, [
+        y(p.$slots, "default", {}, () => [
+          C(u, { "is-truncated": "" }, {
+            default: i(() => [
+              s(n(e.label), 1)
+            ]),
+            _: 1
+          })
+        ], !0),
+        !e.errorText && e.helperText ? (o(), b(u, {
+          key: 0,
+          class: "helper-text--text helper-text",
+          size: "caption"
+        }, {
+          default: i(() => [
+            s(n(e.helperText), 1)
+          ]),
+          _: 1
+        })) : T("", !0),
+        e.errorText ? (o(), b(u, {
+          key: 1,
+          size: "caption",
+          class: "helper-text--error helper-text",
+          "data-testid": `${e.testId}-${t(f).ERROR_TEXT}`
+        }, {
+          default: i(() => [
+            s(n(e.errorText), 1)
+          ]),
+          _: 1
+        }, 8, ["data-testid"])) : T("", !0)
+      ], 8, D)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/components/radioButton/RadioGroup.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     name?: string;
     disabled?: boolean;
     modelValue: string;
@@ -10,7 +10,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     name: string;
     row: boolean;
     testId: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     name?: string;
     disabled?: boolean;
     modelValue: string;
@@ -30,6 +33,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     disabled: boolean;
     row: boolean;
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -42,7 +47,15 @@ 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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

package/components/radioButton/RadioGroup.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./RadioGroup.vue.vue2.js";
+/* empty css                     */import r from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-50bc6963"]]);
+export {
+  m as default
+};

package/components/radioButton/RadioGroup.vue.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.vue.js";
+import { radioGroupKey as _ } from "./useRadio.vue.js";
+import { RadioTestIdModifiers as b } from "../../testids/index.vue.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
+};