@ironsource/shared-ui 1.4.2-test.4 → 1.4.2-test.6

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

@@ -1,138 +1,88 @@
 import { Application } from './includeExcludeMocks.js';
-declare const _default: import("vue").DefineComponent<{
-    searchAttribute: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<Application[]>;
-        required: true;
-    };
-    searchPlaceholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    clearable: {
-        type: import("vue").PropType<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;
-    };
-    applications: {
-        type: import("vue").PropType<Application[]>;
-        required: true;
-    };
-    isLoading: {
-        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<{
-    searchAttribute: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<Application[]>;
-        required: true;
-    };
-    searchPlaceholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    clearable: {
-        type: import("vue").PropType<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;
-    };
-    applications: {
-        type: import("vue").PropType<Application[]>;
-        required: true;
-    };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
-    searchAttribute: string;
+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;
+    applications: Application[];
+    titleText: string;
+    modelValue: Application[];
+    distanceOffset?: number;
+    skiddingOffset?: number;
+    isLoading?: boolean;
+}>, {
+    showSubTitle: boolean;
     searchPlaceholder: string;
+    showIcon: boolean;
     titleText: string;
+    keyField: string;
+    subTitleKey: string;
+    searchAttribute: string;
+    imgProps: any;
+    optionProps: any;
     distanceOffset: number;
     skiddingOffset: number;
+    isLoading: boolean;
+}>, {}, 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<{
+    imgProps?: unknown;
+    optionProps?: unknown;
+    showSubTitle?: boolean;
+    clearable?: boolean;
+    searchPlaceholder?: string;
+    showIcon?: boolean;
+    keyField?: string;
+    subTitleKey?: string;
+    searchAttribute?: string;
+    applications: Application[];
+    titleText: string;
+    modelValue: Application[];
+    distanceOffset?: number;
+    skiddingOffset?: number;
+    isLoading?: boolean;
+}>, {
+    showSubTitle: boolean;
+    searchPlaceholder: string;
+    showIcon: boolean;
+    titleText: string;
     keyField: string;
+    subTitleKey: string;
+    searchAttribute: string;
     imgProps: any;
     optionProps: any;
+    distanceOffset: number;
+    skiddingOffset: number;
+    isLoading: boolean;
+}>>>, {
+    searchAttribute: string;
+    searchPlaceholder: string;
+    titleText: string;
+    distanceOffset: number;
+    skiddingOffset: number;
+    keyField: string;
     showSubTitle: boolean;
     showIcon: boolean;
     subTitleKey: string;
+    imgProps: any;
+    optionProps: any;
     isLoading: boolean;
-}>;
+}, {}>;
 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];
+};

package/components/includeExclude/IncludeExcludeAppHeader.vue.js

@@ -1,6 +1,121 @@
-import e from "./IncludeExcludeAppHeader.vue2.js";
-/* empty css                              */import o from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-def8cb54"]]);
-export {
-  c as default
-};
+import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createSlots, createTextVNode, toDisplayString } from 'vue';
+import Icon from '../icon/Icon.vue.js';
+import AppIcon from '../appIcon/AppIcon.vue.js';
+import { useSearch } from '../../composables/useSearch.vue.js';
+import IncludeExclude from './IncludeExclude.vue.js';
+import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
+import './IncludeExcludeOptionDraggable.vue.js';
+import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
+import './IncludeExcludeChipFilter.vue.js';
+/* empty css                                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = defineComponent({
+  __name: "IncludeExcludeAppHeader",
+  props: {
+    imgProps: { default: void 0 },
+    optionProps: { default: void 0 },
+    showSubTitle: { type: Boolean, default: false },
+    clearable: { type: Boolean },
+    searchPlaceholder: { default: "Search" },
+    showIcon: { type: Boolean, default: true },
+    keyField: { default: "appKey" },
+    subTitleKey: { default: "appKey" },
+    searchAttribute: { default: "name" },
+    applications: {},
+    titleText: { default: "Application" },
+    modelValue: {},
+    distanceOffset: { default: 4 },
+    skiddingOffset: { default: 4 },
+    isLoading: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const search = useSearch({ searchAttribute: props.searchAttribute });
+    const selectedOptionRef = ref(props.modelValue);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
+        modelValue: selectedOptionRef.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = $event),
+        loading: _ctx.isLoading,
+        "distance-offset": _ctx.distanceOffset,
+        "skidding-offset": _ctx.skiddingOffset,
+        "title-text": _ctx.titleText,
+        "is-on-top": true,
+        options: _ctx.applications,
+        "has-subtitle": _ctx.showSubTitle,
+        "search-placeholder": _ctx.searchPlaceholder,
+        "on-search": unref(search),
+        "key-field": _ctx.keyField
+      }), {
+        trigger: withCtx(() => [
+          createVNode(unref(IncludeExcludeAppTrigger), {
+            selected: selectedOptionRef.value,
+            options: _ctx.applications,
+            loading: _ctx.isLoading
+          }, null, 8, ["selected", "options", "loading"])
+        ]),
+        option: withCtx(({ option, showCheckbox }) => [
+          createVNode(unref(IncludeExcludeOption), {
+            option,
+            "show-checkbox": showCheckbox,
+            "title-text": option?.name,
+            subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : ""
+          }, createSlots({
+            image: withCtx(() => [
+              createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
+                src: option.icon,
+                size: _ctx.showSubTitle ? "lg" : "md"
+              }), null, 16, ["src", "size"])
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString(option.name), 1)
+            ]),
+            _: 2
+          }, [
+            _ctx.showIcon ? {
+              name: "icon-start",
+              fn: withCtx(() => [
+                createVNode(unref(Icon), {
+                  name: option.platform.toLowerCase()
+                }, null, 8, ["name"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["option", "show-checkbox", "title-text", "subtitle"])
+        ]),
+        selected_option: withCtx(({ option }) => [
+          createVNode(unref(IncludeExcludeOption), {
+            "show-checkbox": false,
+            clearable: true,
+            option,
+            subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : "",
+            "title-text": option?.name
+          }, createSlots({
+            image: withCtx(() => [
+              createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
+                src: option.icon,
+                size: _ctx.showSubTitle ? "lg" : "md"
+              }), null, 16, ["src", "size"])
+            ]),
+            _: 2
+          }, [
+            _ctx.showIcon ? {
+              name: "icon-start",
+              fn: withCtx(() => [
+                createVNode(unref(Icon), {
+                  name: option.platform.toLowerCase()
+                }, null, 8, ["name"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["option", "subtitle", "title-text"])
+        ]),
+        _: 1
+      }, 16, ["modelValue", "loading", "distance-offset", "skidding-offset", "title-text", "options", "has-subtitle", "search-placeholder", "on-search", "key-field"]);
+    };
+  }
+});
+var IncludeExcludeAppHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-03cefd76"]]);
+
+export { IncludeExcludeAppHeader as default };

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

@@ -1,46 +1,37 @@
 import { Application } from '@/components/includeExclude/includeExcludeMocks';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    loading: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    selected: {
-        type: import("vue").PropType<Application[]>;
-        default: any;
-    };
-    options: {
-        type: import("vue").PropType<Application[]>;
-        default: any;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    loading: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    selected: {
-        type: import("vue").PropType<Application[]>;
-        default: any;
-    };
-    options: {
-        type: import("vue").PropType<Application[]>;
-        default: any;
-    };
-}>>, {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected?: Application[];
+    options?: Application[];
+    loading: boolean;
+}>, {
+    selected: any;
+    options: any;
+    loading: boolean;
+}>, {}, 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<{
+    selected?: Application[];
+    options?: Application[];
+    loading: boolean;
+}>, {
+    selected: any;
+    options: any;
+    loading: boolean;
+}>>>, {
     loading: boolean;
     selected: Application[];
     options: Application[];
-}>, {
-    "left-image"?(_: {}): any;
-    "left-icon"?(_: {}): any;
-    title?(_: {}): any;
-    description?(_: {}): any;
-    "right-icon"?(_: {}): 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/IncludeExcludeAppTrigger.vue.js

@@ -1,6 +1,176 @@
-import o from "./IncludeExcludeAppTrigger.vue2.js";
-/* empty css                               */import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a59d5600"]]);
-export {
-  a as default
-};
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import '../button/Button.vue.js';
+import IconButton from '../button/IconButton.vue.js';
+import '../button/ScrollButton.vue.js';
+import '../typography/Heading.vue.js';
+import Text from '../typography/Text.vue.js';
+import Icon from '../icon/Icon.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+import AppIcon from '../appIcon/AppIcon.vue.js';
+/* empty css                                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { class: "include-exclude-trigger-left-image" };
+const allTitle = "All apps selected";
+const _sfc_main = defineComponent({
+  __name: "IncludeExcludeAppTrigger",
+  props: {
+    selected: { default: null },
+    options: { default: null },
+    loading: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const title = computed(() => {
+      if (allMode.value) {
+        return allTitle;
+      }
+      if (singleApp.value) {
+        return `${firstSelection.value?.name}`;
+      }
+      return `${selectedSize.value} apps selected`;
+    });
+    const osIcon = computed(() => {
+      if (!allMode.value) {
+        return firstSelection.value.platform.toLowerCase();
+      }
+      return null;
+    });
+    const appImage = computed(() => {
+      if (!selectedSize.value || !optionsSize.value) {
+        return "";
+      }
+      return firstSelection.value?.icon;
+    });
+    const description = computed(() => {
+      if (props.loading) {
+        return "";
+      }
+      if (singleApp.value) {
+        return firstSelection.value.appKey;
+      }
+      if (allMode.value) {
+        return allDescription.value;
+      }
+      if (selectedSize.value <= 0) {
+        return `${firstSelection.value?.name}`;
+      }
+      return `${firstSelection.value?.name} and ${selectedSize.value - 1}+`;
+    });
+    const selectedSize = computed(() => {
+      return props.selected?.length || 0;
+    });
+    const optionsSize = computed(() => {
+      return props.options?.length || 0;
+    });
+    const singleApp = computed(() => {
+      return selectedSize.value === 1;
+    });
+    const allMode = computed(() => {
+      return props.loading || optionsSize.value === selectedSize.value || !selectedSize.value;
+    });
+    const allDescription = computed(() => {
+      if (optionsSize.value === 1) {
+        return `${firstOption.value?.name}`;
+      }
+      return `${firstOption.value?.name} and ${optionsSize.value - 1}+`;
+    });
+    const firstSelection = computed(() => {
+      return props.selected?.[0];
+    });
+    const firstOption = computed(() => {
+      return props.options?.[0];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["include-exclude-trigger-container", {
+          "include-exclude-trigger-container--with-icons": selectedSize.value > 0 || allMode.value
+        }])
+      }, [
+        renderSlot(_ctx.$slots, "left-image", {}, () => [
+          createElementVNode("div", _hoisted_1, [
+            appImage.value ? (openBlock(), createBlock(unref(AppIcon), {
+              key: 0,
+              size: "xl",
+              src: appImage.value
+            }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
+              key: 1,
+              class: "trigger-icon",
+              "font-size": "2rem",
+              name: "widgetsz"
+            }))
+          ])
+        ], true),
+        renderSlot(_ctx.$slots, "left-icon", {}, () => [
+          osIcon.value ? (openBlock(), createBlock(unref(Icon), {
+            key: 0,
+            class: "include-exclude-trigger-left-icon",
+            name: osIcon.value,
+            "font-size": "md"
+          }, null, 8, ["name"])) : createCommentVNode("", true)
+        ], true),
+        createElementVNode("div", {
+          class: normalizeClass(["include-exclude-trigger-middle-section", {
+            "include-exclude-trigger-middle-section--single": singleApp.value,
+            "include-exclude-trigger-middle-section--loading": _ctx.loading || !_ctx.options?.length
+          }])
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createVNode(unref(_sfc_main$1), { text: title.value }, {
+              default: withCtx(() => [
+                createVNode(unref(Text), {
+                  strong: "",
+                  class: "title",
+                  "is-truncated": "",
+                  size: "sm"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(title.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ], true),
+          renderSlot(_ctx.$slots, "description", {}, () => [
+            createElementVNode("div", null, [
+              createVNode(unref(_sfc_main$1), { text: description.value }, {
+                default: withCtx(() => [
+                  createVNode(unref(Text), {
+                    class: "include-exclude-trigger-description",
+                    size: "xs",
+                    "is-truncated": ""
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(description.value), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["text"])
+            ])
+          ], true)
+        ], 2),
+        renderSlot(_ctx.$slots, "right-icon", {}, () => [
+          createVNode(unref(IconButton), {
+            class: "include-exclude-trigger-right-icon",
+            theme: "third"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(Icon), {
+                "font-size": "sm",
+                name: "angle-down"
+              })
+            ]),
+            _: 1
+          })
+        ], true)
+      ], 2);
+    };
+  }
+});
+var IncludeExcludeAppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-103f63a6"]]);
+
+export { IncludeExcludeAppTrigger as default };