@ironsource/shared-ui 2.1.12-test.98 → 2.1.12

package/components/columnPicker/ColumnPicker.vue2.js

@@ -0,0 +1,322 @@
+ import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
+import ce from "./OptionChip.vue.js";
+import "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/TreeDropdown.vue.js";
+import Q from "../dropdown/v4/OptionV4.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
+import { DropdownContext as me } from "../dropdown/common/DropdownContext.js";
+import w from "../typography/v4/Typography.vue.js";
+import pe from "../dialog/v4/DialogV4.vue.js";
+import fe from "../sortableList/SortableList.vue.js";
+import ye from "../link/Link.vue.js";
+import ve from "../search/v4/SearchV4.vue.js";
+import { matchString as he } from "../../utils/search.js";
+import "../button/v4/ButtonV4.vue.js";
+import ge from "../button/v4/IconButtonV4.vue.js";
+import "../button/v4/ButtonGroup.vue.js";
+import "../button/v4/ToggleButtonGroupAB.vue.js";
+import { useTestIdAttrs as Ke } from "../../utils/testIds.js";
+import { ColumnPickerTestIdModifiers as B } from "../../testids/index.js";
+import Se from "./RemoveButton.vue.js";
+const ke = { class: "content" }, be = { class: "options-list-wrapper" }, Ce = { class: "search-wrapper" }, xe = { class: "options-list scrollable-list" }, Te = {
+  key: 0,
+  class: "inline-group"
+}, Ie = ["onClick"], Oe = {
+  key: 0,
+  class: "no-result-container"
+}, Re = { class: "selected-list-header" }, Ve = { class: "selected-list-wrapper scrollable-list" }, lt = /* @__PURE__ */ ie({
+  __name: "ColumnPicker",
+  props: {
+    selected: { default: () => [] },
+    options: { default: () => [] },
+    defaultSelection: { default: null },
+    inlineGroupIds: { default: () => [] },
+    headerText: { default: "Customize columns" },
+    noResultsText: { default: "No results" },
+    searchPlaceholder: { default: "Search" },
+    searchAutoFocus: { type: Boolean, default: !0 },
+    idKey: { default: "id" },
+    displayKey: { default: "label" },
+    childrenKey: { default: "options" },
+    disabledKey: { default: "disabled" },
+    minSelections: { default: 1 },
+    minSelectionsTooltipMessage: { default: "Select at least %count% options" },
+    appendToBody: { type: Boolean, default: !0 },
+    testId: { default: "" }
+  },
+  emits: ["update:selected"],
+  setup(n, { emit: j }) {
+    const t = n, a = K([]), f = K([]), v = K(""), y = K(!1), G = () => {
+      t.selected?.length ? a.value = [...t.selected] : t.defaultSelection?.length ? a.value = [...t.defaultSelection] : a.value = [];
+    }, b = () => {
+      y.value = !1, f.value = [], v.value = "", G();
+    };
+    ne(
+      [() => t.selected, () => t.defaultSelection],
+      () => {
+        G();
+      },
+      {
+        immediate: !0
+      }
+    );
+    const P = () => {
+      y.value = !y.value;
+    }, C = c({
+      get() {
+        return a.value.map((e) => {
+          const i = Z(e) ? A(e)?.[t.displayKey] + " " : "";
+          return {
+            id: e[t.idKey],
+            displayText: i + e[t.displayKey],
+            isDisabled: I(e)
+          };
+        });
+      },
+      set(e) {
+        const i = e.map((l) => l.id);
+        a.value = i.map(
+          (l) => a.value.find((o) => o[t.idKey] === l)
+        );
+      }
+    }), x = c(
+      () => a.value?.length <= t.minSelections
+    ), T = c(() => {
+      if (!t.minSelections)
+        return "";
+      const e = t.minSelections, i = t.minSelectionsTooltipMessage;
+      return i ? i.replace("%count%", e.toString()) : "";
+    }), D = (e) => g(e) && x.value, I = (e) => e[t.disabledKey] || D(e), g = (e) => a.value.some(
+      (i) => i[t.idKey] === e[t.idKey]
+    ), H = (e) => {
+      g(e) ? L(e[t.idKey]) : J(e);
+    }, O = (e) => {
+      t.disabledKey && e[t.disabledKey] || H(e);
+    }, J = (e) => {
+      a.value.push(e);
+    }, L = (e) => {
+      a.value = a.value.filter(
+        (i) => i[t.idKey] !== e
+      );
+    }, F = c(() => {
+      if (!t.defaultSelection?.length)
+        return !1;
+      const e = a.value.map((l) => l[t.idKey]), i = t.defaultSelection.map((l) => l[t.idKey]);
+      return e.length !== i.length ? !0 : !i.every((l) => e.includes(l));
+    }), X = () => {
+      F.value && (a.value = [...t.defaultSelection]);
+    }, $ = (e) => E.value ? !0 : !f.value.includes(e), Y = (e) => t.inlineGroupIds?.includes(e), A = (e) => t.options.find(
+      (i) => h(i).map((l) => l[t.idKey]).includes(e[t.idKey])
+    ), Z = (e) => {
+      const i = A(e);
+      return i ? t.inlineGroupIds?.includes(i[t.idKey]) : !1;
+    }, M = (e) => {
+      f.value.includes(e) ? f.value = f.value.filter(
+        (i) => i !== e
+      ) : f.value.push(e);
+    }, h = (e) => e[t.childrenKey] || [], _ = c(() => a.value.length), N = c(() => v.value?.trim()), E = c(() => !!N.value), z = c(() => E.value ? t.options.map((i) => ({
+      ...i,
+      [t.childrenKey]: h(i).filter(
+        (l) => he(l[t.displayKey], N.value)
+      )
+    })).filter(
+      (i) => h(i).length > 0
+    ) : t.options), ee = Ke(t.testId, B), te = () => {
+      j("update:selected", a.value), b();
+    };
+    return se(me, {
+      activeIndex: null,
+      activeOption: null,
+      clearSelection: () => {
+      },
+      selectedOption: null,
+      clearable: !1,
+      listRef: null,
+      options: null,
+      mode: null,
+      type: null,
+      open: y,
+      disabled: !1,
+      mandatory: !1,
+      labelRef: null,
+      size: null,
+      search: () => {
+      },
+      toggle: () => {
+      },
+      placeholder: "",
+      select: O,
+      query: v,
+      selectedValue: null,
+      goToOption: () => {
+      },
+      registerInput: () => {
+      },
+      registerOption: () => {
+      },
+      unRegisterOption: () => {
+      }
+    }), (e, i) => (d(), m(S, null, [
+      oe(e.$slots, "trigger", {
+        triggerProps: { onClick: P }
+      }, () => [
+        r(s(ge), {
+          "icon-name": "layout",
+          variant: "outlined",
+          "test-id": `${n.testId}-${s(B).TRIGGER}`,
+          onClick: P
+        }, null, 8, ["test-id"])
+      ], !0),
+      r(s(pe), {
+        modelValue: y.value,
+        "onUpdate:modelValue": i[2] || (i[2] = (l) => y.value = l),
+        title: n.headerText,
+        "no-padding": "",
+        "save-button-label": "Save view",
+        "close-on-click-outside": "",
+        "append-to-body": n.appendToBody,
+        "test-id": n.testId,
+        onSave: te,
+        onClose: b,
+        onCancel: b
+      }, {
+        default: p(() => [
+          u("div", ae({ class: "column-picker" }, s(ee)[s(B).WRAPPER]), [
+            u("div", ke, [
+              u("div", be, [
+                u("header", Ce, [
+                  r(s(ve), {
+                    modelValue: v.value,
+                    "onUpdate:modelValue": i[0] || (i[0] = (l) => v.value = l),
+                    placeholder: n.searchPlaceholder,
+                    variant: "transparent",
+                    size: "md",
+                    "auto-focus": n.searchAutoFocus,
+                    "test-id": n.testId
+                  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
+                ]),
+                u("ul", xe, [
+                  (d(!0), m(S, null, R(s(z), (l) => (d(), m("li", {
+                    key: String(l[n.idKey]),
+                    class: "options-list__item"
+                  }, [
+                    r(s(Q), {
+                      option: l,
+                      "tree-main-option": "",
+                      "tree-main-option-expanded": $(l[n.idKey]),
+                      onClick: U((o) => M(l[n.idKey]), ["stop"]),
+                      onToggleTreeCollapse: (o) => M(l[n.idKey])
+                    }, {
+                      default: p(() => [
+                        r(s(w), {
+                          variant: "h5",
+                          class: "group-name"
+                        }, {
+                          default: p(() => [
+                            k(V(l[n.displayKey]), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["option", "tree-main-option-expanded", "onClick", "onToggleTreeCollapse"]),
+                    de(u("div", null, [
+                      Y(l[n.idKey]) ? (d(), m("div", Te, [
+                        (d(!0), m(S, null, R(h(l), (o) => (d(), W(ce, {
+                          key: o[n.idKey],
+                          option: o,
+                          "name-key": n.displayKey,
+                          selected: g(o),
+                          disabled: I(o),
+                          "tooltip-text": D(o) ? s(T) : null,
+                          onClick: (le) => O(o)
+                        }, null, 8, ["option", "name-key", "selected", "disabled", "tooltip-text", "onClick"]))), 128))
+                      ])) : (d(!0), m(S, { key: 1 }, R(h(l), (o) => (d(), m("div", {
+                        key: o[n.idKey],
+                        onClick: U((le) => O(o), ["stop"])
+                      }, [
+                        r(s(Q), {
+                          option: o,
+                          "selected-prop": g(o),
+                          "name-key": n.displayKey,
+                          disabled: I(o),
+                          "min-max-selection-tooltip-message": s(T),
+                          "tooltip-attached-to-text": "",
+                          "is-multi": ""
+                        }, null, 8, ["option", "selected-prop", "name-key", "disabled", "min-max-selection-tooltip-message"])
+                      ], 8, Ie))), 128))
+                    ], 512), [
+                      [re, $(l[n.idKey])]
+                    ])
+                  ]))), 128)),
+                  s(z).length ? q("", !0) : (d(), m("li", Oe, [
+                    r(s(w), { variant: "body2" }, {
+                      default: p(() => [
+                        k(V(n.noResultsText), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]))
+                ])
+              ]),
+              u("div", null, [
+                u("header", Re, [
+                  r(s(w), {
+                    variant: "h5",
+                    class: "selected-count-text"
+                  }, {
+                    default: p(() => [
+                      k(V(s(_)) + " selected ", 1)
+                    ]),
+                    _: 1
+                  }),
+                  n.defaultSelection?.length ? (d(), W(s(ye), {
+                    key: 0,
+                    variant: "subtitle2",
+                    disabled: !s(F),
+                    "test-id": n.testId,
+                    onClick: X
+                  }, {
+                    default: p(() => [
+                      k(" Reset to default ")
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "test-id"])) : q("", !0)
+                ]),
+                u("div", Ve, [
+                  r(s(fe), {
+                    items: s(C),
+                    "onUpdate:items": i[1] || (i[1] = (l) => ue(C) ? C.value = l : null),
+                    "display-value": (l) => l.displayText,
+                    variant: "compact",
+                    "draggable-area": "full",
+                    "test-id": n.testId
+                  }, {
+                    menu: p(({ item: l }) => [
+                      r(Se, {
+                        disabled: s(x),
+                        "tooltip-text": s(x) ? s(T) : null,
+                        onClick: (o) => L(l.id)
+                      }, null, 8, ["disabled", "tooltip-text", "onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["items", "display-value", "test-id"])
+                ])
+              ])
+            ])
+          ], 16)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title", "append-to-body", "test-id"])
+    ], 64));
+  }
+});
+export {
+  lt as default
+};

package/components/columnPicker/OptionChip.vue.d.ts

@@ -0,0 +1,53 @@
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    option: unknown;
+    nameKey: string;
+    selected?: boolean;
+    disabled?: boolean;
+    tooltipText?: string;
+    tooltipPlacement?: TooltipPositions;
+}>, {
+    selected: boolean;
+    disabled: boolean;
+    tooltipText: any;
+    tooltipPlacement: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    option: unknown;
+    nameKey: string;
+    selected?: boolean;
+    disabled?: boolean;
+    tooltipText?: string;
+    tooltipPlacement?: TooltipPositions;
+}>, {
+    selected: boolean;
+    disabled: boolean;
+    tooltipText: any;
+    tooltipPlacement: string;
+}>>> & {
+    onClick?: () => any;
+}, {
+    tooltipText: string;
+    tooltipPlacement: TooltipPositions;
+    disabled: boolean;
+    selected: boolean;
+}>;
+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];
+} & {};

package/components/columnPicker/OptionChip.vue.js

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

package/components/columnPicker/OptionChip.vue2.js

@@ -0,0 +1,46 @@
+ import "../../OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css"; import { defineComponent as n, openBlock as c, createBlock as d, unref as t, withCtx as o, createElementVNode as p, normalizeClass as s, withModifiers as r, createVNode as m, createTextVNode as f, toDisplayString as u } from "vue";
+import h from "../typography/v4/Typography.vue.js";
+import x from "../tooltip/v4/TooltipV4.vue.js";
+const k = ["onClick"], g = /* @__PURE__ */ n({
+  __name: "OptionChip",
+  props: {
+    option: null,
+    nameKey: null,
+    selected: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    tooltipText: { default: null },
+    tooltipPlacement: { default: "right" }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const i = e, a = () => {
+      i.disabled || l("click");
+    };
+    return (y, C) => (c(), d(t(x), {
+      text: e.tooltipText,
+      disabled: !e.tooltipText,
+      placement: e.tooltipPlacement
+    }, {
+      default: o(() => [
+        p("div", {
+          class: s(["option-chip", {
+            "option-chip--disabled": e.disabled,
+            "option-chip--selected": e.selected
+          }]),
+          onClick: r(a, ["stop"])
+        }, [
+          m(t(h), { variant: "h6" }, {
+            default: o(() => [
+              f(u(e.option[e.nameKey]), 1)
+            ]),
+            _: 1
+          })
+        ], 10, k)
+      ]),
+      _: 1
+    }, 8, ["text", "disabled", "placement"]));
+  }
+});
+export {
+  g as default
+};

package/components/columnPicker/RemoveButton.vue.d.ts

@@ -0,0 +1,38 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    disabled?: boolean;
+    tooltipText?: string;
+}>, {
+    disabled: boolean;
+    tooltipText: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    disabled?: boolean;
+    tooltipText?: string;
+}>, {
+    disabled: boolean;
+    tooltipText: string;
+}>>> & {
+    onClick?: () => any;
+}, {
+    tooltipText: string;
+    disabled: boolean;
+}>;
+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];
+} & {};

package/components/columnPicker/RemoveButton.vue.js

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

package/components/columnPicker/RemoveButton.vue2.js

@@ -0,0 +1,35 @@
+ import "../../RemoveButton.vue_vue_type_style_index_0_scoped_ca7fc11d_lang.css"; import { defineComponent as i, openBlock as a, createBlock as n, unref as o, withCtx as d, createVNode as m, normalizeClass as r } from "vue";
+import "../button/v4/ButtonV4.vue.js";
+import s from "../button/v4/IconButtonV4.vue.js";
+import "../button/v4/ButtonGroup.vue.js";
+import "../button/v4/ToggleButtonGroupAB.vue.js";
+import c from "../tooltip/v4/TooltipV4.vue.js";
+const C = /* @__PURE__ */ i({
+  __name: "RemoveButton",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    tooltipText: { default: "" }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    return (u, t) => (a(), n(o(c), {
+      text: e.tooltipText,
+      disabled: !e.tooltipText,
+      placement: "bottom-end"
+    }, {
+      default: d(() => [
+        m(o(s), {
+          class: r(["remove-button", { "remove-button--disabled": e.disabled }]),
+          "icon-name": "x",
+          size: "extraSmall",
+          disabled: e.disabled,
+          onClick: t[0] || (t[0] = (p) => l("click"))
+        }, null, 8, ["class", "disabled"])
+      ]),
+      _: 1
+    }, 8, ["text", "disabled"]));
+  }
+});
+export {
+  C as default
+};