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

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

@@ -1,7 +1,7 @@
 import o from "./IncludeExcludeDragDrop.vue2.js";
 /* empty css                             */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_ff32d111_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ff32d111"]]);
+// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_85bff8f4_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-85bff8f4"]]);
 export {
-  p as default
+  r as default
 };

package/components/includeExclude/IncludeExcludeDragDrop.vue2.js

@@ -1,4 +1,4 @@
- import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_ff32d111_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as $e, nextTick as Ee } from "vue";
+ import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_85bff8f4_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as $e, nextTick as Ee } from "vue";
 import "../popover/Popover.vue2.js";
 import G from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
@@ -6,7 +6,7 @@ import "../button/v3/ScrollButton.vue.js";
 import Fe from "../search/v3/Search.vue.js";
 import "../typography/Heading.vue.js";
 import te from "../typography/Text.vue.js";
-import ze from "../checkbox/Checkbox.vue.js";
+import ze from "../checkbox/v3/Checkbox.vue.js";
 import b from "../skeleton/Skeleton.vue.js";
 import He from "../emptyState/v3/EmptyState.vue.js";
 import { useToggle as Ne } from "../../composables/useToggle.js";

package/components/includeExclude/IncludeExcludeOption.vue.js

@@ -1,7 +1,7 @@
-import e from "./IncludeExcludeOption.vue2.js";
-/* empty css                           */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_4a87e4fd_lang.css"; //*');
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4a87e4fd"]]);
+import o from "./IncludeExcludeOption.vue2.js";
+/* empty css                           */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-91bc7787"]]);
 export {
-  d as default
+  p as default
 };

package/components/includeExclude/IncludeExcludeOption.vue2.js

@@ -1,9 +1,9 @@
- import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_4a87e4fd_lang.css"; import { defineComponent as E, ref as N, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as T } from "vue";
+ import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css"; import { defineComponent as E, ref as N, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as T } from "vue";
 import "../typography/Heading.vue.js";
 import C from "../typography/Text.vue.js";
 import { useIncludeExcludeContext as z } from "./IncludeExcludeContext.js";
 import { useId as S } from "../../composables/useId.js";
-import V from "../checkbox/Checkbox.vue.js";
+import V from "../checkbox/v3/Checkbox.vue.js";
 import "../tooltip/v3/Tooltip.vue.js";
 import D from "../icon/v3/Icon.vue.js";
 import { NOOP as M } from "@vue/shared";

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
+};