@ironsource/shared-ui 1.4.2-rc.5 → 1.4.2-test.0

package/components/includeExclude/IncludeExcludeAppTrigger.vue.js

@@ -1,173 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                      */import AppIcon from '../appIcon/AppIcon.vue.js';
-/* empty css                                                                          */
-import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "include-exclude-trigger-left-image" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IncludeExcludeAppTrigger",
-  props: {
-    selected: { default: null },
-    options: { default: null },
-    loading: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const allTitle = "All apps selected";
-    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": unref(selectedSize) > 0 || unref(allMode)
-        }])
-      }, [
-        renderSlot(_ctx.$slots, "left-image", {}, () => [
-          createElementVNode("div", _hoisted_1, [
-            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
-              key: 0,
-              size: "xl",
-              src: unref(appImage)
-            }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
-              key: 1,
-              class: "trigger-icon",
-              "font-size": "2rem",
-              name: "widgetsz"
-            }))
-          ])
-        ], true),
-        renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
-            key: 0,
-            class: "include-exclude-trigger-left-icon",
-            name: unref(osIcon),
-            "font-size": "md"
-          }, null, 8, ["name"])) : createCommentVNode("", true)
-        ], true),
-        createElementVNode("div", {
-          class: normalizeClass(["include-exclude-trigger-middle-section", {
-            "include-exclude-trigger-middle-section--single": unref(singleApp),
-            "include-exclude-trigger-middle-section--loading": __props.loading || !__props.options?.length
-          }])
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
-              default: withCtx(() => [
-                createVNode(unref(Text), {
-                  strong: "",
-                  class: "title",
-                  "is-truncated": "",
-                  size: "sm"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(title)), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["text"])
-          ], true),
-          renderSlot(_ctx.$slots, "description", {}, () => [
-            createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
-                default: withCtx(() => [
-                  createVNode(unref(Text), {
-                    class: "include-exclude-trigger-description",
-                    size: "xs",
-                    "is-truncated": ""
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(description)), 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 };

package/components/includeExclude/IncludeExcludeChipFilter.vue.js

@@ -1,155 +0,0 @@
-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 };

package/components/includeExclude/IncludeExcludeOption.vue.js

@@ -1,135 +0,0 @@
-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/input/DollarInput.vue.js

@@ -1,37 +0,0 @@
-import { defineComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, unref, createTextVNode } from 'vue';
-import Input from './Input.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                             */
-import "../../DollarInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
-  __name: "DollarInput",
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const reEmitUpdateEvent = (value) => emit("update:modelValue", value);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Input, mergeProps(props, {
-        type: "number",
-        "hide-number-arrows": true,
-        "onUpdate:modelValue": reEmitUpdateEvent
-      }), {
-        iconBefore: withCtx(() => [
-          createVNode(unref(Text), {
-            class: "dollar-sign",
-            size: "sm"
-          }, {
-            default: withCtx(() => [
-              createTextVNode("$")
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-});
-var DollarInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b96666f4"]]);
-
-export { DollarInput as default };