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

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 };

package/components/textArea/index.vue.js

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

package/components/toggle/index.vue.js

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

package/components/tooltip/index.vue.js

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

package/components/typography/index.vue.js

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

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

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

package/composables/useId.vue.js

@@ -1,15 +0,0 @@
-import { inject, computed, unref } from 'vue';
-
-const defaultIdInjection = {
-  prefix: Math.floor(Math.random() * 1e4),
-  current: 0
-};
-const ID_INJECTION_KEY = Symbol("elIdInjection");
-const useId = (deterministicId) => {
-  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection);
-  return computed(
-    () => unref(deterministicId) || `el-id-${idInjection.prefix}-${idInjection.current++}`
-  );
-};
-
-export { ID_INJECTION_KEY, useId };

package/composables/useIsFocusVisible.vue.js

@@ -1,34 +0,0 @@
-import { ref } from 'vue';
-
-function isFocusVisible(event) {
-  const { target } = event;
-  try {
-    return target.matches(":focus-visible");
-  } catch (error) {
-    console.info("browser does not support focus-visible");
-  }
-}
-function useIsFocusVisible() {
-  const isFocusVisibleRef = ref(false);
-  function handleBlurVisible() {
-    if (isFocusVisibleRef.value) {
-      isFocusVisibleRef.value = false;
-      return true;
-    }
-    return false;
-  }
-  function handleFocusVisible(event) {
-    if (isFocusVisible(event)) {
-      isFocusVisibleRef.value = true;
-      return true;
-    }
-    return false;
-  }
-  return {
-    isFocusVisibleRef,
-    onFocus: handleFocusVisible,
-    onBlur: handleBlurVisible
-  };
-}
-
-export { useIsFocusVisible as default };

package/composables/useSearch.vue.js

@@ -1,18 +0,0 @@
-import { computed } from 'vue';
-
-function useSearch({
-  searchAttribute
-}) {
-  const onSearch = computed(() => {
-    return (option, query) => {
-      try {
-        return option[searchAttribute].search(new RegExp(query, "i")) >= 0;
-      } catch {
-        return false;
-      }
-    };
-  });
-  return onSearch;
-}
-
-export { useSearch };

package/composables/useStorage.vue.js

@@ -1,42 +0,0 @@
-import { ref, watch } from 'vue';
-
-function useStorage(key, type = 1 /* SessionStorage */, val = null) {
-  const storageType = type === 0 /* LocalStorage */ ? localStorage : sessionStorage;
-  const storedValue = read();
-  if (storedValue) {
-    val = ref(storedValue);
-  } else {
-    val = ref(val);
-    write();
-  }
-  watch(val, () => {
-    write();
-  });
-  function read() {
-    const storedValue2 = storageType.getItem(key);
-    return storedValue2 ? JSON.parse(decodeBase64(storedValue2)) : null;
-  }
-  function write() {
-    if (val.value === "" || val.value === null) {
-      storageType.removeItem(key);
-      return;
-    }
-    storageType.setItem(key, encodeBase64(JSON.stringify(val.value)));
-  }
-  function encodeBase64(data) {
-    return btoa(
-      encodeURIComponent(data).replace(
-        /%([0-9A-F]{2})/g,
-        (match, p1) => String.fromCharCode(Number("0x" + p1))
-      )
-    );
-  }
-  function decodeBase64(data) {
-    return decodeURIComponent(
-      atob(data).split("").map((c) => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join("")
-    );
-  }
-  return val;
-}
-
-export { useStorage };

package/composables/useToggle.vue.js

@@ -1,27 +0,0 @@
-import { ref } from 'vue';
-
-function useToggle({
-  initialValue,
-  disabled
-} = {}) {
-  const open = ref(initialValue);
-  const disabledRef = ref(disabled);
-  function disable(value) {
-    disabledRef.value = value ?? true;
-    return disabledRef.value;
-  }
-  function toggle(...args) {
-    if (disabledRef.value) {
-      return;
-    }
-    if (args.length && typeof args[0] !== "undefined") {
-      open.value = args[0];
-      return open.value;
-    }
-    open.value = !open.value;
-    return open.value;
-  }
-  return [open, toggle, disable];
-}
-
-export { useToggle };

package/consts/regex.vue.js

@@ -1,3 +0,0 @@
-const REGEX_NUMBER_INPUT = /^[0-9.]*$/;
-
-export { REGEX_NUMBER_INPUT };

package/consts/style.vue.js

@@ -1,3 +0,0 @@
-const PX_TO_REM_RATIO = 1 / 16;
-
-export { PX_TO_REM_RATIO };