@ironsource/shared-ui 1.4.2-test.1 → 1.4.2-test.11

package/components/includeExclude/IncludeExcludeOption.vue.js

@@ -1,6 +1,135 @@
-import o from "./IncludeExcludeOption.vue2.js";
-/* empty css                           */import t from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-86841ad7"]]);
-export {
-  c as default
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, withModifiers } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+import { useIncludeExcludeContext } from './IncludeExcludeContext.vue.js';
+import { useId } from '../../composables/useId.vue.js';
+import Checkbox from '../checkbox/Checkbox.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+import Icon from '../icon/Icon.vue.js';
+import { NOOP } from '@vue/shared';
+/* empty css                                                                      */
+import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = {
+  key: 1,
+  class: "image"
 };
+const _hoisted_2 = {
+  key: 2,
+  class: "start-icon"
+};
+const _hoisted_3 = { class: "text-container" };
+const _hoisted_4 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IncludeExcludeOption",
+  props: {
+    option: null,
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: false },
+    showCheckbox: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: false },
+    titleText: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const api = useIncludeExcludeContext("IncludeExcludeOption");
+    const id = useId().value;
+    const el = ref(null);
+    const onClick = () => {
+      api.select(props.option);
+    };
+    const isMulti = true;
+    const tooltipDelay = 200;
+    const active = computed(() => {
+      return api.activeIndex.value !== null ? api.activeOption.value === props.option : false;
+    });
+    const selected = computed(() => {
+      return api.selectedOption.value.includes(props.option);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        class: normalizeClass(["item-container", {
+          "item-container--disabled": __props.disabled,
+          "item-container--active": unref(active),
+          "item-container--selected": unref(selected),
+          "item-container--multi": isMulti,
+          "item-container--two-lines": __props.subtitle?.length
+        }])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["item", {
+            "item--multi": isMulti,
+            "item--with-icon": _ctx.$slots["icon-start"] || _ctx.$slots.image,
+            "item--without-icon": !_ctx.$slots["icon-start"] && !_ctx.$slots.image
+          }])
+        }, [
+          __props.showCheckbox ? (openBlock(), createBlock(unref(Checkbox), {
+            key: 0,
+            id: unref(id).toString(),
+            tabindex: "-1",
+            class: "checkbox",
+            size: "sm",
+            "is-checked": unref(selected),
+            onClick: _cache[0] || (_cache[0] = ($event) => __props.disabled ? unref(NOOP)() : onClick())
+          }, null, 8, ["id", "is-checked"])) : createCommentVNode("", true),
+          _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "image", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(_sfc_main$1), {
+              delay: tooltipDelay,
+              text: __props.titleText
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Text), {
+                  size: "sm",
+                  "is-truncated": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.titleText), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["text"]),
+            createVNode(unref(_sfc_main$1), {
+              delay: tooltipDelay,
+              text: __props.subtitle
+            }, {
+              default: withCtx(() => [
+                __props.subtitle ? (openBlock(), createBlock(unref(Text), {
+                  key: 0,
+                  class: "subtitle",
+                  size: "caption",
+                  "is-truncated": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.subtitle), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ])
+        ], 2),
+        __props.clearable && unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createElementVNode("button", {
+            class: "clear-button",
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(api).removeSelection(__props.option), ["prevent", "stop"]))
+          }, [
+            createVNode(unref(Icon), { name: "close-bold" })
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+var IncludeExcludeOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7231fd11"]]);
+
+export { IncludeExcludeOption as default };

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

@@ -0,0 +1,43 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    option: unknown;
+    subtitle?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    titleText?: string;
+}>, {
+    subtitle: string;
+    disabled: 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;
+    clearable?: boolean;
+    titleText?: string;
+}>, {
+    subtitle: string;
+    disabled: boolean;
+    clearable: boolean;
+    titleText: string;
+}>>>, {
+    disabled: boolean;
+    subtitle: string;
+    clearable: boolean;
+    titleText: string;
+}>;
+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/IncludeExcludeOptionDraggable.vue.js

@@ -0,0 +1,122 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, withModifiers } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+import { useIncludeExcludeContext } from './IncludeExcludeContext.vue.js';
+import { useId } from '../../composables/useId.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+import Icon from '../icon/Icon.vue.js';
+/* empty css                                                                               */
+import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  key: 0,
+  class: "image"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "start-icon"
+};
+const _hoisted_4 = { class: "text-container" };
+const _hoisted_5 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IncludeExcludeOptionDraggable",
+  props: {
+    option: null,
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: false },
+    titleText: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const api = useIncludeExcludeContext("IncludeExcludeOption");
+    const id = useId().value;
+    const el = ref(null);
+    const isMulti = true;
+    const tooltipDelay = 200;
+    const active = computed(() => {
+      return api.activeIndex.value !== null ? api.activeOption.value === props.option : false;
+    });
+    const selected = computed(() => {
+      return api.selectedOption.value.includes(props.option);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: unref(id).toString(),
+        ref_key: "el",
+        ref: el,
+        class: normalizeClass(["item-container-draggable", {
+          "item-container-draggable--disabled": __props.disabled,
+          "item-container-draggable--active": unref(active),
+          "item-container-draggable--selected": unref(selected),
+          "item-container-draggable--multi": isMulti,
+          "item-container-draggable--two-lines": __props.subtitle?.length
+        }])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["item", {
+            "item--multi": isMulti,
+            "item--with-icon": _ctx.$slots["icon-start"] || _ctx.$slots.image,
+            "item--without-icon": !_ctx.$slots["icon-start"] && !_ctx.$slots.image
+          }])
+        }, [
+          _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "image", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_4, [
+            createVNode(unref(_sfc_main$1), {
+              delay: tooltipDelay,
+              text: __props.titleText
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Text), {
+                  size: "sm",
+                  "is-truncated": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.titleText), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["text"]),
+            createVNode(unref(_sfc_main$1), {
+              delay: tooltipDelay,
+              text: __props.subtitle
+            }, {
+              default: withCtx(() => [
+                __props.subtitle ? (openBlock(), createBlock(unref(Text), {
+                  key: 0,
+                  class: "subtitle",
+                  size: "caption",
+                  "is-truncated": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.subtitle), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ])
+        ], 2),
+        __props.clearable && unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("button", {
+            class: "clear-button",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(api).removeSelection(__props.option), ["prevent", "stop"]))
+          }, [
+            createVNode(unref(Icon), { name: "close-bold" })
+          ])
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var IncludeExcludeOptionDraggable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fcdeb5c8"]]);
+
+export { IncludeExcludeOptionDraggable as default };

package/components/includeExclude/includeExcludeMocks.d.ts

@@ -18,8 +18,20 @@ export type Platform = {
     name: string;
     icon: string;
 };
+export type groupOption = {
+    childOptionsIds: string[];
+    isCollapse: boolean;
+};
+export type EditColumns = {
+    name: string;
+    titleText: string;
+    icon: string;
+    disabled: boolean;
+    groupOption: groupOption;
+};
 export declare const apps: readonly Application[];
 /** used to test performance (756 apps) */
 export declare const applications: readonly Application[];
 export declare const countries: readonly Country[];
 export declare const platform: readonly Platform[];
+export declare const editColumns: readonly EditColumns[];