@ironsource/shared-ui 1.4.2-rc.6 → 1.4.2-test.0

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

@@ -0,0 +1,145 @@
+import { defineComponent as k, computed as r, openBlock as T, createBlock as S, unref as l, mergeProps as u, isRef as K, withCtx as i, renderSlot as c, createVNode as n, createTextVNode as V, toDisplayString as I, createSlots as m, createElementVNode as f } from "vue";
+import h from "../icon/Icon.vue.vue.js";
+import v from "../chip/Chip.vue.vue.js";
+import { useSearch as P } from "../../composables/useSearch.vue.js";
+import B from "./IncludeExclude.vue.vue.js";
+import g from "./IncludeExcludeOption.vue.vue.js";
+/* empty css                              *//* empty css                           *//* empty css                            *//* empty css                         *//* empty css                             */import "floating-vue";
+/* empty css                                       *//* empty css                           *//* empty css                               *//* empty css                           *//* empty css                                   *//* empty css                                  *//* empty css                                   */const C = ["src"], F = ["src"], X = /* @__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 = r({
+      get() {
+        return d.modelValue;
+      },
+      set(a) {
+        b("update:modelValue", a);
+      }
+    }), x = r(() => 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(() => [
+        c(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 }) => [
+        c(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 {
+  X as default
+};

package/components/includeExclude/IncludeExcludeContext.vue.js

@@ -1,19 +1,18 @@
-import { inject } from 'vue';
-
-const IncludeExcludeContext = Symbol(
+import { inject as r } from "vue";
+const c = Symbol(
   "IncludeExcludeContext"
 );
-function useIncludeExcludeContext(component) {
-  const context = inject(IncludeExcludeContext, null);
-  if (context === null) {
-    const err = new Error(
-      `<${component} /> is missing a parent <IncludeExclude /> component.`
+function o(n) {
+  const e = r(c, null);
+  if (e === null) {
+    const t = new Error(
+      `<${n} /> is missing a parent <IncludeExclude /> component.`
     );
-    if (Error.captureStackTrace)
-      Error.captureStackTrace(err, useIncludeExcludeContext);
-    throw err;
+    throw Error.captureStackTrace && Error.captureStackTrace(t, o), t;
   }
-  return context;
+  return e;
 }
-
-export { IncludeExcludeContext, useIncludeExcludeContext };
+export {
+  c as IncludeExcludeContext,
+  o as useIncludeExcludeContext
+};

package/components/includeExclude/IncludeExcludeOption.vue.d.ts

@@ -1,48 +1,66 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    option: unknown;
-    subtitle?: string;
-    disabled?: boolean;
-    showCheckbox?: boolean;
-    clearable?: boolean;
-    titleText?: string;
-}>, {
-    subtitle: string;
-    disabled: boolean;
-    showCheckbox: boolean;
-    clearable: boolean;
-    titleText: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    option: unknown;
-    subtitle?: string;
-    disabled?: boolean;
-    showCheckbox?: boolean;
-    clearable?: boolean;
-    titleText?: string;
-}>, {
-    subtitle: string;
-    disabled: boolean;
-    showCheckbox: boolean;
-    clearable: boolean;
-    titleText: string;
-}>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    option: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    titleText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showCheckbox: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    titleText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showCheckbox: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
     disabled: boolean;
     subtitle: string;
     clearable: boolean;
     titleText: string;
     showCheckbox: boolean;
+}>, {
+    image?(_: {}): any;
+    "icon-start"?(_: {}): any;
 }>;
 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

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

@@ -0,0 +1,6 @@
+import o from "./IncludeExcludeOption.vue.vue2.js";
+/* empty css                               */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-86841ad7"]]);
+export {
+  c as default
+};

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

@@ -0,0 +1,114 @@
+import { defineComponent as E, ref as N, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as T } from "vue";
+/* empty css                              */import C from "../typography/Text.vue.vue.js";
+import { useIncludeExcludeContext as z } from "./IncludeExcludeContext.vue.js";
+import { useId as S } from "../../composables/useId.vue.js";
+import V from "../checkbox/Checkbox.vue.vue.js";
+import $ from "../tooltip/Tooltip.vue.vue.js";
+/* empty css                           */import D from "../icon/Icon.vue.vue.js";
+import { NOOP as M } from "@vue/shared";
+const P = {
+  key: 1,
+  class: "image"
+}, j = {
+  key: 2,
+  class: "start-icon"
+}, q = { class: "text-container" }, A = { key: 0 }, X = /* @__PURE__ */ E({
+  __name: "IncludeExcludeOption",
+  props: {
+    option: null,
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    showCheckbox: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    titleText: { default: "" }
+  },
+  setup(t) {
+    const r = t, l = z("IncludeExcludeOption"), g = S().value, w = N(null), B = () => {
+      l.select(r.option);
+    }, f = !0, b = 200, I = v(() => l.activeIndex.value !== null ? l.activeOption.value === r.option : !1), u = v(() => l.selectedOption.value.includes(r.option));
+    return (i, s) => (o(), a("div", {
+      ref_key: "el",
+      ref: w,
+      class: k(["item-container", {
+        "item-container--disabled": t.disabled,
+        "item-container--active": e(I),
+        "item-container--selected": e(u),
+        "item-container--multi": f,
+        "item-container--two-lines": t.subtitle?.length
+      }])
+    }, [
+      m("div", {
+        class: k(["item", {
+          "item--multi": f,
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image,
+          "item--without-icon": !i.$slots["icon-start"] && !i.$slots.image
+        }])
+      }, [
+        t.showCheckbox ? (o(), p(e(V), {
+          key: 0,
+          id: e(g).toString(),
+          tabindex: "-1",
+          class: "checkbox",
+          size: "sm",
+          "is-checked": e(u),
+          onClick: s[0] || (s[0] = (O) => t.disabled ? e(M)() : B())
+        }, null, 8, ["id", "is-checked"])) : n("", !0),
+        i.$slots.image ? (o(), a("div", P, [
+          x(i.$slots, "image", {}, void 0, !0)
+        ])) : n("", !0),
+        i.$slots["icon-start"] ? (o(), a("div", j, [
+          x(i.$slots, "icon-start", {}, void 0, !0)
+        ])) : n("", !0),
+        m("div", q, [
+          c(e($), {
+            delay: b,
+            text: t.titleText
+          }, {
+            default: d(() => [
+              c(e(C), {
+                size: "sm",
+                "is-truncated": ""
+              }, {
+                default: d(() => [
+                  h(y(t.titleText), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text"]),
+          c(e($), {
+            delay: b,
+            text: t.subtitle
+          }, {
+            default: d(() => [
+              t.subtitle ? (o(), p(e(C), {
+                key: 0,
+                class: "subtitle",
+                size: "caption",
+                "is-truncated": ""
+              }, {
+                default: d(() => [
+                  h(y(t.subtitle), 1)
+                ]),
+                _: 1
+              })) : n("", !0)
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ])
+      ], 2),
+      t.clearable && e(u) ? (o(), a("div", A, [
+        m("button", {
+          class: "clear-button",
+          onClick: s[1] || (s[1] = T((O) => e(l).removeSelection(t.option), ["prevent", "stop"]))
+        }, [
+          c(e(D), { name: "close-bold" })
+        ])
+      ])) : n("", !0)
+    ], 2));
+  }
+});
+export {
+  X as default
+};