@ironsource/shared-ui 2.2.0-test.4 → 2.2.0-test.5

package/components/button/v4/IconButtonV4.vue2.js

@@ -1 +1,46 @@
- import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; 
+ import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
+import f from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
+  __name: "IconButtonV4",
+  props: {
+    variant: { default: "default" },
+    color: { default: "default" },
+    size: { default: "medium" },
+    type: { default: "regular" },
+    iconName: { default: "pencil-simple" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const t = e, n = l(() => {
+      switch (t.size) {
+        case "extraSmall":
+          return "16px";
+        case "small":
+        case "medium":
+          return "20px";
+        case "large":
+        case "extraLarge":
+        default:
+          return "24px";
+      }
+    }), s = l(() => `variant-${t.variant}`);
+    return (d, b) => (r(), i("button", {
+      class: c([[e.size, e.color, a(s)], "button-wrap"]),
+      "data-testid": t.testId,
+      disabled: e.disabled
+    }, [
+      u(d.$slots, "default", {}, () => [
+        m(a(f), {
+          type: e.type,
+          name: e.iconName || "pencil-simple",
+          size: a(n)
+        }, null, 8, ["type", "name", "size"])
+      ], !0)
+    ], 10, p));
+  }
+});
+export {
+  I as default
+};

package/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css";  import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
+ import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
 import c from "./ButtonV4.vue.js";
 import { useVModel as R } from "@vueuse/core";
 import x from "../../icon/v4/IconV4.vue.js";

package/components/chip/v4/ChipV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css";  import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
+ import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
 import { ChipTestIdModifiers as a } from "../../../testids/index.js";
 import { useTestIdAttrs as m } from "../../../utils/testIds.js";
 import h from "../../typography/v4/Typography.vue.js";

package/components/popover/v3/Popover.vue2.js

@@ -1 +1,38 @@
- import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css";  import "../../../Popover.vue_vue_type_style_index_1_lang.css";  
+ import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css";  import "../../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
+import { Dropdown as s } from "floating-vue";
+const f = /* @__PURE__ */ n({
+  __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, u) => (i(), r(l(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: o }) => [
+        d(t.$slots, "content", { hide: o }, void 0, !0)
+      ]),
+      default: a(() => [
+        d(t.$slots, "trigger", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]));
+  }
+});
+export {
+  f as default
+};

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

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

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

@@ -1 +1,29 @@
- import "../../../RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css"; 
+ 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.vue2.js

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

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

@@ -1 +1,29 @@
- import "../../../RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css"; 
+ 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
+};

package/components/table-cells/v4/EditableV4.vue2.js

@@ -1 +1,57 @@
- import "../../../EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css"; 
+ import "../../../EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css"; import { defineComponent as f, openBlock as o, createElementBlock as i, unref as t, createElementVNode as m, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
+import { editableCommon as v } from "../common/Editable.common.js";
+import w from "../../typography/v4/Typography.vue.js";
+import x from "../../input/v4/TextField.vue.js";
+import B from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+const C = { class: "editable-wrapper" }, E = {
+  key: 1,
+  class: "editable-content"
+}, S = /* @__PURE__ */ f({
+  __name: "EditableV4",
+  props: {
+    cell: { default: "" },
+    isLoading: { type: Boolean, default: !1 },
+    rowIndex: null,
+    cellIndex: null,
+    type: { default: "input" },
+    withIcons: { type: Boolean, default: !0 },
+    saveOnClickOutside: { type: Boolean, default: !0 },
+    validateFunction: { type: Function, default: () => !1 },
+    displayValue: { type: Function, default: (e) => e }
+  },
+  setup(e) {
+    const s = e, { onEdit: n, target: c, isEditing: u } = v(s);
+    return (l, a) => (o(), i("div", {
+      ref_key: "target",
+      ref: c,
+      class: "editable",
+      onClick: a[0] || (a[0] = //@ts-ignore
+      (...p) => t(n) && t(n)(...p))
+    }, [
+      m("div", C, [
+        t(u) ? r(l.$slots, "input", { key: 0 }, () => [
+          d(t(x))
+        ], !0) : (o(), i("div", E, [
+          r(l.$slots, "content", {}, () => [
+            d(t(w), { variant: "body1" }, {
+              default: y(() => [
+                k(V(e.displayValue(e.cell)), 1)
+              ]),
+              _: 1
+            }),
+            e.type === "dropdown" ? (o(), b(t(B), {
+              key: 0,
+              class: "caret-icon",
+              name: "caret-down",
+              size: "20px"
+            })) : g("", !0)
+          ], !0)
+        ]))
+      ])
+    ], 512));
+  }
+});
+export {
+  S as default
+};

package/index.js

@@ -1,4 +1,4 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './FloatingToolbar.vue_vue_type_style_index_0_scoped_04d485be_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.2.0-test.4",
+  "version": "2.2.0-test.5",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"