@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-test.2

package/components/icon/v4/IconV4.vue.d.ts

@@ -1,41 +0,0 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    type?: 'regular' | 'bold' | 'branded' | 'ad-unit' | 'ab-test';
-    name?: string;
-    size?: string;
-    color?: string;
-}>, {
-    name: any;
-    size: any;
-    color: any;
-    type: 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<{
-    type?: 'regular' | 'bold' | 'branded' | 'ad-unit' | 'ab-test';
-    name?: string;
-    size?: string;
-    color?: string;
-}>, {
-    name: any;
-    size: any;
-    color: any;
-    type: string;
-}>>>, {
-    name: string;
-    type: 'regular' | 'bold' | 'branded' | 'ad-unit' | 'ab-test';
-    size: string;
-    color: 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/icon/v4/IconV4.vue.js

@@ -1,84 +0,0 @@
-import { defineComponent, useCssVars, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, renderSlot } from 'vue';
-import { useStorage } from '../../../composables/useStorage.vue.js';
-/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../IconV4.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconV4",
-  props: {
-    type: { default: "regular" },
-    name: { default: null },
-    size: { default: null },
-    color: { default: null }
-  },
-  setup(__props) {
-    const props = __props;
-    useCssVars((_ctx) => ({
-      "4529a7a6": __props.size,
-      "5f2c5c5e": __props.color
-    }));
-    const requestCache = window.sharedUIRequestCache = window.sharedUIRequestCache || {};
-    const assetsBaseUrl = "https://fusion.ironsrc.net/assets";
-    const slots = useSlots();
-    const cls = computed(() => {
-      if (!props.name) {
-        return "";
-      }
-      const name = props.name.split("/");
-      return [props.name ? `icon-name--${name.at(-1)}` : ""];
-    });
-    const iconUrl = computed(() => {
-      if (slots.default) {
-        return "";
-      }
-      if (!props.name) {
-        console.error("Please provided icon name");
-        return "";
-      }
-      const path = props.type === "regular" || props.type === "bold" ? "ph/" : "v4/";
-      const suffix = props.type === "bold" ? `-${props.type}` : "";
-      return `${assetsBaseUrl}/icons/${path}${props.type}/${props.name}${suffix}.svg`;
-    });
-    const iconSvg = useStorage(`icon-${props.type}--${props.name}`);
-    function getSvg(url) {
-      if (!requestCache[url]) {
-        requestCache[url] = fetch(url).then((res) => res.text()).finally(() => {
-          delete requestCache[url];
-        }).catch((err) => {
-          console.error(err);
-        });
-      }
-      return requestCache[url];
-    }
-    function sanity(rawHtml) {
-      return rawHtml.replace(
-        /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
-        ""
-      );
-    }
-    if (!iconSvg.value && iconUrl.value) {
-      getSvg(iconUrl.value).then((res) => {
-        if (typeof res === "string" && res.startsWith("<svg")) {
-          iconSvg.value = res;
-        }
-      });
-    }
-    const safeSvgValue = computed(() => sanity(iconSvg.value ?? ""));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["icon", unref(cls)])
-      }, [
-        !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: "icon-wrapper",
-          innerHTML: unref(safeSvgValue)
-        }, null, 8, _hoisted_1)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0749e9a0"]]);
-
-export { Icon as default };

package/components/icon/v4/index.d.ts

@@ -1,50 +0,0 @@
-declare const IconTypes: () => import("vue").DefineComponent<{
-    name: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    type: {
-        type: import("vue").PropType<"bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
-    } & {
-        default: string;
-    };
-    size: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    color: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    type: {
-        type: import("vue").PropType<"bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
-    } & {
-        default: string;
-    };
-    size: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    color: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-}>>, {
-    name: string;
-    type: "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
-    size: string;
-    color: string;
-}>[];
-export { default as Icon } from './IconV4.vue';
-export { IconTypes };

package/components/icon/v4/index.vue.js

@@ -1,6 +0,0 @@
-import Icon from './IconV4.vue.js';
-export { default as Icon } from './IconV4.vue.js';
-
-const IconTypes = () => [Icon];
-
-export { IconTypes };

package/components/includeExclude/IncludeExcludeContext.vue.js

@@ -1,19 +0,0 @@
-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/index.vue.js

@@ -1,26 +0,0 @@
-import IncludeExclude from './IncludeExclude.vue.js';
-export { default as IncludeExclude } from './IncludeExclude.vue.js';
-import IncludeExcludeDragDrop from './IncludeExcludeDragDrop.vue.js';
-export { default as IncludeExcludeDragDrop } from './IncludeExcludeDragDrop.vue.js';
-import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
-export { default as IncludeExcludeOption } from './IncludeExcludeOption.vue.js';
-import IncludeExcludeOptionDraggable from './IncludeExcludeOptionDraggable.vue.js';
-export { default as IncludeExcludeOptionDraggable } from './IncludeExcludeOptionDraggable.vue.js';
-import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
-export { default as IncludeExcludeAppTrigger } from './IncludeExcludeAppTrigger.vue.js';
-import IncludeExcludeAppHeader from './IncludeExcludeAppHeader.vue.js';
-export { default as IncludeExcludeAppHeader } from './IncludeExcludeAppHeader.vue.js';
-import IncludeExcludeChipFilter from './IncludeExcludeChipFilter.vue.js';
-export { default as IncludeExcludeChipFilter } from './IncludeExcludeChipFilter.vue.js';
-
-const IncludeExcludeTypes = () => [
-  IncludeExclude,
-  IncludeExcludeDragDrop,
-  IncludeExcludeOption,
-  IncludeExcludeOptionDraggable,
-  IncludeExcludeAppTrigger,
-  IncludeExcludeAppHeader,
-  IncludeExcludeChipFilter
-];
-
-export { IncludeExcludeTypes };

package/components/input/common/Input.common.vue.js

@@ -1,72 +0,0 @@
-import { ref, computed, onMounted, nextTick } from 'vue';
-/* empty css                                                                     */import { useEditableContext } from '../../table-cells/EditableContext.vue.js';
-import '@vueuse/core';
-/* empty css                                                                          */import { REGEX_NUMBER_INPUT } from '../../../consts/regex.vue.js';
-
-const inputCommon = (props, emit) => {
-  const api = useEditableContext();
-  const onConfirm = () => {
-    api.onClose?.();
-  };
-  const onEnter = () => {
-    if (api?.confirmable && !api?.error?.value) {
-      api.onClose?.();
-    }
-  };
-  const inputRef = ref(null);
-  const isFocused = ref(false);
-  const showLabelInside = computed(() => {
-    return props.label && props.labelDirection === "inside" && !isFocused.value;
-  });
-  onMounted(async () => {
-    await nextTick();
-    if (!props.autoFocus && !api.focusable) {
-      return;
-    }
-    if (!inputRef.value) {
-      return;
-    }
-    inputRef.value.focus();
-  });
-  const labelText = computed(() => {
-    if (showLabelInside.value) {
-      let label = props.label;
-      if (props.mandatory) {
-        label += " *";
-      }
-      return label;
-    }
-    return props.placeholder;
-  });
-  const sizeClass = computed(() => {
-    return `input-size-${props.size}`;
-  });
-  const handleInput = (event) => {
-    api.onChange?.(event.target.value);
-    emit("update:modelValue", event.target.value);
-  };
-  const DECIMAL_POINT = ".";
-  const handleKeypress = (event) => {
-    if (props.onlyDigits) {
-      if (!event.key.match(REGEX_NUMBER_INPUT)) {
-        event.preventDefault();
-      } else if (event.key === DECIMAL_POINT && props.modelValue.toString().includes(DECIMAL_POINT)) {
-        event.preventDefault();
-      }
-    }
-  };
-  return {
-    onConfirm,
-    onEnter,
-    inputRef,
-    isFocused,
-    showLabelInside,
-    api,
-    labelText,
-    sizeClass,
-    handleInput,
-    handleKeypress
-  };
-};
-
-export { inputCommon };

package/components/input/v3/index.vue.js

@@ -1,12 +0,0 @@
-import Input from './Input.vue.js';
-export { default as Input } from './Input.vue.js';
-import DollarInput from './DollarInput.vue.js';
-export { default as DollarInput } from './DollarInput.vue.js';
-import PercentageInput from './PercentageInput.vue.js';
-export { default as PercentageInput } from './PercentageInput.vue.js';
-import PasswordInput from './PasswordInput.vue.js';
-export { default as PasswordInput } from './PasswordInput.vue.js';
-
-const InputTypes = () => [Input, DollarInput, PercentageInput, PasswordInput];
-
-export { InputTypes };

package/components/input/v4/index.vue.js

@@ -1,6 +0,0 @@
-import TextField from './TextField.vue.js';
-export { default as TextField } from './TextField.vue.js';
-
-const TextFieldTypes = () => [TextField];
-
-export { TextFieldTypes };

package/components/menu/index.vue.js

@@ -1,6 +0,0 @@
-import Menu from './Menu.vue.js';
-export { default as Menu } from './Menu.vue.js';
-
-const MenuTypes = () => [Menu];
-
-export { MenuTypes };

package/components/menuItem/index.vue.js

@@ -1,6 +0,0 @@
-import MenuItem from './MenuItem.vue.js';
-export { default as MenuItem } from './MenuItem.vue.js';
-
-const MenuItemTypes = () => [MenuItem];
-
-export { MenuItemTypes };

package/components/popover/index.vue.js

@@ -1,6 +0,0 @@
-import _sfc_main from './Popover.vue.js';
-export { default as Popover } from './Popover.vue.js';
-
-const PopoverTypes = () => [_sfc_main];
-
-export { PopoverTypes };

package/components/radioButton/index.vue.js

@@ -1,8 +0,0 @@
-import RadioButton from './RadioButton.vue.js';
-export { default as RadioButton } from './RadioButton.vue.js';
-import RadioGroup from './RadioGroup.vue.js';
-export { default as RadioGroup } from './RadioGroup.vue.js';
-
-const RadioButtonTypes = () => [RadioButton, RadioGroup];
-
-export { RadioButtonTypes };

package/components/radioButton/useRadio.vue.js

@@ -1,39 +0,0 @@
-import { ref, inject, computed, toRaw } from 'vue';
-
-const radioGroupKey = Symbol("radioGroupKey");
-const useRadio = (props, emit) => {
-  const radioRef = ref();
-  const radioGroup = inject(radioGroupKey, void 0);
-  const isGroup = computed(() => !!radioGroup);
-  const modelValue = computed({
-    get() {
-      return isGroup.value ? radioGroup?.modelValue : props.modelValue;
-    },
-    set(val) {
-      if (isGroup.value) {
-        radioGroup?.changeEvent(val);
-      } else {
-        emit && emit("update:modelValue", val);
-      }
-      if (radioRef.value) {
-        radioRef.value.checked = props.modelValue === props.label;
-      }
-    }
-  });
-  const disabled = computed(() => radioGroup?.disabled);
-  const focus = ref(false);
-  const tabIndex = computed(() => {
-    return toRaw(radioGroup.disabled) || isGroup.value && modelValue.value !== props.label ? -1 : 0;
-  });
-  return {
-    radioRef,
-    isGroup,
-    radioGroup,
-    focus,
-    disabled,
-    tabIndex,
-    modelValue
-  };
-};
-
-export { radioGroupKey, useRadio };

package/components/search/common/Search.common.vue.js

@@ -1,52 +0,0 @@
-import { ref, computed } from 'vue';
-
-const searchCommon = (props, emit) => {
-  const inputRef = ref();
-  const updateValue = (e) => {
-    emit("update:modelValue", e.target.value);
-  };
-  const clearValue = () => {
-    emit("update:modelValue", "");
-    focusOnInput();
-  };
-  const onRightIconClick = () => {
-    if (showClear.value) {
-      clearValue();
-    } else {
-      focusOnInput();
-    }
-  };
-  const focusOnInput = () => inputRef.value.focus();
-  const showClear = computed(() => {
-    return props.modelValue !== "";
-  });
-  const inline = computed(() => {
-    return props.variant === "inline-table";
-  });
-  const transparent = computed(() => {
-    return props.variant === "transparent";
-  });
-  const showRightIcon = computed(() => {
-    if (inline.value || transparent.value) {
-      showClear.value;
-    }
-    return showClear.value;
-  });
-  const showLeftIcon = computed(() => {
-    return transparent.value || inline.value;
-  });
-  const rightIcon = computed(() => {
-    return showClear.value ? "cancel" : "search";
-  });
-  return {
-    showLeftIcon,
-    updateValue,
-    showRightIcon,
-    showClear,
-    rightIcon,
-    onRightIconClick,
-    inputRef
-  };
-};
-
-export { searchCommon };

package/components/search/v3/index.vue.js

@@ -1,6 +0,0 @@
-import Search from './Search.vue.js';
-export { default as Search } from './Search.vue.js';
-
-const SearchTypes = () => [Search];
-
-export { SearchTypes };

package/components/search/v4/index.vue.js

@@ -1,6 +0,0 @@
-import Search from './SearchV4.vue.js';
-export { default as Search } from './SearchV4.vue.js';
-
-const SearchTypes = () => [Search];
-
-export { SearchTypes };

package/components/skeleton/index.vue.js

@@ -1,6 +0,0 @@
-import Skeleton from './Skeleton.vue.js';
-export { default as Skeleton } from './Skeleton.vue.js';
-
-const SkeletonTypes = () => [Skeleton];
-
-export { SkeletonTypes };

package/components/snackbar/index.vue.js

@@ -1,5 +0,0 @@
-import notify from './notify.vue.js';
-
-const Snackbar = notify;
-
-export { Snackbar, Snackbar as default };

package/components/snackbar/notify.vue.js

@@ -1,106 +0,0 @@
-import { isVNode, createVNode, render } from 'vue';
-import SnackbarConstructor from './Snackbar.vue.js';
-import { snackbarTypes } from './snackbar.types.vue.js';
-
-const notifications = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-};
-const SNACKBAR_GAP_SIZE = 16;
-let seed = 1;
-const defaultZIndex = 2e3;
-const notify = function(options = {}, context = null) {
-  if (typeof options === "string" || isVNode(options)) {
-    options = { message: options };
-  }
-  const position = options.position || "top-right";
-  let zIndex = options.zIndex || defaultZIndex;
-  let verticalOffset = notifications[position].reduce(
-    (verticalOffset2, { vm: vm2 }) => verticalOffset2 + (vm2.el?.offsetHeight || 0) + SNACKBAR_GAP_SIZE,
-    options.offset || 0
-  );
-  verticalOffset += SNACKBAR_GAP_SIZE;
-  const nextZIndex = () => zIndex++;
-  const id = `notification_${seed++}`;
-  const userOnClose = options.onClose;
-  const props = {
-    ...options,
-    zIndex: nextZIndex(),
-    offset: verticalOffset,
-    id,
-    onClose: () => {
-      close(id, position, userOnClose);
-    }
-  };
-  const appendTo = document.body;
-  const container = document.createElement("div");
-  const vm = createVNode(
-    SnackbarConstructor,
-    props,
-    isVNode(props.message) ? {
-      default: () => props.message
-    } : null
-  );
-  vm.appContext = context ?? notify._context;
-  vm.props.onDestroy = () => {
-    render(null, container);
-  };
-  render(vm, container);
-  notifications[position].push({ vm });
-  appendTo.appendChild(container?.firstElementChild);
-  return {
-    close: () => {
-      const proxy = vm.component?.proxy;
-      if (proxy)
-        proxy.visible = false;
-    }
-  };
-};
-function close(id, position, userOnClose) {
-  const orientedNotifications = notifications[position];
-  const activeNotificationIndex = orientedNotifications.findIndex(
-    ({ vm: vm2 }) => vm2.component?.props.id === id
-  );
-  if (activeNotificationIndex === -1)
-    return;
-  const { vm } = orientedNotifications[activeNotificationIndex];
-  if (!vm)
-    return;
-  userOnClose?.(vm);
-  const removedHeight = vm.el?.offsetHeight;
-  const verticalPos = position.split("-")[0];
-  orientedNotifications.splice(activeNotificationIndex, 1);
-  const len = orientedNotifications.length;
-  for (let i = activeNotificationIndex; i < len; i++) {
-    const { el, component } = orientedNotifications[i].vm;
-    component.props.offset = Number.parseInt(el.style[verticalPos], 10) - removedHeight - SNACKBAR_GAP_SIZE;
-  }
-}
-snackbarTypes.forEach((type) => {
-  notify[type] = (options = {}) => {
-    if (typeof options === "string" || isVNode(options)) {
-      options = {
-        message: options
-      };
-    }
-    return notify({
-      ...options,
-      type
-    });
-  };
-});
-function closeAll() {
-  for (const orientedNotifications of Object.values(notifications)) {
-    orientedNotifications.forEach(({ vm }) => {
-      const proxy = vm.component?.proxy;
-      if (proxy)
-        proxy.visible = false;
-    });
-  }
-}
-notify.closeAll = closeAll;
-notify._context = null;
-
-export { close, closeAll, notify as default };

package/components/snackbar/snackbar.types.vue.js

@@ -1,6 +0,0 @@
-const snackbarEmits = {
-  destroy: () => true
-};
-const snackbarTypes = ["success", "info", "error"];
-
-export { snackbarEmits, snackbarTypes };

package/components/switch/v3/index.vue.js

@@ -1,6 +0,0 @@
-import Switch from './Switch.vue.js';
-export { default as Switch } from './Switch.vue.js';
-
-const SwitchTypes = () => [Switch];
-
-export { SwitchTypes };

package/components/switch/v4/index.vue.js

@@ -1,6 +0,0 @@
-import Switch from './SwitchV4.vue.js';
-export { default as Switch } from './SwitchV4.vue.js';
-
-const SwitchTypes = () => [Switch];
-
-export { SwitchTypes };

package/components/table/TableContext.vue.js

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

package/components/table/index.vue.js

@@ -1,8 +0,0 @@
-import Table from './Table.vue.js';
-export { default as Table } from './Table.vue.js';
-import { TableContext } from './TableContext.vue.js';
-export { TableContext } from './TableContext.vue.js';
-
-const TableTypes = () => [Table, TableContext];
-
-export { TableTypes };

package/components/table-cells/EditableContext.vue.js

@@ -1,10 +0,0 @@
-import { inject } from 'vue';
-
-const EditableContext = Symbol(
-  "EditableContext"
-);
-function useEditableContext() {
-  return inject(EditableContext, {});
-}
-
-export { EditableContext, useEditableContext };

package/components/table-cells/index.vue.js

@@ -1,8 +0,0 @@
-import Editable from './Editable.vue.js';
-export { default as Editable } from './Editable.vue.js';
-import { EditableContext } from './EditableContext.vue.js';
-export { EditableContext, useEditableContext } from './EditableContext.vue.js';
-
-const EditableTypes = () => [Editable, EditableContext];
-
-export { EditableTypes };

package/components/tabs/index.vue.js

@@ -1,6 +0,0 @@
-import Tabs from './Tabs.vue.js';
-export { default as Tabs } from './Tabs.vue.js';
-
-const TabsTypes = () => [Tabs];
-
-export { TabsTypes };