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

package/components/toggle/Toggle.vue.js

@@ -1,94 +0,0 @@
-import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-import { COLORS } from '../../consts/colors.vue.js';
-/* empty css                                                        */
-import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "toggle-wrap" };
-const _hoisted_2 = { class: "toggle-head" };
-const _hoisted_3 = ["disabled", "checked"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __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: false },
-    isLoading: { type: Boolean, default: false },
-    color: { default: COLORS.PRIMARY_500 }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    useCssVars((_ctx) => ({
-      "7a6f4588": __props.color
-    }));
-    const toggleValue = () => {
-      if (props.isDisabled)
-        return;
-      emit("update:modelValue", !props.modelValue);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", {
-            class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
-            onClick: toggleValue
-          }, [
-            createElementVNode("div", _hoisted_2, [
-              __props.isLoading ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass(["loader", {
-                  "loader-active": __props.modelValue
-                }])
-              }, null, 2)) : createCommentVNode("", true)
-            ])
-          ], 2),
-          createElementVNode("input", {
-            type: "checkbox",
-            disabled: __props.isDisabled,
-            checked: __props.modelValue,
-            class: "checkbox"
-          }, null, 8, _hoisted_3),
-          createVNode(unref(Text), {
-            size: "sm",
-            "is-truncated": "",
-            class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }])
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.modelValue ? __props.activeText : __props.inactiveText), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ]),
-        createElementVNode("div", null, [
-          __props.helperText ? (openBlock(), createBlock(unref(Text), {
-            key: 0,
-            size: "caption",
-            class: "helper-text"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.helperText), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          __props.errorText ? (openBlock(), createBlock(unref(Text), {
-            key: 1,
-            size: "caption",
-            class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }])
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.errorText), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-});
-var Toggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27275176"]]);
-
-export { Toggle as default };

package/components/tooltip/TextWithTitleContent.vue.js

@@ -1,48 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                                      */
-import "../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "content-wrap" };
-const _hoisted_2 = { class: "content-header" };
-const _hoisted_3 = { class: "content-body" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TextWithTitleContent",
-  props: {
-    text: null,
-    header: null
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(unref(Text), {
-            size: "md",
-            "is-truncated": false,
-            strong: ""
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.header), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          createVNode(unref(Text), {
-            size: "xs",
-            "is-truncated": false,
-            strong: ""
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.text), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]);
-    };
-  }
-});
-var TextWithTitleContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b51333e"]]);
-
-export { TextWithTitleContent as default };

package/components/tooltip/Tooltip.vue.js

@@ -1,97 +0,0 @@
-import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
-import TextWithTitleContent from './TextWithTitleContent.vue.js';
-/* empty css                                                                     */import Text from '../typography/Text.vue.js';
-import { Tooltip } from 'floating-vue';
-/* empty css                                             */
-import "../../Tooltip.vue_vue_type_style_index_0_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Tooltip",
-  props: {
-    text: { default: null },
-    header: { default: null },
-    delay: { default: 0 },
-    triggers: { default: () => ["hover"] },
-    forceShowWithTruncate: { type: Boolean, default: false },
-    placement: { default: "top" },
-    theme: { default: "default" },
-    disabled: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const showTooltip = ref(false);
-    const textForDisplay = ref(null);
-    const container = ref(null);
-    const slots = useSlots();
-    const getText = () => showTooltip.value ? props.text : null;
-    const checkShouldShowTooltip = async () => {
-      showTooltip.value = true;
-      await nextTick();
-      if (!props.forceShowWithTruncate) {
-        const slotElement = container.value?.children && container.value.children[0];
-        const textOverflow = slotElement && window.getComputedStyle(slotElement, null).getPropertyValue("text-overflow");
-        if (textOverflow === "ellipsis") {
-          showTooltip.value = slotElement.offsetWidth < slotElement.scrollWidth;
-        }
-      }
-    };
-    watch(
-      () => props.text,
-      async () => {
-        await checkShouldShowTooltip();
-        textForDisplay.value = getText();
-      },
-      { immediate: true }
-    );
-    watch(
-      () => slots.default,
-      async () => {
-        await checkShouldShowTooltip();
-        textForDisplay.value = getText();
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Tooltip), mergeProps(_ctx.$props, {
-        theme: __props.theme,
-        "no-auto-focus": "",
-        triggers: __props.triggers,
-        delay: { show: __props.delay, hide: 0 },
-        placement: __props.placement,
-        disabled: __props.disabled || __props.text && !textForDisplay.value,
-        "auto-hide": ""
-      }), {
-        popper: withCtx(() => [
-          renderSlot(_ctx.$slots, "tooltip", { text: textForDisplay.value }, () => [
-            !__props.header ? (openBlock(), createBlock(unref(Text), {
-              key: 0,
-              size: "sm",
-              "is-truncated": false,
-              strong: ""
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(textForDisplay.value), 1)
-              ]),
-              _: 1
-            })) : (openBlock(), createBlock(TextWithTitleContent, {
-              key: 1,
-              text: __props.text,
-              header: __props.header
-            }, null, 8, ["text", "header"]))
-          ])
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "container",
-            ref: container,
-            class: "container"
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 512)
-        ]),
-        _: 3
-      }, 16, ["theme", "triggers", "delay", "placement", "disabled"]);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/components/typography/Heading.vue.js

@@ -1,33 +0,0 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
-/* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Heading.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Heading",
-  props: {
-    isTruncated: { type: Boolean },
-    level: { default: "1" }
-  },
-  setup(__props) {
-    const props = __props;
-    const tag = computed(() => {
-      if (props.level === "label") {
-        return "label";
-      }
-      return `h${props.level}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
-        class: normalizeClass(["heading", { truncate: __props.isTruncated }])
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-});
-var Heading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc7b6ce8"]]);
-
-export { Heading as default };

package/components/typography/Text.vue.js

@@ -1,28 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-/* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Text.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Text",
-  props: {
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean },
-    size: { default: "md" }
-  },
-  setup(__props) {
-    const props = __props;
-    const sizeClass = computed(() => {
-      return `text-size-${props.size}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }])
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f640dd6"]]);
-
-export { Text as default };

package/consts/regex.d.ts

@@ -1 +0,0 @@
-export declare const REGEX_NUMBER_INPUT: RegExp;

package/consts/regex.vue.js

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

package/consts/style.d.ts

@@ -1 +0,0 @@
-export declare const PX_TO_REM_RATIO: number;

package/consts/style.vue.js

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

package/utils/array.d.ts

@@ -1 +0,0 @@
-export declare const isObjectInArray: (array: any, element: any) => boolean;

package/utils/array.vue.js

@@ -1,13 +0,0 @@
-const isObjectInArray = (array, element) => {
-  const foundObject = array.find((obj) => {
-    for (const key in element) {
-      if (obj[key] !== element[key]) {
-        return false;
-      }
-    }
-    return true;
-  });
-  return !!foundObject;
-};
-
-export { isObjectInArray };

package/utils/object.d.ts

@@ -1 +0,0 @@
-export declare const objectsEqual: (objA: any, objB: any) => boolean;

package/utils/object.vue.js

@@ -1,10 +0,0 @@
-const objectsEqual = (objA, objB) => {
-  for (const key in objA) {
-    if (objA[key] !== objB[key]) {
-      return false;
-    }
-  }
-  return true;
-};
-
-export { objectsEqual };

package/utils/style.d.ts

@@ -1 +0,0 @@
-export declare const pxToRem: (value: number) => number;

package/utils/style.vue.js

@@ -1,5 +0,0 @@
-import { PX_TO_REM_RATIO } from '../consts/style.vue.js';
-
-const pxToRem = (value) => value * PX_TO_REM_RATIO;
-
-export { pxToRem };