@ironsource/shared-ui 2.0.0-rc.6 → 2.0.0-rc.8

package/components/popover/index.d.ts

@@ -27,14 +27,14 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             open: {
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -74,14 +74,14 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             open: {
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -135,14 +135,14 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         open: {
             type: import("vue").PropType<boolean>;
             required: true;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
@@ -172,14 +172,14 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     open: {
         type: import("vue").PropType<boolean>;
         required: true;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;

package/components/popover/index.js

@@ -1,7 +1,6 @@
-import "./Popover.vue2.js";
 import o from "./Popover.vue.js";
-const e = () => [o];
+const r = () => [o];
 export {
   o as Popover,
-  e as PopoverTypes
+  r as PopoverTypes
 };

package/components/radioButton/common/radioGroup.common.d.ts

@@ -0,0 +1,3 @@
+export declare const radioGroupCommon: (props: any, emit: any) => {
+    radioGroupRef: import("vue").Ref<HTMLDivElement>;
+};

package/components/radioButton/common/radioGroup.common.js

@@ -0,0 +1,26 @@
+import { ref as m, onMounted as u, computed as s, provide as f, reactive as p, toRefs as l, nextTick as v } from "vue";
+import { useId as y } from "../../../composables/useId.js";
+import { radioGroupKey as h } from "./useRadio.js";
+const b = (e, r) => {
+  const a = y(), t = m(), c = (o) => {
+    r("update:modelValue", o), v(() => r("change", o));
+  };
+  u(() => {
+    const o = t.value?.querySelectorAll("[type=radio]"), n = o[0];
+    !Array.from(o).some((i) => i.checked) && n && (n.tabIndex = 0);
+  });
+  const d = s(() => e.name || a.value);
+  return f(
+    h,
+    p({
+      ...l(e),
+      changeEvent: c,
+      name: d
+    })
+  ), {
+    radioGroupRef: t
+  };
+};
+export {
+  b as radioGroupCommon
+};

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

@@ -0,0 +1,7 @@
+import o from "./RadioButton.vue2.js";
+/* empty css                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c6b715c"]]);
+export {
+  s as default
+};

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

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

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

@@ -0,0 +1,7 @@
+import o from "./RadioGroup.vue2.js";
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3071ef24"]]);
+export {
+  t as default
+};

package/components/radioButton/v3/RadioGroup.vue2.js

@@ -0,0 +1,29 @@
+ import "../../../RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css"; import { defineComponent as u, openBlock as n, createElementBlock as p, mergeProps as f, unref as r, renderSlot as i } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as m } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as c } from "../../../utils/testIds.js";
+const _ = /* @__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(e, { emit: a }) {
+    const o = e, d = c(o.testId, t), { radioGroupRef: s } = m(o, a);
+    return (l, g) => (n(), p("div", f({
+      ref_key: "radioGroupRef",
+      ref: s,
+      class: [{ "radio-group--row": e.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(d)[r(t).GROUP]), [
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

package/components/radioButton/v4/RadioButtonV4.vue.d.ts

@@ -0,0 +1,59 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    value: unknown;
+    label: string;
+    name?: string;
+    modelValue?: string;
+    testId?: string;
+}>, {
+    label: string;
+    name: string;
+    modelValue: any;
+    testId: string;
+}>, {}, 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<{
+    value: unknown;
+    label: string;
+    name?: string;
+    modelValue?: string;
+    testId?: string;
+}>, {
+    label: string;
+    name: string;
+    modelValue: any;
+    testId: string;
+}>>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    name: string;
+    label: string;
+    testId: string;
+    modelValue: string;
+}>, {
+    default?(_: {}): any;
+}>;
+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 ? __VLS_Prettify<P[K] & {
+        default: D[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/v4/RadioButtonV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./RadioButtonV4.vue2.js";
+/* empty css                    */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_14be812e_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-14be812e"]]);
+export {
+  p as default
+};

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -0,0 +1,67 @@
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_14be812e_lang.css"; import { defineComponent as h, ref as y, inject as g, computed as n, openBlock as I, createElementBlock as R, normalizeClass as p, unref as e, createElementVNode as r, withDirectives as E, mergeProps as v, isRef as k, vModelRadio as B, renderSlot as T, createVNode as w, withCtx as x, createTextVNode as A, toDisplayString as C } from "vue";
+import D from "../../typography/v4/Typography.vue.js";
+import { radioGroupKey as G } from "../common/useRadio.js";
+import { RadioTestIdModifiers as u } from "../../../testids/index.js";
+import { useTestIdAttrs as L } from "../../../utils/testIds.js";
+const N = { class: "wrapper" }, M = ["value", "name", "disabled"], P = /* @__PURE__ */ h({
+  __name: "RadioButtonV4",
+  props: {
+    value: null,
+    label: { default: "" },
+    name: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: b }) {
+    const l = t, c = L(l.testId, u), i = y(), a = g(G, void 0), m = n(() => !!a), o = n(() => a?.disabled), d = n({
+      get() {
+        return m.value ? a?.modelValue : l.modelValue;
+      },
+      set(s) {
+        m.value ? a?.changeEvent(s) : b("update:modelValue", s), i.value && (i.value.checked = l.modelValue === l.value);
+      }
+    });
+    return (s, f) => (I(), R("label", {
+      class: p(["radio-button", { "radio-button--disabled": e(o) }])
+    }, [
+      r("span", N, [
+        E(r("input", v({
+          ref_key: "radioRef",
+          ref: i,
+          "onUpdate:modelValue": f[0] || (f[0] = (V) => k(d) ? d.value = V : null),
+          value: t.value,
+          name: t.name || e(a)?.name,
+          type: "radio",
+          disabled: e(o)
+        }, e(c)[e(u).FIELD]), null, 16, M), [
+          [B, e(d)]
+        ]),
+        r("span", {
+          class: p(["circle", {
+            "circle--selected": e(d) === t.value,
+            "circle--disabled": e(o)
+          }])
+        }, null, 2)
+      ]),
+      r("span", v({
+        class: ["label", { "label--disabled": e(o) }]
+      }, e(c)[e(u).LABEL]), [
+        T(s.$slots, "default", {}, () => [
+          w(e(D), {
+            variant: "body2",
+            "is-truncated": ""
+          }, {
+            default: x(() => [
+              A(C(t.label), 1)
+            ]),
+            _: 1
+          })
+        ], !0)
+      ], 16)
+    ], 2));
+  }
+});
+export {
+  P as default
+};

package/components/radioButton/v4/RadioGroupV4.vue.d.ts

@@ -0,0 +1,61 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    name?: string;
+    disabled?: boolean;
+    modelValue: string;
+    row?: boolean;
+    testId?: string;
+}>, {
+    disabled: boolean;
+    label: string;
+    name: string;
+    row: boolean;
+    testId: string;
+}>, {}, 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;
+    row?: boolean;
+    testId?: string;
+}>, {
+    disabled: boolean;
+    label: string;
+    name: string;
+    row: boolean;
+    testId: string;
+}>>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    name: string;
+    testId: string;
+    disabled: boolean;
+    row: boolean;
+}>, {
+    default?(_: {}): any;
+}>;
+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 ? __VLS_Prettify<P[K] & {
+        default: D[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/v4/RadioGroupV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./RadioGroupV4.vue2.js";
+/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f8e8cbab"]]);
+export {
+  t as default
+};

package/components/radioButton/v4/RadioGroupV4.vue2.js

@@ -0,0 +1,29 @@
+ import "../../../RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css"; import { defineComponent as u, openBlock as n, createElementBlock as p, mergeProps as f, unref as r, renderSlot as i } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as m } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as c } from "../../../utils/testIds.js";
+const _ = /* @__PURE__ */ u({
+  __name: "RadioGroupV4",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: null,
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const o = e, d = c(o.testId, t), { radioGroupRef: s } = m(o, a);
+    return (l, g) => (n(), p("div", f({
+      ref_key: "radioGroupRef",
+      ref: s,
+      class: [{ "radio-group--row": e.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(d)[r(t).GROUP]), [
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};