@ironsource/shared-ui 2.1.0-rc.2 → 2.1.0

package/src/components/dropdown/v3/Option.vue2.js

@@ -1,94 +0,0 @@
-import { defineComponent as B, openBlock as o, createElementBlock as n, normalizeClass as f, unref as e, createElementVNode as d, createBlock as p, createCommentVNode as s, renderSlot as c, createVNode as k, withCtx as b, createTextVNode as $, toDisplayString as g, withModifiers as N } from "vue";
-import "../../typography/Heading.vue.js";
-import v from "../../typography/Text.vue.js";
-import w from "../../checkbox/v3/Checkbox.vue.js";
-import z from "../../icon/v3/Icon.vue.js";
-import { NOOP as O } from "@vue/shared";
-import { optionCommon as S } from "../common/Option.common.js";
-const V = {
-  key: 1,
-  class: "image"
-}, x = {
-  key: 2,
-  class: "start-icon"
-}, I = { class: "text-container" }, E = { key: 0 }, F = /* @__PURE__ */ B({
-  __name: "Option",
-  props: {
-    option: { default: null },
-    subtitle: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    selectedProp: { type: Boolean },
-    isIndeterminate: { type: Boolean, default: !1 },
-    selectAllOption: { type: Boolean, default: !1 },
-    active: { type: Boolean, default: null }
-  },
-  setup(t) {
-    const h = t, { selected: a, isMulti: r, id: y, onClick: C, api: m } = S(h);
-    return (i, l) => (o(), n("div", {
-      ref: "el",
-      class: f(["item-container", {
-        "item-container--disabled": t.disabled,
-        "item-container--active": t.active,
-        "item-container--selected": e(a),
-        "item-container--multi": e(r)
-      }])
-    }, [
-      d("div", {
-        class: f(["item", {
-          "item--multi": e(r),
-          "item--with-icon": i.$slots["icon-start"] || i.$slots.image
-        }])
-      }, [
-        e(r) ? (o(), p(e(w), {
-          key: 0,
-          id: e(y).toString(),
-          tabindex: "-1",
-          class: "checkbox",
-          size: "sm",
-          "is-checked": e(a),
-          "is-indeterminate": t.isIndeterminate && !t.option,
-          onClick: l[0] || (l[0] = (u) => t.disabled ? e(O)() : e(C)(u))
-        }, null, 8, ["id", "is-checked", "is-indeterminate"])) : s("", !0),
-        i.$slots.image ? (o(), n("div", V, [
-          c(i.$slots, "image", {}, void 0, !0)
-        ])) : s("", !0),
-        i.$slots["icon-start"] ? (o(), n("div", x, [
-          c(i.$slots, "icon-start", {}, void 0, !0)
-        ])) : s("", !0),
-        d("div", I, [
-          k(e(v), { size: "sm" }, {
-            default: b(() => [
-              c(i.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }),
-          t.subtitle ? (o(), p(e(v), {
-            key: 0,
-            class: "subtitle",
-            size: "xs"
-          }, {
-            default: b(() => [
-              $(g(t.subtitle), 1)
-            ]),
-            _: 1
-          })) : s("", !0)
-        ])
-      ], 2),
-      e(m).clearable && e(a) ? (o(), n("div", E, [
-        d("button", {
-          class: "clear-button",
-          onClick: l[1] || (l[1] = N((u) => e(m).clearSelection(), ["prevent", "stop"]))
-        }, [
-          k(e(z), {
-            name: "close",
-            width: "8",
-            height: 8
-          })
-        ])
-      ])) : s("", !0)
-    ], 2));
-  }
-});
-export {
-  F as default
-};

package/src/components/dropdown/v3/SearchInput.vue.js

@@ -1,7 +0,0 @@
-import e from "./SearchInput.vue2.js";
-/* empty css                  */import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../SearchInput.vue_vue_type_style_index_0_scoped_b256f8ef_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b256f8ef"]]);
-export {
-  s as default
-};

package/src/components/dropdown/v3/SearchInput.vue2.js

@@ -1,82 +0,0 @@
-import { defineComponent as I, useSlots as x, ref as v, onMounted as z, computed as r, watch as V, renderSlot as f, unref as t, createElementVNode as m, normalizeClass as s, openBlock as u, createElementBlock as $, createCommentVNode as i, createVNode as O, withCtx as A, createBlock as h } from "vue";
-import { useDropdownContext as B, Mode as b } from "../common/DropdownContext.js";
-import g from "../../icon/v3/Icon.vue.js";
-import "../../button/v3/Button.vue.js";
-import E from "../../button/v3/IconButton.vue.js";
-import "../../button/v3/ScrollButton.vue.js";
-const M = {
-  key: 0,
-  class: "prefix"
-}, S = ["disabled", "placeholder"], G = /* @__PURE__ */ I({
-  __name: "SearchInput",
-  setup(F) {
-    const e = B("searchInput"), y = x(), l = v(null), a = v();
-    z(() => {
-      e.registerInput(l);
-    });
-    const c = (o) => {
-      e.toggle(!0), e.search(o.target.value);
-    }, C = r(() => !e.open.value && y.prefix && !Array.isArray(e.selectedOption.value) && e.selectedOption.value), d = r(() => e.mode === b.Multi && Array.isArray(e.selectedOption.value) && e.selectedOption.value.length ? `${e.selectedOption.value.length} selected` : e.open.value && e.selectedValue.value ? e.selectedValue.value : e.placeholder), p = r(() => e.query.value !== "" || e.selectedValue.value);
-    V(e.open, (o) => {
-      o && l.value.focus(), e.mode !== b.Multi && (!o || !l.value || (l.value.value = ""));
-    });
-    const k = r(() => p.value ? "cancel" : "search-bold"), _ = () => {
-      e.clearSelection(), l.value.focus();
-    };
-    return (o, n) => f(o.$slots, "default", {
-      inputRef: l.value,
-      disabled: t(e).disabled,
-      change: c,
-      placeholder: t(d)
-    }, () => [
-      m("div", {
-        class: s(["container", {
-          "container--open": t(e).open.value,
-          "container--disabled": t(e).disabled,
-          [`container--${t(e).size}`]: !0,
-          focused: a.value
-        }])
-      }, [
-        t(C) ? (u(), $("div", M, [
-          f(o.$slots, "prefix", {}, void 0, !0)
-        ])) : i("", !0),
-        m("input", {
-          ref_key: "inputEl",
-          ref: l,
-          disabled: t(e).disabled,
-          class: s(["input", { "input--disabled": t(e).disabled }]),
-          placeholder: t(d),
-          onFocusin: n[0] || (n[0] = (w) => a.value = !0),
-          onFocusout: n[1] || (n[1] = (w) => a.value = !1),
-          onInput: c
-        }, null, 42, S),
-        O(t(E), {
-          variant: "colorized",
-          size: "sm",
-          theme: "secondary",
-          class: s(["search-right-icon", { "search-right-icon-clear": t(p) }]),
-          disabled: t(e).disabled
-        }, {
-          default: A(() => [
-            t(e).open.value ? i("", !0) : (u(), h(t(g), {
-              key: 0,
-              "font-size": "sm",
-              class: "angle-down",
-              name: "angle-down"
-            })),
-            t(e).open.value ? (u(), h(t(g), {
-              key: 1,
-              "font-size": "sm",
-              name: t(k),
-              onClick: _
-            }, null, 8, ["name"])) : i("", !0)
-          ]),
-          _: 1
-        }, 8, ["disabled", "class"])
-      ], 2)
-    ], !0);
-  }
-});
-export {
-  G as default
-};

package/src/components/dropdown/v4/AppDropdownTrigger.vue.js

@@ -1,7 +0,0 @@
-import o from "./AppDropdownTrigger.vue2.js";
-/* empty css                         */import p from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-a64a46d0"]]);
-export {
-  s as default
-};

package/src/components/dropdown/v4/AppDropdownTrigger.vue2.js

@@ -1,142 +0,0 @@
-import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
-import c from "../../icon/v4/IconV4.vue.js";
-import $ from "../../typography/v4/Typography.vue.js";
-import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import { useTestIdAttrs as x } from "../../../utils/testIds.js";
-import K from "../../tooltip/v4/TooltipV4.vue.js";
-import { useClipboard as N } from "@vueuse/core";
-import { Snackbar as z } from "../../snackbar/v4/index.js";
-const w = { class: "app-trigger--content" }, S = {
-  key: 0,
-  class: "image"
-}, D = ["src"], E = {
-  key: 1,
-  class: "start-icon"
-}, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, L = { class: "text-content-value" }, M = {
-  key: 0,
-  class: "is-mandatory"
-}, W = { class: "app-trigger-key--content" }, Z = /* @__PURE__ */ A({
-  __name: "AppDropdownTrigger",
-  props: {
-    placeholder: { default: "Select app" },
-    selectedOption: { default: null },
-    options: { default: null },
-    multi: { type: Boolean, default: !1 },
-    size: { default: "medium" },
-    open: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" },
-    valueToCopy: { default: null },
-    label: { default: "" },
-    mandatory: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    singleAppSelection: { type: Boolean, default: !1 },
-    brandIconType: { default: null },
-    displayValue: null,
-    optionNameKey: { default: null },
-    optionImageKey: { default: null },
-    optionIconKey: { default: null },
-    optionIconType: { default: null }
-  },
-  emits: ["click"],
-  setup(l, { emit: k }) {
-    const e = l, { copy: O } = N({}), I = p(
-      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), C = () => {
-      k("click");
-    }, y = x(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
-      if (!e.selectedOption)
-        return null;
-      if (!e.multi)
-        return e.selectedOption;
-      if (Array.isArray(e.selectedOption))
-        return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
-    }), b = () => {
-      O(e.valueToCopy), z({
-        title: "Copied successfully",
-        type: "success",
-        duration: 2e3
-      });
-    };
-    return (r, g) => (o(), n("div", {
-      class: V(["app-trigger-wrapper", { "with-copy": !!l.valueToCopy }])
-    }, [
-      a("div", h({
-        class: ["app-trigger", [l.size, t(I), { open: l.open, disabled: l.disabled }]],
-        style: {
-          paddingLeft: r.$slots.image || t(d) && l.optionImageKey ? "8px" : "12px"
-        }
-      }, t(y)[t(u).BUTTON_WRAPPER], {
-        onClick: g[0] || (g[0] = (j) => C())
-      }), [
-        a("div", w, [
-          r.$slots.image || t(d) && l.optionImageKey ? (o(), n("div", S, [
-            v(r.$slots, "image", {}, () => [
-              l.optionImageKey ? (o(), n("img", {
-                key: 0,
-                src: t(d)[l.optionImageKey]
-              }, null, 8, D)) : s("", !0)
-            ], !0)
-          ])) : s("", !0),
-          r.$slots["icon-start"] || t(d) && l.optionIconKey ? (o(), n("div", E, [
-            v(r.$slots, "icon-start", {}, () => [
-              i(t(c), {
-                type: l.optionIconType,
-                name: t(d)[l.optionIconKey],
-                size: "20px"
-              }, null, 8, ["type", "name"])
-            ], !0)
-          ])) : s("", !0),
-          i(t($), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: T(() => [
-              a("div", P, [
-                t(m) === f ? (o(), n("span", R, [
-                  i(t(c), {
-                    name: "cube",
-                    size: "20px",
-                    type: "fill"
-                  })
-                ])) : s("", !0),
-                a("div", U, [
-                  a("div", L, B(t(m)), 1),
-                  l.mandatory ? (o(), n("span", M, "*")) : s("", !0)
-                ])
-              ])
-            ]),
-            _: 1
-          }, 16)
-        ]),
-        a("div", null, [
-          i(t(c), {
-            name: "caret-down",
-            size: "20px",
-            class: "app-trigger--icon"
-          })
-        ])
-      ], 16),
-      l.valueToCopy ? (o(), n("div", {
-        key: 0,
-        class: "app-trigger-key",
-        onClick: b
-      }, [
-        i(t(K), {
-          text: l.valueToCopy,
-          header: "App key"
-        }, {
-          default: T(() => [
-            a("div", W, [
-              i(t(c), {
-                name: "copy",
-                size: "20px"
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["text"])
-      ])) : s("", !0)
-    ], 2));
-  }
-});
-export {
-  Z as default
-};

package/src/components/dropdown/v4/ChipDropdownTrigger.vue.js

@@ -1,7 +0,0 @@
-import o from "./ChipDropdownTrigger.vue2.js";
-/* empty css                          */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c38e97df"]]);
-export {
-  s as default
-};

package/src/components/dropdown/v4/ChipDropdownTrigger.vue2.js

@@ -1,73 +0,0 @@
-import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
-import m from "../../icon/v4/IconV4.vue.js";
-import A from "../../typography/v4/Typography.vue.js";
-import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
-import { useTestIdAttrs as B } from "../../../utils/testIds.js";
-const N = { class: "chip-trigger--content" }, I = { class: "chip-trigger--icon" }, $ = ["onClick"], L = /* @__PURE__ */ V({
-  __name: "ChipDropdownTrigger",
-  props: {
-    label: { default: "Status" },
-    open: { type: Boolean, default: !1 },
-    testId: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    feedbackVariant: { default: "" },
-    displayedValue: { default: "" },
-    options: null,
-    selectedOption: null,
-    displayValue: null,
-    multi: { type: Boolean }
-  },
-  emits: ["clear"],
-  setup(r, { emit: h }) {
-    const e = r, y = () => {
-      h("clear");
-    }, i = b(!0), g = (l) => {
-      let a = l;
-      return Array.isArray(l) && (l.length > 1 ? a = `${l[0]}, +${l[1]}` : a = l[0] ? `${l[0]}` : ""), i.value = !!a, a ? `${e.label}: ${a}` : e.label;
-    }, O = p(
-      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), n = B(e.testId, o), T = p(() => {
-      if (!e.multi)
-        return e.selectedOption ? e.displayValue(e.selectedOption) : "";
-      if (Array.isArray(e.selectedOption))
-        return e.selectedOption.length ? e.options.length === e.selectedOption.length ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
-          e.displayValue(e.selectedOption[0]),
-          e.selectedOption.length - 1
-        ] : [];
-    });
-    return (l, a) => (_(), C("div", s({
-      class: ["chip-trigger", [t(O), { active: i.value, disabled: r.disabled, open: r.open }]]
-    }, t(n)[t(o).BUTTON]), [
-      c("div", N, [
-        d(t(A), s({ variant: "chipLabel" }, t(n)[t(o).BUTTON_CONTENT]), {
-          default: w(() => [
-            k(v(g(t(T))), 1)
-          ]),
-          _: 1
-        }, 16),
-        u(c("div", I, [
-          d(t(m), {
-            name: "caret-down",
-            size: "16px"
-          })
-        ], 512), [
-          [f, !i.value]
-        ]),
-        u(c("div", s({ class: "x-circle-wrapper" }, t(n)[t(o).BUTTON_CLEAR], {
-          onClick: x(y, ["stop"])
-        }), [
-          d(t(m), {
-            name: "x-circle",
-            size: "16px",
-            type: "fill"
-          })
-        ], 16, $), [
-          [f, i.value]
-        ])
-      ])
-    ], 16));
-  }
-});
-export {
-  L as default
-};

package/src/components/dropdown/v4/DefaultDropdownTrigger.vue.js

@@ -1,7 +0,0 @@
-import o from "./DefaultDropdownTrigger.vue2.js";
-/* empty css                             */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-06dcfe6d"]]);
-export {
-  d as default
-};

package/src/components/dropdown/v4/DefaultDropdownTrigger.vue2.js

@@ -1,114 +0,0 @@
-import { defineComponent as v, computed as s, openBlock as a, createElementBlock as i, Fragment as I, createBlock as m, createCommentVNode as n, createElementVNode as r, mergeProps as y, unref as l, renderSlot as h, createVNode as c, withCtx as x, createTextVNode as V, toDisplayString as B } from "vue";
-import A from "../../typography/v4/Typography.vue.js";
-import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import g from "../../icon/v4/IconV4.vue.js";
-import N from "../../shared/FieldLabel.vue.js";
-import w from "../../shared/FieldHelpText.vue.js";
-import { useTestIdAttrs as K } from "../../../utils/testIds.js";
-const $ = { class: "content" }, C = {
-  key: 0,
-  class: "image"
-}, D = ["src"], H = {
-  key: 1,
-  class: "start-icon"
-}, P = { class: "caret-down" }, W = /* @__PURE__ */ v({
-  __name: "DefaultDropdownTrigger",
-  props: {
-    placeholder: { default: "Select" },
-    selectedOption: { default: null },
-    options: { default: null },
-    multi: { type: Boolean, default: !1 },
-    size: { default: "medium" },
-    open: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" },
-    label: { default: "" },
-    mandatory: { type: Boolean, default: !1 },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    feedbackVariant: { default: null },
-    feedbackText: { default: "" },
-    loading: { type: Boolean, default: !1 },
-    singleAppSelection: { type: Boolean, default: !1 },
-    brandIconType: { default: null },
-    displayValue: null,
-    optionNameKey: { default: null },
-    optionImageKey: { default: null },
-    optionIconKey: { default: null },
-    optionIconType: { default: null }
-  },
-  emits: ["click"],
-  setup(t, { emit: T }) {
-    const e = t, b = s(
-      () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), k = () => {
-      T("click");
-    }, f = K(e.testId, u), O = s(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), o = s(() => {
-      if (!e.selectedOption)
-        return null;
-      if (!e.multi)
-        return e.selectedOption;
-      if (Array.isArray(e.selectedOption))
-        return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
-    });
-    return (d, p) => (a(), i(I, null, [
-      t.label ? (a(), m(N, {
-        key: 0,
-        label: t.label,
-        mandatory: t.mandatory,
-        "hover-help-text": t.hoverHelpText,
-        "hover-help-text-placement": t.hoverHelpTextPlacement,
-        disabled: t.disabled,
-        "test-id": t.testId,
-        class: "dropdown-field-label"
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
-      r("div", y({
-        class: ["dropdown-trigger", [t.size, l(b), { open: t.open, disabled: t.disabled }]]
-      }, l(f)[l(u).BUTTON_WRAPPER], {
-        onClick: p[0] || (p[0] = (z) => k())
-      }), [
-        r("div", $, [
-          d.$slots.image || l(o) && t.optionImageKey ? (a(), i("div", C, [
-            h(d.$slots, "image", {}, () => [
-              t.optionImageKey ? (a(), i("img", {
-                key: 0,
-                src: l(o)[t.optionImageKey]
-              }, null, 8, D)) : n("", !0)
-            ], !0)
-          ])) : n("", !0),
-          d.$slots["icon-start"] || l(o) && t.optionIconKey ? (a(), i("div", H, [
-            h(d.$slots, "icon-start", {}, () => [
-              c(l(g), {
-                type: t.optionIconType,
-                name: l(o)[t.optionIconKey],
-                size: "20px"
-              }, null, 8, ["type", "name"])
-            ], !0)
-          ])) : n("", !0),
-          c(l(A), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: x(() => [
-              V(B(l(O)), 1)
-            ]),
-            _: 1
-          }, 16)
-        ]),
-        r("div", P, [
-          c(l(g), {
-            name: "caret-down",
-            size: "20px"
-          })
-        ])
-      ], 16),
-      t.feedbackText ? (a(), m(w, {
-        key: 1,
-        text: t.feedbackText,
-        variant: t.feedbackVariant,
-        "test-id": t.testId,
-        class: "dropdown-field-help-text"
-      }, null, 8, ["text", "variant", "test-id"])) : n("", !0)
-    ], 64));
-  }
-});
-export {
-  W as default
-};

package/src/components/dropdown/v4/DropdownV4.vue.js

@@ -1,8 +0,0 @@
-import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_19f8fedd_lang.css"; //*');
-console.log('global// import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-19f8fedd"]]);
-export {
-  d as default
-};