@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/src/components/includeExclude/IncludeExcludeChipFilter.vue2.js

@@ -1,149 +0,0 @@
-import { defineComponent as T, computed as u, openBlock as S, createBlock as v, unref as l, mergeProps as n, withCtx as o, renderSlot as d, createVNode as i, createTextVNode as K, toDisplayString as V, createSlots as m, createElementVNode as f } from "vue";
-import p from "../icon/v3/Icon.vue.js";
-import I from "../chip/v3/Chip.vue.js";
-import { useSearch as P } from "../../composables/useSearch.js";
-import B from "./IncludeExclude.vue.js";
-import "./IncludeExcludeDragDrop.vue.js";
-import h from "./IncludeExcludeOption.vue.js";
-import "./IncludeExcludeOptionDraggable.vue.js";
-import "./IncludeExcludeAppTrigger.vue.js";
-import "./IncludeExcludeAppHeader.vue.js";
-import "./IncludeExcludeChipFilter.vue.js";
-const C = ["src"], F = ["src"], z = /* @__PURE__ */ T({
-  __name: "IncludeExcludeChipFilter",
-  props: {
-    imgProps: { default: void 0 },
-    optionProps: { default: void 0 },
-    showSubTitle: { type: Boolean, default: !1 },
-    clearable: { type: Boolean, default: !0 },
-    searchPlaceholder: { default: "Search" },
-    showIcon: { type: Boolean, default: !0 },
-    keyField: { default: "name" },
-    subTitleKey: { default: "" },
-    searchAttribute: { default: "name" },
-    options: {},
-    titleText: { default: "" },
-    modelValue: {},
-    distanceOffset: { default: -8 },
-    skiddingOffset: { default: 0 },
-    isLoading: { type: Boolean, default: !1 },
-    iconKey: { default: "icon" },
-    textKey: { default: "name" },
-    showImage: { type: Boolean, default: !0 },
-    triggerProps: {},
-    triggerTextFunc: { type: Function, default: () => "" }
-  },
-  emits: ["update:modelValue"],
-  setup(c, { emit: g }) {
-    const r = c, b = P({ searchAttribute: r.searchAttribute }), y = g, s = u({
-      get() {
-        return r.modelValue;
-      },
-      set(e) {
-        y("update:modelValue", e);
-      }
-    }), w = u(() => r.triggerTextFunc(s));
-    return (e, a) => (S(), v(l(B), n(e.$attrs, {
-      modelValue: s.value,
-      "onUpdate:modelValue": a[1] || (a[1] = (t) => s.value = t),
-      loading: e.isLoading,
-      "distance-offset": e.distanceOffset,
-      "skidding-offset": e.skiddingOffset,
-      "title-text": e.titleText,
-      "is-on-top": !0,
-      options: e.options,
-      "has-subtitle": e.showSubTitle,
-      "search-placeholder": e.searchPlaceholder,
-      "on-search": l(b),
-      "key-field": e.keyField
-    }), {
-      trigger: o(() => [
-        d(e.$slots, "input", {}, () => [
-          i(l(I), n({
-            selected: !!e.modelValue.length
-          }, e.triggerProps, {
-            clearable: e.clearable,
-            onCleared: a[0] || (a[0] = (t) => s.value = [])
-          }), {
-            default: o(() => [
-              K(V(w.value), 1)
-            ]),
-            _: 1
-          }, 16, ["selected", "clearable"])
-        ], !0)
-      ]),
-      option: o(({ option: t, showCheckbox: k }) => [
-        d(e.$slots, "option", {}, () => [
-          i(l(h), {
-            option: t,
-            "show-checkbox": k,
-            subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
-            "title-text": t[e.textKey]
-          }, m({ _: 2 }, [
-            e.showImage ? {
-              name: "image",
-              fn: o(() => [
-                f("img", n({
-                  class: ["option-image", {
-                    "option-image-single-line": !e.showSubTitle,
-                    "option-image-multi-lines": e.showSubTitle
-                  }]
-                }, e.imgProps, {
-                  src: t[e.iconKey],
-                  alt: ""
-                }), null, 16, C)
-              ]),
-              key: "0"
-            } : void 0,
-            e.showIcon ? {
-              name: "icon-start",
-              fn: o(() => [
-                i(l(p), {
-                  name: t[e.iconKey].toLowerCase()
-                }, null, 8, ["name"])
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["option", "show-checkbox", "subtitle", "title-text"])
-        ], !0)
-      ]),
-      selected_option: o(({ option: t }) => [
-        i(l(h), {
-          "show-checkbox": !1,
-          clearable: !0,
-          option: t,
-          "title-text": t[e.textKey],
-          subtitle: e.showSubTitle ? t[e.subTitleKey] : ""
-        }, m({ _: 2 }, [
-          e.showImage ? {
-            name: "image",
-            fn: o(() => [
-              f("img", n({
-                class: ["option-image", {
-                  "option-image-single-line": !e.showSubTitle,
-                  "option-image-multi-lines": e.showSubTitle
-                }]
-              }, e.imgProps, {
-                src: t[e.iconKey]
-              }), null, 16, F)
-            ]),
-            key: "0"
-          } : void 0,
-          e.showIcon ? {
-            name: "icon-start",
-            fn: o(() => [
-              i(l(p), {
-                name: t[e.iconKey].toLowerCase()
-              }, null, 8, ["name"])
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["option", "title-text", "subtitle"])
-      ]),
-      _: 3
-    }, 16, ["modelValue", "loading", "distance-offset", "skidding-offset", "title-text", "options", "has-subtitle", "search-placeholder", "on-search", "key-field"]));
-  }
-});
-export {
-  z as default
-};

package/src/components/includeExclude/IncludeExcludeDragDrop.vue.js

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

package/src/components/includeExclude/IncludeExcludeDragDrop.vue2.js

@@ -1,467 +0,0 @@
-import { defineComponent as Be, computed as f, ref as d, watch as $, provide as Ie, openBlock as a, createBlock as O, unref as o, withCtx as g, createElementVNode as s, renderSlot as v, normalizeClass as z, createTextVNode as C, toDisplayString as Y, createCommentVNode as c, createVNode as p, Transition as Re, createElementBlock as u, mergeProps as w, Fragment as H, renderList as N, toRaw as S, isRef as Ae, nextTick as xe } from "vue";
-import Pe from "../popover/v3/Popover.vue.js";
-import U from "../button/v3/Button.vue.js";
-import "../button/v3/IconButton.vue.js";
-import "../button/v3/ScrollButton.vue.js";
-import Ee from "../search/v3/Search.vue.js";
-import "../typography/Heading.vue.js";
-import Z from "../typography/Text.vue.js";
-import Fe from "../checkbox/v3/Checkbox.vue.js";
-import y from "../skeleton/v3/Skeleton.vue.js";
-import $e from "../emptyState/v3/EmptyState.vue.js";
-import { useToggle as ze } from "../../composables/useToggle.js";
-import { IncludeExcludeContext as He } from "./IncludeExcludeContext.js";
-import { onClickOutside as Ne, useVirtualList as ee } from "@vueuse/core";
-import { useClamp as Ue } from "../../../node_modules/@vueuse/math/index.js";
-import We from "vuedraggable";
-const Ge = { class: "include-exclude-header" }, Ke = { class: "include-exclude-header-left-section" }, Le = { class: "include-exclude-header-right-section" }, qe = { class: "include-exclude-container-wrapper" }, Me = {
-  key: 0,
-  class: "include-exclude-container"
-}, je = {
-  key: 1,
-  class: "include-exclude-container"
-}, Je = { class: "include-exclude-list-wrapper" }, Qe = {
-  key: 1,
-  class: "loader-wrapper"
-}, Xe = ["aria-selected", "aria-disabled", "onClick"], Ye = ["onClick"], Ze = { key: 1 }, el = { class: "loader-wrapper" }, ll = { class: "include-exclude-selected-wrapper" }, tl = {
-  key: 0,
-  class: "loader-wrapper"
-}, ol = { class: "include-exclude-selected-header-left" }, nl = { class: "include-exclude-selected-header-right" }, sl = { class: "drag-item" }, al = { key: 1 }, il = { class: "loader-wrapper" }, rl = { class: "include-exclude-footer" }, dl = { class: "include-exclude-footer-buttons" }, le = 50, te = 3, ul = 6, cl = 32, pl = 48, Il = /* @__PURE__ */ Be({
-  __name: "IncludeExcludeDragDrop",
-  props: {
-    titleText: { default: "" },
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    modelValue: {},
-    clearable: { type: Boolean },
-    placement: { default: "bottom-start" },
-    options: {},
-    autoFocus: { type: Boolean, default: !0 },
-    onSearch: { type: Function, default: () => !0 },
-    searchPlaceholder: { default: "Search" },
-    isOnTop: { type: Boolean, default: !1 },
-    alwayesOpen: { type: Boolean, default: !1 },
-    defaultOpen: { type: Boolean, default: !1 },
-    showClearAll: { type: Boolean, default: !0 },
-    distance: { default: 0 },
-    distanceOffset: { default: 0 },
-    skiddingOffset: { default: 0 },
-    hasSubtitle: { type: Boolean, default: !1 },
-    keyField: {},
-    isDraggable: { type: Boolean, default: !1 },
-    draggableArgs: { default: null }
-  },
-  emits: ["update:modelValue", "changeDragDrop", "clickOutside"],
-  setup(oe, { emit: ne }) {
-    const T = ne, se = f(() => {
-      const e = n.placement?.includes("bottom") ? ul : 0;
-      return n.isOnTop ? -B.value?.getBoundingClientRect().height : e;
-    }), n = oe, W = d(null), h = d(""), V = d(!1), B = d(null), ae = d(null), ie = d(null), I = d(null), R = d(null), re = d(null), i = d(n.modelValue), G = (e) => new Promise((l) => setTimeout(l, e)), r = f({
-      get() {
-        return i.value;
-      },
-      set(e) {
-        T("update:modelValue", e);
-      }
-    }), A = () => {
-      r.value?.length !== n.options?.length && (V.value = !0), m(!1);
-    };
-    $(
-      () => n.modelValue,
-      () => {
-        i.value = n.modelValue;
-      }
-    ), $(
-      () => i.value,
-      () => {
-        T("update:modelValue", i.value);
-      }
-    );
-    const de = f(() => i.value.filter(
-      (e) => n.onSearch(e, h.value)
-    )), x = f(() => k.value.filter(
-      (e) => !e?.groupOption
-    )), K = () => {
-      r.value?.length !== n.options?.length && (r.value = i.value), m(!1);
-    }, ue = () => {
-      m();
-    }, ce = () => {
-      i.value = [];
-    }, L = f(() => () => n.hasSubtitle ? pl : cl), q = f(
-      () => (e, l) => e.every(
-        (t) => l.some((D) => D[n.keyField] === t[n.keyField])
-      )
-    ), M = f(() => {
-      if (!b.value)
-        return !1;
-      const e = i.value, l = x.value || k.value;
-      return e === l ? !0 : e?.length !== l?.length ? !1 : q.value(e, l) && q.value(l, e);
-    }), j = d(null), [b, pe] = ze({
-      disabled: n.disabled,
-      initialValue: n.defaultOpen
-    }), fe = (e = 300) => {
-      const l = r.value?.length === n.options?.length;
-      xe(async () => {
-        l && (r.value = []), await G(e), Q.resetInput();
-      });
-    };
-    $(
-      () => [b.value, R?.value?.inputRef],
-      ([e, l]) => {
-        e && l && ve();
-      }
-    );
-    const ge = () => {
-      n.autoFocus && R.value?.inputRef.focus();
-    }, ve = async (e = 300) => {
-      await G(e), ge();
-    }, m = (e) => {
-      n.disabled || (e || fe(), pe(e), F.value = []);
-    };
-    Ne(j, () => {
-      b.value && (A(), T("clickOutside", i.value));
-    });
-    const he = d([]), me = f(() => k.value?.length - 1), J = (e) => {
-      h.value = e;
-    }, P = Ue(0, 0, me), E = (e) => {
-      if (e?.groupOption)
-        return;
-      I.value?.focus();
-      const l = i.value;
-      l.includes(e) ? i.value = l.filter(
-        (t) => t !== e
-      ) : i.value = [.../* @__PURE__ */ new Set([...l, e])];
-    }, ke = (e) => {
-      E(e);
-    }, Q = {
-      toggle: m,
-      disabled: n.disabled,
-      options: he,
-      clearable: n.clearable,
-      resetInput: () => {
-        J(""), I.value && (I.value.value = ""), V.value && (i.value = n.modelValue, V.value = !1);
-      },
-      search: J,
-      select: E,
-      activeIndex: P,
-      selectedOption: r,
-      activeOption: re,
-      listRef: W,
-      query: h,
-      open: b,
-      removeSelection: ke
-    }, ye = () => {
-      i.value = i.value?.length !== x.value?.length ? x.value : [], setTimeout(() => {
-        Se(i.value.length);
-      }, 300);
-    };
-    Ie(He, Q);
-    const k = f(() => h.value?.length ? n.options?.filter((e) => n.onSearch(e, h.value)) : n.options), {
-      list: X,
-      containerProps: be,
-      wrapperProps: Oe
-    } = ee(k, {
-      itemHeight: L.value,
-      overscan: le
-    }), {
-      list: _,
-      containerProps: Ce,
-      wrapperProps: we,
-      scrollTo: Se
-    } = ee(de, {
-      itemHeight: L.value,
-      overscan: le
-    }), Te = (e) => {
-      if (["Enter", " ", "Space"].includes(e.key)) {
-        m();
-        return;
-      }
-      if (e.key === "ArrowUp") {
-        m(!1);
-        return;
-      }
-      e.key === "ArrowDown" && (m(!0), e.preventDefault());
-    }, F = d([]), _e = (e) => F.value.includes(e?.[n.keyField]), De = (e) => {
-      e.groupOption && (e.groupOption.isCollapse = !e?.groupOption.isCollapse), F.value = X.value.filter((l) => l?.data?.groupOption?.isCollapse).flatMap((l) => l?.data?.groupOption?.childOptionsIds || []);
-    }, Ve = () => {
-      T("changeDragDrop", _.value);
-    };
-    return (e, l) => (a(), O(o(Pe), {
-      distance: se.value + e.distanceOffset,
-      skidding: e.skiddingOffset,
-      trigger: "managed",
-      open: o(b) || e.alwayesOpen,
-      placement: e.placement
-    }, {
-      trigger: g(() => [
-        s("div", {
-          ref_key: "buttonRef",
-          ref: B,
-          class: "include-exclude-trigger",
-          tabindex: "0",
-          onClick: ue,
-          onKeydown: Te
-        }, [
-          v(e.$slots, "trigger", {}, () => [
-            s("button", {
-              ref_key: "buttonRef",
-              ref: B
-            }, "Default trigger", 512)
-          ], !0)
-        ], 544)
-      ]),
-      content: g(() => [
-        s("div", {
-          ref_key: "popoverWrapperRef",
-          ref: j,
-          class: z(["include-exclude-content", {
-            "include-exclude-content-draggable": e.isDraggable
-          }])
-        }, [
-          s("div", Ge, [
-            s("div", Ke, [
-              v(e.$slots, "header-left-section", {}, () => [
-                e.titleText ? (a(), O(o(Z), {
-                  key: 0,
-                  class: "include-exclude-header-left-section-title",
-                  size: "md",
-                  strong: ""
-                }, {
-                  default: g(() => [
-                    C(Y(e.titleText), 1)
-                  ]),
-                  _: 1
-                })) : c("", !0)
-              ], !0)
-            ]),
-            s("div", Le, [
-              v(e.$slots, "header-right-section", {}, () => [
-                p(o(Ee), {
-                  ref_key: "searchRef",
-                  ref: R,
-                  modelValue: h.value,
-                  "onUpdate:modelValue": l[0] || (l[0] = (t) => h.value = t),
-                  class: "include-exclude-header-right-section-search-input",
-                  variant: "transparent",
-                  placeholder: e.searchPlaceholder,
-                  disabled: e.loading
-                }, null, 8, ["modelValue", "placeholder", "disabled"])
-              ], !0)
-            ])
-          ]),
-          s("div", qe, [
-            p(Re, {
-              name: "switch",
-              mode: "out-in"
-            }, {
-              default: g(() => [
-                !k.value?.length && !e.loading ? (a(), u("div", Me, [
-                  v(e.$slots, "no-result", {}, () => [
-                    p(o($e), {
-                      size: "lg",
-                      title: "No results found",
-                      subtitle: "Try diffrent keyword",
-                      "icon-width": 72,
-                      "icon-height": 72
-                    })
-                  ], !0)
-                ])) : (a(), u("div", je, [
-                  s("div", Je, [
-                    s("div", {
-                      class: z(["include-exclude-list-header", {
-                        "include-exclude-list-header-loading": e.loading,
-                        "include-exclude-list-header-loaded": !e.loading
-                      }])
-                    }, [
-                      e.loading ? c("", !0) : (a(), O(o(Fe), {
-                        key: 0,
-                        size: "sm",
-                        "is-checked": M.value,
-                        "is-indeterminate": r.value?.length > 0 && !M.value,
-                        disabled: !k.value?.length,
-                        label: "Select all",
-                        onClick: ye
-                      }, null, 8, ["is-checked", "is-indeterminate", "disabled"])),
-                      e.loading ? (a(), u("div", Qe, [
-                        p(o(y), {
-                          class: "dot-skeleton",
-                          round: ""
-                        }),
-                        p(o(y), { round: "" })
-                      ])) : c("", !0)
-                    ], 2),
-                    s("div", w({ class: "include-exclude-list" }, o(be), {
-                      class: {
-                        "include-exclude-list-draggable": e.isDraggable
-                      }
-                    }), [
-                      e.loading ? c("", !0) : (a(), u("ul", w({ key: 0 }, o(Oe), {
-                        ref_key: "listRef",
-                        ref: W,
-                        tabindex: "1"
-                      }), [
-                        (a(!0), u(H, null, N(o(X), ({ data: t, index: D }) => (a(), u("li", {
-                          key: D,
-                          "aria-selected": S(r.value) === t,
-                          "aria-disabled": !!e.disabled,
-                          onClick: () => E(t)
-                        }, [
-                          t.groupOption ? (a(), u("div", {
-                            key: 0,
-                            class: "option-collapse",
-                            onClick: (fl) => De(t)
-                          }, [
-                            v(e.$slots, "option-group", { option: t }, void 0, !0)
-                          ], 8, Ye)) : c("", !0),
-                          !t.groupOption && !_e(t) ? v(e.$slots, "option", {
-                            key: 1,
-                            showCheckbox: !0,
-                            option: t,
-                            selected: S(r.value) === t,
-                            active: S(o(P)) === D
-                          }, void 0, !0) : c("", !0)
-                        ], 8, Xe))), 128))
-                      ], 16)),
-                      e.loading ? (a(), u("ul", Ze, [
-                        (a(), u(H, null, N(te, (t) => s("li", {
-                          key: t,
-                          class: "include-exclude-list-item-skeleton"
-                        }, [
-                          s("div", el, [
-                            p(o(y), {
-                              class: "dot-skeleton",
-                              round: ""
-                            }),
-                            p(o(y), { round: "" })
-                          ])
-                        ])), 64))
-                      ])) : c("", !0)
-                    ], 16)
-                  ]),
-                  s("div", ll, [
-                    s("div", {
-                      class: z(["include-exclude-selected-header", {
-                        "include-exclude-list-selected-header-loading": e.loading,
-                        "include-exclude-list-header-loaded": !e.loading
-                      }])
-                    }, [
-                      e.loading ? (a(), u("div", tl, [
-                        p(o(y), { round: "" })
-                      ])) : c("", !0),
-                      s("div", ol, [
-                        e.loading ? c("", !0) : (a(), O(o(Z), {
-                          key: 0,
-                          class: "include-exclude-selected-header-left-selected",
-                          size: "sm"
-                        }, {
-                          default: g(() => [
-                            C(Y(r.value?.length) + " Selected", 1)
-                          ]),
-                          _: 1
-                        }))
-                      ]),
-                      s("div", nl, [
-                        v(e.$slots, "selected-header-right", {}, () => [
-                          r.value?.length && !e.loading && e.showClearAll ? (a(), O(o(U), {
-                            key: 0,
-                            variant: "link",
-                            theme: "third",
-                            size: "md",
-                            strong: !1,
-                            onClick: ce
-                          }, {
-                            default: g(() => l[2] || (l[2] = [
-                              C("Clear all")
-                            ])),
-                            _: 1
-                          })) : c("", !0)
-                        ], !0)
-                      ])
-                    ], 2),
-                    s("div", w({
-                      class: ["include-exclude-selected-list", {
-                        "include-exclude-list-draggable": e.isDraggable
-                      }]
-                    }, o(Ce)), [
-                      r.value?.length && !e.loading && e.isDraggable ? (a(), u("ul", w({ key: 0 }, o(we), {
-                        ref: "SelectedlistRef",
-                        tabindex: "2"
-                      }), [
-                        p(o(We), w({
-                          modelValue: o(_),
-                          "onUpdate:modelValue": l[1] || (l[1] = (t) => Ae(_) ? _.value = t : null)
-                        }, e.draggableArgs, { onChange: Ve }), {
-                          item: g(({ element: t }) => [
-                            s("div", sl, [
-                              v(e.$slots, "selected_option_draggable", {
-                                option: t.data,
-                                selected: S(r.value) === t.data,
-                                active: S(o(P)) === t.data.draggableItemKey
-                              }, void 0, !0)
-                            ])
-                          ]),
-                          _: 3
-                        }, 16, ["modelValue"])
-                      ], 16)) : c("", !0),
-                      e.loading ? (a(), u("ul", al, [
-                        (a(), u(H, null, N(te, (t) => s("li", {
-                          key: t,
-                          class: "include-exclude-list-item-skeleton"
-                        }, [
-                          s("div", il, [
-                            p(o(y), { round: "" })
-                          ])
-                        ])), 64))
-                      ])) : c("", !0)
-                    ], 16)
-                  ])
-                ]))
-              ]),
-              _: 3
-            })
-          ]),
-          v(e.$slots, "footer", {
-            handleApply: K,
-            handleCancel: A
-          }, () => [
-            s("div", rl, [
-              s("div", dl, [
-                p(o(U), {
-                  ref_key: "cancel",
-                  ref: ie,
-                  size: "sm",
-                  variant: "border",
-                  theme: "third",
-                  text: "Cancel",
-                  onClick: A
-                }, {
-                  default: g(() => l[3] || (l[3] = [
-                    C("Cancel")
-                  ])),
-                  _: 1
-                }, 512),
-                p(o(U), {
-                  ref_key: "apply",
-                  ref: ae,
-                  size: "sm",
-                  theme: "primary",
-                  text: "Apply",
-                  onClick: K
-                }, {
-                  default: g(() => l[4] || (l[4] = [
-                    C("Apply")
-                  ])),
-                  _: 1
-                }, 512)
-              ])
-            ])
-          ], !0)
-        ], 2)
-      ]),
-      _: 3
-    }, 8, ["distance", "skidding", "open", "placement"]));
-  }
-});
-export {
-  Il as default
-};

package/src/components/includeExclude/IncludeExcludeOption.vue.js

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