@ironsource/shared-ui 1.4.2-test.2 → 1.4.2-test.21

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

@@ -1,170 +1,84 @@
-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, {
+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, {
     "update:modelValue": (val: unknown[]) => void;
-}, 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: () => "";
-    };
-}>> & {
+}, 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: () => "";
+}>>> & {
     "onUpdate:modelValue"?: (val: unknown[]) => any;
 }, {
     searchAttribute: string;
@@ -174,23 +88,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     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_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/includeExclude/IncludeExcludeChipFilter.vue.js

@@ -1,6 +1,157 @@
-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
-};
+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 'floating-vue';
+/* empty css                                                      *//* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                               *//* empty css                                                      *//* empty css                                                                      *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                            *//* empty css                                                                        */import '@vueuse/core';
+import 'vuedraggable';
+/* empty css                                                                        */import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
+/* 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 };

package/components/includeExclude/IncludeExcludeContext.vue.js

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

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

@@ -0,0 +1,125 @@
+import { Placement } from 'floating-vue';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    titleText?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    modelValue: unknown | unknown[] | Record<string, unknown>;
+    clearable?: boolean;
+    placement?: Placement;
+    options: unknown[];
+    autoFocus?: boolean;
+    onSearch?: (option: any, term: string) => boolean;
+    searchPlaceholder?: string;
+    isOnTop?: boolean;
+    alwayesOpen?: boolean;
+    defaultOpen?: boolean;
+    showClearAll?: boolean;
+    distance?: number;
+    distanceOffset?: number;
+    skiddingOffset?: number;
+    hasSubtitle?: boolean;
+    keyField: string;
+    isDraggable?: boolean;
+    draggableArgs?: object;
+}>, {
+    titleText: string;
+    loading: boolean;
+    disabled: boolean;
+    autoFocus: boolean;
+    onSearch: () => true;
+    searchPlaceholder: string;
+    placement: string;
+    isOnTop: boolean;
+    defaultOpen: boolean;
+    showClearAll: boolean;
+    alwayesOpen: boolean;
+    distance: number;
+    distanceOffset: number;
+    skiddingOffset: number;
+    hasSubtitle: boolean;
+    isDraggable: boolean;
+    draggableArgs: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => void;
+} & {
+    changeDragDrop: (value: unknown) => void;
+} & {
+    clickOutside: (value: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    titleText?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    modelValue: unknown | unknown[] | Record<string, unknown>;
+    clearable?: boolean;
+    placement?: Placement;
+    options: unknown[];
+    autoFocus?: boolean;
+    onSearch?: (option: any, term: string) => boolean;
+    searchPlaceholder?: string;
+    isOnTop?: boolean;
+    alwayesOpen?: boolean;
+    defaultOpen?: boolean;
+    showClearAll?: boolean;
+    distance?: number;
+    distanceOffset?: number;
+    skiddingOffset?: number;
+    hasSubtitle?: boolean;
+    keyField: string;
+    isDraggable?: boolean;
+    draggableArgs?: object;
+}>, {
+    titleText: string;
+    loading: boolean;
+    disabled: boolean;
+    autoFocus: boolean;
+    onSearch: () => true;
+    searchPlaceholder: string;
+    placement: string;
+    isOnTop: boolean;
+    defaultOpen: boolean;
+    showClearAll: boolean;
+    alwayesOpen: boolean;
+    distance: number;
+    distanceOffset: number;
+    skiddingOffset: number;
+    hasSubtitle: boolean;
+    isDraggable: boolean;
+    draggableArgs: any;
+}>>> & {
+    "onUpdate:modelValue"?: (value: unknown) => any;
+    onClickOutside?: (value: unknown) => any;
+    onChangeDragDrop?: (value: unknown) => any;
+}, {
+    loading: boolean;
+    placement: Placement;
+    disabled: boolean;
+    searchPlaceholder: string;
+    isOnTop: boolean;
+    distance: number;
+    autoFocus: boolean;
+    defaultOpen: boolean;
+    onSearch: (option: any, term: string) => boolean;
+    hasSubtitle: boolean;
+    titleText: string;
+    showClearAll: boolean;
+    alwayesOpen: boolean;
+    distanceOffset: number;
+    skiddingOffset: number;
+    isDraggable: boolean;
+    draggableArgs: object;
+}>;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};