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

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

@@ -1,84 +1,170 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    imgProps?: unknown;
-    optionProps?: unknown;
-    showSubTitle?: boolean;
-    clearable?: boolean;
-    searchPlaceholder?: string;
-    showIcon?: boolean;
-    keyField?: string;
-    subTitleKey?: string;
-    searchAttribute?: string;
-    options: unknown[];
-    titleText: string;
-    modelValue: unknown[];
-    distanceOffset?: number;
-    skiddingOffset?: number;
-    isLoading?: boolean;
-    iconKey?: string;
-    textKey?: string;
-    showImage?: boolean;
-    triggerProps: unknown;
-    triggerTextFunc?: (option: unknown) => string;
-}>, {
-    showSubTitle: boolean;
-    searchPlaceholder: string;
-    showIcon: boolean;
-    titleText: string;
-    keyField: string;
-    subTitleKey: string;
-    searchAttribute: string;
-    iconKey: string;
-    textKey: string;
-    imgProps: any;
-    optionProps: any;
-    distanceOffset: number;
-    skiddingOffset: number;
-    isLoading: boolean;
-    showImage: boolean;
-    clearable: boolean;
-    triggerTextFunc: () => "";
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    searchAttribute: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    searchPlaceholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    titleText: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    distanceOffset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    skiddingOffset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    keyField: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imgProps: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    optionProps: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    showSubTitle: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subTitleKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    textKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showImage: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    triggerProps: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    triggerTextFunc: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        default: () => "";
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: unknown[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    imgProps?: unknown;
-    optionProps?: unknown;
-    showSubTitle?: boolean;
-    clearable?: boolean;
-    searchPlaceholder?: string;
-    showIcon?: boolean;
-    keyField?: string;
-    subTitleKey?: string;
-    searchAttribute?: string;
-    options: unknown[];
-    titleText: string;
-    modelValue: unknown[];
-    distanceOffset?: number;
-    skiddingOffset?: number;
-    isLoading?: boolean;
-    iconKey?: string;
-    textKey?: string;
-    showImage?: boolean;
-    triggerProps: unknown;
-    triggerTextFunc?: (option: unknown) => string;
-}>, {
-    showSubTitle: boolean;
-    searchPlaceholder: string;
-    showIcon: boolean;
-    titleText: string;
-    keyField: string;
-    subTitleKey: string;
-    searchAttribute: string;
-    iconKey: string;
-    textKey: string;
-    imgProps: any;
-    optionProps: any;
-    distanceOffset: number;
-    skiddingOffset: number;
-    isLoading: boolean;
-    showImage: boolean;
-    clearable: boolean;
-    triggerTextFunc: () => "";
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    searchAttribute: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    searchPlaceholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    titleText: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    distanceOffset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    skiddingOffset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    keyField: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imgProps: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    optionProps: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    showSubTitle: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    subTitleKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    textKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showImage: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    triggerProps: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    triggerTextFunc: {
+        type: import("vue").PropType<(option: unknown) => string>;
+        default: () => "";
+    };
+}>> & {
     "onUpdate:modelValue"?: (val: unknown[]) => any;
 }, {
     searchAttribute: string;
@@ -88,29 +174,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     distanceOffset: number;
     skiddingOffset: number;
     keyField: string;
+    imgProps: any;
+    optionProps: any;
     showSubTitle: boolean;
     showIcon: boolean;
     subTitleKey: string;
-    imgProps: any;
-    optionProps: any;
     isLoading: boolean;
     iconKey: string;
     textKey: string;
     showImage: boolean;
     triggerTextFunc: (option: unknown) => string;
+}>, {
+    input?(_: {}): any;
+    option?(_: {}): 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/IncludeExcludeChipFilter.vue.js

@@ -1,155 +1,6 @@
-import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, isRef, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createSlots, createElementVNode } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-import Chip from '../chip/Chip.vue.js';
-import { useSearch } from '../../composables/useSearch.vue.js';
-import IncludeExclude from './IncludeExclude.vue.js';
-import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.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                                                                          */
-import "../../IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["src"];
-const _hoisted_2 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IncludeExcludeChipFilter",
-  props: {
-    imgProps: { default: void 0 },
-    optionProps: { default: void 0 },
-    showSubTitle: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: true },
-    searchPlaceholder: { default: "Search" },
-    showIcon: { type: Boolean, default: true },
-    keyField: { default: "name" },
-    subTitleKey: { default: "" },
-    searchAttribute: { default: "name" },
-    options: null,
-    titleText: { default: "" },
-    modelValue: null,
-    distanceOffset: { default: -8 },
-    skiddingOffset: { default: 0 },
-    isLoading: { type: Boolean, default: false },
-    iconKey: { default: "icon" },
-    textKey: { default: "name" },
-    showImage: { type: Boolean, default: true },
-    triggerProps: null,
-    triggerTextFunc: { type: Function, default: () => "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const search = useSearch({ searchAttribute: props.searchAttribute });
-    const selectedOptionRef = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(value) {
-        emit("update:modelValue", value);
-      }
-    });
-    const chipText = computed(() => props.triggerTextFunc(selectedOptionRef));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
-        modelValue: unref(selectedOptionRef),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(selectedOptionRef) ? selectedOptionRef.value = $event : null),
-        loading: __props.isLoading,
-        "distance-offset": __props.distanceOffset,
-        "skidding-offset": __props.skiddingOffset,
-        "title-text": __props.titleText,
-        "is-on-top": true,
-        options: __props.options,
-        "has-subtitle": __props.showSubTitle,
-        "search-placeholder": __props.searchPlaceholder,
-        "on-search": unref(search),
-        "key-field": __props.keyField
-      }), {
-        trigger: withCtx(() => [
-          renderSlot(_ctx.$slots, "input", {}, () => [
-            createVNode(unref(Chip), mergeProps({
-              selected: !!__props.modelValue.length
-            }, __props.triggerProps, {
-              clearable: __props.clearable,
-              onCleared: _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = [])
-            }), {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(chipText)), 1)
-              ]),
-              _: 1
-            }, 16, ["selected", "clearable"])
-          ], true)
-        ]),
-        option: withCtx(({ option, showCheckbox }) => [
-          renderSlot(_ctx.$slots, "option", {}, () => [
-            createVNode(unref(IncludeExcludeOption), {
-              option,
-              "show-checkbox": showCheckbox,
-              subtitle: __props.showSubTitle ? option[__props.subTitleKey] : "",
-              "title-text": option[__props.textKey]
-            }, createSlots({ _: 2 }, [
-              __props.showImage ? {
-                name: "image",
-                fn: withCtx(() => [
-                  createElementVNode("img", mergeProps({
-                    class: ["option-image", {
-                      "option-image-single-line": !__props.showSubTitle,
-                      "option-image-multi-lines": __props.showSubTitle
-                    }]
-                  }, __props.imgProps, {
-                    src: option[__props.iconKey],
-                    alt: ""
-                  }), null, 16, _hoisted_1)
-                ]),
-                key: "0"
-              } : void 0,
-              __props.showIcon ? {
-                name: "icon-start",
-                fn: withCtx(() => [
-                  createVNode(unref(Icon), {
-                    name: option[__props.iconKey].toLowerCase()
-                  }, null, 8, ["name"])
-                ]),
-                key: "1"
-              } : void 0
-            ]), 1032, ["option", "show-checkbox", "subtitle", "title-text"])
-          ], true)
-        ]),
-        selected_option: withCtx(({ option }) => [
-          createVNode(unref(IncludeExcludeOption), {
-            "show-checkbox": false,
-            clearable: true,
-            option,
-            "title-text": option[__props.textKey],
-            subtitle: __props.showSubTitle ? option[__props.subTitleKey] : ""
-          }, createSlots({ _: 2 }, [
-            __props.showImage ? {
-              name: "image",
-              fn: withCtx(() => [
-                createElementVNode("img", mergeProps({
-                  class: ["option-image", {
-                    "option-image-single-line": !__props.showSubTitle,
-                    "option-image-multi-lines": __props.showSubTitle
-                  }]
-                }, __props.imgProps, {
-                  src: option[__props.iconKey]
-                }), null, 16, _hoisted_2)
-              ]),
-              key: "0"
-            } : void 0,
-            __props.showIcon ? {
-              name: "icon-start",
-              fn: withCtx(() => [
-                createVNode(unref(Icon), {
-                  name: option[__props.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"]);
-    };
-  }
-});
-var IncludeExcludeChipFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a97a34d2"]]);
-
-export { IncludeExcludeChipFilter as default };
+import e from "./IncludeExcludeChipFilter.vue2.js";
+/* empty css                               */import o from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9ec02e0e"]]);
+export {
+  p as default
+};

package/components/includeExclude/IncludeExcludeChipFilter.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.js";
+import v from "../chip/Chip.vue.js";
+import { useSearch as P } from "../../composables/useSearch.js";
+import B from "./IncludeExclude.vue.js";
+import g from "./IncludeExcludeOption.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.js

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