@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-rc.5

package/components/includeExclude/IncludeExcludeOption.vue2.js

@@ -0,0 +1,116 @@
+ import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_18847008_lang.css"; 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";
+import "../typography/Heading.vue.js";
+import C from "../typography/Text.vue.js";
+import { useIncludeExcludeContext as z } from "./IncludeExcludeContext.js";
+import { useId as S } from "../../composables/useId.js";
+import V from "../checkbox/Checkbox.vue.js";
+import "../tooltip/Tooltip.vue2.js";
+import D from "../icon/v3/Icon.vue.js";
+import { NOOP as M } from "@vue/shared";
+import $ from "../tooltip/Tooltip.vue.js";
+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
+};

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     option: unknown;
     subtitle?: string;
     disabled?: boolean;
@@ -25,6 +25,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     subtitle: string;
     clearable: boolean;
     titleText: string;
+}>, {
+    image?(_: {}): any;
+    "icon-start"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -37,7 +40,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js

@@ -1,126 +1,7 @@
-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/v3/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"
+import e from "./IncludeExcludeOptionDraggable.vue2.js";
+/* empty css                                    */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_df79f184_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-df79f184"]]);
+export {
+  d as default
 };
-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), {
-              "font-size": "sm",
-              size: "sm",
-              name: "close-bold"
-            })
-          ])
-        ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var IncludeExcludeOptionDraggable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21cc47fc"]]);
-
-export { IncludeExcludeOptionDraggable as default };

package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js

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