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

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

@@ -1,149 +0,0 @@
-import { defineComponent as k, computed as c, openBlock as T, createBlock as S, unref as l, mergeProps as u, isRef as K, withCtx as i, renderSlot as r, createVNode as n, createTextVNode as V, toDisplayString as I, createSlots as m, createElementVNode as f } from "vue";
-import h from "../icon/v3/Icon.vue.js";
-import v 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 g 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__ */ k({
-  __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: null,
-    titleText: { default: "" },
-    modelValue: null,
-    distanceOffset: { default: -8 },
-    skiddingOffset: { default: 0 },
-    isLoading: { type: Boolean, default: !1 },
-    iconKey: { default: "icon" },
-    textKey: { default: "name" },
-    showImage: { type: Boolean, default: !0 },
-    triggerProps: null,
-    triggerTextFunc: { type: Function, default: () => "" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: b }) {
-    const d = e, y = P({ searchAttribute: d.searchAttribute }), o = c({
-      get() {
-        return d.modelValue;
-      },
-      set(a) {
-        b("update:modelValue", a);
-      }
-    }), x = c(() => d.triggerTextFunc(o));
-    return (a, s) => (T(), S(l(B), u(a.$attrs, {
-      modelValue: l(o),
-      "onUpdate:modelValue": s[1] || (s[1] = (t) => K(o) ? o.value = t : null),
-      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(y),
-      "key-field": e.keyField
-    }), {
-      trigger: i(() => [
-        r(a.$slots, "input", {}, () => [
-          n(l(v), u({
-            selected: !!e.modelValue.length
-          }, e.triggerProps, {
-            clearable: e.clearable,
-            onCleared: s[0] || (s[0] = (t) => o.value = [])
-          }), {
-            default: i(() => [
-              V(I(l(x)), 1)
-            ]),
-            _: 1
-          }, 16, ["selected", "clearable"])
-        ], !0)
-      ]),
-      option: i(({ option: t, showCheckbox: w }) => [
-        r(a.$slots, "option", {}, () => [
-          n(l(g), {
-            option: t,
-            "show-checkbox": w,
-            subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
-            "title-text": t[e.textKey]
-          }, m({ _: 2 }, [
-            e.showImage ? {
-              name: "image",
-              fn: i(() => [
-                f("img", u({
-                  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: i(() => [
-                n(l(h), {
-                  name: t[e.iconKey].toLowerCase()
-                }, null, 8, ["name"])
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["option", "show-checkbox", "subtitle", "title-text"])
-        ], !0)
-      ]),
-      selected_option: i(({ option: t }) => [
-        n(l(g), {
-          "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: i(() => [
-              f("img", u({
-                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: i(() => [
-              n(l(h), {
-                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_5764fd61_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5764fd61"]]);
-export {
-  p as default
-};

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

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