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

package/components/toggle/Toggle.vue.vue2.js

@@ -1,94 +0,0 @@
-import { defineComponent as h, useCssVars as v, openBlock as l, createElementBlock as m, createElementVNode as a, unref as t, normalizeClass as i, createCommentVNode as s, createVNode as V, withCtx as o, createTextVNode as c, toDisplayString as n, createBlock as f } from "vue";
-import { ToggleTestIdModifiers as d } from "../../testids/index.vue.js";
-/* empty css                              */import u from "../typography/Text.vue.vue.js";
-import { COLORS as b } from "../../consts/colors.vue.js";
-const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I = ["disabled", "checked", "data-testid"], z = /* @__PURE__ */ h({
-  __name: "Toggle",
-  props: {
-    modelValue: { type: Boolean },
-    activeText: { default: void 0 },
-    inactiveText: { default: void 0 },
-    errorText: { default: void 0 },
-    helperText: { default: void 0 },
-    isDisabled: { type: Boolean, default: !1 },
-    isLoading: { type: Boolean, default: !1 },
-    color: { default: b.PRIMARY_500 },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: x }) {
-    const r = e;
-    v((g) => ({
-      "2dc32b31": e.color
-    }));
-    const T = () => {
-      r.isDisabled || x("update:modelValue", !r.modelValue);
-    };
-    return (g, y) => (l(), m("div", null, [
-      a("div", {
-        class: "toggle-wrap",
-        "data-testid": `${e.testId}-${t(d).WRAPPER}`
-      }, [
-        a("div", {
-          class: i(["toggle-body", { "toggle-active": e.modelValue, "toggle-disabled": e.isDisabled }]),
-          "data-testid": `${e.testId}-${t(d).BODY}`,
-          onClick: T
-        }, [
-          a("div", E, [
-            e.isLoading ? (l(), m("span", {
-              key: 0,
-              class: i(["loader", {
-                "loader-active": e.modelValue
-              }])
-            }, null, 2)) : s("", !0)
-          ])
-        ], 10, k),
-        a("input", {
-          type: "checkbox",
-          disabled: e.isDisabled,
-          checked: e.modelValue,
-          "data-testid": `${e.testId}-${t(d).FIELD}`,
-          class: "checkbox"
-        }, null, 8, I),
-        V(t(u), {
-          size: "sm",
-          "is-truncated": "",
-          class: i(["item-text", { "text-disabled": e.isDisabled }]),
-          "test-id": `${e.testId}-${t(d).TEXT}`
-        }, {
-          default: o(() => [
-            c(n(e.modelValue ? e.activeText : e.inactiveText), 1)
-          ]),
-          _: 1
-        }, 8, ["class", "test-id"])
-      ], 8, $),
-      a("div", null, [
-        e.helperText ? (l(), f(t(u), {
-          key: 0,
-          size: "caption",
-          class: "helper-text",
-          "test-id": `${e.testId}-${t(d).HELPER_TEXT}`
-        }, {
-          default: o(() => [
-            c(n(e.helperText), 1)
-          ]),
-          _: 1
-        }, 8, ["test-id"])) : s("", !0),
-        e.errorText ? (l(), f(t(u), {
-          key: 1,
-          size: "caption",
-          class: i(["error-text", { "error-and-help": !!e.helperText }]),
-          "test-id": `${e.testId}-${t(d).ERROR_TEXT}`
-        }, {
-          default: o(() => [
-            c(n(e.errorText), 1)
-          ]),
-          _: 1
-        }, 8, ["class", "test-id"])) : s("", !0)
-      ])
-    ]));
-  }
-});
-export {
-  z as default
-};

package/components/toggle/index.vue.js

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

package/components/tooltip/TextWithTitleContent.vue.vue2.js

@@ -1,6 +0,0 @@
-import t from "./TextWithTitleContent.vue.vue3.js";
-/* empty css                              */import o from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-7da6e1ca"]]);
-export {
-  i as default
-};

package/components/tooltip/TextWithTitleContent.vue.vue3.js

@@ -1,45 +0,0 @@
-import { defineComponent as l, openBlock as f, createElementBlock as m, createElementVNode as o, createVNode as n, unref as t, withCtx as d, createTextVNode as i, toDisplayString as r } from "vue";
-import { TooltipTestIdModifiers as a } from "../../testids/index.vue.js";
-/* empty css                              */import c from "../typography/Text.vue.vue.js";
-const u = { class: "content-wrap" }, p = { class: "content-header" }, T = { class: "content-body" }, g = /* @__PURE__ */ l({
-  __name: "TextWithTitleContent",
-  props: {
-    text: null,
-    header: null,
-    testId: { default: "" }
-  },
-  setup(e) {
-    const s = e;
-    return (_, h) => (f(), m("div", u, [
-      o("div", p, [
-        n(t(c), {
-          size: "md",
-          "is-truncated": !1,
-          strong: "",
-          "test-id": `${s.testId}-${t(a).TEXT}`
-        }, {
-          default: d(() => [
-            i(r(e.header), 1)
-          ]),
-          _: 1
-        }, 8, ["test-id"])
-      ]),
-      o("div", T, [
-        n(t(c), {
-          size: "xs",
-          "is-truncated": !1,
-          strong: "",
-          "test-id": `${s.testId}-${t(a).TEXT}`
-        }, {
-          default: d(() => [
-            i(r(e.text), 1)
-          ]),
-          _: 1
-        }, 8, ["test-id"])
-      ])
-    ]));
-  }
-});
-export {
-  g as default
-};

package/components/tooltip/Tooltip.vue.vue.js

@@ -1,83 +0,0 @@
-import { defineComponent as y, ref as r, useSlots as v, watch as m, openBlock as n, createBlock as s, unref as a, mergeProps as w, withCtx as u, renderSlot as h, createTextVNode as g, toDisplayString as S, createElementVNode as k, nextTick as $ } from "vue";
-import I from "./TextWithTitleContent.vue.vue2.js";
-import { TooltipTestIdModifiers as x } from "../../testids/index.vue.js";
-/* empty css                              */import W from "../typography/Text.vue.vue.js";
-import { Tooltip as b } from "floating-vue";
-const N = /* @__PURE__ */ y({
-  __name: "Tooltip",
-  props: {
-    text: { default: null },
-    header: { default: null },
-    delay: { default: 0 },
-    triggers: { default: () => ["hover"] },
-    forceShowWithTruncate: { type: Boolean, default: !1 },
-    placement: { default: "top" },
-    theme: { default: "default" },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  setup(e) {
-    const o = e, i = r(!1), l = r(null), d = r(null), T = v(), f = () => i.value ? o.text : null, c = async () => {
-      if (i.value = !0, await $(), !o.forceShowWithTruncate) {
-        const t = d.value?.children && d.value.children[0];
-        (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (i.value = t.offsetWidth < t.scrollWidth);
-      }
-    };
-    return m(
-      () => o.text,
-      async () => {
-        await c(), l.value = f();
-      },
-      { immediate: !0 }
-    ), m(
-      () => T.default,
-      async () => {
-        await c(), l.value = f();
-      },
-      { immediate: !0 }
-    ), (t, p) => (n(), s(a(b), w(t.$props, {
-      theme: e.theme,
-      "no-auto-focus": "",
-      triggers: e.triggers,
-      delay: { show: e.delay, hide: 0 },
-      placement: e.placement,
-      disabled: e.disabled || e.text && !l.value,
-      "data-testid": `${e.testId}-${a(x).TRIGGER}`,
-      "auto-hide": ""
-    }), {
-      popper: u(() => [
-        h(t.$slots, "tooltip", { text: l.value }, () => [
-          e.header ? (n(), s(I, {
-            key: 1,
-            text: e.text,
-            header: e.header
-          }, null, 8, ["text", "header"])) : (n(), s(a(W), {
-            key: 0,
-            size: "sm",
-            "is-truncated": !1,
-            strong: "",
-            "test-id": `${e.testId}-${a(x).TEXT}`
-          }, {
-            default: u(() => [
-              g(S(l.value), 1)
-            ]),
-            _: 1
-          }, 8, ["test-id"]))
-        ])
-      ]),
-      default: u(() => [
-        k("div", {
-          ref_key: "container",
-          ref: d,
-          class: "container"
-        }, [
-          h(t.$slots, "default")
-        ], 512)
-      ]),
-      _: 3
-    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]));
-  }
-});
-export {
-  N as default
-};

package/components/tooltip/Tooltip.vue.vue3.js

@@ -1,4 +0,0 @@
-import o from "./Tooltip.vue.vue.js";
-/* empty css                  */export {
-  o as default
-};

package/components/tooltip/index.vue.js

@@ -1,6 +0,0 @@
-import o from "./Tooltip.vue.vue.js";
-/* empty css                  */const i = () => [o];
-export {
-  o as Tooltip,
-  i as TooltipTypes
-};

package/components/typography/Heading.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Heading.vue.vue3.js";
-/* empty css                  */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-19878c4b"]]);
-export {
-  p as default
-};

package/components/typography/Heading.vue.vue3.js

@@ -1,25 +0,0 @@
-import { defineComponent as r, computed as o, openBlock as s, createBlock as d, resolveDynamicComponent as i, unref as a, normalizeClass as c, withCtx as u, renderSlot as f } from "vue";
-import { HeaderTestIdModifiers as m } from "../../testids/index.vue.js";
-const C = /* @__PURE__ */ r({
-  __name: "Heading",
-  props: {
-    isTruncated: { type: Boolean },
-    level: { default: "1" },
-    testId: { default: "" }
-  },
-  setup(e) {
-    const t = e, l = o(() => t.level === "label" ? "label" : `h${t.level}`);
-    return (n, p) => (s(), d(i(a(l)), {
-      class: c(["heading", { truncate: e.isTruncated }]),
-      "data-testid": `${e.testId}-${a(m).HEADER}`
-    }, {
-      default: u(() => [
-        f(n.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["class", "data-testid"]));
-  }
-});
-export {
-  C as default
-};

package/components/typography/Text.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Text.vue.vue2.js";
-/* empty css               */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-94bd409b"]]);
-export {
-  _ as default
-};

package/components/typography/Text.vue.vue2.js

@@ -1,23 +0,0 @@
-import { defineComponent as r, computed as a, openBlock as d, createElementBlock as i, normalizeClass as c, unref as e, renderSlot as l } from "vue";
-import { TextTestIdModifiers as u } from "../../testids/index.vue.js";
-const m = ["data-testid"], x = /* @__PURE__ */ r({
-  __name: "Text",
-  props: {
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean },
-    size: { default: "md" },
-    testId: { default: "" }
-  },
-  setup(t) {
-    const s = t, o = a(() => `text-size-${s.size}`);
-    return (n, f) => (d(), i("span", {
-      class: c(["text", { strong: t.strong, [e(o)]: !0, truncate: t.isTruncated }]),
-      "data-testid": `${t.testId}-${e(u).TEXT}`
-    }, [
-      l(n.$slots, "default", {}, void 0, !0)
-    ], 10, m));
-  }
-});
-export {
-  x as default
-};

package/components/typography/index.vue.js

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

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

@@ -1,6 +0,0 @@
-import o from "./Typography.vue.vue2.js";
-/* empty css                     */import p from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const f = /* @__PURE__ */ p(o, [["__scopeId", "data-v-94f65484"]]);
-export {
-  f as default
-};

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

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

package/index.vue.js

@@ -1,185 +0,0 @@
-import './MenuItem.vue_vue_type_style_index_0_scoped_c7e837fa_lang.css';
-import { AppTriggerTypes as T } from "./components/appTrigger/index.vue.js";
-import { AutocompleteDropdownTypes as c } from "./components/autocompleteDropdown/index.vue.js";
-import { MenuItemTypes as I } from "./components/menuItem/index.vue.js";
-import { MenuTypes as E } from "./components/menu/index.vue.js";
-import { AppIconTypes as $ } from "./components/appIcon/index.vue.js";
-import { RadioButtonTypes as F } from "./components/radioButton/index.vue.js";
-import { Snackbar as C } from "./components/snackbar/index.vue.js";
-import { FloatingToolbarTypes as B } from "./components/floatingToolbar/index.vue.js";
-import { IncludeExcludeTypes as P } from "./components/includeExclude/index.vue.js";
-import { CssBaselineTypes as w } from "./components/cssBaseline/index.vue.js";
-import { ID_INJECTION_KEY as H, useId as O } from "./composables/useId.vue.js";
-import { EmptyStateTypes as N } from "./components/emptyState/index.vue.js";
-import { TableTypes as G } from "./components/table/index.vue.js";
-import { DialogTypes as K } from "./components/dialog/index.vue.js";
-import { FilterPanelTypes as Y } from "./components/filtersPanel/index.vue.js";
-import { FilterDropdownTypes as q } from "./components/filterDropdown/index.vue.js";
-import { TabsTypes as L } from "./components/tabs/index.vue.js";
-import { CheckboxTypes as U } from "./components/checkbox/index.vue.js";
-import { IconTypes as X } from "./components/icon/index.vue.js";
-import { SkeletonTypes as ee } from "./components/skeleton/index.vue.js";
-import { TypographyTypes as re } from "./components/typography/index.vue.js";
-import { TypographyTypesV4 as pe } from "./components/typography/v4/index.vue.js";
-import { PopoverTypes as fe } from "./components/popover/index.vue.js";
-import * as e from "./components/button/v3/index.vue.js";
-import * as o from "./components/button/v4/index.vue.js";
-import * as r from "./components/chip/v3/index.vue.js";
-import * as t from "./components/chip/v4/index.vue.js";
-import * as p from "./components/switch/v3/index.vue.js";
-import * as a from "./components/switch/v4/index.vue.js";
-import * as f from "./components/dropdown/v3/index.vue.js";
-import * as m from "./components/dropdown/v4/index.vue.js";
-import * as x from "./components/search/v3/index.vue.js";
-import * as s from "./components/search/v4/index.vue.js";
-import * as l from "./components/input/v3/index.vue.js";
-import * as d from "./components/input/v4/index.vue.js";
-import { ToggleTypes as xe } from "./components/toggle/index.vue.js";
-import { TooltipTypes as le } from "./components/tooltip/index.vue.js";
-import { TextAreaTypes as ue } from "./components/textArea/index.vue.js";
-import { EditableTypes as ie } from "./components/table-cells/index.vue.js";
-import { useToggle as ye } from "./composables/useToggle.vue.js";
-import { useSearch as ge } from "./composables/useSearch.vue.js";
-import { DateRangeTypes as be } from "./components/dateRange/index.vue.js";
-import { DatePickerTypes as De } from "./components/datePicker/index.vue.js";
-import { BannerTypes as Ae } from "./components/banner/index.vue.js";
-import { default as ke } from "./components/appTrigger/AppTrigger.vue.vue.js";
-import { default as he } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.vue.js";
-import { default as Se } from "./components/menuItem/MenuItem.vue.vue.js";
-import { default as Re } from "./components/menu/Menu.vue.vue.js";
-import { default as Me } from "./components/appIcon/AppIcon.vue.vue.js";
-import { default as Oe } from "./components/radioButton/RadioButton.vue.vue.js";
-import { default as Ne } from "./components/radioButton/RadioGroup.vue.vue.js";
-import { snackbarEmits as Ge, snackbarTypes as Je } from "./components/snackbar/snackbar.types.vue.js";
-import { default as Ve } from "./components/floatingToolbar/FloatingToolbar.vue.vue.js";
-import { default as je } from "./components/includeExclude/IncludeExclude.vue.vue.js";
-import { default as ze } from "./components/includeExclude/IncludeExcludeDragDrop.vue.vue.js";
-import { default as Qe } from "./components/includeExclude/IncludeExcludeOption.vue.vue.js";
-import { default as We } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.vue.js";
-import { default as Ze } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.vue.js";
-import { default as oo } from "./components/includeExclude/IncludeExcludeAppHeader.vue.vue.js";
-import { default as to } from "./components/includeExclude/IncludeExcludeChipFilter.vue.vue.js";
-import { default as ao } from "./components/cssBaseline/CssBaseline.vue.vue.js";
-import { default as mo } from "./components/emptyState/EmptyState.vue.vue.js";
-import { default as so } from "./components/table/Table.vue.vue.js";
-import { TableContext as uo } from "./components/table/TableContext.vue.js";
-import { default as io } from "./components/dialog/Dialog.vue.vue.js";
-import { Reason as yo } from "./components/dialog/Reason.vue.js";
-import { default as go } from "./components/filtersPanel/FiltersPanel.vue.vue.js";
-import { default as bo } from "./components/filtersPanel/FilterSearchInput.vue.vue.js";
-import { useHiddenFilter as Do } from "./components/filtersPanel/useHiddenFilter.vue.js";
-import { default as Ao } from "./components/filterDropdown/FilterDropdown.vue.vue.js";
-import { default as ko } from "./components/filterDropdown/AddFilterButton.vue.vue.js";
-import { default as ho } from "./components/tabs/Tabs.vue.vue.js";
-import { default as So } from "./components/checkbox/Checkbox.vue.vue.js";
-import { default as Ro } from "./components/icon/Icon.vue.vue.js";
-import { icons as Mo } from "./components/icon/icons/index.vue.js";
-import { default as Oo } from "./components/skeleton/Skeleton.vue.vue.js";
-import { default as No } from "./components/typography/Heading.vue.vue.js";
-import { default as Go } from "./components/typography/Text.vue.vue.js";
-import { default as Ko } from "./components/typography/v4/Typography.vue.vue.js";
-import { default as Yo } from "./components/popover/Popover.vue.vue.js";
-import { default as qo } from "./components/toggle/Toggle.vue.vue.js";
-import { default as Lo } from "./components/tooltip/Tooltip.vue.vue.js";
-import { default as Uo } from "./components/textArea/TextArea.vue.vue.js";
-import { default as Xo } from "./components/table-cells/Editable.vue.vue.js";
-import { EditableContext as er, useEditableContext as or } from "./components/table-cells/EditableContext.vue.js";
-import { default as tr } from "./components/dateRange/DateRange.vue.vue.js";
-import { default as ar } from "./components/datePicker/DatePicker.vue.vue.js";
-import { default as mr } from "./components/banner/Banner.vue.vue.js";
-const u = {
-  ...r,
-  ...t,
-  ...p,
-  ...a,
-  ...e,
-  ...o,
-  ...f,
-  ...m,
-  ...x,
-  ...s,
-  ...l,
-  ...d
-};
-export {
-  ko as AddFilterButton,
-  Me as AppIcon,
-  $ as AppIconTypes,
-  ke as AppTrigger,
-  T as AppTriggerTypes,
-  he as AutocompleteDropdown,
-  c as AutocompleteDropdownTypes,
-  mr as Banner,
-  Ae as BannerTypes,
-  So as Checkbox,
-  U as CheckboxTypes,
-  ao as CssBaseline,
-  w as CssBaselineTypes,
-  ar as DatePicker,
-  De as DatePickerTypes,
-  tr as DateRange,
-  be as DateRangeTypes,
-  io as Dialog,
-  K as DialogTypes,
-  Xo as Editable,
-  er as EditableContext,
-  ie as EditableTypes,
-  mo as EmptyState,
-  N as EmptyStateTypes,
-  Ao as FilterDropdown,
-  q as FilterDropdownTypes,
-  Y as FilterPanelTypes,
-  bo as FilterSearchInput,
-  go as FiltersPanel,
-  Ve as FloatingToolbar,
-  B as FloatingToolbarTypes,
-  No as Heading,
-  H as ID_INJECTION_KEY,
-  Ro as Icon,
-  X as IconTypes,
-  je as IncludeExclude,
-  oo as IncludeExcludeAppHeader,
-  Ze as IncludeExcludeAppTrigger,
-  to as IncludeExcludeChipFilter,
-  ze as IncludeExcludeDragDrop,
-  Qe as IncludeExcludeOption,
-  We as IncludeExcludeOptionDraggable,
-  P as IncludeExcludeTypes,
-  Re as Menu,
-  Se as MenuItem,
-  I as MenuItemTypes,
-  E as MenuTypes,
-  Yo as Popover,
-  fe as PopoverTypes,
-  Oe as RadioButton,
-  F as RadioButtonTypes,
-  Ne as RadioGroup,
-  yo as Reason,
-  Oo as Skeleton,
-  ee as SkeletonTypes,
-  C as Snackbar,
-  so as Table,
-  uo as TableContext,
-  G as TableTypes,
-  ho as Tabs,
-  L as TabsTypes,
-  Go as Text,
-  Uo as TextArea,
-  ue as TextAreaTypes,
-  qo as Toggle,
-  xe as ToggleTypes,
-  Lo as Tooltip,
-  le as TooltipTypes,
-  Ko as Typography,
-  re as TypographyTypes,
-  pe as TypographyTypesV4,
-  u as default,
-  Mo as icons,
-  Ge as snackbarEmits,
-  Je as snackbarTypes,
-  or as useEditableContext,
-  Do as useHiddenFilter,
-  O as useId,
-  ge as useSearch,
-  ye as useToggle
-};

package/utils/style.vue.js

@@ -1,5 +0,0 @@
-import { PX_TO_REM_RATIO as m } from "../consts/style.vue.js";
-const r = (o) => o * m;
-export {
-  r as pxToRem
-};